:root{--background:#fafafa;--foreground:#0a0a0a;--muted:#f1f9f6;--muted-foreground:#6d7875;--popover:#fafafa;--popover-foreground:#272727;--card:#f9fbfa;--card-foreground:#0a0a0a;--border:#d7eae3;--primary:#1b986e;--primary-foreground:#fafafa;--secondary:#eaf6f2;--secondary-foreground:#0f573f;--accent:#eaf6f2;--accent-foreground:#0f573f;--ring:#1fad7e;--radius:.5rem}[data-theme=dark]{--background:#091511;--foreground:#edf3f1;--muted:#152822;--muted-foreground:#94b8ac;--popover:#101e19;--popover-foreground:#edf3f1;--card:#0f241d66;--card-foreground:#edf3f1;--border:#4db39133;--primary:#30e8ab;--primary-foreground:#033021;--secondary:#17362b;--secondary-foreground:#d1faec;--accent:#1f473a;--accent-foreground:#d1faec;--ring:#30e8ab}*{box-sizing:border-box}body{background-color:var(--background);color:var(--foreground);min-height:100vh;margin:0;font-family:Inter,sans-serif;overflow-y:scroll}[data-theme=dark] body{background-image:linear-gradient(#10b98126,#10b98100 400px);background-repeat:no-repeat}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.simple-app-container{max-width:900px;margin:0 auto;padding:40px 24px}.simple-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:48px;padding-bottom:24px;display:flex}.accordion-container{flex-direction:column;gap:16px;display:flex}.accordion-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.accordion-header{cursor:pointer;width:100%;color:var(--primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:24px;transition:background .2s;display:flex}.accordion-header:hover{background:var(--muted)}.accordion-header h2{margin:0;font-size:24px;font-weight:700}.accordion-content{border-top:1px solid var(--border);padding:24px}.topic-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.topic-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.topic-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000d}.topic-link{color:var(--foreground);flex:1;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s}.topic-link:hover{color:var(--primary)}.icon-btn{color:var(--foreground);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.icon-btn:hover:not(:disabled){background:var(--muted)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.primary-btn{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);cursor:pointer;border:none;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .2s;display:flex}.primary-btn:hover:not(:disabled){opacity:.9}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.download-toast{background:var(--foreground);color:var(--background);border-radius:var(--radius);z-index:100;padding:12px 24px;font-weight:500;animation:.3s slideIn;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.viewer-container{background:var(--background);flex-direction:column;height:100vh;display:flex}.viewer-header{border-bottom:1px solid var(--border);background:var(--background);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.viewer-main{background:var(--muted);flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.slide-card{aspect-ratio:16/9;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:1000px;min-height:500px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}@supports not (aspect-ratio:16/9){.slide-card{height:60vh}}.slide-content-pane{flex-direction:column;flex:1;padding:32px 48px;display:flex;overflow-y:auto}.slide-image-pane{border-left:1px solid var(--border);background:0 0;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.slide-image-pane img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}.prose{color:var(--foreground);overflow-wrap:anywhere;word-wrap:break-word;font-size:1.125rem;line-height:1.7}.prose h1,.prose h2,.prose h3{color:var(--primary);margin-top:0}.prose p{margin-bottom:16px}.prose ul,.prose ol{margin-bottom:16px;padding-left:24px}.prose li{margin-bottom:8px}.viewer-footer{border-top:1px solid var(--border);background:var(--background);justify-content:center;align-items:center;gap:24px;padding:16px;display:flex}.slide-counter{color:var(--muted-foreground);font-size:14px;font-weight:500}@media (width<=800px){.slide-card{aspect-ratio:auto;height:auto;flex-direction:column!important}.slide-content-pane{flex:none;padding:24px}.slide-image-pane{border-left:none;border-top:1px solid var(--border);flex:none;min-height:250px;padding:16px}}