*{box-sizing:border-box;margin:0;padding:0}:root{--bg-deepest:#0d0b1a;--bg-primary:#13102a;--bg-secondary:#1a1535;--bg-tertiary:#221c42;--bg-hover:#2a2350;--accent:#a78bfa;--accent-secondary:#8b5cf6;--accent-glow:#a78bfa1f;--accent-dark:#6d28d9;--text-primary:#f0ecf9;--text-secondary:#b8b0d0;--text-muted:#7c6f9b;--success:#6ee7b7;--success-bg:#6ee7b71f;--error:#f87171;--error-bg:#f871711f;--warning:#fbbf24;--border-subtle:#a78bfa14;--border-default:#a78bfa2e;--border-active:#a78bfa73;--shadow-sm:0 2px 8px #0d0b1a66;--shadow-md:0 4px 16px #0d0b1a80;--shadow-lg:0 8px 32px #0d0b1a99;--shadow-glow:0 0 20px #a78bfa1a;--card-glass:#1a1535b3;--card-glass-border:#a78bfa1f;--sidebar-width:240px;--streak-width:220px;--radius:8px;--radius-lg:12px}[data-theme=light]{--bg-deepest:#f0f6ff;--bg-primary:#f7faff;--bg-secondary:#fff;--bg-tertiary:#edf2f9;--bg-hover:#e1eaf5;--accent:#2196f3;--accent-secondary:#1976d2;--accent-glow:#2196f31a;--accent-dark:#1565c0;--text-primary:#0d1b2a;--text-secondary:#3d5a80;--text-muted:#7f96ab;--success:#059669;--success-bg:#05966914;--error:#dc2626;--error-bg:#dc262614;--warning:#d97706;--border-subtle:#2196f314;--border-default:#2196f32e;--border-active:#2196f366;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-glow:0 0 20px #2196f314;--card-glass:#ffffffd9;--card-glass-border:#2196f31f}[data-theme=light] .stat-number{color:var(--text-primary)}[data-theme=light] .stat-card,[data-theme=light] .card,[data-theme=light] .folder-card{border:1px solid #fffffff2;border-color:#fffffff2 #0000000f #00000014 #fffc;box-shadow:0 3px 12px #6450c81a,inset 0 1px #fff}[data-theme=light] .stat-card:hover,[data-theme=light] .card:hover,[data-theme=light] .folder-card:hover{box-shadow:0 5px 18px #6450c829,inset 0 1px #fff}body{background:var(--bg-deepest);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,sans-serif}button,.btn,.tab-btn,input[type=submit]{font-family:Inter,-apple-system,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border-subtle);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:18px 20px;display:flex}.sidebar-logo-img{border-radius:7px;flex-shrink:0;width:28px;height:28px}.sidebar-logo-text{letter-spacing:-.02em;color:var(--text-primary);font-size:13px;font-weight:700}.logo-study-accent{color:var(--accent)}.logo-blue{color:#4f8ef7}.logo-dark{color:var(--text-primary)}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar-tab{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:-.01em;border-left:3px solid #0000;align-items:center;gap:11px;padding:10px 20px;font-size:.92em;transition:color .15s;display:flex}.sidebar-tab:hover{color:var(--text-primary)}.sidebar-tab-smartnotes{color:var(--accent);opacity:.9}.sidebar-tab-smartnotes:hover{color:var(--accent);opacity:1}.sidebar-tab-smartnotes svg{opacity:.8}[data-theme=light] .sidebar-tab-smartnotes,[data-theme=light] .sidebar-tab-smartnotes:hover{color:#4f8ef7}.sidebar-tab-active{color:var(--text-primary);border-left-color:var(--accent);font-weight:600}.sidebar-tab svg{opacity:.5;flex-shrink:0;width:18px;height:18px}.sidebar-tab-active svg{opacity:1}.sidebar-section-divider{background:var(--border-subtle);height:1px;margin:8px 0}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);opacity:.5;padding:4px 20px 2px;font-size:9.5px;font-weight:700}.sidebar-footer{border-top:1px solid var(--border-subtle)}.sidebar-user-row{align-items:center;gap:10px;padding:12px 16px;display:flex}.sidebar-user-avatar{width:28px;height:28px;color:var(--accent);background:#a78bfa26;border:1px solid #a78bfa40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;display:block;overflow:hidden}.sidebar-logout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter,-apple-system,sans-serif;font-size:10.5px;transition:color .15s}.sidebar-logout:hover{color:var(--error)}.sidebar-feedback-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;transition:color .15s;display:flex}.sidebar-feedback-icon:hover{color:var(--accent)}.main-content{margin-left:var(--sidebar-width);margin-right:var(--streak-width);flex:1;min-height:100vh;padding:28px 36px}.streak-panel{width:var(--streak-width);background:var(--bg-primary);border-left:1px solid var(--border-subtle);flex-direction:column;gap:20px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.streak-widget{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:20px 12px}.streak-number{color:var(--accent);font-size:2.8em;font-weight:800;line-height:1}.streak-label{color:var(--text-secondary);margin-top:4px;font-size:.85em}.streak-week{justify-content:center;gap:6px;margin-top:14px;display:flex}.streak-dot{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:50%;width:10px;height:10px}.streak-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px #a78bfa66}.streak-today{color:var(--success);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:.8em;display:flex}.streak-today.not-yet{color:var(--text-muted)}.timer-widget{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);text-align:center;padding:16px}.timer-display{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:2px;font-size:2.2em;font-weight:700}.timer-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.8em}.timer-controls{justify-content:center;gap:6px;margin-top:12px;display:flex}.timer-btn{background:var(--accent-glow);color:var(--accent);border-radius:var(--radius);cursor:pointer;border:none;padding:6px 14px;font-size:.8em;transition:all .15s;box-shadow:0 2px #00000026,0 1px 6px #0000001a}.timer-btn:hover,.timer-btn.active{background:var(--accent);color:var(--bg-deepest)}.timer-modes{justify-content:center;gap:4px;margin-top:10px;display:flex}.timer-mode{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.7em}.timer-mode:hover{color:var(--text-secondary)}.timer-mode.active{color:var(--accent);background:var(--accent-glow)}.dash-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.dash-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:4px;font-size:26px;font-weight:800;line-height:1.1}.dash-subtitle{color:var(--text-muted);font-size:12px;font-weight:400}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid #ffffff14;border-color:#ffffff14 #0003 #0000004d #ffffff0d;padding:18px;transition:box-shadow .2s;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0f}.stat-card:hover{box-shadow:0 6px 22px #0006,inset 0 1px #ffffff14}.stat-icon{display:none}.stat-number{color:var(--text-primary);letter-spacing:-.03em;font-size:1.6em;font-weight:700;line-height:1}.stat-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-top:6px;font-size:10px;font-weight:700}@keyframes guideShine{0%{left:-80%}to{left:110%}}.guide-row{background:var(--bg-secondary);border-radius:var(--radius-lg);cursor:pointer;border:1px solid #ffffff12;border-color:#ffffff12 #0000002e #00000040 #ffffff0a;align-items:center;gap:14px;margin-bottom:8px;padding:12px 16px;transition:box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 12px #00000047,inset 0 1px #ffffff0d}.guide-row:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:55%;height:100%;position:absolute;top:0;left:-80%}.guide-row:hover:before{animation:.45s forwards guideShine}.guide-row:hover{box-shadow:0 5px 18px #00000061,inset 0 1px #ffffff12}.guide-row-icon{background:#a78bfa1a;border:1px solid #a78bfa26;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex}.guide-row-info{flex:1;min-width:0}.guide-row-title{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.guide-row-meta{color:var(--text-muted);margin-top:3px;font-size:11px;font-weight:400}.guide-row-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.guide-row-chevron{opacity:.2;width:14px;height:14px}[data-theme=light] .guide-row{border:1px solid #fffffff2;border-color:#fffffff2 #0000000f #00000014 #fffc;box-shadow:0 3px 12px #6450c81a,inset 0 1px #fff}[data-theme=light] .guide-row:hover{box-shadow:0 5px 18px #6450c829,inset 0 1px #fff}.section-header{justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:16px;display:flex}.section-header h2{color:var(--text-primary);font-size:1.3em;font-weight:600}.section-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:10px;font-weight:700;display:block}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);cursor:pointer;border:1px solid #ffffff12;border-color:#ffffff12 #0000002e #00000040 #ffffff0a;margin-bottom:8px;padding:16px;transition:box-shadow .2s;box-shadow:0 3px 12px #00000047,inset 0 1px #ffffff0d}.card:hover{box-shadow:0 5px 18px #00000061,inset 0 1px #ffffff12}.card h3{color:var(--text-primary);margin-bottom:4px;font-size:1em}.card p{color:var(--text-secondary);font-size:.85em}.card-row{justify-content:space-between;align-items:center;display:flex}.bookmark-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:1.2em;transition:transform .15s}.bookmark-btn:hover{transform:scale(1.2)}.bookmark-btn.active{color:var(--accent)}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:12px;display:grid}.folder-card{background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center;cursor:pointer;border:1px solid #ffffff12;border-color:#ffffff12 #0000002e #00000040 #ffffff0a;padding:20px;transition:box-shadow .2s;box-shadow:0 3px 12px #00000047,inset 0 1px #ffffff0d}.folder-card:hover{border-top-color:#a78bfa33;box-shadow:0 5px 18px #00000061,inset 0 1px #ffffff12}.folder-card h3{color:var(--text-primary);margin-bottom:4px;font-size:1em}.folder-card p{color:var(--text-muted);font-size:.8em}.add-folder-card{box-shadow:none;color:var(--text-muted);letter-spacing:-.03em;background:0 0;border:none;font-weight:800}.add-folder-card:hover{background:var(--accent-glow);color:var(--accent);border:none;box-shadow:0 3px 10px #0000001f}.btn{background:var(--accent);color:var(--bg-deepest);cursor:pointer;letter-spacing:-.01em;box-shadow:0 4px 0 #0000002e,0 2px 12px var(--accent-glow);border:none;border-radius:100px;padding:9px 22px;font-size:.9em;font-weight:700;transition:all .15s;transform:translateY(0)}.btn:hover{background:var(--accent-secondary);box-shadow:0 6px 0 #0000002e,0 4px 16px var(--accent-glow);transform:translateY(-2px)}.btn:active{background:var(--accent-dark);box-shadow:0 1px 0 #0000002e,0 1px 8px var(--accent-glow);transform:translateY(2px)}.btn-green{background:var(--success)}.btn-green:hover{background:#57a85b}.btn-gray{background:var(--text-muted)}.btn-gray:hover{background:#78909c}.btn-red{background:var(--error)}.btn-red:hover{background:#d32f2f}.btn-outline{background:var(--accent-glow);color:var(--accent);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:100px;padding:8px 20px;font-size:.9em;font-weight:600;transition:all .15s;transform:translateY(0);box-shadow:0 3px #00000024,0 2px 8px #00000026}.btn-outline:hover{background:#a78bfa29;transform:translateY(-1px);box-shadow:0 5px #00000024,0 3px 12px #0003}.btn-outline:active{transform:translateY(2px);box-shadow:0 1px #00000024}input[type=text],input[type=email],input[type=password],input[type=search]{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-primary);width:100%;margin-bottom:10px;padding:10px 14px;font-size:.95em;transition:border-color .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}input::placeholder{color:var(--text-muted)}.tabs{border-bottom:1px solid var(--border-subtle);gap:4px;margin-bottom:16px;padding-bottom:0;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-size:.9em;font-weight:500;transition:all .15s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.guide-content{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:24px;font-size:.95em;line-height:1.7}.qa-item{border:1px solid var(--border-subtle);border-radius:var(--radius);margin-bottom:8px;transition:border-color .15s;overflow:hidden}.qa-item:hover{border-color:var(--border-default)}.qa-question{cursor:pointer;background:var(--bg-secondary);color:var(--text-primary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.95em;font-weight:500;display:flex}.qa-question:hover{background:var(--bg-tertiary)}.qa-chevron{color:var(--text-muted);font-size:.8em;transition:transform .2s}.qa-chevron.open{transform:rotate(180deg)}.qa-answer{background:var(--bg-tertiary);max-height:0;color:var(--text-secondary);padding:0 16px;font-size:.9em;line-height:1.6;transition:all .25s;overflow:hidden}.qa-answer.visible{max-height:200px;padding:14px 16px}.notes-list{padding:0;list-style:none}.notes-list li{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);gap:10px;padding:10px 0;font-size:.95em;line-height:1.5;display:flex}.notes-list li:last-child{border-bottom:none}.notes-list li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:8px}.flashcard-container{perspective:1000px;cursor:pointer;width:100%;max-width:520px;height:320px;margin:24px auto}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.flashcard-inner.flipped{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;border-radius:var(--radius-lg);text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:32px;font-size:1.1em;line-height:1.5;display:flex;position:absolute}.flashcard-front{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 8px 28px #0000006b,inset 0 2px #ffffff0f}.flashcard-back{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));color:var(--accent);transform:rotateY(180deg);box-shadow:0 8px 28px #0000006b,0 0 24px #a78bfa1a}.flashcard-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.7em;position:absolute;top:12px;left:16px}.flashcard-actions{justify-content:center;gap:12px;margin-top:16px;display:flex}.fc-btn{cursor:pointer;border:none;border-radius:100px;padding:10px 28px;font-size:.9em;font-weight:600;transition:all .15s;transform:translateY(0);box-shadow:0 3px #0000002e,0 1px 8px #00000026}.fc-btn:hover{transform:translateY(-2px);box-shadow:0 5px #0000002e,0 2px 12px #0003}.fc-btn:active{transform:translateY(2px);box-shadow:0 1px #0000002e}.fc-btn-know{background:var(--bg-primary);color:var(--success);border:1.5px solid var(--success)}.fc-btn-know:hover{background:var(--success);color:#fff}.fc-btn-again{background:var(--bg-primary);color:var(--error);border:1.5px solid var(--error)}.fc-btn-again:hover{background:var(--error);color:#fff}.fc-btn-back{background:var(--bg-primary);color:var(--text-muted);border:none;padding:8px 16px;font-size:.82em}.fc-btn-back:hover{color:var(--text-primary)}.fc-btn-back-subtle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-family:Inter,-apple-system,sans-serif;font-size:.78em;transition:color .15s}.fc-btn-back-subtle:hover{color:var(--text-secondary)}.flashcard-progress{text-align:center;color:var(--text-muted);margin-top:12px;font-size:.85em}.fc-progress-tracker{background:var(--bg-secondary);border-radius:var(--radius-lg);border-top:1px solid #ffffff0f;border-bottom:1px solid #0003;justify-content:center;gap:32px;margin-bottom:16px;padding:14px 20px;display:flex;box-shadow:0 2px 10px #00000038,inset 0 1px #ffffff0a}.fc-progress-stat{flex-direction:column;align-items:center;gap:3px;display:flex}.fc-progress-count{letter-spacing:-.04em;font-size:1.5em;font-weight:800;line-height:1}.fc-progress-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:9px;font-weight:700}.fc-correct .fc-progress-count{color:var(--success)}.fc-wrong .fc-progress-count{color:var(--error)}.fc-unseen .fc-progress-count{color:var(--text-muted)}.guides-search-trigger{background:var(--bg-secondary);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);white-space:nowrap;border:none;border-top:1px solid #ffffff0f;border-bottom:1px solid #0003;align-items:center;gap:8px;padding:7px 16px;font-family:Inter,-apple-system,sans-serif;font-size:.82em;transition:all .15s;display:flex;box-shadow:0 3px 8px #00000038,inset 0 1px #ffffff0a}.guides-search-trigger:hover{color:var(--text-secondary);transform:translateY(-1px);box-shadow:0 5px 14px #00000052,inset 0 1px #ffffff0f}.guides-search-trigger kbd{background:var(--bg-tertiary);color:var(--text-muted);border-radius:4px;padding:1px 5px;font-family:Inter,sans-serif;font-size:.7em}.fc-hub-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:10px;padding:16px;transition:all .2s;display:flex}.fc-hub-card:hover{border-color:var(--border-default);background:var(--bg-tertiary)}.quiz-question-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:720px;margin:0 auto;padding:32px;transition:box-shadow .25s;box-shadow:0 4px 24px #00000040}[data-theme=light] .quiz-question-card{box-shadow:0 4px 20px #6450c81a,inset 0 1px #fff}.quiz-question-text{color:var(--text-primary);letter-spacing:-.005em;margin-bottom:22px;font-size:1.2em;font-weight:600;line-height:1.6}.quiz-counter{color:var(--text-muted);margin-bottom:8px;font-size:.8em}.quiz-option{text-align:left;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius);width:100%;color:var(--text-primary);cursor:pointer;letter-spacing:.005em;margin-bottom:10px;padding:14px 18px;font-size:.95em;line-height:1.5;transition:border-color .15s,background .15s,transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.quiz-option:hover,.quiz-option.selected{border-color:var(--accent);background:var(--accent-glow)}.quiz-option.correct{border-color:var(--success);background:var(--success-bg);color:var(--success)}.quiz-option.wrong{border-color:var(--error);background:var(--error-bg);color:var(--error)}.quiz-option.missed{border-color:var(--warning);color:var(--warning);background:#ffa7261f}.quiz-option.disabled{pointer-events:none;opacity:.45}@keyframes quiz-shine-green{0%{background-position:-150% 0}to{background-position:250% 0}}@keyframes quiz-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes quiz-glow-pulse{0%,to{box-shadow:0 0 #6ee7b700}50%{box-shadow:0 0 22px #6ee7b78c}}.quiz-option.correct-shine{pointer-events:none;border-color:var(--success);color:var(--text-primary);background:linear-gradient(90deg,var(--success-bg)0%,#6ee7b773 50%,var(--success-bg)100%);background-size:200% 100%;animation:1.2s forwards quiz-shine-green;transform:scale(1.025);box-shadow:0 0 18px #6ee7b759}[data-theme=light] .quiz-option.correct-shine{background:linear-gradient(90deg,var(--success-bg)0%,#0596694d 50%,var(--success-bg)100%);background-size:200% 100%}.quiz-option.wrong-shake{pointer-events:none;border-color:var(--error);background:var(--error-bg);color:var(--error);animation:.55s cubic-bezier(.36,.07,.19,.97) quiz-shake;box-shadow:0 0 22px #ef44448c}.quiz-option.correct-glow{pointer-events:none;border-color:var(--success);background:var(--success-bg);color:var(--success);animation:1.6s ease-in-out infinite quiz-glow-pulse}.quiz-gotit-btn{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff;border-radius:var(--radius);letter-spacing:.02em;cursor:pointer;border:none;width:100%;margin-top:22px;padding:14px 18px;font-size:1em;font-weight:700;transition:transform .12s,box-shadow .2s,filter .15s;animation:.25s ease-out fadeIn;display:block;box-shadow:0 4px 14px #a78bfa59}.quiz-gotit-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 20px #a78bfa80}.quiz-gotit-btn:active{transform:translateY(0)}.quiz-explanation-btn{border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);cursor:pointer;background:0 0;margin-top:12px;padding:10px 16px;font-size:.9em;font-weight:600;transition:background .15s,transform .1s;animation:.3s ease-out fadeIn}.quiz-explanation-btn:hover{background:var(--accent-glow);transform:translateY(-1px)}.quiz-explanation-stage{color:var(--text-secondary);border-left:3px solid var(--accent);border-radius:0 var(--radius)var(--radius)0;background:#a78bfa0f;margin-top:14px;padding:10px 14px;font-size:.88em;font-style:italic;animation:.3s ease-out fadeIn}.quiz-explanation-panel{border:1px solid var(--accent);border-radius:var(--radius);color:var(--text-primary);background:#a78bfa14;margin-top:14px;padding:16px 18px;font-size:.93em;line-height:1.65;animation:.4s ease-out fadeIn}[data-theme=light] .quiz-explanation-panel{background:#2196f30f}.nclex-rationale{border-radius:var(--radius);border:1px solid var(--accent);color:var(--text-secondary);background:#a78bfa14;margin-top:16px;padding:14px 16px;font-size:.9em;line-height:1.6}.nclex-rationale strong{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:.8em;display:block}.nclex-sata-checkbox{text-align:left;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;width:100%;color:var(--text-primary);align-items:flex-start;gap:10px;margin-bottom:8px;padding:12px 16px;font-size:.95em;transition:border-color .15s;display:flex}.nclex-sata-checkbox:hover{border-color:var(--accent)}.nclex-sata-checkbox input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;margin-top:2px}.nclex-sata-checkbox.correct{border-color:var(--success);background:var(--success-bg);color:var(--success)}.nclex-sata-checkbox.wrong{border-color:var(--error);background:var(--error-bg);color:var(--error)}.nclex-sata-checkbox.missed{border-color:var(--warning);color:var(--warning);background:#ffa7261f}.nclex-type-badge{letter-spacing:.06em;text-transform:uppercase;background:var(--accent-glow);color:var(--accent);border:1px solid var(--accent);border-radius:4px;margin-bottom:10px;padding:2px 8px;font-size:.72em;font-weight:600;display:inline-block}.retain-status-bar{justify-content:space-between;align-items:center;padding:4px 0 12px;font-size:.82em;display:flex}.retain-mastered{color:var(--accent);font-weight:600}.retain-review-badge{background:var(--accent-secondary,#7c5cbf);color:#fff;border-radius:12px;padding:2px 10px;font-size:.85em;font-weight:600}.retain-review-label{color:var(--accent-secondary,#7c5cbf);margin-bottom:10px;font-size:.8em;font-weight:600}.quiz-result{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);max-width:480px;margin:40px auto;padding:32px}.quiz-score{color:var(--accent);font-size:3em;font-weight:800}.quiz-score-label{color:var(--text-muted);margin-top:4px;font-size:.9em}.quiz-breakdown{color:var(--text-secondary);margin-top:16px;font-size:.95em}.progress-bar-container{background:var(--bg-tertiary);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--accent-secondary),var(--accent));border-radius:3px;height:100%;transition:width .4s}.progress-bar-fill.green{background:var(--success)}.guide-progress{gap:16px;margin-top:12px;margin-bottom:20px;display:flex}.guide-progress-item{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-subtle);flex:1;padding:12px}.guide-progress-label{color:var(--text-muted);margin-bottom:6px;font-size:.75em}.guide-progress-value{color:var(--accent);font-size:.9em;font-weight:600}.search-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0009;justify-content:center;align-items:flex-start;padding-top:120px;display:flex;position:fixed;inset:0}.search-modal{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);overflow:hidden}.search-input-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:12px 16px;display:flex}.search-input-row input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;margin-bottom:0;font-size:1em}.search-input-row .search-icon{color:var(--text-muted);font-size:1.1em}.search-results{max-height:360px;overflow-y:auto}.search-result-item{cursor:pointer;border-bottom:1px solid var(--border-subtle);padding:12px 16px;transition:background .1s}.search-result-item:hover{background:var(--bg-hover)}.search-result-item:last-child{border-bottom:none}.search-result-title{color:var(--text-primary);font-size:.95em;font-weight:500}.search-result-snippet{color:var(--text-muted);margin-top:2px;font-size:.8em;line-height:1.4}.search-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:.9em}.search-hint{text-align:center;color:var(--text-muted);padding:10px 16px;font-size:.75em}.login-page{z-index:1;background:0 0;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.login-split{z-index:1;border-radius:20px;width:100%;max-width:860px;min-height:540px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0000008c,inset 0 4px #ffffff0a}.login-panel-left{background:var(--bg-primary);border-right:1px solid var(--border-subtle);flex:0 0 42%;justify-content:center;align-items:center;padding:48px 32px;display:flex;position:relative}.login-panel-right{background:var(--bg-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 40px;display:flex;overflow-y:auto}.login-brand-mark{text-align:center}.login-brand-img{opacity:.88;border-radius:16px;width:68px;height:68px;margin-bottom:18px}.login-brand-name{letter-spacing:-.04em;margin-bottom:12px;font-size:1.75em;font-weight:800;line-height:1.1}.login-brand-blue{color:#4f8ef7}.login-brand-dark{color:var(--text-primary)}.login-brand-tagline{color:#4f8ef7;opacity:.82;letter-spacing:-.01em;max-width:220px;margin:0 auto;font-size:.78em;font-weight:500;line-height:1.8}.login-form-wrap{width:100%;max-width:300px}.login-form-title{color:var(--text-primary);letter-spacing:-.03em;text-align:center;margin-bottom:28px;font-size:1.35em;font-weight:700}.login-input-row{border-bottom:1px solid var(--border-default);align-items:center;gap:10px;margin-bottom:22px;padding-bottom:8px;display:flex}.login-input-row svg{color:var(--text-muted);opacity:.6;flex-shrink:0}.login-underline-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;margin:0;padding:4px 0;font-family:Inter,-apple-system,sans-serif;font-size:.92em}.login-underline-input::placeholder{color:var(--text-muted);opacity:.55}.login-forgot{text-align:right;margin-top:-10px;margin-bottom:18px;font-size:.78em}.login-cta-btn{width:100%;margin-top:6px;padding:13px;font-size:.95em}.login-switch-text{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.82em}@media (max-width:640px){.login-split{flex-direction:column;min-height:auto}.login-panel-left{flex:none;min-height:160px;padding:32px 24px}.login-panel-right{padding:32px 24px}.login-brand-img{width:48px;height:48px;margin-bottom:12px}.login-brand-name{font-size:1.35em}}.sn-page{box-sizing:border-box;flex-direction:column;gap:12px;height:100vh;padding:20px;display:flex}.sn-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.sn-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.sn-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.sn-title-input{color:var(--text-primary);letter-spacing:-.02em;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Inter,sans-serif;font-size:1.15em;font-weight:700}.sn-title-input::placeholder{color:var(--text-muted)}.sn-status{color:var(--success);opacity:0;white-space:nowrap;font-size:.75em;font-weight:500;transition:opacity .3s}.sn-status.saving{color:var(--text-muted);opacity:1}.sn-status.saved{color:var(--success);opacity:1}.sn-save-btn{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:100px;padding:6px 18px;font-size:.8em;font-weight:700;transition:background .15s,box-shadow .1s,transform .1s;box-shadow:0 4px #00000038}.sn-save-btn:hover{transform:translateY(-1px);box-shadow:0 5px #00000038}.sn-save-btn:active{transform:translateY(2px);box-shadow:0 2px #0000002e}.sn-save-btn.saving{background:var(--text-muted)}.sn-save-btn.saved{background:var(--success)}.sn-save-btn.error{background:#dc2626}.sn-back-btn{cursor:pointer;color:var(--text-secondary);border:1px solid var(--border-default);background:0 0;border-radius:100px;padding:6px 14px;font-size:.78em;font-weight:600;transition:background .15s,color .15s}.sn-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sn-class-select{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;border-radius:100px;outline:none;max-width:180px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.78em;font-weight:600}.sn-class-select:hover{color:var(--text-primary);border-color:var(--accent)}.sn-layout{flex:1;gap:0;min-height:0;display:grid}.sn-paper-wrap{flex-direction:column;grid-area:1/1/4;min-height:0;display:flex;position:relative}.sn-paper-label-row{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sn-paper-label-row .sn-panel-label{margin-bottom:0}.sn-v-divider{cursor:col-resize;-webkit-user-select:none;user-select:none;grid-area:1/2/4;justify-content:center;align-items:center;display:flex}.sn-v-divider:after{content:"";background:var(--border-subtle);border-radius:2px;width:2px;height:40px;transition:background .2s;display:block}.sn-v-divider:hover:after{background:var(--accent)}.sn-h-divider{cursor:row-resize;-webkit-user-select:none;user-select:none;grid-area:2/3;justify-content:center;align-items:center;display:flex}.sn-h-divider:after{content:"";background:var(--border-subtle);border-radius:2px;width:40px;height:2px;transition:background .2s;display:block}.sn-h-divider:hover:after{background:var(--accent)}.sn-paper--visualize{cursor:text;box-shadow:0 6px 20px #00000073,0 0 0 2px var(--accent)!important}.sn-visualize-confirm{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 2px 8px #00000059}.sn-visualize-confirm:hover{transform:scale(1.1)}.sn-diagram-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sn-diagram-toolbar .sn-panel-label{margin-bottom:0}.sn-visualize-btn{padding:4px 14px;font-size:.78em}.sn-visualize-btn.active{background:#7c3aed40}.sn-panel-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0;margin-bottom:8px;font-size:10px;font-weight:700}.sn-paper-stage{perspective:1800px;flex:1;min-height:0;display:flex;position:relative}.sn-ghost-page{pointer-events:none;opacity:0;transform-origin:0 100%;background:linear-gradient(160deg,#fdfbf6 0%,#f1ead9 100%);border-top:1px solid #fffffff2;border-bottom:1px solid #0000001a;border-radius:14px;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s;position:absolute;inset:0;transform:translate(40px)rotate(0)scale(.985);box-shadow:0 10px 28px #281e5038,inset 0 1px #fff}[data-theme=dark] .sn-ghost-page{background:linear-gradient(160deg,#f7f3e8 0%,#ede5d2 100%);box-shadow:0 12px 30px #0000008c,inset 0 1px #ffffffd9}.sn-paper-stage--p1 .sn-ghost-page-2,.sn-paper-stage--p2 .sn-ghost-page-2{opacity:.92;z-index:1;transform:translate(-16px)translateY(7px)rotate(-2deg)}.sn-paper-stage--p2 .sn-ghost-page-3{opacity:.78;z-index:0;transform:translate(-30px)translateY(13px)rotate(-4deg)}.sn-paper{z-index:2;background-blend-mode:multiply;color:#2a2240;background-color:#0000;background-image:linear-gradient(160deg,#fdfbf6f5 0%,#f4eee0f5 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.6  0 0 0 0 0.55  0 0 0 0 0.45  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #fffffff2;border-color:#fffffff2 #00000014 #0000001f #0000000a;border-radius:14px;outline:none;flex:1;min-height:0;padding:40px 48px;font-family:Inter,sans-serif;font-size:.97em;line-height:1.8;transition:box-shadow .3s;position:relative;overflow-y:auto;box-shadow:0 12px 32px #281e5038,inset 0 1px #fff}[data-theme=dark] .sn-paper{background-blend-mode:multiply;color:#2a2240;background-color:#0000;background-image:linear-gradient(160deg,#f7f3e8f5 0%,#ece3cff5 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.45  0 0 0 0 0.35  0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;box-shadow:0 14px 36px #0000008c,inset 0 1px #ffffffe6}.sn-paper:empty:before{content:attr(data-placeholder);color:#4a425e8c;pointer-events:none;font-style:italic}.sn-paper h1{letter-spacing:-.02em;color:#1c1530;margin:0 0 16px;font-size:1.45em;font-weight:800;line-height:1.3}.sn-paper h2{letter-spacing:.04em;text-transform:uppercase;color:#5b3fc4;margin:22px 0 6px;font-size:1.1em;font-weight:800}.sn-paper h3{letter-spacing:-.01em;color:#1c1530;margin:14px 0 4px;font-size:1em;font-weight:700}.sn-paper strong{color:#5b3fc4;font-weight:600}.sn-paper em{color:#4a425e;font-style:italic}.sn-paper del{opacity:.5;text-decoration:line-through}.sn-paper code{color:#5b3fc4;background:#7c3aed1a;border-radius:4px;padding:1px 5px;font-family:Courier New,monospace;font-size:.88em}[data-theme=light] .sn-paper code{background:#7c3aed14}.sn-paper .sn-date-line{letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;margin:16px 0 4px;font-size:.82em;font-weight:600}.sn-paper mark.sn-callout{color:var(--text-primary);background:#eab30826;border-left:3px solid #d97706;border-radius:0 6px 6px 0;margin:6px 0;padding:6px 12px;font-style:normal;display:block}[data-theme=light] .sn-paper mark.sn-callout{background:#eab3081f}.sn-paper li{margin-bottom:2px;margin-left:18px}.sn-paper p{margin:0 0 6px}.sn-paper hr{border:none;border-top:1px solid #0000001f;margin:18px 0}.sn-paper blockquote{opacity:.85;background:#7c3aed0d;border-left:3px solid #5b3fc4;border-radius:0 6px 6px 0;margin:8px 0 8px 8px;padding:4px 12px;font-style:italic}.sn-viewer-wrap{background:var(--bg-secondary);border-top:1px solid #ffffff14;border-radius:14px;flex-direction:column;grid-area:1/3;min-height:0;display:flex;overflow:hidden;box-shadow:0 6px 20px #00000061}[data-theme=light] .sn-viewer-wrap{background:#fff;border-top:1px solid #fffffff2;box-shadow:0 4px 16px #6450c81a}.sn-viewer-toolbar{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.sn-viewer-controls{align-items:center;gap:6px;display:flex}.sn-viewer-body{flex:1;min-height:0;position:relative;overflow:hidden}.sn-viewer-drag{box-shadow:0 0 0 2px var(--accent)!important}.sn-viewer-drop-overlay{z-index:10;color:var(--accent);pointer-events:none;background:#7c3aed21;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:.9em;font-weight:600;display:flex;position:absolute;inset:0}.sn-viewer-drop-overlay p{margin:0}.sn-viewer-empty{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.sn-viewer-empty p{margin:0;font-size:.82em;line-height:1.5}.sn-iframe{border:none;width:100%;height:100%;display:block}.sn-viewer-img{object-fit:contain;width:100%;height:100%;display:block}.sn-guide-viewer{height:100%;color:var(--text-secondary);padding:16px;font-size:.88em;line-height:1.6;overflow-y:auto}.sn-guide-qa-viewer{height:100%;padding:14px 16px;overflow-y:auto}.sn-qa-pair{border-bottom:1px solid var(--border-subtle);margin-bottom:18px;padding-bottom:18px}.sn-qa-pair:last-child{border-bottom:none;margin-bottom:0}.sn-qa-q{color:var(--text-primary);margin:0 0 6px;font-size:.87em;line-height:1.5}.sn-qa-q strong{font-weight:700}.sn-qa-a{color:var(--text-secondary);margin:0;font-size:.87em;line-height:1.6}.sn-extracted-viewer{flex-direction:column;height:100%;display:flex;overflow:hidden}.sn-extracted-filename{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding:6px 14px;font-size:.75em;font-weight:600}.sn-extracted-content{color:var(--text-secondary);white-space:pre-wrap;flex:1;margin:0;padding:14px;font-family:Inter,sans-serif;font-size:.84em;line-height:1.75;overflow-y:auto}.sn-extracted-empty{color:var(--text-muted);margin:0;padding:16px 14px;font-size:.84em}.sn-viewer-video{background:#000;width:100%;height:100%;max-height:100%}.sn-diagram-wrap{background:var(--bg-secondary);border-top:1px solid #ffffff14;border-radius:14px;flex-direction:column;grid-area:3/3;min-height:0;padding:10px 14px;display:flex;overflow:hidden;box-shadow:0 6px 20px #00000061}[data-theme=light] .sn-diagram-wrap{background:#fff;border-top:1px solid #fffffff2;box-shadow:0 4px 16px #6450c81a}.sn-diagram-body{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.sn-diagram-placeholder{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.sn-diagram-placeholder p{margin:0;font-size:.8em;line-height:1.5}.sn-diagram-render{width:100%;max-height:100%;overflow:auto}.sn-diagram-render svg{max-width:100%;height:auto}.sn-notes-picker{position:relative}.sn-notes-dropdown{background:var(--bg-secondary);border:1px solid var(--border-default);width:220px;box-shadow:var(--shadow-md);z-index:100;border-radius:10px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.sn-notes-dropdown-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sn-new-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.82em;font-weight:600}.sn-new-btn:hover{opacity:.8}.sn-notes-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:9px 12px;font-size:.88em;overflow:hidden}.sn-notes-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sn-notes-item.active{color:var(--accent);font-weight:600}.sn-notes-item.muted{color:var(--text-muted);cursor:default;font-style:italic}.sn-notes-item.muted:hover{background:0 0}.sn-guide-select{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;border-radius:100px;outline:none;padding:5px 10px;font-family:Inter,sans-serif;font-size:.8em}.sn-open-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:100px;padding:6px 14px;font-size:.82em;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #0000002e}.sn-open-btn:hover{transform:translateY(-1px);box-shadow:0 5px #0000002e}.sn-open-btn:active{transform:translateY(2px);box-shadow:0 2px #0000002e}.sn-index{flex-direction:column;gap:28px;max-width:1400px;padding:28px 32px 64px;display:flex}.sn-index-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.sn-index-title{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 4px;font-family:Inter,sans-serif;font-size:2em;font-weight:800}.sn-index-subtitle{color:var(--text-muted);margin:0;font-size:.9em}.sn-index-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border-subtle);border-radius:14px;padding:48px;font-size:.95em}.sn-grid{grid-template-columns:repeat(4,1fr);gap:28px 24px;display:grid}@media (max-width:1280px){.sn-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:960px){.sn-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.sn-grid{grid-template-columns:1fr}}.sn-card{cursor:pointer;perspective:1400px;outline:none;flex-direction:column;gap:14px;display:flex}.sn-card:focus-visible .sn-card-paper-1{box-shadow:0 0 0 2px var(--accent),0 14px 32px #00000059}.sn-card-stack{aspect-ratio:4/5;width:100%;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.25,1);position:relative}.sn-card-paper{transform-origin:0 100%;background:linear-gradient(160deg,#fdfbf6 0%,#f4eee2 100%);border:1px solid #fffffff2;border-color:#fffffff2 #0000000f #0000001a #0000000a;border-radius:8px;transition:transform .35s cubic-bezier(.2,.8,.25,1),box-shadow .35s cubic-bezier(.2,.8,.25,1),opacity .3s;position:absolute;inset:0;box-shadow:0 8px 22px #281e502e,inset 0 1px #fff}[data-theme=dark] .sn-card-paper{background:linear-gradient(160deg,#f7f3e8 0%,#ece5d3 100%);box-shadow:0 10px 26px #0000008c,inset 0 1px #ffffffe6}.sn-card-paper-3{opacity:.78;z-index:1;transform:translate(-14px)translateY(10px)rotate(-5deg)}.sn-card-paper-2{opacity:.9;z-index:2;transform:translate(-7px)translateY(5px)rotate(-2.5deg)}.sn-card-paper-1{opacity:1;z-index:3;transform:translate(0)translateY(0)rotate(0)}.sn-card-preview{color:#2d2540;-webkit-line-clamp:9;line-clamp:9;-webkit-box-orient:vertical;height:100%;padding:22px 22px 18px;font-family:Inter,sans-serif;font-size:.78em;line-height:1.6;display:-webkit-box;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.sn-card:hover .sn-card-stack{transform:translateY(-6px)rotateX(4deg)}.sn-card:hover .sn-card-paper-1{transform:translate(0)translateY(-4px)translateZ(36px)rotate(0);box-shadow:0 22px 44px #281e5052,inset 0 1px #fff}.sn-card:hover .sn-card-paper-2{opacity:.85;transform:translate(-12px)translateY(2px)translateZ(18px)rotate(-3.5deg)}.sn-card:hover .sn-card-paper-3{opacity:.7;transform:translate(-22px)translateY(8px)translateZ(0)rotate(-7deg)}[data-theme=dark] .sn-card:hover .sn-card-paper-1{box-shadow:0 24px 48px #000000a6,inset 0 1px #ffffffe6}.sn-card-meta{flex-direction:column;gap:4px;padding:0 4px;display:flex}.sn-card-title{letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:.95em;font-weight:700;overflow:hidden}.sn-card-sub{color:var(--text-muted);align-items:center;gap:8px;font-size:.74em;display:flex}.sn-card-date{font-weight:500}.sn-card-class{color:var(--accent);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;background:#7c3aed1f;border-radius:100px;max-width:60%;padding:2px 8px;font-size:.92em;font-weight:600;overflow:hidden}[data-theme=light] .sn-card-class{color:#4f8ef7;background:#4f8ef724}.create-page{max-width:740px}.create-header{margin-bottom:24px}.create-title{letter-spacing:-.03em;color:var(--accent);margin-bottom:6px;font-size:1.75em;font-weight:800}[data-theme=light] .create-title{color:#4f8ef7}.create-subtitle{color:var(--text-muted);margin:0;font-size:.88em}.create-banner{border-radius:10px;margin-bottom:20px;padding:13px 18px;font-size:.88em;font-weight:500}.create-banner-info{background:var(--bg-secondary);border:1px solid var(--border-default);color:var(--accent)}.create-banner-error{background:var(--error-bg,#2d0a0a);border:1px solid var(--error);color:var(--error)}.create-tabs{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:100px;gap:6px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.create-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:100px;padding:7px 20px;font-family:Inter,sans-serif;font-size:.85em;font-weight:600;transition:all .15s}.create-tab:hover{color:var(--text-primary)}.create-tab-active{background:var(--accent);color:#fff;box-shadow:0 3px #0003}[data-theme=light] .create-tab-active{color:#fff;background:#4f8ef7}.create-field{margin-bottom:20px}.create-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:.82em;font-weight:700;display:block}.create-label-hint{letter-spacing:0;text-transform:none;color:var(--text-muted);opacity:.75;font-size:.95em;font-weight:400}.create-input,.create-select,.create-textarea{background:var(--bg-secondary);border:1px solid var(--border-default);width:100%;color:var(--text-primary);border-radius:10px;outline:none;font-family:Inter,sans-serif;font-size:.93em;transition:border-color .15s}.create-input,.create-select{padding:11px 14px}.create-textarea{resize:vertical;min-height:280px;padding:13px 14px;line-height:1.65}.create-input:focus,.create-select:focus,.create-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a78bfa1f}[data-theme=light] .create-input:focus,[data-theme=light] .create-select:focus,[data-theme=light] .create-textarea:focus{border-color:#4f8ef7;box-shadow:0 0 0 3px #4f8ef71f}.create-char-count{color:var(--text-muted);margin-top:5px;font-size:.75em}[data-theme=light] .create-input,[data-theme=light] .create-select,[data-theme=light] .create-textarea{background:#f0f4ff;border-color:#4f8ef733}.create-manual-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.create-manual-header .create-label{margin-bottom:0}.create-cardcount-wrap{align-items:center;gap:8px;display:flex}.create-cardcount-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.75em;font-weight:700}.create-cardcount-input{text-align:center;background:var(--bg-tertiary);border:1.5px solid var(--accent);width:56px;color:var(--text-primary);border-radius:8px;outline:none;padding:6px 8px;font-family:Inter,sans-serif;font-size:.88em;font-weight:700}[data-theme=light] .create-cardcount-input{background:#edf0ff}.create-cardcount-badge{background:var(--accent);color:#fff;white-space:nowrap;border-radius:100px;padding:4px 12px;font-size:.78em;font-weight:700}[data-theme=light] .create-cardcount-badge{background:#4f8ef7}.create-cards-list{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.create-card{background:linear-gradient(160deg,#1e1a3a 0%,#171430 100%);border:1px solid #ffffff1a;border-color:#ffffff1a #00000040 #0006 #ffffff0f;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 14px 14px 16px;transition:box-shadow .15s;display:flex;box-shadow:0 4px 14px #00000059,inset 0 1px #ffffff0f}.create-card:hover{box-shadow:0 6px 20px #00000073,inset 0 1px #ffffff14}[data-theme=light] .create-card{background:linear-gradient(160deg,#f0f4ff 0%,#eae8ff 100%);border:1px solid #ffffffe6;border-color:#ffffffe6 #4f8ef714 #4f8ef726 #ffffffb3;box-shadow:0 4px 14px #6450c81a,inset 0 1px #fff}.create-card-num{color:var(--accent);text-align:center;flex-shrink:0;min-width:22px;padding-top:10px;font-size:.78em;font-weight:700}[data-theme=light] .create-card-num{color:#4f8ef7}.create-card-body{flex:1;min-width:0}.create-card-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:6px 0;font-family:Nunito,Inter,sans-serif;font-size:.93em;font-weight:600}.create-card-input::placeholder{color:var(--text-muted);opacity:.6;font-style:italic;font-weight:600}.create-card-term::placeholder{color:var(--accent);opacity:.5}[data-theme=light] .create-card-term::placeholder{color:#4f8ef7;opacity:.55}.create-card-def::placeholder{color:var(--text-muted);opacity:.55}.create-card-divider{background:var(--border-subtle);border-radius:1px;height:1px;margin:2px 0 4px}.create-card-img-btn{color:var(--text-muted);cursor:pointer;align-items:center;gap:5px;margin-top:6px;font-family:Inter,sans-serif;font-size:.75em;transition:color .15s;display:inline-flex}.create-card-img-btn:hover{color:var(--accent)}.create-card-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:1.3em;line-height:1;transition:color .15s,background .15s}.create-card-remove:hover{color:var(--error);background:#ef444414}.create-add-card{border:2px dashed var(--border-default);width:100%;color:var(--accent);cursor:pointer;background:0 0;border-radius:10px;padding:11px;font-family:Inter,sans-serif;font-size:.9em;font-weight:700;transition:border-color .15s,background .15s}.create-add-card:hover{border-color:var(--accent);background:#a78bfa0f}[data-theme=light] .create-add-card:hover{background:#4f8ef70f;border-color:#4f8ef7}.create-upload-zone{border:2px dashed var(--border-default);text-align:center;cursor:pointer;background:var(--bg-secondary);border-radius:12px;padding:36px 24px;transition:border-color .15s,background .15s}.create-upload-zone:hover,.create-upload-zone-active{border-color:var(--accent);background:var(--bg-tertiary)}[data-theme=light] .create-upload-zone{background:#f0f4ff;border-color:#4f8ef740}[data-theme=light] .create-upload-zone:hover,[data-theme=light] .create-upload-zone-active{background:#e8eeff;border-color:#4f8ef7}.create-upload-icon{margin-bottom:10px;font-size:2.2em}.create-upload-cta{color:var(--text-primary);font-size:.92em;font-weight:600}.create-upload-filename{color:var(--accent);font-size:.9em;font-weight:700}[data-theme=light] .create-upload-filename{color:#4f8ef7}.create-upload-hint{color:var(--text-muted);margin-top:4px;font-size:.78em}.create-checks{flex-wrap:wrap;gap:20px;margin-bottom:24px;display:flex}.create-check-label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:8px;font-size:.88em;font-weight:500;display:flex}.create-submit-btn{padding:13px 36px;font-size:1em}.empty-state{text-align:center;color:var(--text-muted);padding:48px 20px;font-size:1em}.empty-state-icon{opacity:.5;margin-bottom:12px;font-size:2.5em}.timestamp{color:var(--text-muted);font-size:.8em}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:28px}.confirm-dialog h3{color:var(--text-primary);margin-bottom:8px}.confirm-dialog p{color:var(--text-secondary);margin-bottom:20px;font-size:.9em}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.completion-card{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);max-width:500px;margin:40px auto;padding:40px}.completion-icon{margin-bottom:12px;font-size:3em}.completion-title{color:var(--text-primary);margin-bottom:8px;font-size:1.4em;font-weight:700}.completion-stat{color:var(--accent);font-size:2.5em;font-weight:800}.completion-detail{color:var(--text-secondary);margin-top:4px;font-size:.9em}.completion-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.25s ease-out fadeIn}@keyframes slideInToast{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutToast{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.toast{border-radius:var(--radius);z-index:2000;box-shadow:var(--shadow-lg);pointer-events:none;padding:12px 20px;font-size:.9em;font-weight:500;animation:.3s ease-out slideInToast,.3s ease-in 2.2s forwards fadeOutToast;position:fixed;bottom:24px;right:24px}.toast-success{background:var(--success);color:#fff}.toast-info{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.toast-error{background:var(--error);color:#fff}.draggable-guide{cursor:grab;transition:all .2s}.draggable-guide:active{cursor:grabbing}.draggable-guide.dragging{opacity:.4;border-style:dashed;transform:scale(.98)}.drag-handle{color:var(--text-muted);cursor:grab;-webkit-user-select:none;user-select:none;opacity:.4;padding:0 8px;font-size:1em;transition:opacity .15s}.draggable-guide:hover .drag-handle{opacity:1}.card-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.folder-card.drop-target{transition:all .15s;transform:scale(1.03);border-color:var(--accent)!important;background:var(--accent-glow)!important;box-shadow:var(--shadow-glow),inset 0 0 20px #a78bfa0d!important}.folder-card{transition:all .2s}.context-menu{z-index:1500;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:200px;max-width:280px;padding:4px 0;animation:.12s ease-out fadeIn;position:fixed}.context-menu-header{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:8px 14px;font-size:.8em;font-weight:600;overflow:hidden}.context-menu-divider{background:var(--border-subtle);height:1px;margin:4px 0}.context-menu-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:6px 14px 2px;font-size:.7em;font-weight:600}.context-menu-item{color:var(--text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:8px 14px;font-size:.85em;transition:background .1s;overflow:hidden}.context-menu-item:hover{background:var(--bg-hover)}.context-menu-current{color:var(--text-muted);cursor:default}.context-menu-current:hover{background:0 0}.context-menu-danger{color:var(--error)}.context-menu-danger:hover{background:var(--error-bg)}.guides-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.filter-pills{gap:6px;display:flex}.pill{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:6px 14px;font-size:.8em;font-weight:500;transition:all .15s}.pill:hover{border-color:var(--accent);color:var(--text-primary)}.pill-active{background:var(--accent);color:var(--bg-deepest);border-color:var(--accent)}.sort-select{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;padding:6px 12px;font-size:.8em}.sort-select:focus{border-color:var(--accent);outline:none}.guide-folder-tag{background:var(--bg-tertiary);color:var(--text-muted);border-radius:10px;padding:2px 8px;font-size:.8em;font-weight:500;display:inline-block}.mini-progress{background:var(--bg-tertiary);vertical-align:middle;border-radius:2px;width:40px;height:4px;margin-right:4px;display:inline-block;overflow:hidden}.mini-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s;display:block}.folder-card-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ai-bubble-container{border-top:1px solid var(--border-subtle);flex:1;min-height:180px;margin-top:16px;padding-top:8px;position:relative;overflow:hidden}.ai-bubble-item{position:absolute}.ai-bubble-wrap{flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.ai-chat-bubble{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .1s;display:flex;position:relative;box-shadow:0 3px 12px #0000004d}.ai-chat-bubble:hover{transform:scale(1.1)}.ai-chat-bubble.ai-bubble-open{box-shadow:0 0 0 3px var(--accent),0 3px 12px #0000004d}.ai-bubble-count{color:var(--accent);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:.6em;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.ai-bubble-delete{background:var(--error,#e05);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;padding:0;font-size:.7em;line-height:1;display:none;position:absolute;top:-4px;left:-4px}.ai-bubble-wrap:hover .ai-bubble-delete{display:flex}.ai-bubble-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:center;cursor:pointer;max-width:58px;font-size:.62em;font-weight:500;overflow:hidden}.ai-bubble-name:hover{color:var(--accent)}.ai-bubble-name-input{background:var(--bg-tertiary);border:1px solid var(--accent);width:58px;color:var(--text-primary);text-align:center;border-radius:4px;outline:none;padding:2px 4px;font-size:.62em}.ai-new-chat-area{flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.ai-chat-new-btn{background:var(--bg-secondary);border:2px solid var(--accent);width:44px;height:44px;color:var(--accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex}.ai-chat-new-btn:hover{background:var(--accent-glow);transform:scale(1.1)}.ai-chat-new-label{color:var(--text-muted);white-space:nowrap;font-size:.65em;font-weight:500}.ai-selector-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ai-selector-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:14px;flex-direction:column;width:320px;max-height:420px;display:flex;box-shadow:0 8px 32px #0006}.ai-selector-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 16px;font-size:.9em;font-weight:600;display:flex}.ai-selector-loading{text-align:center;color:var(--text-muted);padding:20px;font-size:.85em}.ai-selector-list{padding:8px;overflow-y:auto}.ai-selector-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:.88em}.ai-selector-item:hover{background:var(--bg-hover);color:var(--accent)}.ai-chat-win-title{flex-direction:column;gap:1px;display:flex;overflow:hidden}.ai-win-name{cursor:default;white-space:nowrap;text-overflow:ellipsis;font-size:.85em;font-weight:600;overflow:hidden}.ai-win-guide-title{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7em;overflow:hidden}.ai-win-name-input{background:var(--bg-secondary);border:1px solid var(--accent);color:var(--text-primary);border-radius:4px;outline:none;width:140px;padding:1px 6px;font-size:.85em;font-weight:600}.ai-win-name{cursor:pointer}.ai-win-name:hover{color:var(--accent)}.ai-chat-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;padding:4px 10px 6px;display:flex}.ai-chat-delete-btn{color:var(--error,#e05);cursor:pointer;opacity:.6;background:0 0;border:none;font-size:.75em}.ai-chat-delete-btn:hover{opacity:1;text-decoration:underline}.ai-chat-window{z-index:1001;resize:both;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:14px;flex-direction:column;width:340px;min-width:280px;height:460px;min-height:320px;display:flex;position:fixed;bottom:24px;right:280px;overflow:hidden;box-shadow:0 8px 32px #00000073}.ai-chat-win-header{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);cursor:default;-webkit-user-select:none;user-select:none;background:var(--bg-tertiary);border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.85em;font-weight:600;display:flex}.ai-chat-win-actions{gap:6px;display:flex}.ai-win-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1em;line-height:1}.ai-win-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ai-win-btn-close:hover{background:var(--error,#e05);color:#fff}.ai-chat-modes{border-bottom:1px solid var(--border-subtle);gap:4px;padding:8px 10px;display:flex}.ai-chat-mode-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:5px 0;font-size:.72em;transition:all .15s}.ai-chat-mode-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ai-chat-messages{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.ai-chat-empty{color:var(--text-muted);padding:8px 0;font-size:.78em;line-height:1.5}.ai-chat-msg{max-width:92%;font-size:.8em;line-height:1.45}.ai-chat-msg.user{background:var(--accent);color:#fff;border-radius:12px 12px 2px;align-self:flex-end;padding:8px 12px}.ai-chat-msg.ai{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:12px 12px 12px 2px;align-self:flex-start;padding:8px 12px}.ai-chat-mode-tag{opacity:.7;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:.65em;display:block}.ai-chat-input-area{border-top:1px solid var(--border-subtle);gap:6px;padding:8px 10px;display:flex}.ai-chat-input{border:1px solid var(--border-subtle);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:.8em}.ai-chat-input:focus{border-color:var(--accent)}.ai-chat-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;padding:8px 10px;transition:opacity .15s;display:flex}.ai-chat-send:disabled{opacity:.4;cursor:not-allowed}.ai-chat-send:hover:not(:disabled){opacity:.85}.ai-chat-typing{gap:4px;padding:4px 0;display:flex}.ai-chat-typing span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite chatBounce}.ai-chat-typing span:nth-child(2){animation-delay:.2s}.ai-chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chatBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.streak-panel{display:none}.main-content{margin-right:0}}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:20px 16px}.stats-grid{grid-template-columns:1fr 1fr}.guide-progress{flex-direction:column}}.sn-convert-header-btn{color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#5b8df5,#7b6ef5);border:none;font-weight:600;box-shadow:0 2px 10px #5b8df540}.sn-convert-header-btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 4px 14px #5b8df559}.sn-convert-header-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}.sn-cancel-select-btn{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-default)}.sn-cancel-select-btn:hover:not(:disabled){background:var(--bg-tertiary,var(--bg-hover))}.sn-index-actions{align-items:center;gap:10px;display:flex}.sn-notes-dropdown-trigger{align-items:center;gap:6px;display:inline-flex}.sn-chevron{opacity:.85;transition:transform .18s}.sn-notes-dropdown-trigger.open .sn-chevron{transform:rotate(180deg)}.sn-notes-item--back{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);font-weight:600}@keyframes sn-card-shake{0%{transform:translateY(-2px)rotate(-1.4deg)}50%{transform:translateY(-2px)rotate(1.4deg)}to{transform:translateY(-2px)rotate(-1.4deg)}}.sn-grid--select .sn-card--selectable{cursor:pointer;transform-origin:50% 60%;background:linear-gradient(140deg,#5b8df529,#7b6ef51a);border:1px solid #5b8df58c;animation:.55s ease-in-out infinite alternate sn-card-shake;box-shadow:0 8px 24px #5b8df52e}.sn-grid--select .sn-card--selectable:nth-child(3n){animation-delay:.1s}.sn-grid--select .sn-card--selectable:nth-child(3n+1){animation-delay:.22s}.sn-grid--select .sn-card--selectable:nth-child(3n+2){animation-delay:40ms}.sn-grid--select .sn-card--selectable:hover{background:linear-gradient(140deg,#5b8df538,#7b6ef524);border-color:#5b8df5;animation-play-state:paused;transform:translateY(-4px)rotate(0)scale(1.02);box-shadow:0 14px 32px #5b8df54d}.sn-card--converting{pointer-events:none;animation-play-state:paused;position:relative}.sn-card-converting-overlay{color:#cfe0ff;border-radius:inherit;letter-spacing:.04em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080c188c;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.sn-modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sn-modal{background:var(--bg-secondary);border:1px solid var(--border-default);box-shadow:var(--shadow-lg,0 24px 64px #0006);border-radius:14px;flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 48px);display:flex;overflow:hidden}.sn-modal-header{border-bottom:1px solid var(--border-subtle);padding:16px 20px}.sn-modal-title-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:1.15em;font-weight:600}.sn-modal-body{flex:auto;padding:16px 20px;overflow-y:auto}.sn-modal-error{background:var(--bg-error,#dc32321f);color:var(--text-error,#d33);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:.9em}.sn-modal-empty{color:var(--text-muted);padding:12px 0;font-style:italic}.sn-modal-pairs{flex-direction:column;gap:14px;display:flex}.sn-modal-pair{background:var(--bg-tertiary,var(--bg-hover));border:1px solid var(--border-subtle);border-radius:10px;padding:12px 14px}.sn-modal-q{color:var(--text-primary);margin-bottom:6px;line-height:1.4}.sn-modal-a{color:var(--text-secondary);font-size:.94em;line-height:1.5}.sn-modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.sn-modal-cancel,.sn-modal-edit,.sn-modal-approve{padding:8px 16px;font-size:.9em}.sn-modal-approve{background:var(--accent);color:var(--bg-primary,white);border:none}.sn-modal-approve:disabled,.sn-modal-edit:disabled,.sn-modal-cancel:disabled{opacity:.55;cursor:not-allowed}