:root{--color-brand:#2563eb;--color-brand-dark:#1e40af;--color-brand-light:#eff6ff;--color-brand-subtle:#2563eb14;--color-bg:#f8f8f6;--color-surface:#fff;--color-surface-alt:#f3f4f6;--color-border:#e5e7eb;--color-border-hover:#d1d5db;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-success:#059669;--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0;--color-success-text:#065f46;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-error-text:#991b1b;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-warning-text:#92400e;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-elevated:0 8px 32px #0000000f;--transition-fast:.15s ease;--transition-normal:.25s ease;--color-fav-active:#ca8a04;--color-fav-hover:#d4a017}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes favPop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes surpriseReelSlide{0%{opacity:0;transform:translateY(70%)}to{opacity:1;transform:translateY(0)}}@keyframes surpriseReveal{0%{opacity:0;transform:scale(.9)translateY(8px)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes surpriseSparkSpin{to{transform:rotate(360deg)}}.fade-in{animation:.2s ease-out fadeIn}@keyframes viewEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view-pane{animation:.18s ease-out viewEnter}@media (prefers-reduced-motion:reduce){.view-pane{animation:none}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:10px;padding:16px 18px}.skeleton-line{background:linear-gradient(90deg, var(--color-surface-alt) 25%, #eceef2 37%, var(--color-surface-alt) 63%);background-size:200% 100%;border-radius:6px;height:12px;margin-bottom:10px;animation:1.4s ease-in-out infinite skeletonShimmer}.skeleton-line:last-child{margin-bottom:0}.skeleton-line--title{width:62%;height:16px}.skeleton-line--meta{width:38%;height:10px;margin-bottom:14px}.skeleton-line--short{width:80%}@media (prefers-reduced-motion:reduce){.skeleton-line{animation:none}}input,textarea,button,select{font-family:inherit}textarea{font-family:Literata,Georgia,serif}input:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #2563eb1f;border-color:var(--color-brand)!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app-shell{height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--color-surface-alt);border-right:1px solid var(--color-border);width:240px;padding-top:max(16px, env(safe-area-inset-top));flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar--home-hidden{display:none}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.mobile-top-bar{padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;align-items:center;gap:10px;display:none}.sidebar-home-btn{transition:background .15s}.sidebar-home-btn:hover{background:var(--color-surface-alt)}.user-menu-item:hover{background:var(--color-surface-alt)!important}.sticky-actions{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 -4px 16px #0000000f}.main-body{flex:1;min-height:0;display:flex;overflow:hidden}.card-list-panel{flex:1;min-width:0;max-width:560px;padding:16px 20px 32px;overflow-y:auto}.card-list-panel.full-width{max-width:none}.reading-panel{border-left:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex:1 0;min-width:380px;display:flex;overflow-y:auto}.reading-panel-empty{color:var(--color-text-tertiary);text-align:center;flex:1;justify-content:center;align-items:center;padding:40px;font-size:14px;display:flex}.panel-divider{cursor:col-resize;z-index:5;background:0 0;flex-shrink:0;width:5px;margin:0 -2px;transition:background .15s;position:relative}.panel-divider:hover,.panel-divider.dragging{background:var(--color-brand);opacity:.3}.cards-list{flex-direction:column;gap:8px;display:flex}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;display:grid}.entry-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow var(--transition-normal), border-color var(--transition-normal), background var(--transition-fast);cursor:pointer;overflow:hidden}.entry-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-hover)}.entry-card:active{transform:scale(.995)}.entry-card.selected{background:var(--color-brand-light);border-color:var(--color-brand)}.entry-card.pending{opacity:.85;border-color:#fde68a}.set-card{transition:box-shadow var(--transition-normal), border-color var(--transition-normal), transform var(--transition-fast)}.set-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-brand);transform:translateY(-1px)}.more-like-row{transition:all var(--transition-fast)}.more-like-row:hover{border-color:var(--color-brand);background:var(--color-brand-light)}.more-like-row:active{transform:scale(.995)}.entry-card-btn:focus,.entry-card-btn:focus-visible{box-shadow:none;outline:none}.mobile-reader-overlay{z-index:110;background:var(--color-surface);flex-direction:column;animation:.3s ease-out slideInRight;display:flex;position:fixed;inset:0}.mobile-reader-overlay.closing{animation:.25s ease-in forwards slideOutRight}.mobile-reader-header{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.mobile-reader-content{flex:1;padding:20px 20px 100px;overflow-y:auto}.mobile-reader-actions{padding:12px 20px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav{z-index:80;background:var(--color-surface);border-top:1px solid var(--color-border);padding:6px 0;padding-bottom:max(6px, env(safe-area-inset-bottom));display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{justify-content:space-around;align-items:center;display:flex}.bottom-nav-item{cursor:pointer;color:var(--color-text-tertiary);transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:56px;min-height:44px;padding:6px 16px;font-size:10px;font-weight:500;display:flex}.bottom-nav-item.active{color:var(--color-brand)}.bottom-nav-item.add-btn{background:var(--color-brand);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;min-width:48px;margin-top:-10px;padding:0}.bottom-nav-item.add-btn:active{transform:scale(.92);box-shadow:0 2px 8px #00000026}.bottom-nav-item.add-btn svg{stroke:#fff}.reading-body{color:var(--color-text-primary);letter-spacing:.01em;font-family:Literata,Noto Serif Hebrew,Georgia,Times New Roman,serif;font-size:17px;line-height:1.75}.reading-body p{margin-bottom:1em}.reading-body p:last-child{margin-bottom:0}.reading-body p.heb{letter-spacing:normal;font-family:Noto Serif Hebrew,Literata,Georgia,serif;font-size:19px;line-height:1.95}.reading-body p[dir=rtl],.reading-body p.heb{text-align:right}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;min-height:40px;padding:10px 14px;font-size:13.5px;font-weight:500;display:flex}.nav-item:hover{color:var(--color-text-primary);background:#2563eb0a}.nav-item.active{background:var(--color-brand-light);color:var(--color-brand);font-weight:600}.nav-count{color:var(--color-text-tertiary);font-size:12px;font-weight:400}.nav-item.active .nav-count{color:var(--color-brand);opacity:.7}.nav-chevron{color:var(--color-text-tertiary);opacity:.55;flex-shrink:0}.nav-item.active .nav-chevron{color:var(--color-brand);opacity:.8}.ai-search-glow{box-shadow:0 0 0 3px #2563eb1f;border-color:var(--color-brand)!important}.mobile-overlay{z-index:90;background:#0000004d;animation:.2s fadeOverlay;position:fixed;inset:0}.mobile-sidebar{z-index:100;width:280px;animation:.25s slideIn;position:fixed;top:0;bottom:0;left:0}.pending-badge{color:#92400e;background:#fef3c7;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.draft-badge{color:#1e40af;background:#dbeafe;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.new-badge{color:var(--color-text-tertiary);letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.new-badge:before{content:"";background:var(--color-text-tertiary);border-radius:50%;width:5px;height:5px}.fav-btn{cursor:pointer;color:var(--color-text-tertiary);opacity:.35;transition:color var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:4px;display:flex}.fav-btn:hover{color:var(--color-fav-hover);opacity:1}.fav-btn:active{transform:scale(1.15)}.fav-btn.active{color:var(--color-fav-active);opacity:1;animation:.3s favPop}.fav-btn.active:hover{color:var(--color-fav-hover)}.fav-btn-lg{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);transition:all var(--transition-fast);align-items:center;gap:5px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.fav-btn-lg:hover{border-color:var(--color-fav-hover);color:var(--color-fav-hover)}.fav-btn-lg.active{border-color:var(--color-fav-active);color:var(--color-fav-active);background:#ca8a0414}.fav-btn-lg.active:hover{background:#ca8a041f}.share-menu{z-index:30;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;min-width:180px;transition:opacity var(--transition-fast), transform var(--transition-fast);margin-top:6px;padding:6px;position:absolute;top:100%;right:0;transform:translateY(4px)}.share-menu.visible{opacity:1;transform:translateY(0)}.share-menu-item{cursor:pointer;width:100%;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.share-menu-item:hover{background:var(--color-surface-alt);color:var(--color-text-primary)}.welcome-card{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-brand-light) 100%);border:1px solid var(--color-brand);border-radius:var(--radius-lg);padding:28px;animation:.3s ease-out fadeIn;box-shadow:0 2px 12px #6366f114}.welcome-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.welcome-steps{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.welcome-step{align-items:flex-start;gap:12px;display:flex}.welcome-step-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.welcome-step-title{color:var(--color-text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.welcome-step-desc{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.feature-tip{background:var(--color-brand-light);border:1px solid var(--color-brand);border-radius:var(--radius-md);border-left:3px solid var(--color-brand);align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 14px;display:flex}.feature-tip-icon{color:var(--color-brand);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.toast-container{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;text-align:left;border-radius:10px;align-items:center;gap:9px;max-width:420px;padding:12px 18px;font-size:13.5px;font-weight:600;animation:.25s ease-out toastIn;display:flex;box-shadow:0 6px 22px #00000038}.toast .toast-icon{flex-shrink:0;display:inline-flex}.toast .toast-msg{line-height:1.35}.toast.toast-exit{animation:.2s ease-in forwards toastOut}.toast-success{color:#fff;background:#065f46}.toast-error{color:#fff;background:#991b1b}.toast-info{color:#fff;background:#1e40af}.toast-warning{color:#fff;background:#92400e}.confirm-overlay{z-index:150;background:#0006;justify-content:center;align-items:center;padding:20px;animation:.15s fadeOverlay;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-elevated);padding:28px;animation:.2s ease-out fadeIn}.surprise-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-elevated);padding:20px 22px 22px;animation:.2s ease-out fadeIn}.surprise-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.surprise-title{color:var(--color-text-primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.surprise-spark{color:var(--color-brand);flex-shrink:0}.surprise-spark.spinning{animation:.9s linear infinite surpriseSparkSpin}.surprise-close{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.surprise-close:hover{color:var(--color-text-primary)}.surprise-reel{padding:2px 0}.surprise-reel-window{border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:linear-gradient(var(--color-surface-alt), var(--color-surface));justify-content:center;align-items:center;height:96px;display:flex;position:relative;overflow:hidden}.surprise-reel-window:before,.surprise-reel-window:after{content:"";pointer-events:none;z-index:2;height:28px;position:absolute;left:0;right:0}.surprise-reel-window:before{background:linear-gradient(var(--color-surface), transparent);top:0}.surprise-reel-window:after{background:linear-gradient(transparent, var(--color-surface));bottom:0}.surprise-reel-item{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 18px;animation:.16s ease-out surpriseReelSlide;display:flex}.surprise-reel-type{text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.surprise-reel-name{color:var(--color-text-primary);max-height:42px;font-size:16px;font-weight:700;line-height:1.3;overflow:hidden}.surprise-reveal{animation:.4s cubic-bezier(.2,.9,.3,1.4) surpriseReveal}.surprise-reveal-card{background:var(--color-surface-alt);border-radius:var(--radius-md);margin-bottom:14px;padding:16px 18px}.surprise-reveal-type{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:7px;margin-bottom:8px;font-size:11.5px;font-weight:700;display:flex}.surprise-reveal-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.surprise-reveal-name{color:var(--color-text-primary);margin-bottom:7px;font-size:18px;font-weight:700;line-height:1.35}.surprise-reveal-summary{color:var(--color-text-secondary);font-size:13.5px;line-height:1.55}.surprise-reveal-by{color:var(--color-text-tertiary);margin-top:9px;font-size:12px;font-style:italic}.surprise-actions{gap:8px;display:flex}.surprise-actions .btn-primary{flex:1}@media (prefers-reduced-motion:reduce){.surprise-spark.spinning,.surprise-reel-item,.surprise-reveal{animation:none}}.search-input-wrap{align-items:center;display:flex;position:relative}.search-icon{pointer-events:none;color:var(--color-text-tertiary);z-index:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-wrap input{border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:13px 60px 13px 42px;font-size:15px}.search-input-wrap input:focus{box-shadow:0 0 0 3px #2563eb1a;border-color:var(--color-brand)!important}.search-input-wrap input.ai-active{border-color:var(--color-brand);box-shadow:0 0 0 3px #2563eb1a}.ai-toggle{border:1px solid var(--color-border);cursor:pointer;border-radius:var(--radius-full);color:var(--color-text-tertiary);transition:all var(--transition-fast);z-index:1;letter-spacing:.3px;background:0 0;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.ai-toggle:hover{background:var(--color-surface-alt);color:var(--color-text-secondary);border-color:var(--color-text-tertiary)}.ai-toggle.active{background:var(--color-brand-subtle);color:var(--color-brand);border-color:var(--color-brand)}.ai-toggle-label{line-height:1}.btn-outline{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;padding:7px 16px;font-size:13px;font-weight:500}.btn-outline:hover{border-color:var(--color-border-hover);background:var(--color-surface-alt);color:var(--color-text-primary)}.btn-outline:active{transform:scale(.98)}.btn-outline:disabled{opacity:.5;cursor:default}.btn-outline:disabled:hover{border-color:var(--color-border);color:var(--color-text-secondary);background:0 0;transform:none}.browse-by-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.browse-by-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.6px;font-size:12.5px;font-weight:600}.browse-by-btn{color:var(--color-text-secondary);cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);align-items:center;gap:8px;padding:8px 16px 8px 8px;font-size:13.5px;font-weight:500;display:inline-flex}.browse-by-ico{background:var(--color-brand-light);width:28px;height:28px;color:var(--color-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.browse-by-btn:hover{border-color:var(--color-brand);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:0 2px 10px #2563eb1f}.browse-by-btn:active{transform:translateY(0)}.mode-tabs{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.mode-tabs button{cursor:pointer;color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.mode-tabs button svg{color:var(--color-text-tertiary)}.mode-tabs button:hover{color:var(--color-text-primary)}.mode-tabs button.active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 1px 3px #00000014}.mode-tabs button.active svg{color:var(--color-brand)}.scan-hint{color:var(--color-text-tertiary);margin:-2px 0 10px;font-size:11.5px}.btn-primary{background:var(--color-brand);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;padding:9px 20px;font-size:13px;font-weight:600}.btn-primary:hover{background:var(--color-brand-dark);box-shadow:var(--shadow-sm)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-primary:disabled:hover{background:var(--color-brand);box-shadow:none;transform:none}.reading-nav-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;padding:6px;display:flex}.reading-nav-btn:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text-primary)}.reading-nav-btn:disabled{color:var(--color-border);cursor:default}.search-collapsible{z-index:6;background:var(--color-bg);border-bottom:1px solid #0000;margin:-16px -20px 0;padding:22px 20px;transition:padding .25s,box-shadow .25s,border-color .25s;position:sticky;top:-16px}.search-collapsible .search-input-wrap{max-width:600px;margin:0 auto;transition:max-width .25s}.search-collapsible .search-input-wrap input{border-radius:var(--radius-lg);padding:16px 72px 16px 48px;font-size:17px;transition:padding .2s,font-size .2s,border-radius .2s}.search-collapsible .search-icon{left:18px}.search-collapsible .search-icon svg{width:18px;height:18px}.search-collapsible .ai-toggle{padding:6px 10px;font-size:12px;right:10px}.search-collapsible.scrolled{border-bottom-color:var(--color-border);padding-top:10px;padding-bottom:10px;box-shadow:0 4px 12px #0000000a}.search-collapsible.scrolled .search-input-wrap{max-width:none}.search-collapsible.scrolled .search-input-wrap input{border-radius:var(--radius-md);padding:13px 60px 13px 42px;font-size:15px}.search-collapsible.scrolled .search-icon{left:14px}.search-collapsible.scrolled .search-icon svg{width:16px;height:16px}.search-collapsible.scrolled .ai-toggle{padding:4px 8px;right:6px}.back-to-top-wrap{z-index:7;pointer-events:none;justify-content:center;margin-top:12px;display:flex;position:sticky;bottom:16px}.back-to-top{pointer-events:auto;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s,transform .15s;animation:.2s ease-out fadeIn;display:inline-flex;box-shadow:0 4px 14px #0000001f}.back-to-top:hover{background:var(--color-surface-alt);color:var(--color-text-primary);border-color:var(--color-border-hover);transform:translateY(-1px)}.hero-collapse{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .32s,opacity .22s;display:grid}.hero-collapse>div{min-height:0;overflow:hidden}.hero-collapse.collapsed{opacity:0;pointer-events:none;grid-template-rows:0fr}.hero-search{flex-direction:column;align-items:center;padding:20px 20px 32px;animation:.3s ease-out fadeIn;display:flex}.hero-search-bar{width:100%;max-width:600px;margin:0 auto 36px}.hero-search-bar .search-input-wrap input{border-radius:var(--radius-lg);padding:16px 72px 16px 48px;font-size:17px}.hero-search-bar .search-icon{left:18px}.hero-search-bar .search-icon svg{width:18px;height:18px}.hero-search-bar .ai-toggle{padding:6px 10px;font-size:12px;right:10px}.category-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:640px;display:grid}.category-tile{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all var(--transition-normal);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;display:flex}.category-tile:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.category-tile-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.category-tile-icon svg{width:20px;height:20px}.category-tile-label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.category-tile-count{color:var(--color-text-tertiary);font-size:11px}.browse-landing{animation:.3s ease-out fadeIn}.browse-landing-grid{max-width:720px}.browse-landing-empty{color:var(--color-text-tertiary);padding:8px 2px;font-size:14px}.theme-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.theme-tile{border-radius:var(--radius-md);border:1px solid var(--color-border);border-color:color-mix(in srgb, var(--color-brand) 20%, var(--color-border));background:var(--color-surface);background-image:linear-gradient(155deg, var(--color-brand-light), transparent 70%);cursor:pointer;transition:all var(--transition-normal);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;display:flex}.theme-tile:hover{border-color:var(--color-brand);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.theme-tile-icon{border-radius:var(--radius-sm);background:var(--color-brand-light);width:40px;height:40px;color:var(--color-brand);border:1px solid color-mix(in srgb, var(--color-brand) 24%, transparent);justify-content:center;align-items:center;display:flex}.theme-tile-icon svg{width:21px;height:21px}.theme-tile-label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.theme-tile-count{color:var(--color-text-tertiary);font-size:11px}.intended-use-callout{background:var(--color-brand-light);border:1px solid var(--color-brand);border-left:3px solid var(--color-brand);border-radius:var(--radius-md);padding:16px 18px}.intended-use-callout .iu-label{letter-spacing:.4px;text-transform:uppercase;color:var(--color-brand-dark);align-items:center;gap:6px;margin-bottom:6px;font-size:11.5px;font-weight:700;display:flex}.intended-use-callout .iu-text{color:var(--color-text-primary);font-size:14px;line-height:1.6}.beta-badge{text-transform:uppercase;letter-spacing:.8px;color:var(--color-brand);border:1.5px solid var(--color-brand);opacity:.7;vertical-align:middle;background:0 0;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.tags-dropdown{z-index:20;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:260px;max-width:min(360px,80vw);box-shadow:var(--shadow-md);max-height:220px;margin-top:6px;padding:12px;animation:.15s ease-out fadeIn;position:absolute;top:100%;left:0;right:auto;overflow-y:auto}@media (width<=1100px){.reading-panel,.panel-divider{display:none!important}.card-list-panel{max-width:none}}@media (width<=768px){.sidebar{display:none}.cards-list{gap:8px}.card-list-panel{max-width:none;padding:12px 16px 100px}.mobile-top-bar{display:flex}.home-menu-btn{display:none}.home-hero{margin:-12px -16px 0}.home-body{padding:16px 16px 0}.bottom-nav{display:block}.toast-container{bottom:calc(82px + env(safe-area-inset-bottom))}.search-input-wrap input{padding:12px 72px 12px 40px;font-size:14px}.category-grid,.theme-grid{grid-template-columns:repeat(2,1fr)}.search-collapsible{margin:-12px -16px 0;padding-left:16px;padding-right:16px;top:-12px}.fav-btn{justify-content:center;min-width:44px;min-height:44px}.reading-nav-btn{justify-content:center;min-width:44px;min-height:40px}}.entry-summary{-webkit-line-clamp:2;color:var(--color-text-secondary);-webkit-box-orient:vertical;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.skip-link{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-link:focus{background:var(--color-brand);color:#fff;border-radius:var(--radius-sm);z-index:999;outline:none;width:auto;height:auto;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;position:fixed;top:8px;left:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-theme=dark]{--color-brand:#3b82f6;--color-brand-dark:#60a5fa;--color-brand-light:#3b82f61f;--color-brand-subtle:#3b82f614;--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-alt:#334155;--color-border:#334155;--color-border-hover:#475569;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-elevated:0 8px 32px #00000059;--color-fav-active:#facc15;--color-fav-hover:#eab308}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-brand:#3b82f6;--color-brand-dark:#60a5fa;--color-brand-light:#3b82f61f;--color-brand-subtle:#3b82f614;--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-alt:#334155;--color-border:#334155;--color-border-hover:#475569;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-elevated:0 8px 32px #00000059;--color-fav-active:#facc15;--color-fav-hover:#eab308}}:root[data-theme=dark] body{-webkit-font-smoothing:auto}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body{-webkit-font-smoothing:auto}}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#64748b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) ::-webkit-scrollbar-thumb{background:#475569}:root:not([data-theme=light]) ::-webkit-scrollbar-thumb:hover{background:#64748b}}[data-theme=dark] .toast-success{background:#065f46}[data-theme=dark] .toast-error{background:#7f1d1d}[data-theme=dark] .toast-info{background:#1e3a5f}[data-theme=dark] .toast-warning{background:#78350f}[data-theme=dark] .pending-badge{color:#fde68a;background:#78350f}[data-theme=dark] .draft-badge{color:#93c5fd;background:#1e3a5f}[data-theme=dark] .beta-badge{color:#60a5fa;background:0 0;border-color:#60a5fa}[data-theme=dark] .nav-item:hover{background:#3b82f614}[data-theme=dark] .new-badge{color:var(--color-text-tertiary)}[data-theme=dark] .new-badge:before{background:var(--color-text-tertiary)}[data-theme=dark] .fav-btn-lg.active{border-color:var(--color-fav-active);color:var(--color-fav-active);background:#facc151f}[data-theme=dark] .fav-btn-lg.active:hover{background:#facc1533}[data-theme=dark] .sticky-actions{box-shadow:0 -4px 16px #0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .toast-success{background:#065f46}:root:not([data-theme=light]) .toast-error{background:#7f1d1d}:root:not([data-theme=light]) .toast-info{background:#1e3a5f}:root:not([data-theme=light]) .toast-warning{background:#78350f}:root:not([data-theme=light]) .pending-badge{color:#fde68a;background:#78350f}:root:not([data-theme=light]) .draft-badge{color:#93c5fd;background:#1e3a5f}:root:not([data-theme=light]) .beta-badge{color:#60a5fa;background:0 0;border-color:#60a5fa}:root:not([data-theme=light]) .nav-item:hover{background:#3b82f614}:root:not([data-theme=light]) .new-badge{color:var(--color-text-tertiary)}:root:not([data-theme=light]) .new-badge:before{background:var(--color-text-tertiary)}:root:not([data-theme=light]) .fav-btn-lg.active{border-color:var(--color-fav-active);color:var(--color-fav-active);background:#facc151f}:root:not([data-theme=light]) .fav-btn-lg.active:hover{background:#facc1533}:root:not([data-theme=light]) .sticky-actions{box-shadow:0 -4px 16px #0000004d}}.home-view{margin:0;padding:0 0 64px;animation:.3s ease-out fadeIn}.home-body{max-width:960px;margin:0 auto;padding:18px 24px 0}.home-hero{color:#fff;background:linear-gradient(120deg,#2563eb 0%,#4f46e5 50%,#7c3aed 100%);margin:-16px -20px 0;padding:40px 0 46px;position:relative;overflow:hidden}.home-hero-inner{z-index:2;max-width:960px;margin:0 auto;padding:0 24px;position:relative}.home-hero:before{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-40px}.home-hero:after{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-70px;left:30%}.home-hero-top{align-items:center;gap:13px;display:flex;position:relative}.home-menu-btn{cursor:pointer;color:#fff;width:38px;height:38px;transition:background var(--transition-fast);background:#ffffff24;border:1px solid #ffffff38;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin:-2px -4px -2px auto;padding:0;display:flex}.home-menu-btn:hover{background:#ffffff42}.home-menu-btn:active{transform:scale(.94)}.home-hero-account{margin-left:auto}.home-hero-avatar{cursor:pointer;color:#fff;width:38px;height:38px;transition:background var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:600;display:flex;overflow:hidden}.home-hero-avatar img{object-fit:cover;width:100%;height:100%}.home-hero-avatar:hover{background:#ffffff4d;box-shadow:0 0 0 3px #ffffff2e}.home-hero-avatar:active{transform:scale(.94)}.home-hero-account+.home-menu-btn{margin-left:0}.home-hero-logo{border-radius:12px;width:42px;height:42px;box-shadow:0 4px 14px #00000040}.home-hero-word{letter-spacing:-.3px;font-size:22px;font-weight:700}.home-hero-chip{border-radius:var(--radius-full);background:#fff3;padding:6px 13px;font-size:12px;font-weight:600}.home-hero-greet{letter-spacing:-.6px;margin:24px 0 18px;font-size:26px;font-weight:700;position:relative}.home-hero-search{z-index:2;position:relative}.home-hero-search .search-input-wrap input{border-radius:var(--radius-lg);padding:15px 92px 15px 48px;font-size:16px}.home-hero-search .search-icon{left:18px}.home-hero-search .search-icon svg{width:18px;height:18px}.home-hero-search .ai-toggle{background:var(--color-brand-subtle);color:var(--color-brand);border:1.5px solid var(--color-brand);box-shadow:none;gap:5px;padding:7.5px 14px;font-size:12.5px;font-weight:700;right:8px}.home-hero-search .ai-toggle:hover{background:var(--color-brand-subtle);border-color:var(--color-brand);filter:brightness(.97)}.home-hero-search .ai-toggle.active{background:var(--color-brand);color:#fff;border-color:var(--color-brand);box-shadow:0 2px 10px #2563eb61}.home-hero-search .ai-toggle.active:hover{background:var(--color-brand-dark);border-color:var(--color-brand-dark)}.home-hero-search .ai-toggle .ai-toggle-label{letter-spacing:.3px;font-weight:700}.home-hero-hint{color:#fffc;text-align:center;margin-top:9px;font-size:12.5px;position:relative}.home-hero-hint .home-spark{color:#fff}.home-spark{color:var(--color-brand);font-weight:700}.home-attention{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);color:var(--color-warning-text);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;display:flex}.home-attention>svg{flex-shrink:0}.home-attention-text{flex:1;min-width:160px;font-size:13.5px}.home-attention-text strong{font-weight:600}.home-attention-btn{margin-left:auto;padding:5px 12px;font-size:12.5px}.home-doors{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 36px;display:grid}.home-door{text-align:left;border-radius:var(--radius-lg);cursor:pointer;background-color:var(--color-surface);background-image:var(--ec-wash);border:1px solid var(--ec-bd);width:100%;transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;gap:11px;padding:18px;display:flex;position:relative}.home-door:hover{box-shadow:0 6px 18px var(--ec-sh);transform:translateY(-2px)}.home-door-icon{color:#fff;background:var(--ec);width:44px;height:44px;box-shadow:0 3px 8px var(--ec-sh);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.home-door-title{color:var(--ec-text);font-size:15.5px;font-weight:700}.home-door-desc{color:var(--color-text-secondary);font-size:12.5px;line-height:1.4}.home-door-arrow{color:var(--ec);opacity:.55;transition:transform var(--transition-normal), opacity var(--transition-normal);position:absolute;top:18px;right:18px}.home-door:hover .home-door-arrow{opacity:1;transform:translate(3px)}.home-door--explore{--ec:#2563eb;--ec-text:#2563eb;--ec-bd:#2563eb4d;--ec-sh:#2563eb38;--ec-wash:linear-gradient(160deg, #2563eb1a, #2563eb06)}.home-door--capture{--ec:#059669;--ec-text:#059669;--ec-bd:#0596694d;--ec-sh:#05966938;--ec-wash:linear-gradient(160deg, #0596691a, #05966906)}.home-door--build{--ec:#7c3aed;--ec-text:#7c3aed;--ec-bd:#7c3aed4d;--ec-sh:#7c3aed38;--ec-wash:linear-gradient(160deg, #7c3aed1a, #7c3aed06)}.home-section{margin-bottom:32px}.home-section-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.home-section-title{letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-tertiary);font-size:12px;font-weight:700}.home-section-action{color:var(--color-brand);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:500}.home-section-action:hover{text-decoration:underline}.home-theme-shelf{flex-wrap:wrap;gap:8px;display:flex}.home-recent-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.home-recent-row{text-align:left;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.home-recent-row:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.home-recent-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.home-recent-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.home-recent-title{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.home-recent-sub{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (width<=600px){.home-view{padding:0 0 48px}.home-hero{padding:22px 0 24px}.home-hero-inner{padding:0 18px}.home-hero-top{gap:10px}.home-hero-logo{border-radius:10px;width:36px;height:36px}.home-hero-word{font-size:18px}.home-hero-chip{padding:5px 10px;font-size:11px}.home-hero-avatar{width:34px;height:34px;font-size:13px}.home-hero-greet{margin:20px 0 16px;font-size:22px}.home-hero-hint{font-size:12px}.home-doors{grid-template-columns:1fr;gap:10px}.home-door{flex-direction:row;align-items:center;gap:14px;padding:14px 16px}.home-door-icon{width:40px;height:40px}.home-door-arrow{top:50%;transform:translateY(-50%)}.home-door:hover .home-door-arrow{transform:translateY(-50%)translate(3px)}.home-recent-grid{grid-template-columns:1fr}}:root[data-theme=dark] .home-door--explore{--ec-text:#60a5fa;--ec-bd:#3b82f657;--ec-wash:linear-gradient(160deg, #3b82f629, #3b82f60d)}:root[data-theme=dark] .home-door--capture{--ec-text:#34d399;--ec-bd:#10b98157;--ec-wash:linear-gradient(160deg, #10b98129, #10b9810d)}:root[data-theme=dark] .home-door--build{--ec-text:#a78bfa;--ec-bd:#8b5cf657;--ec-wash:linear-gradient(160deg, #8b5cf629, #8b5cf60d)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .home-door--explore{--ec-text:#60a5fa;--ec-bd:#3b82f657;--ec-wash:linear-gradient(160deg, #3b82f629, #3b82f60d)}:root:not([data-theme=light]) .home-door--capture{--ec-text:#34d399;--ec-bd:#10b98157;--ec-wash:linear-gradient(160deg, #10b98129, #10b9810d)}:root:not([data-theme=light]) .home-door--build{--ec-text:#a78bfa;--ec-bd:#8b5cf657;--ec-wash:linear-gradient(160deg, #8b5cf629, #8b5cf60d)}}.page-header{margin-bottom:20px}.page-header-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-header-title{letter-spacing:-.4px;color:var(--color-text-primary);align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.page-header-count{background:var(--color-surface-alt);color:var(--color-text-secondary);border-radius:var(--radius-full);padding:2px 9px;font-size:12px;font-weight:600}.page-header-action{align-items:center;gap:8px;margin-left:auto;display:flex}.page-header-desc{color:var(--color-text-tertiary);max-width:60ch;margin:6px 0 0;font-size:13.5px;line-height:1.5}