:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#000;color:#fff}h1,h2,h3,h4,h5,h6{color:#fff}.box-element{border:1px solid #ddd;border-radius:8px;background-color:#000;color:#fff}.megaphone-logo{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}a{color:#ddd;text-decoration:none}a:hover{color:#fff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}#root{text-align:center;--foreground: #070707;--border-color: rgba(255, 255, 255, .1)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{min-height:100vh;background-color:#000;color:#fff}.header{padding:1rem;background-color:var(--foreground);border-bottom:1px solid var(--border-color);z-index:100}.auth-container{display:flex;flex-direction:column;min-height:100dvh}.auth-container main{flex:1;max-width:1280px;margin:0 auto;padding:2rem;display:grid;place-items:center}.auth-box{border:1px solid #ddd;border-radius:8px;padding:2rem;background-color:#000;color:#fff;max-width:400px;width:100%;text-align:center}.auth-box h2{margin-top:0;margin-bottom:1.5rem}.oauth-button{width:100%;margin-bottom:1rem;padding:.8rem 1.2rem;font-size:1rem}.app-container{padding-top:80px;padding:80px 2rem 2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.app-container{padding:20px 1rem 1rem}}.slides-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.add-slide-btn{display:flex;align-items:center;gap:.5rem;font-size:1rem;padding:.8rem 1.2rem}.slides-list{display:flex;flex-direction:column;gap:2rem}.slide{border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;background-color:var(--foreground);color:#fff;width:100%;aspect-ratio:16 / 9;margin:0 auto;display:flex;flex-direction:column}@media (max-width: 768px){.slide{padding:1rem;aspect-ratio:4 / 3}}.slide-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.profile-photo{width:10%;min-width:48px;max-width:80px;aspect-ratio:1 / 1;border-radius:50%;background-color:#ddd;display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:2rem}@media (max-width: 768px){.profile-photo{width:48px;font-size:1.2rem}}.user-name{font-size:2rem;font-weight:600;color:#fff}@media (max-width: 768px){.user-name{font-size:1.2rem}}.slide-content{color:#fff;line-height:1.6;min-height:18rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 3rem}@media (max-width: 768px){.slide-content{padding:0 1rem;min-height:10rem}}.slide-content-text{font-size:2rem;min-height:12rem;white-space:pre-wrap;text-align:left}@media (max-width: 768px){.slide-content-text{font-size:1.2rem;min-height:8rem}}.delete-confirmation{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-confirmation-content{background-color:#000;border:1px solid #ddd;border-radius:8px;padding:2rem;max-width:400px;width:90%;text-align:center}.delete-confirmation-content h3{margin-top:0;margin-bottom:1rem;color:#fff}.delete-confirmation-content p{margin-bottom:1.5rem;color:#ddd;line-height:1.5}.presentation-slide-container{overflow:hidden}.presentation-slide-container .slide{width:100%;height:100%;margin:0}.presentation-slide-container .profile-photo{width:8vh;height:8vh;font-size:3vh}.presentation-slide-container .user-name{font-size:4vh}.presentation-slide-container .slide-content-text{font-size:4vh;min-height:auto}