*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0d0d0d;color:#f0f0f0;font-family:Segoe UI,system-ui,sans-serif;height:100dvh;overflow:hidden}#app{height:100dvh;display:flex;flex-direction:column}.slideshow{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.slide-frame{width:min(100%,calc(100dvh * 16 / 9));aspect-ratio:16 / 9;background:#111827;border-radius:8px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 8px 32px #0009}.progress-bar{height:3px;background:#6366f1;transition:width .3s ease}.nav-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;font-size:.75rem;color:#6b7280;background:#0d1117}.nav-bar button{background:none;border:1px solid #374151;color:#9ca3af;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .15s}.nav-bar button:hover:not(:disabled){background:#1f2937;color:#f0f0f0}.nav-bar button:disabled{opacity:.3;cursor:default}.slide-content{flex:1;padding:2.5rem 3rem;display:flex;flex-direction:column;justify-content:center}.slide-title{font-size:clamp(1.4rem,3.5vw,2.4rem);font-weight:700;color:#f9fafb;line-height:1.2;margin-bottom:1rem}.slide-subtitle{font-size:clamp(.9rem,2vw,1.3rem);color:#9ca3af;margin-bottom:1.5rem}.slide-body{font-size:clamp(.85rem,1.8vw,1.2rem);line-height:1.6;color:#d1d5db}.slide-body ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}.slide-body ul li:before{content:"›  ";color:#6366f1;font-weight:700}.slide-body .highlight{color:#a5b4fc;font-weight:600}.slide-body .number{color:#34d399;font-weight:700;font-family:monospace}.slide-title-card{text-align:center;gap:1rem;justify-content:center;align-items:center}.slide-title-card .presentation-number{font-size:.85rem;color:#6366f1;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem}.slide-title-card .main-title{font-size:clamp(1.6rem,4vw,2.8rem);font-weight:800;color:#f9fafb;line-height:1.15}.slide-title-card .source-line{font-size:.85rem;color:#6b7280;margin-top:1rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.accent-box{background:#1e1b4b;border-left:3px solid #6366f1;padding:.75rem 1rem;border-radius:0 6px 6px 0;margin-top:1rem;font-size:clamp(.8rem,1.6vw,1.05rem);color:#c7d2fe}.home-screen{flex:1;overflow-y:auto;padding:2rem}.home-screen h1{font-size:2rem;font-weight:800;margin-bottom:.5rem;color:#f9fafb}.home-screen .tagline{color:#6b7280;margin-bottom:2rem}.presentation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.presentation-card{background:#111827;border:1px solid #1f2937;border-radius:8px;padding:1.25rem;cursor:pointer;transition:all .15s}.presentation-card:hover{border-color:#6366f1;background:#1a1f2e}.presentation-card .card-number{font-size:.7rem;color:#6366f1;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem}.presentation-card .card-title{font-size:.95rem;font-weight:600;color:#f9fafb;margin-bottom:.3rem}.presentation-card .card-source{font-size:.75rem;color:#6b7280}.keyboard-hint{text-align:center;font-size:.7rem;color:#374151;padding:.4rem}