*,:before,:after{box-sizing:border-box}@font-face{font-family:JetBrains Mono;src:url(/webfonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/webfonts/JetBrainsMono-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/webfonts/JetBrainsMono-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/webfonts/JetBrainsMono-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--bg-primary:#fdfdfd;--bg-secondary:#f4f4f5;--bg-tertiary:#e9e9ed;--bg-hover:#e0e0e6;--text-primary:#333;--text-secondary:#777;--border-color:#e0e0e0;--accent-color:#3b82f6;--accent-hover:#2563eb;--accent-light:#3b82f614;--danger-color:#ef4444;--danger-hover:#dc2626;--danger-shadow:#ef444433;--success-color:#81c784;--warning-color:#f59e0b;--warning-light:#ffd54f;--btn-dark:#1a1a1a;--btn-dark-hover:#333;--gray-300:#bdbdbd;--gray-400:#9e9e9e;--font-sans:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Source Code Pro",monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;line-height:normal;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}button:active,.btn:active,.btn-primary:active,.btn-secondary:active,.btn-danger:active,.btn-success:active,.btn-outline:active,.btn-accent:active,.nav-link:active,.nav-item:active,.sidebar-footer a:active,.sidebar-footer button:active,.sheet-option:active,.icon-only-btn:active,.sabo-input-modal-submit:active,.sabo-input-modal-cancel:active,.sabo-input-modal-close:active,.action-sheet-close:active,.section-action-btn:active,.deck-card:active,.deck-item:active,.recent-deck-card:active,.note-item:active,.recent-note-card:active,.recent-card:active,.recent-card-empty:active,.doc-card:active,.folder-card:active,.folder-header:active,.mobile-action-btn:active,.mobile-menu-btn:active,.view-mode-btn:active,.clickable:active,.activity-filter:active,.search-result-item:active,.sidebar-search-item:active,.sidebar-search-more:active,.file-item:active,.close-btn:active,.toolbar-btn:active,.icon-btn:active,.back-link-btn:active,[role=button]:active{transform:none!important}.checkbox-wrapper:active{transform:translateY(-50%)!important}.note-table-row:has(.checkbox-wrapper:active){transform:none!important}.btn-primary{background-color:var(--accent-color);color:#fff;border-color:#0000}.btn-primary:active{box-shadow:0 2px 4px #3b82f633}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:silver;font-weight:600}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--text-secondary);box-shadow:0 1px 4px #0000000f}.btn-secondary:active{box-shadow:none}.btn-danger{color:var(--danger-color);background-color:#ef44441a;border-color:#0000}.btn-danger:hover{background-color:#ef444433}.btn-success{background-color:var(--success-color);color:#fff;border-color:#0000}.btn-success:hover{filter:brightness(.95);box-shadow:0 2px 8px #00000014}.btn-outline:hover{background:var(--bg-hover);border-color:var(--text-secondary)}html{scroll-behavior:smooth}body{background-color:var(--bright,#fff);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);touch-action:manipulation;overscroll-behavior-y:none;min-height:100vh;margin:0;display:flex;overflow:hidden}body:has(.search-page-container),body:has(.about-container),body:has(.legal-container){touch-action:auto!important;overscroll-behavior-y:auto!important;min-height:100%!important;display:block!important;overflow:hidden auto!important}button,.btn,.folder-menu-item,.nav-item,.clickable,.note-table-row,.folder-card,.deck-card,[role=button]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #3b82f624}.main{animation:.25s ease-out pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:.4s ease-out forwards staggerEnter}@keyframes staggerEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}body.page-transitioning .main{opacity:0;transition:opacity .15s ease-in,transform .15s ease-in;transform:translateY(-8px)}body.page-transitioning .sidebar{transition:none}.editor-container,.preview,.editor textarea{transition:opacity .12s}.editor textarea{padding-bottom:72px;scroll-padding-bottom:72px}.content-switching{opacity:.3;pointer-events:none}@keyframes contentFadeIn{0%{opacity:.5}to{opacity:1}}.content-refreshed{animation:.15s ease-out contentFadeIn}.container{flex:1;width:100%;margin-left:250px;transition:margin-left .2s;display:flex;overflow:hidden}@media (width<=800px){.container{margin-left:0!important}}.container.sidebar-collapsed{margin-left:0!important}.container.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar{z-index:2001;border-right:1px solid var(--border-color);width:250px;height:100dvh;padding:10px 10px max(10px,env(safe-area-inset-bottom))10px;box-sizing:border-box;user-select:none;will-change:transform;backface-visibility:hidden;contain:layout style paint;background-color:#fff;flex-direction:column;flex:none;transition:width .2s,transform .2s;display:flex;position:fixed;top:0;left:0;overflow:visible}.sidebar-header{justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:16px;padding:0 0 0 10px;display:flex}.dashboard-header{margin-bottom:30px;padding-left:8px}.sidebar-search{margin-bottom:16px;padding:0}.sidebar-search-input{border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;height:42px;font-size:15px;font-weight:var(--font-weight-medium);color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:0 12px 0 42px;transition:all .15s}.sidebar-search-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #3b82f624}.sidebar-search-input::placeholder{color:var(--text-secondary)}.sidebar-search-wrapper{position:relative}.sidebar-search-icon{color:var(--text-secondary);pointer-events:none;opacity:.7;font-size:.9rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.app-brand{flex:1;align-items:center;gap:12px;display:flex}.sabo-logo-wordmark{background-color:#3b82f6;width:170px;height:48px;margin-left:-4px;-webkit-mask:url(/assets/img/sabo_logo.png) 0/contain no-repeat;mask:url(/assets/img/sabo_logo.png) 0/contain no-repeat}.app-icon{background-color:var(--accent-color);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;box-shadow:0 4px 12px #2563eb33}.app-name{color:var(--text-primary);letter-spacing:-.01em;margin-top:6px;font-size:1.55rem;font-weight:700}.sidebar-section-header-container{justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:8px;padding-right:8px;display:flex}.sidebar-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:24px 12px 8px 14px;font-size:.75rem;font-weight:600}.sidebar-section-actions{gap:4px;display:flex}.sidebar-section-actions button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;transition:all .2s;display:flex}.sidebar-section-actions button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-divider{background-color:var(--border-color);height:1px;margin:16px 8px}.sidebar-user{cursor:pointer;align-items:center;gap:10px;display:flex}.user-avatar{background-color:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);border:2px solid var(--gray-300);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 5px #0000000d}.user-avatar i{justify-content:center;align-items:center;margin:0!important;display:flex!important}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);padding-left:6px;font-size:.85rem;font-weight:600;line-height:1.2}.user-plan{color:#92400e;text-transform:uppercase;letter-spacing:.02em;background:#fef3c7;border-radius:6px;width:fit-content;margin-top:2px;padding:2px 6px;font-size:.65rem;font-weight:700}.footer-actions{gap:4px;display:flex}.icon-only-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.icon-only-btn i{justify-content:center;align-items:center;margin:0!important;display:flex!important}.icon-only-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.icon-only-btn:active{transform:none}.sidebar .search-container{flex-grow:1;align-items:center;display:flex;position:relative}.sidebar input#searchNotes{background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:4px;height:38px;padding:8px 8px 8px 30px}.sidebar .search-container .fa-magnifying-glass{color:var(--text-secondary);position:absolute;top:50%;left:10px;transform:translateY(-50%)}#sidebarDeckList{flex:1;margin:1rem 0;padding-right:4px;overflow-y:auto}.sidebar-controls{align-items:center;gap:10px;margin-bottom:10px;display:flex}#sortBtn{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;width:40px;height:38px;padding:8px 12px}.main{flex-direction:column;flex:1;height:100dvh;display:flex;position:relative;overflow:visible}.nav-links{box-sizing:border-box;border-top:none;flex-direction:column;gap:2px;margin:12px 0 0;padding:0;display:flex}.sidebar-overlay{z-index:2000;opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(2px);background-color:#00000080;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.sidebar-overlay.visible{opacity:1;visibility:visible;pointer-events:auto;display:block}.sidebar-footer{border-top:1px solid var(--border-color);box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;margin:auto -10px 0;padding:8px 10px 0;display:flex}.nav-link,.sidebar-footer a,.sidebar-footer button{box-sizing:border-box;width:100%;height:42px;font-family:inherit;font-size:15px;font-weight:var(--font-weight-medium);text-align:left;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;align-items:center;margin:0;padding:0 12px;line-height:1;text-decoration:none;transition:background-color .12s,color .12s,box-shadow .12s;display:flex}.nav-link i{text-align:center;width:22px;color:var(--text-secondary);margin-right:12px;font-size:18px;transition:color .12s;display:inline-block}.sidebar-footer i{color:var(--text-secondary);font-size:18px;transition:color .12s}.nav-link:hover,.sidebar-footer a:hover,.sidebar-footer button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-link:hover i,.sidebar-footer a:hover i,.sidebar-footer button:hover i{color:var(--text-primary)}.nav-link.active{background-color:var(--accent-light,#eff6ff);color:var(--accent-color);font-weight:var(--font-weight-semibold);box-shadow:inset 0 0 0 1px #3b82f640}.nav-link.active i{color:var(--accent-color)}#aboutModal .modal-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;width:90%;max-width:500px;margin:auto;padding:0;animation:.3s modalSlideIn;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}#sabo-settings-modal .settings-modal-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;width:90%;max-width:400px;margin:auto;padding:0;animation:none;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.settings-modal-overlay{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#noteContent{background:var(--bright,#fff);resize:none;width:100%;height:100%;font-family:var(--font-mono);color:var(--text-primary);box-sizing:border-box;overscroll-behavior:none;border:none;outline:none;padding:20px 20px 40vh;scroll-padding-bottom:100px;font-size:16px;line-height:1.6}#preview{contain:content;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--bright,#fff);flex:1;width:100%;padding:4px 20px 100px;scroll-padding-block:100px;overflow-y:auto}#preview::-webkit-scrollbar{display:none}.preview-content{overflow-wrap:break-word;word-wrap:break-word;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;width:100%;max-width:800px;margin-inline:auto}[data-source-line]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#aboutModal h3,#sabo-settings-modal h3{font-size:var(--text-xl);color:var(--text-primary);margin:0;font-weight:600}#sabo-settings-modal .settings-modal-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:15px 24px;display:flex}#sabo-settings-modal .settings-modal-body{flex-direction:column;gap:10px;padding:20px;display:flex}#sabo-settings-modal label{font-weight:var(--font-weight-semibold);color:var(--text-primary)}#sabo-settings-modal .settings-desc{color:var(--text-secondary);margin:0 0 5px;font-size:.9em}#sabo-settings-modal input[type=password]{border:1px solid var(--border-color);box-sizing:border-box;border-radius:4px;width:100%;padding:10px;font-family:inherit}#sabo-settings-modal input:focus{box-shadow:none;border-color:var(--accent-color)}#sabo-settings-modal .settings-modal-footer{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.modal,#sabo-settings-modal{backdrop-filter:blur(2px);opacity:0;visibility:hidden;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s cubic-bezier(.4,0,.2,1),visibility .2s;display:none;position:fixed;top:0;left:0;overflow:auto;z-index:9999!important}.modal.show{opacity:1!important;visibility:visible!important}.modal-content,.settings-modal-content{will-change:transform,opacity;backface-visibility:hidden}.close,.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;font-weight:700;line-height:1}.close:hover,.close-btn:hover{color:var(--text-primary)}.modal-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.modal-header h3{text-align:left;flex:1;align-items:center;gap:8px;margin:0;display:flex}.modal-header h3 i{vertical-align:middle;margin-right:8px}.modal-header .close,.modal-header .close-btn{flex-shrink:0;font-size:1.9rem;line-height:1}.btn-primary{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:600}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 2px 8px #2563eb33}.btn-primary:active{box-shadow:none;transform:none}.btn-secondary{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background-color:#0000;border-radius:6px;padding:8px 16px;font-weight:600}.btn-secondary:hover{background-color:var(--bg-hover);color:var(--text-primary)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn-danger{background-color:var(--danger-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-weight:500}.btn-danger:hover{background-color:var(--danger-hover);box-shadow:0 2px 8px #ef535033}.btn-danger:active{box-shadow:none}.section-action-btn,.section-action-btn .btn-text{font-weight:600}input:focus,textarea:focus,select:focus{box-shadow:none;outline:none;border-color:var(--text-secondary)!important}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.btn,.btn-primary,.btn-secondary,.btn-danger{transition:all .15s}.sabo-input-modal{z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sabo-input-modal-overlay{backdrop-filter:blur(2px);background:#00000080;position:absolute;inset:0}.sabo-input-modal-content{background:var(--bg-primary);border-radius:8px;width:min(380px,90vw);position:relative;overflow:hidden;box-shadow:0 10px 40px #0003}.sabo-input-modal-header{background:var(--bg-primary);border-bottom:none;justify-content:space-between;align-items:center;padding:12px 24px 0;display:flex}.sabo-input-modal-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.sabo-input-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.sabo-input-modal-close:hover{color:var(--text-primary)}.sabo-input-modal-body{padding:10px 24px}.sabo-input-modal-input{border:2px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:1rem}.sabo-input-modal-input:focus{border-color:var(--text-secondary);box-shadow:none;outline:none}.sabo-input-modal-footer{background:var(--bg-primary);border-top:none;justify-content:flex-end;gap:10px;padding:0 24px 12px;display:flex}.sabo-input-modal-cancel{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:.95rem;font-weight:500}.sabo-input-modal-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.sabo-input-modal-submit{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 20px;font-size:.95rem;font-weight:500}.sabo-input-modal-submit:hover{background:var(--accent-hover)}#sabo-toast-container{z-index:20000;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:90vw;margin:0 auto;display:flex;position:fixed;bottom:50px;left:0;right:0}@media (width>=991px){#sabo-toast-container{left:0}}.sabo-toast{background-color:var(--text-primary);color:#fff;opacity:0;font-size:var(--text-sm);pointer-events:auto;text-align:center;border-radius:6px;padding:12px 20px;font-weight:600;transition:opacity .3s,transform .3s;transform:translateY(20px);box-shadow:0 4px 12px #0000004d}.sabo-toast.show{opacity:1;transform:translateY(0)}@media (width<=768px){#sabo-toast-container{bottom:24px}.sabo-toast{padding:8px 14px;font-size:.8rem}}.sabo-with-sidebar{box-sizing:border-box;padding-left:250px}#editorPane,#preview{transition:transform .2s,opacity .2s,flex .2s}#preview{overflow:hidden auto}#editorPane.pane-hidden,#preview.pane-hidden{opacity:0;pointer-events:none;overflow:hidden;flex:0 0 0!important;min-width:0!important;margin:0!important;padding:0!important}@media (width<=990px){.sidebar{z-index:2600;visibility:hidden;width:280px;height:100dvh;transition:transform .3s ease-in-out,visibility .3s step-end;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 8px #0003}.container .sidebar.mobile-visible,.sidebar.mobile-visible{transition:transform .3s ease-in-out,visibility;visibility:visible!important;transform:translate(0)!important}.container,.sabo-with-sidebar{transition:margin-left .3s ease-in-out,padding-left .3s ease-in-out;margin-left:0!important;padding-left:0!important}.sidebar-overlay{z-index:2500;opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(2px);background-color:#00000080;width:100%;height:100%;transition:opacity .3s ease-in-out,visibility .3s;display:none;position:fixed;top:0;left:0}.sidebar-overlay.visible{opacity:1;visibility:visible;pointer-events:auto;display:block}.toolbar,.header{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.note-title-editor{min-width:300px}}.fa-solid,.fa-regular,.fa-brands{vertical-align:-.125em;width:1em;height:1em;display:inline-block}button i.fa-solid,button i.fa-regular,button i.fa-brands,.btn i{min-width:16px;min-height:16px}.nav-link i,.sidebar-footer i{height:18px;line-height:18px}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)0%,var(--bg-hover)50%,var(--bg-tertiary)100%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin:.5em 0}.skeleton-title{width:60%;height:2rem;margin-bottom:1rem}.skeleton-card{border-radius:16px;height:80px;margin-bottom:1rem}.skeleton-button{border-radius:4px;width:120px;height:44px}.skeleton-container:has(>:not(.skeleton):not(:empty)) .skeleton{display:none}@supports (-webkit-touch-callout:none){input,textarea,select{font-size:16px!important}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{min-height:-webkit-fill-available}html{height:-webkit-fill-available}}@media (width<=990px){input,textarea,select{font-size:max(16px,1em)}button,.btn,.nav-link{min-height:44px}.editor-toolbar button{min-height:auto}button,.btn,.nav-link,.note-item,.deck-item{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;aspect-ratio:1;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.4rem;transition:background .2s;display:flex}.mobile-menu-btn i{font-size:1.25rem}.mobile-menu-btn:hover{background:#0000000d}.mobile-header h1{color:var(--text-primary);margin:0;font-size:1.25em;font-weight:600}.mobile-header .mobile-menu-btn{width:auto;height:auto;margin-right:15px;padding:5px;position:static}.folder-card{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:all .2s;position:relative}.folder-card-tab{display:none}.folder-card-body{border:1px solid var(--border-color,#e2e8f0);box-shadow:none;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.folder-card:hover .folder-card-body{background:var(--bg-secondary);transform:translateY(-2px)}.folder-card-body:before{content:"";color:var(--folder-icon-color,#3b82f6);background-color:var(--folder-bg-color,#dbeafe);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:"Font Awesome 6 Free";font-size:1.2rem;font-weight:900;transition:background-color .15s;display:flex}.folder-card:hover .folder-card-body:before{background-color:#0000}.folder-card-header{flex:1;min-width:0}.folder-card-name{color:var(--text-primary,#1e293b);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:.95rem;font-weight:500;line-height:1.3;overflow:hidden}.folder-card-stats{color:var(--text-secondary,#64748b);margin:0;font-size:.8rem;font-weight:600}.folder-card.color-blue{--folder-icon-color:#3b82f6;--folder-bg-color:#eff6ff}.folder-card.color-violet,.folder-card.color-purple{--folder-icon-color:#8b5cf6;--folder-bg-color:#f5f3ff}.folder-card.color-teal,.folder-card.color-emerald{--folder-icon-color:#10b981;--folder-bg-color:#ecfdf5}.folder-card.color-amber,.folder-card.color-yellow{--folder-icon-color:#f59e0b;--folder-bg-color:#fffbeb}.folder-card.color-rose,.folder-card.color-coral{--folder-icon-color:#f43f5e;--folder-bg-color:#fff1f2}.folder-card.color-slate,.folder-card.color-gray{--folder-icon-color:#64748b;--folder-bg-color:#f8fafc}.folder-card.color-fuchsia,.folder-card.color-pink{--folder-icon-color:#d946ef;--folder-bg-color:#fdf4ff}.folder-card.color-cyan,.folder-card.color-sky{--folder-icon-color:#06b6d4;--folder-bg-color:#ecfeff}.folder-card.color-black{--folder-icon-color:#1e293b;--folder-bg-color:#f1f5f9}.folders-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:.25rem;padding:5px;display:grid}.sidebar-search{z-index:100;margin-top:24px;margin-bottom:16px;position:relative}.sidebar-search-results{background:var(--bg-primary);border:1px solid var(--border-color);z-index:3000;border-radius:12px;flex-direction:column;width:300px;max-height:400px;padding:0;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.sidebar-search-results.hidden{display:none}.sidebar-search-empty{text-align:center;color:var(--text-secondary);padding:16px;font-size:.9rem}.sidebar-search-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:12px;padding:8px 16px;text-decoration:none;transition:background .15s;display:flex}.sidebar-search-item:hover,.sidebar-search-item.selected{background:var(--bg-hover)}.sidebar-search-item-icon{background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-search-item-icon.note{color:#3b82f6;background:#3b82f61a}.sidebar-search-item-icon.deck{color:#10b981;background:#10b9811a}.sidebar-search-item-icon.document{color:#f43f5e;background:#f43f5e1a}.sidebar-search-item-content{flex:1;min-width:0}.sidebar-search-item-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.95rem;font-weight:500;overflow:hidden}.sidebar-search-item-meta{color:var(--text-secondary);text-transform:capitalize;font-size:.75rem;font-weight:600}.sidebar-search-more{color:var(--accent-color);justify-content:center;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.sidebar-search-more:hover{background:var(--bg-hover)}.folder-menu-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);transform-origin:100% 0;z-index:10000;border-radius:12px;flex-direction:column;min-width:180px;margin-top:.5rem;padding:0;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d}.folder-menu-dropdown.hidden{display:none}.folder-menu-item{color:var(--text-primary);cursor:pointer;box-sizing:border-box;align-items:center;gap:.75rem;width:100%;margin:0;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:background .2s;display:flex}.folder-menu-item:hover{background:var(--bg-tertiary)}.folder-menu-item i{text-align:center;width:20px;color:var(--text-tertiary);font-size:1rem}.folder-menu-item.delete{color:var(--danger-color)}.folder-menu-item.delete:hover{background:#ef44441a}.folder-menu-item.delete i{color:var(--danger-color)}.note-title-editor{text-align:left;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:6px;outline:none;flex-grow:1;min-width:0;max-width:500px;margin:0 8px;padding:4px 8px;font-size:1.2rem;font-weight:600;transition:all .2s}.note-title-editor:hover{border:1px solid var(--border-color);background:0 0}.note-title-editor:focus{border-color:var(--border-color);background:0 0}.magic-deck-btn .icon-stack{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;position:relative}.magic-deck-btn .overlay-sparkle{color:var(--accent-light);filter:drop-shadow(0 0 2px #ffffff80);font-size:.6em;animation:2s ease-in-out infinite pulse-sparkle;position:absolute;bottom:-4px;right:-4px}@keyframes pulse-sparkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}#selectionFloatingBtn{justify-content:center;align-items:center;display:none;width:32px!important;height:32px!important;min-width:unset!important;padding:4px!important}#formatToolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);scrollbar-width:none;opacity:1;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.5rem;width:100%;min-height:40px;max-height:50px;padding:4px 12px;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),border .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:auto hidden;transform:translateY(0)}#formatToolbar::-webkit-scrollbar{display:none}#formatToolbar.hidden{opacity:0;pointer-events:none;visibility:hidden;border-bottom-width:0;min-height:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;transform:translateY(-10px)}#toggleFormatBarBtn,#toggleAutoScrollBtn,#toggleSidebarBtn{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:inline-flex}#toggleFormatBarBtn:hover,#toggleAutoScrollBtn:hover,#toggleSidebarBtn:hover{background-color:var(--bg-hover)}#toggleFormatBarBtn.active,#toggleAutoScrollBtn.active,#toggleSidebarBtn.active{background:var(--bg-tertiary)}.toolbar{background-color:var(--bg-primary)!important}.main,.editor-container,#editorPane{background-color:var(--bg-primary)!important;border-left:none!important}#preview{background-color:var(--bright,#fff)!important;border-left:none!important}.toolbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}#formatToolbar button{height:32px;padding:4px 8px}.debug-history.hidden{display:none}.debug-history .debug-overlay{backdrop-filter:blur(2px);background:#0000008c;position:absolute;inset:0}.debug-panel{background:var(--bg-primary);border:1px solid var(--border-color);z-index:1;border-radius:16px;flex-direction:column;gap:.75rem;width:min(600px,92vw);max-height:min(80vh,640px);padding:1rem 1.5rem 1.5rem;animation:.2s ease-out modalSlideIn;display:flex;position:relative;box-shadow:0 20px 60px #00000040}.debug-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.debug-header h3{margin:0;font-size:1.1rem;font-weight:600}.debug-header .icon-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,color .15s;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}.debug-header .icon-btn:hover{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.debug-body{background:var(--bg-secondary);border:1px solid var(--border-color);white-space:pre-wrap;word-break:break-word;min-height:200px;color:var(--text-primary);border-radius:12px;flex:1;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;overflow-y:auto}.settings-section{margin-bottom:16px}#sabo-settings-modal .settings-section{margin-bottom:12px}#sabo-settings-modal .settings-section.settings-section-compact{margin-bottom:6px}#sabo-settings-modal .settings-about-link{text-align:center;margin-top:2px;margin-bottom:0}#sabo-settings-modal .settings-inline-toggle{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;font-size:.9rem;font-weight:500;line-height:1.2;display:flex}#sabo-settings-modal .settings-inline-toggle-input{width:16px;height:16px;accent-color:var(--accent-color);flex-shrink:0;transform:none}.preview-content table{border-collapse:collapse;width:100%;margin:1rem 0}.preview-content td:empty,.preview-content th:empty{cursor:text;background-color:#00000004;min-width:60px;height:2.5rem}blockquote table,.preview-content blockquote table{background-color:#fff}.section-header-left.drag-over-unfiled{background-color:#2563eb14;border-radius:10px;padding-right:8px;transition:all .15s;box-shadow:inset 0 0 0 1px #2563eb59}.section-header-left.drag-over-unfiled .section-title:after{content:"Move to Unfiled";color:#1947a9;letter-spacing:.02em;text-transform:uppercase;vertical-align:middle;background:#2563eb1a;border:1px solid #2563eb3d;border-radius:999px;align-items:center;margin-left:10px;padding:2px 8px;font-size:.68rem;font-weight:650;line-height:1.2;display:inline-flex}.shortcut-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.shortcut-keys kbd{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:4px;margin-left:4px;padding:2px 6px;font-family:monospace;font-size:.9em}.shortcut-keys span{color:var(--text-secondary);margin:0 4px}#event-countdown .countdown-number{color:var(--accent-color);margin-right:2px;font-size:1.4rem;font-weight:700}:root{--glass-bg:#ffffffbf;--glass-border:#00000014;--card-ratio:1.6}.notes-wrapper{align-items:stretch}#documents-app{-webkit-overflow-scrolling:touch;width:100%;height:100dvh;overflow:hidden auto}#flashcards-app{-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;width:100%;height:100dvh;overflow:hidden auto}#flashcards-app #library-deck-list,#flashcards-app #deck-overview,#flashcards-app #editor-section,#flashcards-app .editor-card-list,#flashcards-app .deck-item,#flashcards-app .folder-card{touch-action:pan-y}.app-header h1{background:linear-gradient(90deg,#333,#555);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.card{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:2rem;padding:2rem;transition:transform .3s;display:flex}.folder-deck-grid.list-view{box-sizing:border-box;grid-template-columns:1fr;gap:0;width:100%;margin:0;padding:0}.folder-deck-grid.list-view .deck-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:row;align-items:center;gap:1.5rem;min-height:auto;padding:1.4rem 1.5rem 1.1rem;transition:box-shadow .2s,transform .2s;box-shadow:0 1px 3px #0000000d;height:auto!important;margin-bottom:1.25rem!important}.unfiled-section .folder-deck-grid.list-view .deck-item{border-radius:8px}.folder-deck-grid.list-view .deck-item:hover{box-shadow:0 4px 12px #00000014}.folder-deck-grid.list-view .deck-main-content{text-align:left;flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex}.folder-deck-grid.list-view .deck-side-content{flex-direction:row;flex-shrink:0;justify-content:flex-end;align-self:center;align-items:center;gap:3rem;min-width:auto;display:flex}.folder-deck-grid.list-view .deck-name{text-align:left;margin:0;font-size:1.125rem}.folder-deck-grid.list-view .deck-mastery{max-width:100%;margin:0;padding-right:0}.folder-deck-grid.list-view .deck-card-count{flex-direction:column;align-self:center;align-items:center;min-width:70px;padding:0 .5rem 0 calc(.5rem + 5px);position:static;display:flex!important}.folder-deck-grid.list-view .deck-item.document-item .deck-card-count{transform:translateY(0)!important}#newDeckModal .btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);font-weight:600;transition:all .2s}#newDeckModal .btn-secondary:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--glass-border)}#newDeckModal .btn-secondary i{color:inherit}#newDeckModal .ai-gen-options,#flashcardGenModal .ai-gen-options{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:10px;margin-top:12px;padding:8px 10px}#newDeckModal .ai-gen-options-heading,#flashcardGenModal .ai-gen-options-heading{color:var(--text-primary);margin-top:12px;margin-bottom:5px;font-weight:500;display:block}#newDeckModal .ai-gen-options-title,#flashcardGenModal .ai-gen-options-title{color:var(--text-primary);text-transform:none;letter-spacing:0;margin-bottom:10px;font-size:1rem;font-weight:700}#newDeckModal .ai-gen-options-grid,#flashcardGenModal .ai-gen-options-grid{grid-template-columns:minmax(170px,max-content) 64px 64px;justify-content:start;align-items:center;column-gap:14px;width:100%;display:grid}#newDeckModal .ai-gen-options-grid-header+.ai-gen-options-grid,#flashcardGenModal .ai-gen-options-grid-header+.ai-gen-options-grid{margin-top:8px}#newDeckModal .ai-gen-options-grid:not(.ai-gen-options-grid-header)+.ai-gen-options-grid,#flashcardGenModal .ai-gen-options-grid:not(.ai-gen-options-grid-header)+.ai-gen-options-grid{margin-top:10px}#newDeckModal .ai-gen-options-grid-header,#flashcardGenModal .ai-gen-options-grid-header{color:var(--text-secondary);text-transform:uppercase;font-size:.8rem;font-weight:600}#newDeckModal .ai-gen-options-grid-header span:first-child,#flashcardGenModal .ai-gen-options-grid-header span:first-child{text-align:left}#newDeckModal .ai-gen-options-grid-header span:not(:first-child),#flashcardGenModal .ai-gen-options-grid-header span:not(:first-child){text-align:center}#newDeckModal .ai-gen-options-label,#flashcardGenModal .ai-gen-options-label{color:var(--text-primary);text-align:left;font-size:.9rem;font-weight:500}#newDeckModal .ai-gen-options-check,#flashcardGenModal .ai-gen-options-check{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100%;height:26px;display:flex}#newDeckModal .ai-gen-options-check input[type=checkbox],#flashcardGenModal .ai-gen-options-check input[type=checkbox]{margin:0;transform:scale(1.08)}#flashcardGenModal .ai-gen-options-heading{margin-bottom:2px}#flashcardGenModal .ai-gen-options{margin-top:4px}#newDeckModal #aiFrontPrompt,#newDeckModal #aiBackPrompt,#flashcardGenModal #fcGenPrompt{line-height:1.38;font-family:SF Pro Text,Avenir Next,Helvetica Neue,Segoe UI,Arial,sans-serif!important}#newDeckModal #aiFrontPrompt::placeholder,#newDeckModal #aiBackPrompt::placeholder,#flashcardGenModal #fcGenPrompt::placeholder{letter-spacing:.01em;color:var(--text-secondary)!important;font-family:SF Pro Text,Avenir Next,Helvetica Neue,Segoe UI,Arial,sans-serif!important;font-weight:500!important}@media (width<=710px){.folder-deck-grid.list-view .deck-item{flex-direction:column;align-items:stretch;gap:.35rem;margin-bottom:.75rem;padding:1.5rem 1.5rem 1.25rem}.folder-deck-grid.list-view .deck-main-content{display:contents}.folder-deck-grid.list-view .deck-name{order:1;margin-bottom:0}.folder-deck-grid.list-view .deck-side-content{border-top:none;flex-direction:column;order:3;align-items:stretch;width:100%;min-width:0;margin-top:1rem;padding:0;display:flex}.folder-deck-grid.list-view .deck-mastery{order:2;width:100%;max-width:none;margin-top:1rem;margin-bottom:0}.folder-deck-grid.list-view .deck-side-content>div:not(:last-child):after{display:none}.folder-deck-grid.list-view .deck-card-count,.library-view-toggle{display:none!important}.folder-deck-grid{flex-direction:column!important;display:flex!important}.folder-deck-grid.list-view .deck-card-count-number,.folder-deck-grid.list-view .deck-card-count-label,.folder-deck-grid.list-view .deck-meta-value{color:var(--text-secondary)!important;vertical-align:middle!important;margin:0!important;padding:0!important;font-size:.8rem!important;font-weight:600!important;line-height:1!important;display:inline!important}.folder-deck-grid.list-view .deck-meta-item{vertical-align:middle;flex-direction:row;align-items:center;margin:0!important;padding:0!important;display:inline-flex!important}.folder-deck-grid.list-view .document-item .deck-meta-item,.folder-deck-grid.list-view .document-item .deck-card-count{color:var(--text-secondary);flex-direction:row!important;align-items:center!important;gap:.3rem!important;margin-bottom:0!important;padding:0!important;font-size:.85rem!important;display:inline-flex!important}.folder-deck-grid.list-view .document-item .deck-name{margin-bottom:.35rem!important}.folder-deck-grid.list-view .document-item .deck-side-content{flex-direction:row!important;order:2!important;justify-content:flex-start!important;align-items:center!important;gap:0!important;margin-top:0!important;margin-bottom:.5rem!important}.folder-deck-grid.list-view .document-item .deck-mastery{order:3!important;margin-top:0!important}.folder-deck-grid.list-view .deck-item.document-item{padding-bottom:1.2rem!important}.folder-deck-grid.list-view .deck-side-content>div:not(:last-child):after{content:"•";color:var(--text-tertiary);opacity:.5;margin:0 .5rem;vertical-align:middle!important;font-family:inherit!important;font-size:.8rem!important;font-weight:400!important;line-height:1!important;display:inline!important}.folder-deck-grid.list-view .deck-card-count,.folder-deck-grid.list-view .deck-meta-item{font-size:.8rem!important;font-weight:400!important}.deck-grid.list-view .btn-study-outline{width:100%}}.score-circle{border:4px solid var(--accent-color);width:150px;height:150px;color:var(--text-primary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 2rem;font-size:3rem;font-weight:700;display:flex}.score-circle .total{color:var(--text-secondary);margin-left:5px;font-size:1.5rem;font-weight:500}.deck-list{flex-direction:column;gap:1rem;width:100%;max-height:400px;margin-bottom:2rem;padding:.5rem;display:flex;overflow-y:auto}.instruction-panel{gap:1rem;padding-top:0}.instruction-lede{color:var(--text-secondary);margin:0}.instruction-list{color:var(--text-primary);flex-direction:column;gap:.75rem;margin:0;padding-left:1.5rem;display:flex}.instruction-list strong{color:var(--accent-color)}.instruction-list em{color:inherit;font-style:normal}.instruction-footer{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:1rem 1.25rem;font-size:.95rem;line-height:1.5}@media (width<=710px){#library-section,.instruction-panel{padding-top:0!important}.stat{padding:.5rem}.stat-label{font-size:.7rem;font-weight:600}.stat-value{font-size:1rem;line-height:1.2}}.folder-card-menu{cursor:pointer;width:40px;height:40px;color:var(--text-secondary);opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.folder-card:hover .folder-card-menu,.folder-card-menu.active,.folder-card-menu:focus{opacity:1;background:#0000000d}.folder-menu-container{z-index:20;position:relative}.folder-menu-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);transform-origin:100% 0;border-radius:12px;flex-direction:column;min-width:180px;margin-top:.5rem;padding:0;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d}.stat{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600}.stat-value{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.2}.eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-top:1rem;margin-bottom:0;font-size:.75rem;font-weight:600}.btn-outline{border:1px solid var(--accent-color);color:var(--accent-color);background:0 0}.btn-outline:hover{background:#ffffff14}.settings-overlay{backdrop-filter:blur(2px);z-index:-1;background:#0000008c;position:fixed;inset:0}.settings-content{background:var(--bg-primary);border:1px solid var(--border-color);z-index:10;clip-path:inset(0 round 16px);border-radius:16px;flex-direction:column;width:min(320px,90vw);height:auto;max-height:85vh;margin-bottom:2rem;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000026}.settings-header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;padding:.25rem 1rem;display:flex}.settings-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:auto;gap:.5rem;min-height:0;padding:.5rem 1rem 2rem;display:flex;overflow-y:auto}.settings-header .icon-btn{width:36px;height:36px;box-shadow:none;cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:1.6rem;display:flex}.settings-header .icon-btn:hover{color:var(--text-primary);background:0 0}.settings-header h3{margin:0;font-size:1.4rem}.settings-body{flex-direction:column;gap:.5rem;padding:1rem;font-size:.9rem;display:flex}.settings-group{flex-direction:column;gap:.35rem;padding:0;display:flex}.settings-group p{color:var(--text-secondary);margin:.35rem 0 .15rem;font-size:.85rem;font-weight:600}.settings-group-inline label{align-items:center;gap:.5rem;display:flex}.settings-actions{flex-direction:column;align-items:center;gap:.5rem;width:100%;margin-top:3rem;display:flex}.settings-delete-btn{cursor:pointer;border-radius:4px;margin-top:.25rem;margin-bottom:0;padding:4px 8px;font-size:.8rem;font-weight:500;transition:all .2s}.btn-danger-outline{color:var(--danger-color);background:0 0;border:1px solid #ef535080}.btn-danger-outline:hover{background:var(--danger-color);color:#fff;border-color:var(--danger-color);box-shadow:0 4px 12px #ef535033}.settings-action-group{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.settings-action-group .btn{border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:500}.settings-content .btn{text-align:center;border-radius:4px;width:180px;padding:4px 8px;font-size:.8rem;font-weight:500}.utility-action-group{flex-direction:column;align-items:center;gap:.5rem;padding:0;display:flex}.utility-action-group .btn{text-align:center;background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:4px;padding:4px 8px;font-size:.8rem;box-shadow:0 4px 10px #0000000a}.utility-action-group .btn:hover{background:var(--bg-tertiary)}.settings-accordion{border:1px solid var(--glass-border);border-radius:10px;margin-bottom:.35rem}.settings-accordion-btn{background:var(--bg-secondary);cursor:pointer;width:100%;min-height:40px;color:var(--text-primary);border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.settings-accordion-btn:hover{background:var(--bg-tertiary)}.settings-accordion-btn.active{background:var(--bg-tertiary);border-bottom-right-radius:0;border-bottom-left-radius:0}.settings-accordion-btn .accordion-icon{color:var(--text-secondary);font-size:.75rem;transition:transform .2s}.settings-accordion-btn.active .accordion-icon{transform:rotate(180deg)}.settings-accordion-content{background:var(--bg-primary);border-top:1px solid var(--glass-border);border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex-direction:column;gap:.85rem;padding:.5rem .85rem;display:flex;overflow-y:visible}.settings-accordion-content.hidden{display:none}.debug-history{z-index:550;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.debug-history .debug-overlay{background:#0000008c;position:absolute;inset:0}.debug-panel{background:var(--bg-primary);border:1px solid var(--glass-border);z-index:1;border-radius:20px;flex-direction:column;gap:1rem;width:min(600px,92vw);max-height:min(80vh,640px);padding:1.5rem;display:flex;position:relative;box-shadow:0 20px 60px #00000073}.debug-header{justify-content:space-between;align-items:center;display:flex}.debug-header .icon-btn{border:1px solid var(--glass-border);background:var(--bg-secondary);width:2.5rem;height:2.5rem;color:var(--text-primary);box-shadow:none;font-size:1.2rem}.debug-body{background:var(--bg-secondary);border:1px solid var(--glass-border);white-space:pre-wrap;word-break:break-word;border-radius:12px;flex:1;min-height:220px;padding:1rem;font-family:Fira Code,Source Code Pro,monospace;font-size:.85rem;overflow:auto}.debug-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.debug-summary{color:var(--text-secondary);flex:1;margin:0;font-size:.9rem}.debug-empty{text-align:center;background:var(--bg-secondary);border:1px dashed var(--glass-border);color:var(--text-secondary);border-radius:12px;margin:0;padding:1rem}.deck-grid{flex-direction:column;gap:0;width:100%;display:flex}.library-header-new{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:64rem;margin:1rem auto .75rem;display:none}.library-header-new.no-folders{margin-top:2rem;margin-bottom:1.25rem}@media (width>=991px){.library-header-new{display:flex}}.library-header-left{align-items:center;gap:1rem;display:flex}.library-title{color:var(--text-primary);margin:0;padding:.5rem 0 .25rem 1px;font-size:2rem;font-weight:700}.library-actions{align-items:center;gap:12px;margin-left:1.5rem;display:flex}.btn-primary-action,.btn-secondary-action{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;height:36px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-primary-action{background-color:var(--btn-dark);color:#fff;border:none}.btn-primary-action:hover{background-color:var(--btn-dark-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-secondary-action{color:var(--text-primary);background-color:#fff;border:1px solid silver}.btn-secondary-action:hover{background-color:var(--bg-hover);border-color:var(--text-secondary)}.library-header-right{align-items:center;gap:.6rem;display:flex}.section-action-btn{color:var(--accent-color);cursor:pointer;box-sizing:border-box;white-space:nowrap;background-color:#2563eb14;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:.5rem;height:36px;min-height:0;padding:0 .85rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.section-action-btn:hover{color:var(--accent-hover);background-color:#2563eb26}.library-sort-dropdown .mobile-sort-icon{display:none}@media (width<=450px){.library-sort-dropdown .sort-label,.library-sort-dropdown .sort-value,.library-sort-dropdown .fa-chevron-down{display:none}.library-sort-dropdown .mobile-sort-icon{font-size:1rem;display:block}.library-sort-dropdown .sort-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:0;height:38px;display:flex;padding:0!important}}@media (width<=710px){.section-action-btn .btn-text{display:none}.section-action-btn{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;padding:0!important}.library-header-right{display:flex!important}}.library-sort-dropdown .sort-btn{border:1px solid var(--glass-border);cursor:pointer;box-sizing:border-box;white-space:nowrap;background:#fff;border-radius:10px;flex-shrink:0;align-items:center;gap:.5rem;height:36px;min-height:0;padding:0 .75rem;font-size:.85rem;font-weight:500;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000a}.library-sort-dropdown .sort-btn:hover{border-color:var(--accent-color)}.library-sort-dropdown .sort-label{color:var(--text-secondary)}.library-sort-dropdown .sort-value{color:var(--text-primary)}.library-sort-dropdown i{color:var(--text-secondary);font-size:.7rem}.hidden{display:none!important}[data-action],button,.btn,.icon-btn,.sidebar-item,.deck-item,.folder-header{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#documents-app .library-sort-dropdown,#flashcards-app .library-sort-dropdown{position:relative}#documents-app .sort-btn,#flashcards-app .sort-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-width:140px;padding:6px 12px;font-size:.9em;transition:all .2s;display:flex}#documents-app .sort-btn:hover,#flashcards-app .sort-btn:hover{background:var(--bg-hover);border-color:var(--accent-color)}#documents-app .sort-label,#flashcards-app .sort-label{color:var(--text-secondary)}#documents-app .sort-value,#flashcards-app .sort-value{font-weight:600}@media (width<=450px){#documents-app .sort-btn,#flashcards-app .sort-btn{border-radius:50%;justify-content:center;width:38px;min-width:38px;height:38px;padding:0!important}}#documents-app .sort-menu,#flashcards-app .sort-menu{border:1px solid var(--border-color);z-index:100;background:#fff;border-radius:8px;flex-direction:column;gap:2px;width:200px;padding:4px;display:flex;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 4px 12px #00000026}#documents-app .sort-menu.hidden,#flashcards-app .sort-menu.hidden{display:none}#documents-app .sort-option,#flashcards-app .sort-option{text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 12px;font-size:.9em;transition:background .1s}#documents-app .sort-option:hover,#flashcards-app .sort-option:hover{background:var(--bg-hover)}#documents-app .sort-option.active,#flashcards-app .sort-option.active{background:var(--bg-tertiary);color:var(--accent-color);font-weight:600}#documents-app .deck-meta-item,#flashcards-app .deck-meta-item{text-align:center;color:var(--text-tertiary);flex-direction:column;align-items:center;min-width:75px;font-size:.85rem;font-weight:600;display:flex}#documents-app .deck-meta-value,#flashcards-app .deck-meta-value{color:var(--text-secondary);font-weight:600}.library-view-toggle{background:var(--bg-tertiary);border:1px solid var(--glass-border);box-sizing:border-box;border-radius:10px;flex-shrink:0;align-items:stretch;height:36px;padding:2px;display:flex;overflow:hidden}.library-view-toggle .view-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;min-width:32px;min-height:0;margin:0;padding:0 10px;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.library-view-toggle .view-btn:hover{color:var(--text-primary)}.library-view-toggle .view-btn.active{color:var(--accent-color);background:#fff;box-shadow:0 1px 2px #0000000d}.featured-deck-card{border:1px solid var(--glass-border);cursor:pointer;background:#fff;border-radius:20px;flex-direction:column;gap:1.5rem;margin-bottom:1rem;padding:1.5rem;transition:all .2s;display:flex}@media (width>=601px){.featured-deck-card{flex-direction:row;align-items:center;gap:1rem}}.featured-deck-card:hover{border-color:var(--accent-color);box-shadow:0 8px 32px #00000014}.featured-deck-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;display:flex}@media (width<=1199px){.featured-deck-icon{display:none}}.featured-deck-icon.color-green{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.featured-deck-icon.color-blue{color:#2563eb;background:#2563eb1a;border:1px solid #2563eb33}.featured-deck-icon.color-teal{color:#14b8a6;background:#14b8a61a;border:1px solid #14b8a633}.featured-deck-icon.color-purple{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633}.featured-deck-icon.color-amber{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.doc-icon,.featured-deck-icon.doc-icon,.deck-item-icon.doc-icon{color:#fff!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important}.featured-deck-info{flex-direction:column;flex:1;justify-content:center;display:flex}.featured-deck-badge{color:#22c55e;background:#22c55e1a;border-radius:6px;align-items:center;width:fit-content;margin-bottom:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.featured-deck-name{color:var(--text-primary);word-break:break-word;overflow-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:1.5rem;font-weight:700;transition:color .15s;display:-webkit-box;overflow:hidden}.featured-deck-stats{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.featured-deck-stats .separator{background:var(--text-secondary);opacity:.5;border-radius:50%;width:4px;height:4px}@media (width>=601px) and (width<=800px){.featured-deck-stats{flex-direction:column;align-items:flex-start;gap:.25rem}.featured-deck-stats .separator{display:none}}.featured-deck-progress{border-top:1px solid var(--glass-border);flex-direction:column;justify-content:center;width:100%;padding-top:1rem;display:flex}@media (width>=601px){.featured-deck-progress{border-top:none;border-left:1px solid var(--glass-border);width:280px;padding-top:0;padding-left:1.5rem}}@media (width>=991px){.featured-deck-progress{width:340px;padding-left:2rem}}.featured-deck-progress-header{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.featured-deck-progress-label{color:var(--text-tertiary);letter-spacing:.05em;font-size:.85rem;font-weight:700}.featured-deck-progress-value{color:var(--accent-color);font-size:1.1rem;font-weight:700}.featured-deck-progress.is-complete .featured-deck-progress-value{color:#22c55e}.featured-deck-progress-bar{background:var(--bg-tertiary);border-radius:5px;width:100%;height:10px;margin-bottom:1rem;overflow:hidden}.featured-deck-progress-bar .fill{background:var(--accent-color);border-radius:5px;height:100%;transition:width .3s}.featured-deck-progress.is-complete .featured-deck-progress-bar .fill{background:#22c55e}.featured-deck-resume-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 4px 12px #2563eb33}.featured-deck-resume-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb40}.section-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.section-title{color:var(--text-primary);white-space:nowrap;margin:0;font-size:1.1rem;font-weight:700}.section-line{background:var(--glass-border);flex:1;height:1px}.folders-section,.unfiled-section{width:100%;max-width:64rem;margin:1.5rem auto 1rem}.unfiled-section.my-decks-view{margin-top:.4rem}@media (width<=990px){.folders-section{margin-top:1rem}.unfiled-section.my-decks-view{margin-top:1.5rem}}.section-header-row{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.section-header-toggle{cursor:pointer;flex:1;align-items:center;gap:1rem;display:flex}.section-header-toggle>*{pointer-events:none}.section-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.flex-spacer{flex:1}.folder-header-icon{color:var(--accent-color);margin-right:8px}.recent-section{width:100%;max-width:64rem;margin:1.5rem auto 0}.recent-label{color:var(--accent-color);letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:flex}.recent-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.8rem;font-weight:700;display:flex}.recent-title i{font-size:.9rem}.recent-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=900px){.recent-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.recent-grid{grid-template-columns:1fr}}.recent-deck-card{border:1px solid var(--glass-border);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:1rem 1.25rem;transition:all .2s;display:flex}.recent-deck-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.recent-deck-card:active{scale:1}.recent-deck-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.recent-deck-card:hover .recent-deck-name{color:var(--accent-color)}.recent-deck-progress{background:var(--bg-tertiary);border-radius:3px;height:5px;overflow:hidden}.recent-deck-progress .progress-bar{background:var(--accent-color);border-radius:3px;height:100%}.recent-deck-stats{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.recent-deck-stats .progress-percent{color:var(--accent-color);font-weight:600}.folder-section{width:100%;margin-bottom:1.5rem}.folder-header{cursor:pointer;user-select:none;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;transition:all .2s;display:flex}.folder-header:hover{background:0 0}.folder-header.collapsed{border-radius:0}.folder-header-left{align-items:center;gap:10px;display:flex}.folder-chevron{color:var(--text-secondary);justify-content:center;align-items:center;width:20px;font-size:.75rem;transition:transform .2s;display:flex}.folder-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.folder-count{color:var(--text-secondary);margin-left:4px;font-size:.85rem}.folder-header:after{content:"";background:var(--glass-border);flex:1;height:1px;margin-left:.5rem}.folder-actions{opacity:0;flex-shrink:0;gap:4px;transition:opacity .2s;display:flex}.folder-header:hover .folder-actions{opacity:1}.folder-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:.85rem;transition:all .15s}.folder-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.folder-action-btn:last-child:hover{color:var(--danger-color)}.folder-content{padding:1rem 0 0;transition:all .2s}.folder-content.collapsed{display:none}.folder-deck-grid{border:2px dashed #0000;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin:0;padding:0;transition:background .15s,border-color .15s;display:grid;overflow:visible}#confirmationMessage{text-align:center;line-height:1.5}.folder-menu-dropdown{z-index:100;background:#fff;border:1px solid #0000001a;border-radius:8px;width:200px;padding:0;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.folder-card-stats{color:var(--text-secondary);font-size:.85rem;font-weight:500}.folder-card.drag-over{z-index:10;border-color:var(--glass-border)!important;box-shadow:none!important;background:0 0!important;transform:scale(1.05)!important}.dragging-placeholder{opacity:.5;filter:grayscale();background:var(--bg-secondary)}.folder-card.drag-over *{pointer-events:none}.note-table-row.dragging{opacity:.5;background:var(--glass-bg)}.note-table-row.dragging-ghost{opacity:0}.sidebar-folder-item{cursor:pointer;color:var(--text-primary);border-radius:8px;align-items:center;gap:10px;margin:2px 0;padding:10px 12px;font-size:.9rem;transition:all .2s;display:flex}.sidebar-folder-item:hover{background:var(--bg-hover)}.sidebar-folder-item i{color:var(--accent-color);width:16px}.sidebar-folder-item span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.folder-badge{background:var(--bg-tertiary);color:var(--text-secondary);text-align:center;border-radius:8px;min-width:18px;padding:2px 6px;font-size:.75rem}.deck-item.dragging{opacity:.5;transform:scale(.98)}.deck-item[draggable=true]{cursor:grab}.deck-item[draggable=true]:active{cursor:grabbing}.folder-header.drag-over{border-radius:8px;background:#2563eb1a!important}.folder-header.drag-over .folder-name{color:var(--accent-color)}.folder-header.drag-over{transform:scale(1.05)!important}.sidebar-folder-item.drag-over{background:var(--accent-color)!important;color:#fff!important;transform:scale(1.05)!important}.sidebar-folder-item.drag-over i,.sidebar-folder-item.drag-over span{color:#fff!important}.deck-unseen{color:var(--accent-color);font-size:.85rem;font-weight:500}.deck-item{border:1px solid var(--glass-border);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.2rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005}.deck-item .deck-card-count{display:none}@media (width<=710px){.deck-card-count{display:none!important}}.deck-item:hover{z-index:10;border-color:#3b82f64d;transform:translateY(-2px)scale(1.005);box-shadow:0 12px 20px -5px #0000000d,0 6px 8px -3px #00000005}.deck-header{display:none}.deck-icon-container{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.deck-icon-container.color-blue{color:#2563eb;background:#2563eb1a;border:1px solid #2563eb26}.deck-icon-container.color-teal{color:#14b8a6;background:#14b8a61a;border:1px solid #14b8a626}.deck-icon-container.color-green{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e26}.deck-icon-container.color-yellow{color:#eab308;background:#eab3081a;border:1px solid #eab30826}.deck-icon-container.color-orange{color:#f97316;background:#f973161a;border:1px solid #f9731626}.deck-icon-container.color-coral{color:#f43f5e;background:#f43f5e1a;border:1px solid #f43f5e26}.deck-icon-container.color-purple{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf626}.deck-icon-container.color-sky{color:#0ea5e9;background:#0ea5e91a;border:1px solid #0ea5e926}.deck-icon-container{color:var(--accent-color);background:linear-gradient(135deg,#3b82f61a 0%,#3b82f60d 100%);border:1px solid #3b82f633;box-shadow:0 2px 4px #00000005}.deck-menu-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.deck-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.deck-info{text-align:left;flex-direction:column;flex:1;gap:0;display:flex}.deck-name{color:var(--text-primary);word-break:break-word;margin:0 0 .25rem;font-size:1.125rem;font-weight:600;line-height:1.3;transition:color .15s}.deck-item:hover .deck-name{color:var(--text-primary)}.deck-stats{color:var(--text-secondary);opacity:.8;align-items:center;gap:6px;font-size:.8rem;display:flex}.deck-stats-separator{background:var(--text-secondary);opacity:.5;border-radius:50%;width:4px;height:4px}.deck-main-content{flex-direction:column;flex:1;gap:.75rem;display:flex}.deck-side-content{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.deck-card-count{flex-direction:column;justify-content:center;align-items:center;min-width:50px;display:flex;position:absolute;top:1rem;right:1rem}.deck-card-count-number{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1}.deck-card-count-label{color:var(--text-secondary);margin-top:2px;font-size:.8rem;font-weight:500}.deck-grid:not(.list-view) .btn-study-outline{width:100%}.deck-mastery{flex-direction:column;gap:.5rem;display:flex}.deck-mastery-header{justify-content:space-between;align-items:baseline;display:flex}.deck-mastery-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.deck-mastery-value{color:var(--accent-color);font-size:.9rem;font-weight:700}.deck-mastery.is-complete .deck-mastery-value{color:#22c55e}.deck-mastery-value.empty{color:var(--text-secondary)}.deck-progress{background:var(--bg-tertiary);border-radius:999px;width:100%;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.folder-deck-grid.list-view .deck-progress{width:calc(100% - 10px)}.progress-bar{background:linear-gradient(90deg,var(--accent-color)0%,var(--accent-hover)100%);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000001a}.deck-mastery.is-complete .progress-bar{background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%)}.progress-bar.empty{background:var(--bg-secondary)}.deck-actions{gap:.5rem;margin-top:.75rem;display:flex}.deck-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.btn-play{color:var(--text-primary);border:1px solid var(--glass-border);background:#fff;flex:1;box-shadow:0 1px 3px #0000000a}.btn-play:hover{background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--accent-color)}.btn-study-outline{color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;min-width:100px;height:46px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .15s;transform:translateY(2px);box-shadow:0 1px 2px #0000000d}.btn-study-outline:hover{border-color:var(--accent-color);background:#f9fafb}.btn-restart-icon{background:var(--bg-secondary);color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.btn-restart-icon:hover{background:var(--bg-hover);color:var(--accent-color)}.btn-delete{color:var(--danger-color);background:#ef53501a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.btn-delete:hover{background:#ef535033}.upload-area{border-top:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.empty-state{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.btn-sm{border:1px solid var(--glass-border);background:#fff;padding:.6rem 1.2rem;font-size:.9rem;box-shadow:0 2px 4px #00000005}.btn-sm:hover{border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 8px #0000000d}@keyframes cardSlideUp{to{opacity:1;transform:translateY(0)}}.drag-preview{pointer-events:none;transform-origin:0 0;z-index:9999;background:#fff;border:1px solid #e2e8f0e6;border-radius:8px;position:fixed;box-shadow:0 18px 40px #2563eb40}@keyframes dropDilation{to{background-color:#0000;transform:scale(1)}}.drop-dilate{z-index:10;border-radius:8px;position:relative;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards dropDilation!important}.editor-footer{justify-content:center;padding-top:.75rem;display:flex}.editor-action-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:relative}.editor-action-btn:before{content:"";pointer-events:none;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.editor-action-btn.delete:hover{color:var(--danger-color);background:#ef53501a}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.icon-btn:hover{color:var(--text-primary);background:#0000000d}.header-right{align-items:center;gap:1rem;display:flex;position:relative}.mobile-header{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:100;background:#fff;align-items:center;margin-bottom:7px;padding:8px 20px;display:none;position:sticky;top:0}.mobile-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.mobile-action-btn{width:40px;min-width:40px;height:40px;min-height:40px;color:var(--accent-color);cursor:pointer;background:#2563eb1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;transition:all .15s;display:flex}.mobile-action-btn i{justify-content:center;align-items:center;display:flex}.mobile-action-btn:hover{background:#2563eb33}@media (width<=990px){html,body{height:100dvh;min-height:100dvh;overflow:hidden}.main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;height:100%;min-height:100dvh;overflow:hidden auto}#documents-app{-webkit-overflow-scrolling:touch;width:100%;height:100dvh;overflow:hidden auto}.mobile-header{display:flex}.library-mobile-header{box-sizing:border-box;display:flex;width:calc(100% + 3rem)!important;margin-left:-1.5rem!important;margin-right:-1.5rem!important;padding-left:1.5rem!important;padding-right:1.5rem!important}}@media (width<=710px){#library-section{margin-top:0!important;padding-top:0!important}#library-deck-list{padding-top:0!important}}@media (width<=990px){.settings-overlay{pointer-events:auto;z-index:-1;background:#00000080}.settings-content{border-radius:16px;flex-direction:column;width:100%;max-width:320px;max-height:85dvh;margin:20px;display:flex;position:relative;inset:auto;overflow:hidden;box-shadow:0 10px 40px #0003}}@keyframes slideInTop{to{opacity:1;transform:translateY(0)}}.menu-item{justify-content:space-between;align-items:center;display:flex}.toggle-label{cursor:pointer;width:100%;color:var(--text-primary);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.2rem;font-size:.9rem;display:flex}.toggle-label input{display:none}.toggle-switch{background:var(--gray-300);border-radius:20px;width:36px;height:20px;transition:background .3s;position:relative}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-label input:checked+.toggle-switch{background:var(--accent-color)}.toggle-label input:checked+.toggle-switch:after{transform:translate(16px)}.menu-divider{background:var(--glass-border);height:1px;margin:0}.menu-btn{border:1px solid var(--border-color);text-align:center;cursor:pointer;color:var(--text-primary);background:#fff;border-radius:8px;width:100%;padding:.6rem;font-size:.9rem;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000d}.menu-btn:hover{background:var(--bg-secondary);border-color:var(--accent-color)}.menu-btn.danger{color:var(--danger-color)}.menu-btn.danger:hover{background:#ef53501f}@media (width<=710px){html,body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:none!important;touch-action:auto!important;height:100dvh!important;min-height:100dvh!important;overflow-y:hidden!important}.main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;overflow:hidden auto}.notes-wrapper{-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;height:auto!important;min-height:100%!important}}.card-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.label{text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);text-align:center;width:100%;font-family:Inter,sans-serif;font-size:.8rem;position:absolute;top:20px;left:0}@media (width<=710px){.label{font-size:.7rem;top:12px}.card-content{gap:.5rem}}@keyframes slideDown{to{opacity:1;transform:translateY(0)}}.score-circle{border:4px solid var(--accent-color);width:120px;height:120px;color:var(--text-primary);background:#2563eb0d;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex}.total{color:var(--text-secondary);margin-left:5px;font-size:1.2rem}.mistakes-container{background:#ef53500d;border:1px solid #ef535033;border-radius:16px;width:100%;padding:1.5rem}.mistakes-container h3{color:var(--danger-color);margin-bottom:1rem}.peek-container{flex-direction:column;flex:1;min-height:0;margin-top:1rem;display:flex}.peek-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:1rem;margin:0;padding:0 0 4rem;list-style:none;display:flex;overflow-y:auto}.peek-list::-webkit-scrollbar{display:none}.mistake-count{color:var(--danger-color);font-weight:700}#newDeckBtn{background-color:var(--btn-dark);color:#fff;cursor:pointer;user-select:none;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:10px 12px;font-size:1em;font-weight:500;display:flex}#newDeckBtn:hover{background-color:var(--text-primary)}.peek-drawer{background:var(--bg-secondary);border-left:1px solid var(--glass-border);z-index:1000;flex-direction:column;width:300px;height:100%;padding:1.5rem;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-5px 0 25px #0000001a}.peek-drawer.open{transform:translate(0)}.peek-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.peek-header button{padding:.2rem .6rem;font-size:2rem}.peek-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.peek-item{border:1px solid var(--glass-border);background:#fff;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.peek-item .q{color:var(--text-primary);font-weight:600}.peek-item .a{color:var(--text-secondary);font-size:.9rem}.toast{z-index:2000;pointer-events:auto;color:#fff;cursor:pointer;backdrop-filter:blur(10px);text-align:center;white-space:nowrap;opacity:0;background:#1e1e1ee6;border-radius:50px;width:fit-content;max-width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:opacity .3s,transform .3s;position:fixed;bottom:10%;left:50%;overflow:hidden;transform:translate(-50%)translateY(20px);box-shadow:0 4px 10px #0000000d}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.success{background:var(--success-color)}.toast.error{background:var(--danger-color)}.toast.warning{background:var(--warning-color);color:#000}#library-section{box-sizing:border-box;width:100%;margin:0 auto;padding:0 0 1.5rem}#library-deck-list{padding:0 clamp(1rem,3vw,2rem)}.progress-bar-container{background:#0000001a;border-radius:3px;flex:1;max-width:200px;height:6px;margin:0 1rem;display:none;overflow:hidden}.progress-bar-fill{background:var(--accent-color);border-radius:3px;width:0%;height:100%;transition:width .3s}input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;transform:scale(1.5)}body.stop-scrolling{overflow:hidden}@keyframes shake{75%{transform:translate(5px)}}.shake{animation:.4s ease-in-out shake}.settings-menu{gap:4px;width:240px;max-height:80vh;padding:8px;overflow-y:auto}.menu-item{min-height:32px;margin-bottom:4px;padding:4px 6px}.menu-divider{margin:0}.font-sans{font-family:Inter,system-ui,-apple-system,sans-serif}.font-serif{font-family:Playfair Display,Georgia,serif}.font-dyslexic{font-family:Open-Dyslexic,sans-serif;line-height:1.6}.font-selector-container{justify-content:space-between;align-items:center;width:100%;display:flex}.font-select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px;font-size:.9rem}.distractor-panel{box-sizing:border-box;background:var(--bg-secondary);border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;grid-column:1/-1;gap:.75rem;width:100%;margin-top:1rem;padding:1rem;display:flex}.distractor-panel.hidden{display:none!important}.distractor-header{color:var(--text-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.distractor-list{flex-wrap:wrap;gap:.5rem;display:flex}.distractor-tag{border:1px solid var(--border-color);color:var(--text-primary);background:#fff;border-radius:12px;align-items:center;gap:.35rem;padding:2px 8px;font-size:.85rem;display:inline-flex;box-shadow:0 1px 2px #0000000d}.distractor-tag button{color:var(--danger-color);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:1rem;line-height:1;display:flex}.distractor-tag button:hover{color:var(--danger-hover)}.distractor-input-row{gap:.5rem;margin-top:.5rem;display:flex}.distractor-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);-webkit-user-select:text;user-select:text;border-radius:6px;flex:1;padding:.4rem .6rem;font-size:.9rem}.distractor-header button.distractor-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.25rem .5rem;font-size:.85rem;font-weight:600;transition:all .2s}.distractor-header button.distractor-tab:hover{color:var(--text-primary)}.distractor-header button.distractor-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.modal{z-index:2500;backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal[style*="display: block"],.modal[style*=display\:block],.modal[style*="display: flex"],.modal[style*=display\:flex]{opacity:1!important;visibility:visible!important;display:flex!important}.modal-content{border:1px solid var(--glass-border);text-align:center;background-color:#fff;border-radius:16px;flex-direction:column;gap:1rem;width:90%;max-width:400px;margin:auto;padding:20px 24px;animation:.2s cubic-bezier(.175,.885,.32,1.275) modalPopIn;display:flex;box-shadow:0 25px 50px #0003,0 10px 15px -3px #0000001a}#confirmationMessage{text-align:center;color:var(--text-secondary);margin:24px 0 12px;font-size:.95rem}@keyframes modalPopIn{to{opacity:1;transform:scale(1)}}.modal h3{color:var(--text-primary);text-align:center;margin:0;font-size:1.25rem;font-weight:600}.modal p{color:var(--text-secondary);text-align:center;margin:4px 0 0 8px;font-size:.95rem;line-height:1.5}.modal-actions{justify-content:center;gap:10px;margin-top:1rem;display:flex}#card-front-text,#card-back-text{white-space:pre-wrap}@media (width<=600px){#newDeckModal .modal-content{max-height:calc(100dvh - 2rem);margin:1rem auto auto;overflow-y:auto}}.action-sheet{z-index:10000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.action-sheet-overlay{backdrop-filter:blur(4px);background:#0006;animation:.2s fadeIn;position:absolute;inset:0}@keyframes fadeIn{to{opacity:1}}.action-sheet-content{background:var(--bg-primary);border-radius:16px;width:90%;max-width:440px;animation:.2s cubic-bezier(.175,.885,.32,1.275) modalPopIn;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (width<=600px){.action-sheet{align-items:flex-end;padding:0}.action-sheet-content{width:100%;max-width:100%;padding-bottom:env(safe-area-inset-bottom,16px);border-radius:16px 16px 0 0;animation:.25s slideUp}}@keyframes slideUp{to{transform:translateY(0)}}.action-sheet-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;font-size:1rem;font-weight:600;display:flex}.action-sheet-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.action-sheet-options{max-height:50vh;overflow-y:auto}.sheet-option{cursor:pointer;align-items:center;gap:12px;padding:16px 20px;font-size:1rem;transition:background .15s;display:flex}.sheet-option:hover{background:var(--bg-hover)}.sheet-option:active{background:var(--bg-tertiary)}.sheet-option.active{color:var(--accent-color);font-weight:500}.sheet-option.active i{color:var(--accent-color)}.sheet-option i{color:var(--text-secondary);text-align:center;width:20px}.sheet-option.special{color:var(--accent-color);font-weight:500}.sheet-option.special i{color:var(--accent-color)}.sheet-divider{background:var(--border-color);opacity:.5;height:1px;margin:0}.speaking-highlight{transition:all .2s;transform:scale(1.02);box-shadow:0 4px 12px #00000026;border:2px solid var(--accent-color)!important;background-color:var(--highlight-bg,rgba(var(--accent-rgb),.1))!important}.collapse-btn{width:24px;height:24px;box-shadow:none;-webkit-appearance:none;appearance:none;color:var(--text-tertiary);cursor:pointer;pointer-events:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;min-height:0;padding:0;display:flex}.unfiled-section.collapsed .fa-chevron-down,.folders-section.collapsed .fa-chevron-down{transform:rotate(-90deg)}.unfiled-section>.folder-deck-grid,.unfiled-section>.notes-table-container,.folders-section>.folders-grid{opacity:1;visibility:visible;max-height:50000px;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,visibility .3s;overflow:hidden}.unfiled-section:not(.collapsed)>.folder-deck-grid,.unfiled-section:not(.collapsed)>.notes-table-container,.folders-section:not(.collapsed)>.folders-grid{overflow:visible}.unfiled-section.collapsed>.folder-deck-grid,.unfiled-section.collapsed>.notes-table-container,.folders-section.collapsed>.folders-grid{opacity:0;visibility:hidden;pointer-events:none;max-height:0}.collapse-btn i{font-size:1.3em;transition:transform .2s}.folder-view-section{width:100%;max-width:64rem;margin:32px auto .5rem}.notes-app .folder-view-section{margin-top:48px}@media (width<=768px){.folder-view-section{margin-top:16px}}.folder-view-section .section-header-left{align-items:center;gap:12px;display:flex}.folder-view-section .back-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:1.2rem;transition:all .2s;display:flex}.folder-view-section .back-btn:hover{color:var(--text-primary)}.folder-deck-count{color:var(--text-secondary);font-size:.9rem;font-weight:500}.featured-deck-icon-img{object-fit:contain;border-radius:16px;flex-shrink:0;width:80px;height:80px}@media (width<=1199px){.featured-deck-icon-img{display:none}}@keyframes dragOverlayFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1}}#pdf-drop-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;opacity:0;pointer-events:none;background:#0000003d;justify-content:center;align-items:center;display:none;position:fixed;inset:0}body.dragging-files #pdf-drop-overlay{opacity:1;display:flex}.pdf-drop-overlay-content{border:2.5px dashed var(--accent-color);pointer-events:auto;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 5rem;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .15s,border-color .15s;display:flex;transform:scale(.95);box-shadow:0 32px 64px #0006}body.dragging-files .pdf-drop-overlay-content{animation:.2s cubic-bezier(.16,1,.3,1) dragOverlayFadeIn}.pdf-drop-overlay-content i{color:var(--accent-color);font-size:4rem;transition:transform .2s cubic-bezier(.16,1,.3,1),color .15s}body.dragging-over-box .pdf-drop-overlay-content i{color:var(--accent-hover,var(--accent-color));transform:translateY(-8px)scale(1.1)}.pdf-drop-overlay-content span{color:var(--accent-color);letter-spacing:-.02em;font-size:2.2rem;font-weight:700;transition:color .15s}body.dragging-over-box .pdf-drop-overlay-content span{color:var(--accent-hover,var(--accent-color))}body.dragging-over-box .pdf-drop-overlay-content{border-style:solid;border-color:var(--accent-hover);box-shadow:0 32px 64px #0006,0 0 0 6px rgba(var(--accent-rgb,37,99,235),.2);transform:scale(1.03)}body.dragging-outside-box .pdf-drop-overlay-content{border-style:dashed;border-color:var(--accent-color);transform:scale(.98);box-shadow:0 32px 64px #0006}.notes-table-view{flex-direction:column;gap:0;width:100%;margin-top:0;display:flex}.notes-table-container{background:0 0;border:none;border-radius:0;margin-top:0;overflow:hidden}.notes-table-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:0 0;grid-template-columns:minmax(120px,2fr) minmax(50px,80px) minmax(50px,80px) minmax(80px,100px);align-items:center;margin-bottom:0;padding:.75rem 1rem;font-size:.75rem;font-weight:600;display:grid}.note-table-row{border-bottom:1px solid var(--border-color);cursor:pointer;background:0 0;grid-template-columns:minmax(120px,2fr) minmax(50px,80px) minmax(50px,80px) minmax(80px,100px);align-items:center;max-height:420px;padding:.75rem 1rem;transition:background-color .15s,opacity .3s,transform .3s,max-height .3s,padding .3s,border-width .3s;display:grid;overflow:hidden}.fade-out-row{pointer-events:none;transform:translate(20px);opacity:0!important;border-bottom-width:0!important;max-height:0!important;padding-top:0!important;padding-bottom:0!important}.note-table-row:first-child{border-top:none}.note-table-row:last-child{border-bottom:none}.note-table-row:hover{background-color:var(--bg-tertiary)}.note-col-name{align-items:center;gap:12px;min-width:0;display:flex;position:relative;overflow:hidden}.checkbox-wrapper{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .15s;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.note-checkbox{width:18px;height:18px;margin:0;transform:none!important}.deck-grid.selection-mode .checkbox-wrapper{opacity:1;pointer-events:auto}.deck-grid.selection-mode .note-icon{opacity:0}.note-icon{color:var(--text-secondary);justify-content:center;align-items:center;width:24px;height:24px;font-size:1.1rem;transition:opacity .15s;display:flex}.note-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;padding-right:1.5rem;font-size:1rem;font-weight:500;overflow:hidden}.note-rename-input{color:var(--text-primary);border:1.5px solid var(--accent-color);width:min(100%,280px);min-width:0;font-family:inherit;font-size:1rem;font-weight:500;line-height:inherit;box-sizing:border-box;background:#fff;border-radius:6px;outline:none;margin:0;padding:4px 8px;box-shadow:0 1px 4px #3b82f61f}.note-col-lines{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.9rem}.note-col-date{color:var(--text-secondary);text-align:right;font-size:.85rem}.note-col-size{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.9rem}.notes-table-header .col-date{text-align:right}@media (width<=900px){.notes-table-header,.note-table-row{grid-template-columns:1fr 60px 80px}.col-size,.note-col-size{display:none!important}}@media (width<=680px){.notes-table-header,.note-table-row{grid-template-columns:1fr 80px}.col-lines,.note-col-lines{display:none!important}.checkbox-wrapper,.note-icon{width:22px;height:22px}.note-checkbox{width:16px;height:16px}}.notes-table-header .sortable{cursor:pointer;user-select:none;align-items:center;gap:6px;padding:4px 0;transition:color .15s;display:flex}.notes-table-header .sortable.col-date{justify-content:flex-end}.notes-table-header .sortable:hover{color:var(--text-primary)}.notes-table-header .sortable.active{color:var(--accent-color);font-weight:700}.notes-table-header .sortable i{margin-left:4px;font-size:.8rem}:root{--bg-primary:#f7f9fc;--bg-secondary:#f2f5f9;--bg-tertiary:#e7ecf4;--bg-hover:#dde4ef;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#d6dfeb;--accent-color:#2563eb;--accent-hover:#1d4ed8;--accent-light:#2563eb1a;--bright:#fff}html,body{font-size:15px}.main,.stagger-item{animation:none!important}.stagger-item{opacity:1!important}button,.btn,.nav-link,.card,.deck-card,.deck-item,.folder-card,.folder-header,.note-item,.note-table-row,.recent-card,.recent-deck-card,.doc-card,.clickable,input,select,textarea{transition:background-color .12s,color .12s,border-color .12s,box-shadow .12s!important}.sidebar{width:236px;padding:8px 8px max(8px,env(safe-area-inset-bottom))8px;background:#fff;border-right:1px solid #dde4ef}.container{margin-left:236px}.sidebar-header{margin-top:8px;margin-bottom:10px;padding-left:8px}.sidebar-search{margin-bottom:10px}.sidebar-search-input{border-radius:6px;height:36px;padding:0 10px 0 34px;font-size:14px}.sidebar-search-icon{font-size:.82rem;left:12px}.nav-links{gap:1px;margin-top:8px}.sidebar-section-label{letter-spacing:.07em;margin:14px 8px 6px 10px;font-size:.68rem}.sidebar-divider{margin:10px 6px}.nav-link,.sidebar-footer a,.sidebar-footer button{border-radius:6px;height:36px;padding:0 10px;font-size:13.5px;font-weight:500}.nav-link i{width:18px;margin-right:9px;font-size:14px}.sidebar-footer{padding-top:6px}.sidebar-footer i{font-size:15px}.icon-only-btn{border-radius:5px;width:28px;height:28px}.btn{min-height:34px;box-shadow:none;border-radius:6px;padding:.4rem .8rem;font-size:.84rem}.btn-primary:hover{box-shadow:0 1px 4px #2563eb33}.btn-secondary:hover,.btn-danger:hover,.btn-success:hover{box-shadow:none}.card,.deck-item,.doc-card,.folder-card-body,.recent-card,.activity-card,.storage-card,.modal-content,.settings-modal-content,.sabo-input-modal-content{border-radius:8px;box-shadow:0 1px 2px #0f172a0f}.folder-card:hover .folder-card-body,.deck-item:hover,.doc-card:hover,.recent-card:hover{transform:none;box-shadow:0 2px 8px #0f172a14}.notes-table-header,.note-table-row{padding-top:.58rem;padding-bottom:.58rem}.note-table-row{max-height:420px}.modal,#sabo-settings-modal{backdrop-filter:blur(1px)}@media (width<=990px){.sidebar{width:268px}.container{margin-left:0!important}}:root{--surface-1:#fff;--surface-2:#f8fbff;--surface-3:#f1f5fb;--surface-border:#d7e1ef;--surface-border-strong:#c8d5e8;--overlay-soft:#0f172a75;--overlay-hard:#0f172a94;--menu-shadow:0 18px 38px -24px #0f172a73,0 10px 18px -14px #0f172a52;--dialog-shadow:0 32px 56px -30px #0f172a8c,0 20px 24px -20px #0f172a59}.modal,#sabo-settings-modal{background:linear-gradient(180deg,var(--overlay-soft),var(--overlay-hard));-webkit-backdrop-filter:blur(8px)saturate(125%);justify-content:center;align-items:flex-start;padding:clamp(20px,8vh,72px) 18px 18px}.modal-content,.settings-modal-content,.sabo-input-modal-content{background:linear-gradient(180deg,var(--surface-1)0%,var(--surface-2)100%);border:1px solid var(--surface-border);box-shadow:var(--dialog-shadow);border-radius:12px}.modal-content{text-align:left;gap:.75rem;width:min(560px,100vw - 36px);max-height:calc(100dvh - clamp(48px,13vh,120px));padding:18px 20px;overflow:auto}#aboutModal .modal-content{max-width:560px}#sabo-settings-modal .settings-modal-content{width:min(520px,100vw - 36px);max-height:calc(100dvh - clamp(48px,13vh,120px));overflow:auto}#sabo-settings-modal .settings-modal-header{background:var(--surface-1);border-bottom:1px solid var(--surface-border);padding:14px 18px}#sabo-settings-modal .settings-modal-body{gap:8px;padding:14px 18px}#sabo-settings-modal .settings-modal-footer{background:var(--surface-3);border-top:1px solid var(--surface-border);padding:12px 18px}.modal-header{gap:.6rem;margin-bottom:.35rem}.modal-header h3,.modal h3,#sabo-settings-modal h3{letter-spacing:-.01em;font-size:1.08rem;font-weight:650;line-height:1.25}.modal p,#confirmationMessage{color:var(--text-secondary);text-align:left;margin:0;font-size:.9rem;line-height:1.45}.modal-actions{justify-content:flex-end;gap:8px;margin-top:.4rem}.close,.close-btn,.modal-header .close,.modal-header .close-btn,.sabo-input-modal-close,.action-sheet-close{color:#5b677d;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.12rem;display:inline-flex}.close:hover,.close-btn:hover,.sabo-input-modal-close:hover,.action-sheet-close:hover{color:#0f172a;background:#eaf0f8}.sabo-input-modal-overlay{background:linear-gradient(180deg,var(--overlay-soft),var(--overlay-hard));-webkit-backdrop-filter:blur(8px)saturate(125%)}.sabo-input-modal-content{background:var(--surface-1);border:1px solid var(--surface-border);width:min(430px,100vw - 32px);max-height:calc(100dvh - clamp(48px,13vh,120px));box-shadow:var(--dialog-shadow);border-radius:10px;overflow:hidden}.sabo-input-modal-header{background:var(--surface-1);border-bottom:none;padding:12px 16px 6px}.sabo-input-modal-body{background:var(--surface-1);padding:8px 16px}.sabo-input-modal-input,#sabo-settings-modal input[type=password]{border:1px solid var(--surface-border-strong);background:#fff;border-radius:8px;min-height:34px;padding:7px 10px;font-size:.9rem}.sabo-input-modal-footer{background:var(--surface-1);border-top:none;gap:8px;padding:8px 16px 12px}.btn-primary,.btn-secondary,.btn-danger,.sabo-input-modal-submit,.sabo-input-modal-cancel{border-radius:8px;min-height:34px;padding:.4rem .8rem;font-size:.84rem;font-weight:600}.action-sheet{padding:20px}.action-sheet-overlay{-webkit-backdrop-filter:blur(8px)saturate(125%);background:linear-gradient(#0f172a6b,#0f172a94)}.action-sheet-content{border:1px solid var(--surface-border);background:linear-gradient(180deg,var(--surface-1)0%,var(--surface-2)100%);width:min(520px,100vw - 36px);box-shadow:var(--dialog-shadow);border-radius:12px}.action-sheet-header{border-bottom:1px solid var(--surface-border);padding:12px 14px;font-size:.92rem}.action-sheet-options{max-height:min(62vh,560px)}.sheet-option{gap:10px;padding:10px 12px;font-size:.88rem}.sheet-option i{width:16px}.sheet-divider,.menu-divider{opacity:1;background:linear-gradient(90deg,#0000,#d4deec,#0000);height:1px;margin:6px 2px}.settings-menu,#quiz-settings-menu,.folder-menu-dropdown{background:linear-gradient(180deg,var(--surface-1)0%,var(--surface-2)100%);border:1px solid var(--surface-border);box-shadow:var(--menu-shadow);border-radius:10px}.settings-menu{gap:2px;width:min(260px,100vw - 24px);padding:6px}#quiz-settings-menu{gap:2px;padding:6px}.menu-item,.folder-menu-item{min-height:34px;color:var(--text-primary);border-radius:7px;margin:0;padding:7px 9px;font-size:.84rem}.menu-item:hover,.folder-menu-item:hover,#quiz-settings-menu .menu-item:hover{background:#eaf1fb}.menu-item.active,#quiz-settings-menu .menu-item.active{color:#1947a9;background:#dce9fb;box-shadow:inset 0 0 0 1px #2563eb33}@media (width<=700px){.modal,#sabo-settings-modal,.sabo-input-modal{padding:10px 10px max(10px,env(safe-area-inset-bottom));align-items:flex-end}.modal-content,.settings-modal-content,.sabo-input-modal-content{border-radius:12px 12px 10px 10px;width:100%;max-width:100%;max-height:min(86dvh,760px)}.action-sheet{align-items:flex-end;padding:0}.action-sheet-content{width:100%;max-width:100%;padding-bottom:env(safe-area-inset-bottom,12px);border-radius:12px 12px 0 0}}.dashboard-container{background:#f2f5fa}.dashboard-container .recent-card,.dashboard-container .activity-card,.dashboard-container .storage-card{background:#fff;border:1px solid #cbd7e7;box-shadow:0 1px 2px #0f172a0d,0 8px 18px -16px #0f172a66}.dashboard-container .recent-card-label{color:#3a4a61;background:#e8effa;font-weight:600}.dashboard-container .recent-card-meta,.dashboard-container #dashboard-subgreeting,.dashboard-container #event-countdown,.dashboard-container .storage-breakdown-label,.dashboard-container .storage-breakdown-value{color:#41536b}.dashboard-container .activity-filter{color:#243247;background:#fff;border-color:#c4d2e5}.dashboard-container .heatmap-cell{background:#d8e1ef}.dashboard-container .heatmap-cell.is-future{background:#edf2fa}.dashboard-container .storage-bar{background:#e5ecf7}.notes-app .notes-table-container{background:#fff;border:1px solid #ccd8ea;border-radius:8px;overflow:hidden}.notes-app .unfiled-section:not(.collapsed)>.notes-table-container{overflow:hidden}.notes-app .notes-table-view{border-radius:0;overflow:visible}.notes-app .notes-table-header{background:#f7faff;border-bottom:1px solid #d7e2f0;border-radius:0}.notes-app .note-table-row{background:#fff;border-bottom:1px solid #e2eaf5}.notes-app .note-table-row:hover{background:#f4f8ff}.notes-app .note-title{color:#0f172a;font-weight:560}.notes-app .note-col-lines,.notes-app .note-col-size,.notes-app .note-col-date,.notes-app .note-icon{color:#4a5d77}.folder-menu-dropdown{padding:0}.folder-menu-dropdown .folder-menu-item{box-sizing:border-box;border-radius:0;align-items:center;gap:10px;width:100%;margin:0;padding:9px 12px;display:flex}.folder-menu-dropdown .folder-menu-item:hover{border-radius:0;background:#eaf1fb!important}.folder-menu-dropdown .folder-menu-item.delete:hover{border-radius:0;background:#fde7eb!important}.folder-menu-dropdown .menu-divider{background:#d7e2f0;height:1px;margin:0}#flashcards-app .btn,#flashcards-app .library-view-toggle,#flashcards-app .library-view-toggle .view-btn,#flashcards-app .library-sort-dropdown .sort-btn,#flashcards-app .section-action-btn{border-radius:10px}@media (width<=710px){#flashcards-app .section-action-btn{border-radius:50%}}@media (width<=450px){#flashcards-app .library-sort-dropdown .sort-btn{border-radius:50%}}#flashcards-app .deck-study-btn,#flashcards-app #start-study-btn,#flashcards-app #study-missed-btn{font-size:1.06rem;border-radius:10px!important;font-weight:500!important}#flashcards-app #study-missed-btn:hover{transform:none}:root:not(.sabo-dark-mode) #flashcards-app #study-missed-btn:hover{background-color:var(--accent-hover);color:#fff;border-color:#0000;box-shadow:0 1px 4px #2563eb33}