@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Playfair+Display:ital,wght@0,700;0,800;1,600&family=JetBrains+Mono:wght@400;500&family=Lora:ital,wght@0,400;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--pookie-bg: #0f0f23;--pookie-surface: rgba(168,85,247,.07);--pookie-surface2: rgba(168,85,247,.13);--pookie-pink: #f472b6;--pookie-pink2: #ec4899;--pookie-purple: #a855f7;--pookie-purple2: #7c3aed;--pookie-rose: #fb7185;--pookie-text: #f8fafc;--pookie-muted: #94a3b8;--pookie-border: rgba(244,114,182,.22);--pookie-border2: rgba(244,114,182,.36);--pookie-radius: 20px;--pookie-radius-sm: 12px;--pookie-shadow: 0 8px 32px rgba(168,85,247,.12);--pookie-shadow-h: 0 14px 44px rgba(244,114,182,.22);--pookie-glow: 0 0 24px rgba(244,114,182,.25);--pookie-font: "Nunito", sans-serif;--pookie-display: "Playfair Display", serif;--bg-base: var(--pookie-bg);--bg-surface: var(--pookie-surface);--bg-surface-elevated: var(--pookie-surface2);--text-primary: var(--pookie-text);--text-secondary: var(--pookie-muted);--text-accent: var(--pookie-pink);--accent-primary: var(--pookie-purple);--accent-secondary: var(--pookie-pink);--accent-danger: var(--pookie-rose);--border-subtle: var(--pookie-border);--border-strong: var(--pookie-border2);--shadow-card: var(--pookie-shadow);--shadow-elevated: var(--pookie-shadow-h);--glow-accent: var(--pookie-glow);--font-body: var(--pookie-font);--font-display: var(--pookie-display);--font-mono: "JetBrains Mono", monospace;--radius-sm: var(--pookie-radius-sm);--radius-md: var(--pookie-radius);--type-scale: 1;--type-line-height: 1.6;--type-heading-weight: 700;--type-body-weight: 400;--type-letter-spacing: 0em}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:calc(1rem * var(--type-scale, 1));line-height:var(--type-line-height, 1.6);letter-spacing:var(--type-letter-spacing, 0em);font-weight:var(--type-body-weight, 400);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .55s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6{font-weight:var(--type-heading-weight, 700)}button{font-family:var(--font-body);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}input,textarea,select{font-family:var(--font-body)}a{color:var(--accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--text-accent)}::-moz-selection{background:color-mix(in srgb,var(--accent-primary) 35%,transparent);color:#fff}::selection{background:color-mix(in srgb,var(--accent-primary) 35%,transparent);color:#fff}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent-primary) 35%,transparent) transparent}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-primary) 35%,transparent);border-radius:99px}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent-primary) 55%,transparent)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.pookie-page-shell{min-height:100vh;background:var(--bg-base);position:relative;overflow-x:hidden}.pookie-page-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 15% 10%,color-mix(in srgb,var(--text-accent) 10%,transparent) 0%,transparent 65%),radial-gradient(ellipse 50% 35% at 88% 85%,color-mix(in srgb,var(--accent-primary) 12%,transparent) 0%,transparent 60%);pointer-events:none;z-index:0}.pookie-page-shell>*{position:relative;z-index:1}.glass-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--shadow-card);position:relative;z-index:1;isolation:isolate;transition:background .4s ease,border-color .4s ease,box-shadow .3s ease}.glass-card-sm{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-card);position:relative;z-index:1;isolation:isolate;transition:background .4s ease,border-color .4s ease,box-shadow .3s ease}.theme-transition-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-base);opacity:0;pointer-events:none;z-index:99990;transition:opacity .28s ease}body.sb-theme-transitioning .theme-transition-flash{opacity:.35}.gradient-text{background:linear-gradient(135deg,var(--text-accent),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-rev{background:linear-gradient(135deg,var(--accent-primary),var(--text-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pookie-display-title{font-family:var(--font-display);font-weight:700;background:linear-gradient(135deg,var(--text-accent),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;letter-spacing:-.01em}.btn-primary{display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(135deg,var(--pookie-purple2),var(--pookie-pink2));color:#fff;border:none;border-radius:50px;padding:.7rem 1.5rem;font-size:.88rem;font-weight:800;font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 16px color-mix(in srgb,var(--accent-primary) 28%,transparent);transition:box-shadow .2s,transform .15s,opacity .2s;white-space:nowrap;flex-shrink:0;text-decoration:none}.btn-primary:hover{box-shadow:0 6px 24px color-mix(in srgb,var(--text-accent) 40%,transparent);-webkit-text-fill-color:#fff;color:#fff;transform:translateY(-1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-ghost{display:inline-flex;align-items:center;gap:.4rem;background:none;border:1px solid var(--border-strong);border-radius:50px;padding:.65rem 1.25rem;color:var(--text-secondary);font-size:.85rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:all .18s;white-space:nowrap}.btn-ghost:hover{border-color:var(--text-accent);color:var(--text-primary);background:color-mix(in srgb,var(--text-accent) 6%,transparent)}.btn-danger{display:inline-flex;align-items:center;gap:.4rem;background:#fb718526;border:1px solid rgba(251,113,133,.4);border-radius:50px;padding:.52rem 1rem;color:#fb7185;font-size:.82rem;font-weight:800;font-family:var(--font-body);cursor:pointer;transition:all .18s}.btn-danger:hover{background:#fb718540;border-color:#fb7185a6}.icon-btn{width:32px;height:32px;border-radius:9px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s;font-family:var(--font-body);flex-shrink:0}.icon-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:color-mix(in srgb,var(--text-accent) 10%,transparent)}.icon-btn--danger:hover{color:var(--accent-danger);background:color-mix(in srgb,var(--accent-danger) 12%,transparent);border-color:color-mix(in srgb,var(--accent-danger) 38%,transparent)}.close-btn{width:32px;height:32px;border-radius:9px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .18s;font-family:var(--font-body)}.close-btn:hover{color:var(--accent-danger);border-color:color-mix(in srgb,var(--accent-danger) 45%,transparent);background:color-mix(in srgb,var(--accent-danger) 10%,transparent)}.field-label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.4rem}.field-input{width:100%;background:color-mix(in srgb,var(--accent-primary) 6%,transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.65rem 1rem;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;font-weight:600;outline:none;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}.field-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 14%,transparent)}.field-input::-moz-placeholder{color:var(--text-secondary)}.field-input::placeholder{color:var(--text-secondary)}.field-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6) sepia(1) saturate(3) hue-rotate(220deg)}.pookie-select{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:50px;padding:.58rem 2.2rem .58rem 1rem;color:var(--text-primary);font-family:var(--font-body);font-size:.82rem;font-weight:700;outline:none;cursor:pointer;transition:border-color .18s,box-shadow .18s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%2394a3b8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.pookie-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 14%,transparent)}.pookie-select option{background:#1a1a35;color:var(--text-primary)}.search-wrap{position:relative}.search-wrap__icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;font-size:.85rem}.search-input{width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:50px;padding:.6rem 2.4rem .6rem 2.2rem;color:var(--text-primary);font-family:var(--font-body);font-size:.86rem;font-weight:600;outline:none;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 14%,transparent)}.search-input::-moz-placeholder{color:var(--text-secondary)}.search-input::placeholder{color:var(--text-secondary)}.search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.2rem;display:flex;align-items:center;transition:color .15s}.search-clear:hover{color:var(--text-primary)}.pookie-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;overflow-y:auto}.pookie-modal{background:var(--bg-base);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:1.75rem;max-width:520px;width:100%;box-shadow:var(--shadow-elevated),0 0 60px color-mix(in srgb,var(--text-accent) 15%,transparent);display:flex;flex-direction:column;gap:1.25rem;max-height:90vh;overflow-y:auto;scrollbar-width:none}.pookie-modal::-webkit-scrollbar{display:none}.modal-title{font-family:var(--font-display);font-weight:700;background:linear-gradient(135deg,var(--text-accent),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.25}.modal-sub{font-size:.84rem;color:var(--text-secondary);font-weight:600;margin:0}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.pookie-tabs{display:flex;gap:.4rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:50px;padding:.3rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pookie-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:50px;border:none;background:none;color:var(--text-secondary);font-size:.84rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:all .22s;white-space:nowrap}.pookie-tab.active{background:linear-gradient(135deg,var(--pookie-purple2),var(--pookie-pink2));color:#fff;box-shadow:0 2px 12px color-mix(in srgb,var(--accent-primary) 35%,transparent)}.pookie-stat-card{display:flex;flex-direction:column;align-items:center;gap:.22rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.95rem .6rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;cursor:default;transition:border-color .22s,box-shadow .22s}.pookie-stat-card:hover{box-shadow:var(--glow-accent)}.pookie-stat-val{font-size:1.5rem;font-weight:900;line-height:1}.pookie-stat-label{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.pookie-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;padding:.22rem .65rem;border-radius:50px}.pookie-empty{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:3.5rem 2.5rem;text-align:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.pookie-empty h3{font-family:var(--font-display);font-weight:700;background:linear-gradient(135deg,var(--text-accent),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin:0}.pookie-empty p{color:var(--text-secondary);margin:0;font-size:.9rem;font-weight:600;max-width:340px;line-height:1.65}.pookie-skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-surface-elevated) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:pookie-shimmer 1.4s infinite linear}@keyframes pookie-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pookie-confetti{position:fixed;top:0;left:0;width:100%;height:0;pointer-events:none;z-index:9999;overflow:visible}.pookie-confetti-piece{position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.pookie-spin{animation:_spin 1s linear infinite}.pookie-float{animation:_float 3s ease-in-out infinite}.pookie-fade-in{animation:_fade-in .35s ease-out both}@keyframes _spin{to{transform:rotate(360deg)}}@keyframes _float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes _fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pookie-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;background:var(--bg-base);color:var(--text-secondary);font-family:var(--font-body);font-size:1rem;font-weight:600}.pookie-auth-gate{max-width:460px;margin:8rem auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.2rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:3.5rem 2.5rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-card)}.pookie-auth-gate h2{font-family:var(--font-display);font-weight:700;background:linear-gradient(135deg,var(--text-accent),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin:0}.pookie-auth-gate p{color:var(--text-secondary);font-size:.93rem;font-weight:600;margin:0;max-width:320px;line-height:1.6}@media (max-width: 640px){.pookie-display-title,.modal-title,.pookie-empty h3,.pookie-auth-gate h2{font-size:clamp(1.8rem,5vw,2.4rem)!important}}.pookie-display-title,.modal-title,.pookie-empty h3,.pookie-auth-gate h2{text-shadow:0 1px 2px rgba(0,0,0,.08)}#theme-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.sb-dd-panel,.sb-dropdown,.sb-nav-dropdown,[data-dropdown],[class*=dropdown-panel],[class*=dd-panel]{z-index:9999!important;pointer-events:auto!important;position:absolute!important}.sb-dd-trigger,.sb-nav-item,.sb-bar a,.sb-topbar a,.sb-bar button,.sb-topbar button{pointer-events:auto!important;position:relative;z-index:10000!important}.sb-bar,.sb-topbar{position:relative;z-index:1000!important}body.sb-theme-transitioning .glass-card,body.sb-theme-transitioning .glass-card-sm,body.sb-theme-transitioning .pookie-page-shell,body.sb-theme-transitioning .sb-topbar,body.sb-theme-transitioning .sb-bar,body.sb-theme-transitioning .sb-drawer{transition:background .55s cubic-bezier(.4,0,.2,1),border-color .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1)!important}body.sb-theme-initializing,body.sb-theme-initializing *,body.sb-theme-initializing *:before,body.sb-theme-initializing *:after{transition:none!important;animation-duration:.01ms!important}.glass-card,.glass-card-sm,.pookie-page-shell{transition:background .4s ease,border-color .4s ease,box-shadow .3s ease}@media (prefers-reduced-motion: reduce){.pookie-aurora,.pookie-nebula,.pookie-comet,.steller-planet-ring,.aesthetic-watercolor,.aesthetic-grain,.aesthetic-vignette,.aesthetic-candle,.nb-page-curl,.pookie-cursor__ring{animation:none!important;transition:none!important}.pookie-sparkle,.aesthetic-ink-trail,.notebook-ink-stroke,.steller-cursor-scan{display:none!important}}body.sb-reduced-motion *,body.sb-reduced-motion *:before,body.sb-reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pookie-aurora,.pookie-nebula,.pookie-comet,.steller-planet,.aesthetic-watercolor,.nb-page-shell,.gp-grid-layer{will-change:transform;transform:translateZ(0);backface-visibility:hidden}#theme-overlay,#pookie-stars,#steller-space,#gp-canvas,.pookie-aurora,.pookie-nebula,.pookie-comet,.aesthetic-grain,.aesthetic-vignette,.aesthetic-warmlight,.aesthetic-watercolor,.aesthetic-botanicals,.steller-scanlines,.steller-planet,.gp-grid-layer,.gp-canvas{z-index:0!important;pointer-events:none!important}.steller-hud-corner,.steller-hud-data,.steller-hud-data-br,.steller-scanlines{z-index:3!important;pointer-events:none!important}body.theme-pookie{background:#06020f;color:#f8fafc}body.theme-pookie,body.theme-pookie *{cursor:none!important}.pookie-cursor{position:fixed;top:0;left:0;width:20px;height:20px;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);mix-blend-mode:screen}.pookie-cursor__dot{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f9a8d4,#ec4899 60%,#7c3aed);box-shadow:0 0 14px 5px #f472b6a6,0 0 4px 2px #a855f773;transition:transform .12s ease}.pookie-cursor__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(244,114,182,.55);animation:pookie-cursor-ring 2s ease-in-out infinite}.pookie-cursor__trail{position:fixed;width:9px;height:9px;border-radius:50%;background:#f472b659;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);filter:blur(2px)}@keyframes pookie-cursor-ring{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.6);opacity:0}}.pookie-sparkle{position:fixed;pointer-events:none;z-index:99997;border-radius:50%;animation:pookie-sparkle-fade .7s ease-out forwards;transform:translate(-50%,-50%)}@keyframes pookie-sparkle-fade{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:.9}to{transform:translate(-50%,-50%) scale(0) rotate(45deg);opacity:0}}.pookie-aurora{position:absolute;pointer-events:none;border-radius:50%;filter:blur(110px);animation:pookie-aurora-drift 28s ease-in-out infinite alternate}.pookie-aurora--1{width:900px;height:400px;top:-120px;left:-180px;background:linear-gradient(135deg,rgba(168,85,247,.22) 0%,rgba(244,114,182,.18) 50%,transparent 80%);animation-duration:30s}.pookie-aurora--2{width:800px;height:360px;bottom:-80px;right:-160px;background:linear-gradient(225deg,rgba(244,114,182,.2) 0%,rgba(168,85,247,.14) 50%,transparent 80%);animation-duration:24s;animation-delay:-10s}.pookie-aurora--3{width:600px;height:280px;top:38%;left:30%;background:radial-gradient(ellipse,rgba(251,113,133,.14) 0%,rgba(139,92,246,.1) 50%,transparent 80%);animation-duration:36s;animation-delay:-18s}@keyframes pookie-aurora-drift{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(40px,-30px) scale(1.07) rotate(2deg)}66%{transform:translate(-25px,42px) scale(.93) rotate(-2deg)}to{transform:translate(20px,-50px) scale(1.1) rotate(1deg)}}.pookie-nebula{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px);animation:pookie-nebula-drift 22s ease-in-out infinite alternate}.pookie-nebula--1{width:700px;height:500px;top:-150px;left:-200px;background:radial-gradient(ellipse,rgba(168,85,247,.2) 0%,rgba(244,114,182,.09) 50%,transparent 75%);animation-duration:26s}.pookie-nebula--2{width:650px;height:500px;bottom:-100px;right:-150px;background:radial-gradient(ellipse,rgba(244,114,182,.17) 0%,rgba(168,85,247,.09) 50%,transparent 75%);animation-duration:20s;animation-delay:-9s}.pookie-nebula--3{width:450px;height:380px;top:40%;left:55%;background:radial-gradient(ellipse,rgba(251,113,133,.12) 0%,transparent 70%);animation-duration:30s;animation-delay:-15s}@keyframes pookie-nebula-drift{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(35px,-25px) scale(1.06) rotate(1deg)}66%{transform:translate(-22px,35px) scale(.94) rotate(-1.5deg)}to{transform:translate(18px,-45px) scale(1.09) rotate(.5deg)}}.pookie-comet{position:absolute;width:240px;height:1.5px;top:12%;left:-260px;background:linear-gradient(90deg,transparent,rgba(244,114,182,.95),rgba(255,255,255,.7),transparent);border-radius:2px;filter:blur(.5px);animation:pookie-comet-fly 13s linear infinite;animation-delay:4s}.pookie-comet:after{content:"";position:absolute;right:0;top:-2px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fff 30%,#f472b6cc);box-shadow:0 0 8px 3px #f472b6cc}.pookie-comet--2{animation-delay:9s;animation-duration:18s;top:58%;width:180px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.85),rgba(255,255,255,.5),transparent)}@keyframes pookie-comet-fly{0%{left:-260px;top:12%;opacity:0}4%{opacity:1}95%{opacity:1}to{left:calc(100vw + 260px);top:28%;opacity:0}}body.theme-pookie .sb-bar,body.theme-pookie .sb-topbar{background:#06020fd1;border-bottom-color:#f472b633;box-shadow:0 4px 24px #a855f72e,0 1px #f472b61f}body.theme-pookie .sb-bar--scrolled,body.theme-pookie .sb-topbar.scrolled{background:#06020ff0;box-shadow:0 8px 40px #a855f747,0 1px #f472b62e}body.theme-pookie .sb-dd-trigger.active,body.theme-pookie .sb-dd-item.active{color:#f472b6}body.theme-pookie .sb-dd-panel{background:#0a0416f5;border-color:#f472b638;box-shadow:0 16px 48px #a855f74d}body.theme-pookie .sb-btn--login{background:linear-gradient(135deg,#ec4899,#a855f7);box-shadow:0 4px 18px #f472b659}body.theme-pookie .sb-btn--logout{border-color:#f472b64d;color:#f472b6d9}body.theme-pookie .sb-avatar-btn{border-color:#f472b666}body.theme-pookie .sb-avatar-btn:hover{box-shadow:0 0 0 3px #f472b647}body.theme-pookie .glass-card,body.theme-pookie .glass-card-sm{background:#a855f714;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(244,114,182,.22);box-shadow:0 8px 32px #a855f72e;position:relative;z-index:1}body.theme-pookie .glass-card:after,body.theme-pookie .glass-card:before,body.theme-pookie .glass-card-sm:after,body.theme-pookie .glass-card-sm:before{display:none!important;content:none!important;background-image:none!important}body.theme-pookie .glass-card:hover,body.theme-pookie .glass-card-sm:hover{border-color:#f472b66b;box-shadow:0 14px 44px #f472b647,0 0 40px #a855f71f;transform:translateY(-2px)}body.theme-pookie *:focus-visible{outline:2px solid rgba(244,114,182,.7);outline-offset:2px}body.theme-pookie input,body.theme-pookie textarea,body.theme-pookie select{background:#a855f714;border-color:#f472b640;color:#f8fafc;caret-color:#f472b6}body.theme-pookie input:focus,body.theme-pookie textarea:focus{border-color:#f472b699;box-shadow:0 0 0 3px #f472b624}body.theme-pookie .btn-primary{background:linear-gradient(135deg,#ec4899,#a855f7);box-shadow:0 4px 18px #f472b659}body.theme-pookie .btn-primary:hover{box-shadow:0 8px 28px #f472b680;transform:translateY(-1px)}body.theme-pookie .gradient-text,body.theme-pookie .gradient-text-rev{background:linear-gradient(135deg,#f472b6,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body.theme-pookie *{scrollbar-color:rgba(244,114,182,.45) transparent;scrollbar-width:thin}body.theme-pookie *::-webkit-scrollbar{width:5px;height:5px}body.theme-pookie *::-webkit-scrollbar-track{background:transparent}body.theme-pookie *::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f472b673,#a855f773);border-radius:4px}body.theme-aesthetic{background:#f5efe4;color:#2c1f12}body.theme-aesthetic,body.theme-aesthetic *{cursor:none!important}.aesthetic-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:99999;transform:translate(-6px,-2px) rotate(45deg);width:32px;height:36px}.aesthetic-cursor svg{filter:drop-shadow(0 1px 2px rgba(100,60,20,.3));transition:transform .1s ease}.aesthetic-ink-dot{position:fixed;width:5px;height:5px;border-radius:50%;background:#5a371980;pointer-events:none;z-index:99997;transform:translate(-50%,-50%);filter:blur(.5px)}.aesthetic-ink-trail{position:fixed;pointer-events:none;z-index:99996;border-radius:50%;background:#8250232e;animation:aesthetic-ink-fade 1.2s ease-out forwards;transform:translate(-50%,-50%)}@keyframes aesthetic-ink-fade{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.aesthetic-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:var(--aesthetic-grain-opacity, .055);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;background-repeat:repeat;mix-blend-mode:multiply;animation:aesthetic-grain-shift .08s steps(1) infinite}@keyframes aesthetic-grain-shift{0%{background-position:0 0}20%{background-position:-60px 30px}40%{background-position:40px -50px}60%{background-position:-30px 60px}80%{background-position:70px -20px}}.aesthetic-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 78% 65% at 50% 50%,transparent 38%,rgba(120,75,30,.1) 68%,rgba(80,45,15,.28) 100%);animation:aesthetic-candle 6s ease-in-out infinite alternate}@keyframes aesthetic-candle{0%{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.015)}to{opacity:.88;transform:scale(.985)}}.aesthetic-warmlight{position:absolute;top:-60px;left:-80px;width:500px;height:400px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(ellipse,rgba(255,220,150,.12) 0%,transparent 70%);filter:blur(50px);animation:aesthetic-wl-pulse 8s ease-in-out infinite alternate}@keyframes aesthetic-wl-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.aesthetic-watercolor{position:absolute;pointer-events:none;border-radius:50%;filter:blur(70px);mix-blend-mode:multiply;animation:aesthetic-wc-drift 22s ease-in-out infinite alternate}.aesthetic-watercolor--1{width:550px;height:420px;top:-80px;left:-100px;background:radial-gradient(ellipse,rgba(196,147,100,.28) 0%,rgba(220,170,120,.12) 60%,transparent 80%);animation-duration:26s}.aesthetic-watercolor--2{width:460px;height:380px;bottom:-60px;right:-80px;background:radial-gradient(ellipse,rgba(180,100,60,.2) 0%,transparent 70%);animation-duration:21s;animation-delay:-9s}.aesthetic-watercolor--3{width:330px;height:280px;top:45%;left:58%;background:radial-gradient(ellipse,rgba(210,160,90,.14) 0%,transparent 70%);animation-duration:32s;animation-delay:-16s}@keyframes aesthetic-wc-drift{0%{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(28px,-20px) rotate(3deg) scale(1.07)}to{transform:translate(-22px,32px) rotate(-5deg) scale(.93)}}.aesthetic-botanicals{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}body.theme-aesthetic .sb-bar,body.theme-aesthetic .sb-topbar{background:#f5efe4e6;border-bottom:1px solid rgba(181,103,61,.22);box-shadow:0 2px 12px #643c141a,0 1px #b5673d1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.theme-aesthetic .sb-bar--scrolled,body.theme-aesthetic .sb-topbar.scrolled{background:#f5efe4f7;box-shadow:0 4px 20px #643c1426}body.theme-aesthetic .sb-dd-panel{background:#faf6eefa;border-color:#b5673d47;box-shadow:0 8px 32px #643c142e}body.theme-aesthetic .sb-btn--login{background:linear-gradient(135deg,#b5673d,#8b6347);color:#fff}body.theme-aesthetic .sb-btn--logout{border-color:#b5673d59;color:#b5673dd9}body.theme-aesthetic .glass-card,body.theme-aesthetic .glass-card-sm{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fffcf4eb;border:1px solid rgba(181,103,61,.24);box-shadow:0 1px 6px #643c1421,inset 0 1px #ffffffbf;position:relative;z-index:1}body.theme-aesthetic .glass-card:after,body.theme-aesthetic .glass-card:before,body.theme-aesthetic .glass-card-sm:after,body.theme-aesthetic .glass-card-sm:before{display:none!important;content:none!important;background-image:none!important}body.theme-aesthetic .glass-card:hover,body.theme-aesthetic .glass-card-sm:hover{box-shadow:0 4px 18px #643c142e,inset 0 1px #ffffffe6;border-color:#b5673d6b}body.theme-aesthetic *:focus-visible{outline:2px solid rgba(181,103,61,.55);outline-offset:1px;border-radius:2px}body.theme-aesthetic input,body.theme-aesthetic textarea,body.theme-aesthetic select{background:#fffcf4d9;border-color:#b5673d4d;color:#2c1f12;caret-color:#b5673d}body.theme-aesthetic input:focus,body.theme-aesthetic textarea:focus{border-color:#b5673d99;box-shadow:0 0 0 3px #b5673d1a}body.theme-aesthetic .btn-primary{background:linear-gradient(135deg,#b5673d,#8b6347)}body.theme-aesthetic .btn-primary:hover{box-shadow:0 6px 22px #b5673d59}body.theme-aesthetic .gradient-text,body.theme-aesthetic .gradient-text-rev{background:linear-gradient(135deg,#b5673d,#8b6347);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body.theme-aesthetic *{scrollbar-color:rgba(181,103,61,.38) transparent;scrollbar-width:thin}body.theme-aesthetic *::-webkit-scrollbar{width:4px;height:4px}body.theme-aesthetic *::-webkit-scrollbar-thumb{background:#b5673d59;border-radius:3px;border:1px solid rgba(181,103,61,.18)}body.theme-steller{background:#020510;color:#e0f2fe}body.theme-steller,body.theme-steller *{cursor:none!important}.steller-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);width:36px;height:36px}.steller-cursor__outer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(56,189,248,.65);animation:steller-reticle-spin 4s linear infinite}.steller-cursor__outer:before,.steller-cursor__outer:after{content:"";position:absolute;background:#38bdf8cc}.steller-cursor__outer:before{left:-5px;top:50%;width:5px;height:1px;transform:translateY(-50%)}.steller-cursor__outer:after{left:50%;top:-5px;width:1px;height:5px;transform:translate(-50%)}.steller-cursor__inner{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:1px solid rgba(56,189,248,.3);animation:steller-reticle-spin 2s linear infinite reverse}.steller-cursor__dot{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:#38bdf8;transform:translate(-50%,-50%);box-shadow:0 0 6px 2px #38bdf8b3}.steller-cursor__tl,.steller-cursor__tr,.steller-cursor__bl,.steller-cursor__br{position:absolute;width:8px;height:8px;border-color:#38bdf8b3;border-style:solid}.steller-cursor__tl{top:0;left:0;border-width:1.5px 0 0 1.5px}.steller-cursor__tr{top:0;right:0;border-width:1.5px 1.5px 0 0}.steller-cursor__bl{bottom:0;left:0;border-width:0 0 1.5px 1.5px}.steller-cursor__br{bottom:0;right:0;border-width:0 1.5px 1.5px 0}@keyframes steller-reticle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.steller-cursor-h-line{position:fixed;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(56,189,248,.06) 15%,rgba(56,189,248,.2) 47%,rgba(56,189,248,.2) 53%,rgba(56,189,248,.06) 85%,transparent 100%);pointer-events:none;z-index:99997}.steller-cursor-v-line{position:fixed;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(56,189,248,.06) 15%,rgba(56,189,248,.2) 47%,rgba(56,189,248,.2) 53%,rgba(56,189,248,.06) 85%,transparent 100%);pointer-events:none;z-index:99997}.steller-cursor-scan{position:fixed;pointer-events:none;z-index:99996;width:1px;background:linear-gradient(to bottom,rgba(56,189,248,.6),transparent);transform-origin:top center;animation:steller-scan-fade .6s ease-out forwards}@keyframes steller-scan-fade{0%{opacity:.8;height:0}40%{opacity:.5}to{opacity:0;height:80px}}.steller-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(56,189,248,.014) 3px,rgba(56,189,248,.014) 4px)}.steller-planet{position:absolute;bottom:-80px;right:-60px;width:240px;height:240px;border-radius:50%;pointer-events:none;z-index:0}.steller-planet-core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 32% 32%,#1a3356,#0a1a38 45%,#020d1e);box-shadow:inset -20px -20px 50px #38bdf81a,inset 10px 10px 35px #818cf81f,0 0 80px #38bdf82e,0 0 40px #38bdf81a}.steller-planet-core:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:radial-gradient(circle at 32% 32%,transparent 55%,rgba(56,189,248,.08) 80%,transparent 100%)}.steller-planet-core:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:50%;background:repeating-linear-gradient(15deg,transparent,transparent 12px,rgba(56,189,248,.04) 12px,rgba(56,189,248,.04) 14px)}.steller-planet-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px solid rgba(56,189,248,.28);transform:translate(-50%,-50%) rotateX(74deg);animation:steller-ring-rotate 32s linear infinite}.steller-planet-ring--1{width:360px;height:360px;border-width:2px}.steller-planet-ring--2{width:450px;height:450px;border-color:#818cf821;animation-duration:52s;animation-direction:reverse}.steller-planet-ring--3{width:540px;height:540px;border-color:#38bdf812;border-style:dashed;animation-duration:80s}@keyframes steller-ring-rotate{0%{transform:translate(-50%,-50%) rotateX(74deg) rotate(0)}to{transform:translate(-50%,-50%) rotateX(74deg) rotate(360deg)}}.steller-hud-corner{position:absolute;width:48px;height:48px;pointer-events:none;z-index:3;opacity:.45}.steller-hud-corner:before,.steller-hud-corner:after{content:"";position:absolute;background:#38bdf8}.steller-hud-corner:before{width:100%;height:1.5px}.steller-hud-corner:after{width:1.5px;height:100%}.steller-hud-corner--tl{top:16px;left:16px}.steller-hud-corner--tl:before{top:0;left:0}.steller-hud-corner--tl:after{top:0;left:0}.steller-hud-corner--br{bottom:16px;right:16px;transform:rotate(180deg)}.steller-hud-corner--br:before{top:0;left:0}.steller-hud-corner--br:after{top:0;left:0}.steller-hud-corner--tr{top:16px;right:16px;transform:rotate(90deg)}.steller-hud-corner--tr:before{top:0;left:0}.steller-hud-corner--tr:after{top:0;left:0}.steller-hud-corner--bl{bottom:16px;left:16px;transform:rotate(270deg)}.steller-hud-corner--bl:before{top:0;left:0}.steller-hud-corner--bl:after{top:0;left:0}.steller-hud-data{position:absolute;top:22px;left:72px;font-family:Share Tech Mono,monospace;font-size:9px;color:#38bdf866;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;z-index:3;line-height:1.7}.steller-hud-data-br{position:absolute;bottom:22px;right:72px;font-family:Share Tech Mono,monospace;font-size:9px;color:#38bdf859;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;z-index:3;line-height:1.7;text-align:right}body.theme-steller .sb-bar,body.theme-steller .sb-topbar{background:#020510e0;border-bottom-color:#38bdf82e;box-shadow:0 4px 24px #38bdf824,0 1px #38bdf81a,inset 0 -1px #38bdf80f}body.theme-steller .sb-bar--scrolled,body.theme-steller .sb-topbar.scrolled{background:#020510f7;box-shadow:0 8px 40px #38bdf838}body.theme-steller .sb-dd-panel{background:#020814f7;border-color:#38bdf838;box-shadow:0 16px 48px #38bdf847}body.theme-steller .sb-btn--login{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#020510;font-weight:700}body.theme-steller .sb-btn--logout{border-color:#38bdf84d;color:#38bdf8d9}body.theme-steller .glass-card,body.theme-steller .glass-card-sm{background:#081028c7;border:1px solid rgba(56,189,248,.2);box-shadow:0 4px 24px #38bdf81f,inset 0 1px #38bdf817;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;z-index:1}body.theme-steller .glass-card:after,body.theme-steller .glass-card:before,body.theme-steller .glass-card-sm:after,body.theme-steller .glass-card-sm:before{display:none!important;content:none!important;background-image:none!important}body.theme-steller .glass-card:hover,body.theme-steller .glass-card-sm:hover{border-color:#38bdf870;box-shadow:0 12px 40px #38bdf83d,0 0 20px #38bdf829,inset 0 1px #38bdf82e}body.theme-steller *:focus-visible{outline:1px solid rgba(56,189,248,.85);outline-offset:2px;box-shadow:0 0 8px #38bdf84d}body.theme-steller input,body.theme-steller textarea,body.theme-steller select{background:#38bdf812;border-color:#38bdf838;color:#e0f2fe;caret-color:#38bdf8}body.theme-steller input:focus,body.theme-steller textarea:focus{border-color:#38bdf88c;box-shadow:0 0 0 3px #38bdf81f}body.theme-steller .btn-primary{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#020510}body.theme-steller .gradient-text,body.theme-steller .gradient-text-rev{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body.theme-steller *{scrollbar-color:rgba(56,189,248,.4) transparent;scrollbar-width:thin}body.theme-steller *::-webkit-scrollbar{width:5px;height:5px}body.theme-steller *::-webkit-scrollbar-thumb{background:#38bdf861;border-radius:4px;box-shadow:inset 0 0 4px #38bdf833}body.theme-notebook{background:var(--nb-paper, #faf8f1);color:#1c1c2e}body.theme-notebook,body.theme-notebook *{cursor:none!important}.notebook-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:99999;transform:translate(-3px,-3px) rotate(45deg);width:28px;height:34px}.notebook-cursor svg{filter:drop-shadow(0 1px 3px rgba(26,58,107,.35))}.notebook-ink-stroke{position:fixed;pointer-events:none;z-index:99996;background:#1a3a6b38;border-radius:1px;animation:notebook-ink-dry 1.4s ease-out forwards;transform-origin:left center}@keyframes notebook-ink-dry{0%{opacity:.7}60%{opacity:.3}to{opacity:0}}.nb-page-shell{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.nb-rules{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to bottom,transparent,transparent calc(var(--nb-line-height, 32px) - 1px),var(--nb-line-color, rgba(99,149,220,.75)) calc(var(--nb-line-height, 32px) - 1px),var(--nb-line-color, rgba(99,149,220,.75)) var(--nb-line-height, 32px));margin-top:0;opacity:1}.nb-margin-line{position:absolute;top:0;bottom:0;left:var(--nb-margin-left, 72px);width:1.5px;background:var(--nb-margin-color, rgba(220,38,38,.6))}.nb-margin-line-2{position:absolute;top:0;bottom:0;left:calc(var(--nb-margin-left, 72px) + 8px);width:1px;background:#dc26261f}.nb-hole{position:absolute;left:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.nb-hole--1{top:18%}.nb-hole--2{top:50%;transform:translateY(-50%)}.nb-hole--3{top:80%;transform:translateY(-50%)}.nb-hole-ring{width:22px;height:22px;border-radius:50%;background:var(--nb-paper, #faf8f1);border:2px solid rgba(160,160,160,.58);box-shadow:inset 0 2px 4px #00000024,0 1px #ffffffd9}.nb-spiral{position:absolute;top:0;left:0;right:0;height:58px;background:linear-gradient(to bottom,#ddd8cb,#ccc5b5);border-bottom:2px solid rgba(180,160,130,.55);display:flex;align-items:flex-end;overflow:hidden;z-index:2}.nb-spiral:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 36px,rgba(0,0,0,.06) 36px,rgba(0,0,0,.06) 38px)}.nb-coil{position:absolute;bottom:-9px;width:24px;height:30px;border-radius:12px 12px 9px 9px/14px 14px 10px 10px;background:linear-gradient(145deg,#ccc,#e0e0e0 35%,#a0a0a0);border:1px solid rgba(100,100,100,.42);box-shadow:1px 1px 3px #00000038,inset 0 1px #ffffff73}.nb-coil:before{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:#0000002e;border:1px solid rgba(255,255,255,.22)}.nb-page-curl{position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 68px 68px;border-color:transparent transparent #e2d8c4 transparent;filter:drop-shadow(-5px -5px 7px rgba(0,0,0,.14))}.nb-coffee-ring{position:absolute;top:22%;right:7%;width:90px;height:90px;border-radius:50%;border:5px solid rgba(165,110,55,.14);box-shadow:0 0 0 2px #a56e3712,inset 0 0 0 2px #a56e3712;transform:rotate(-12deg)}.nb-coffee-ring:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:2px solid rgba(165,110,55,.06)}.nb-ink-blot{position:absolute;bottom:15%;left:12%;width:35px;height:28px;border-radius:55% 45% 60% 40%/50% 55% 45% 50%;background:#1a3a6b0f;transform:rotate(20deg);filter:blur(3px)}.nb-date-stamp{position:absolute;top:12px;right:24px;font-family:Kalam,cursive;font-size:11px;color:#78643c80;letter-spacing:.06em;z-index:3;pointer-events:none}body.theme-notebook .sb-bar,body.theme-notebook .sb-topbar{background:#f8f6eff0;border-bottom:1px solid rgba(147,197,253,.55);box-shadow:0 1px #dc26262e,0 2px 8px #00000014}body.theme-notebook .sb-bar--scrolled,body.theme-notebook .sb-topbar.scrolled{background:#faf8f1fa}body.theme-notebook .sb-dd-panel{background:#fcfaf4fc;border:1px solid rgba(147,197,253,.55);box-shadow:0 8px 24px #0000001f}body.theme-notebook .sb-btn--login{background:linear-gradient(135deg,#1a3a6b,#2855a0);color:#fff}body.theme-notebook .sb-btn--logout{border-color:#1a3a6b4d;color:#1a3a6bcc}body.theme-notebook .glass-card,body.theme-notebook .glass-card-sm{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fffef98c;border:1px solid rgba(147,197,253,.45);border-left:2px solid rgba(220,38,38,.22);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffffe6;position:relative;z-index:1}body.theme-notebook .glass-card:after,body.theme-notebook .glass-card:before,body.theme-notebook .glass-card-sm:after,body.theme-notebook .glass-card-sm:before{display:none!important;content:none!important;background-image:none!important}body.theme-notebook .glass-card:hover,body.theme-notebook .glass-card-sm:hover{border-color:#1a3a6b6b;border-left-color:#dc26266b;box-shadow:2px 2px #1a3a6b14,0 4px 16px #0000001f}body.theme-notebook #root,body.theme-notebook main,body.theme-notebook .pookie-page-shell,body.theme-notebook [class$=-page],body.theme-notebook [class$=-root],body.theme-notebook [class*=page-wrap],body.theme-notebook [class*=page-container],body.theme-notebook [class*=-layout],body.theme-notebook [class*=tc-page],body.theme-notebook [class*=st-page],body.theme-notebook [class*=ss-page],body.theme-notebook [class*=fl-page],body.theme-notebook [class*=an-page],body.theme-notebook [class*=lib-page],body.theme-notebook .g3d-root,body.theme-notebook .sb-page,body.theme-notebook .sb-content,body.theme-notebook .sb-layout,body.theme-notebook>div{background:transparent!important}body.theme-notebook *:focus-visible{outline:none;box-shadow:0 0 0 2px #1a3a6b47;border-radius:1px}body.theme-notebook input,body.theme-notebook textarea{background:#fffef9e6;border-color:#93c5fd80;color:#1c1c2e;caret-color:#1a3a6b}body.theme-notebook input:focus,body.theme-notebook textarea:focus{border-color:#1a3a6b80;box-shadow:0 0 0 3px #1a3a6b14}body.theme-notebook .btn-primary{background:linear-gradient(135deg,#1a3a6b,#2855a0)}body.theme-notebook .gradient-text,body.theme-notebook .gradient-text-rev{background:linear-gradient(135deg,#1a3a6b,#2855a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body.theme-notebook *{scrollbar-color:rgba(26,58,107,.28) transparent;scrollbar-width:thin}body.theme-notebook *::-webkit-scrollbar{width:3px}body.theme-notebook *::-webkit-scrollbar-thumb{background:#93c5fd8c;border-radius:3px}body.theme-graphpaper{background:#fefefe;color:#0a0f1e}body.theme-graphpaper,body.theme-graphpaper *{cursor:none!important}.gp-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%)}.gp-cursor__dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#2563ebbf;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #2563eb40;transition:background .1s ease}.gp-cursor-h-line{position:fixed;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(37,99,235,.07) 15%,rgba(37,99,235,.2) 47%,rgba(37,99,235,.2) 53%,rgba(37,99,235,.07) 85%,transparent 100%);pointer-events:none;z-index:99998}.gp-cursor-v-line{position:fixed;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(37,99,235,.07) 15%,rgba(37,99,235,.2) 47%,rgba(37,99,235,.2) 53%,rgba(37,99,235,.07) 85%,transparent 100%);pointer-events:none;z-index:99998}.gp-grid-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--gp-major, rgba(37,99,235,.22)) 1px,transparent 1px),linear-gradient(90deg,var(--gp-major, rgba(37,99,235,.22)) 1px,transparent 1px),linear-gradient(var(--gp-minor, rgba(147,197,253,.5)) 1px,transparent 1px),linear-gradient(90deg,var(--gp-minor, rgba(147,197,253,.5)) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:calc(50% - .5px) calc(50% - .5px),calc(50% - .5px) calc(50% - .5px),calc(50% - .5px) calc(50% - .5px),calc(50% - .5px) calc(50% - .5px)}.gp-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.gp-axis-x{position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent 0px,rgba(37,99,235,.55) 80px,rgba(37,99,235,.55) calc(100% - 80px),transparent 100%);pointer-events:none;z-index:1}.gp-axis-x:after{content:"";position:absolute;right:78px;top:50%;transform:translateY(-50%);border-left:8px solid rgba(37,99,235,.55);border-top:5px solid transparent;border-bottom:5px solid transparent}.gp-axis-x-label{position:absolute;right:60px;top:50%;transform:translateY(-18px);font-family:IBM Plex Mono,monospace;font-size:12px;font-style:italic;color:#2563eb8c;font-weight:500;pointer-events:none;z-index:2}.gp-axis-y{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(180deg,transparent 0px,rgba(37,99,235,.55) 80px,rgba(37,99,235,.55) calc(100% - 80px),transparent 100%);pointer-events:none;z-index:1}.gp-axis-y:before{content:"";position:absolute;top:78px;left:50%;transform:translate(-50%);border-bottom:8px solid rgba(37,99,235,.55);border-left:5px solid transparent;border-right:5px solid transparent}.gp-axis-y-label{position:absolute;left:50%;top:58px;transform:translate(10px);font-family:IBM Plex Mono,monospace;font-size:12px;font-style:italic;color:#2563eb8c;font-weight:500;pointer-events:none;z-index:2}.gp-origin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.gp-origin-dot{width:6px;height:6px;border-radius:50%;background:#2563eba6;box-shadow:0 0 0 3px #2563eb26}.gp-origin-label{position:absolute;left:8px;bottom:8px;font-family:IBM Plex Mono,monospace;font-size:9px;color:#2563eb73;white-space:nowrap}.gp-ticks-x{position:absolute;left:0;right:0;top:50%;height:0;pointer-events:none;z-index:1}.gp-ticks-y{position:absolute;top:0;bottom:0;left:50%;width:0;pointer-events:none;z-index:1}.gp-tick-mark{position:absolute;background:#2563eb73}.gp-tick-mark--x{width:1.5px;height:8px;transform:translate(-50%,-50%)}.gp-tick-mark--x-major{height:14px}.gp-tick-mark--y{height:1.5px;width:8px;transform:translate(-50%,-50%)}.gp-tick-mark--y-major{width:14px}.gp-corner-mark{position:absolute;pointer-events:none;z-index:3}.gp-corner-mark--tl{top:10px;left:10px}.gp-label-text{font-family:IBM Plex Mono,monospace;font-size:9px;color:#2563eb59;letter-spacing:.05em}.gp-annotations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.gp-annotation{position:absolute;display:flex;align-items:center;gap:6px}.gp-annotation--1{top:42px;right:42px;flex-direction:row-reverse}.gp-annotation--2{bottom:82px;left:62px}.gp-note-text{font-family:IBM Plex Mono,monospace;font-size:9px;color:#2563eb47;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.gp-note-line{width:40px;height:1px;background:#2563eb38}.gp-delta-mark{font-family:IBM Plex Mono,monospace;font-size:18px;color:#2563eb2e;line-height:1}body.theme-graphpaper .sb-bar,body.theme-graphpaper .sb-topbar{background:#fefefef0;border-bottom:1px solid rgba(37,99,235,.18);box-shadow:0 1px #2563eb1a,0 2px 8px #0000000d}body.theme-graphpaper .sb-bar--scrolled,body.theme-graphpaper .sb-topbar.scrolled{background:#fffffffc}body.theme-graphpaper .sb-dd-panel{background:#fffffffc;border-color:#2563eb33;box-shadow:0 8px 24px #0000001a}body.theme-graphpaper .sb-btn--login{background:linear-gradient(135deg,#1d4ed8,#7c3aed);color:#fff}body.theme-graphpaper .sb-btn--logout{border-color:#2563eb47;color:#2563ebcc}body.theme-graphpaper .glass-card,body.theme-graphpaper .glass-card-sm{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#ffffffb8!important;border:1px solid rgba(37,99,235,.22)!important;box-shadow:0 1px 4px #0000000f,0 2px 12px #0000000d!important;position:relative!important;z-index:1!important}body.theme-graphpaper .glass-card:before,body.theme-graphpaper .glass-card-sm:before{content:""!important;display:block!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:-1!important;border-radius:inherit;background-image:linear-gradient(var(--gp-major, rgba(37,99,235,.14)) 1px,transparent 1px),linear-gradient(90deg,var(--gp-major, rgba(37,99,235,.14)) 1px,transparent 1px),linear-gradient(var(--gp-minor, rgba(147,197,253,.35)) 1px,transparent 1px),linear-gradient(90deg,var(--gp-minor, rgba(147,197,253,.35)) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:0 0,0 0,0 0,0 0;pointer-events:none!important;opacity:.55}body.theme-graphpaper .glass-card:after,body.theme-graphpaper .glass-card-sm:after{display:none!important;content:none!important;background:none!important;background-image:none!important}body.theme-graphpaper .glass-card:hover,body.theme-graphpaper .glass-card-sm:hover{border-color:#2563eb61!important;box-shadow:0 2px 8px #00000014,0 4px 20px #2563eb1a!important;transform:scale(1.005)}body.theme-graphpaper .gp-grid-layer,body.theme-graphpaper .gp-canvas{z-index:0!important;pointer-events:none!important}body.theme-graphpaper .nb-page-shell{z-index:0!important}body.theme-graphpaper #root,body.theme-graphpaper main,body.theme-graphpaper .pookie-page-shell,body.theme-graphpaper [class$=-page],body.theme-graphpaper [class$=-root],body.theme-graphpaper [class*=-page-wrap],body.theme-graphpaper [class*=page-container]{background:transparent!important}body.theme-graphpaper #root,body.theme-graphpaper main,body.theme-graphpaper .pookie-page-shell,body.theme-graphpaper [class$=-page],body.theme-graphpaper [class$=-root],body.theme-graphpaper [class*=page-wrap],body.theme-graphpaper [class*=page-container],body.theme-graphpaper [class*=-layout],body.theme-graphpaper [class*=tc-page],body.theme-graphpaper [class*=st-page],body.theme-graphpaper [class*=ss-page],body.theme-graphpaper [class*=fl-page],body.theme-graphpaper [class*=an-page],body.theme-graphpaper [class*=lib-page]{background:transparent!important}body.theme-graphpaper #root>*,body.theme-graphpaper main>*,body.theme-graphpaper .pookie-page-shell>*{position:relative;z-index:1}body.theme-graphpaper .g3d-root,body.theme-graphpaper .g3d-sidebar,body.theme-graphpaper .sb-page,body.theme-graphpaper .sb-content,body.theme-graphpaper .sb-layout,body.theme-graphpaper>div{background:transparent!important}body.theme-graphpaper *:focus-visible{outline:2px solid rgba(37,99,235,.55);outline-offset:1px}body.theme-graphpaper input,body.theme-graphpaper textarea{background:#ffffffe6;border-color:#2563eb38;color:#0a0f1e;caret-color:#1d4ed8}body.theme-graphpaper input:focus,body.theme-graphpaper textarea:focus{border-color:#2563eb8c;box-shadow:0 0 0 3px #2563eb1a}body.theme-graphpaper .btn-primary{background:linear-gradient(135deg,#1d4ed8,#7c3aed)}body.theme-graphpaper .gradient-text,body.theme-graphpaper .gradient-text-rev{background:linear-gradient(135deg,#1d4ed8,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body.theme-graphpaper *{scrollbar-color:rgba(37,99,235,.3) transparent;scrollbar-width:thin}body.theme-graphpaper *::-webkit-scrollbar{width:8px}body.theme-graphpaper *::-webkit-scrollbar-thumb{background:#2563eb38;border-radius:3px;border:1px solid rgba(37,99,235,.28)}.theme-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:4px}.theme-picker-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px;border-radius:16px;border:1.5px solid rgba(255,255,255,.08);background:var(--bg-surface, rgba(168,85,247,.07));cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}.theme-picker-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px #0003}.theme-picker-card--active{border-color:var(--card-accent, #f472b6);box-shadow:0 0 0 3px color-mix(in srgb,var(--card-accent, #f472b6) 20%,transparent),0 8px 24px #0000002e}.theme-picker-preview{width:100%;height:80px;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.08)}.theme-picker-preview-bar{height:16px;flex-shrink:0;display:flex;align-items:center;padding:0 6px;gap:3px}.theme-picker-preview-bar:before,.theme-picker-preview-bar:after{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.25}.theme-picker-preview-body{flex:1;display:flex;gap:6px;padding:6px}.theme-picker-preview-card{flex:1;border-radius:4px;height:100%}.theme-picker-preview-card--2{flex:.6}.theme-picker-preview-accent{height:3px;width:50%;border-radius:0 0 2px 2px;margin:0 auto;opacity:.85}.theme-picker-swatches{display:flex;gap:5px}.theme-picker-swatch{display:block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.14);flex-shrink:0}.theme-picker-meta{display:flex;align-items:center;gap:6px}.theme-picker-emoji{font-size:16px;line-height:1}.theme-picker-name{font-size:13px;font-weight:700;color:var(--text-primary, #f8fafc);letter-spacing:.01em}.theme-picker-desc{font-size:11px;color:var(--text-secondary, #94a3b8);line-height:1.4;margin:0}.theme-picker-active-ring{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:2px solid var(--card-accent, #f472b6);pointer-events:none;animation:picker-ring-pulse 2s ease-in-out infinite}@keyframes picker-ring-pulse{0%,to{opacity:.8}50%{opacity:.4}}body.theme-pookie .theme-picker-card{background:#a855f712;border-color:#f472b62e}body.theme-aesthetic .theme-picker-card{background:#c493641a;border-color:#b5673d38}body.theme-steller .theme-picker-card{background:#38bdf812;border-color:#38bdf82e}body.theme-notebook .theme-picker-card{background:#fffc;border-color:#93c5fd66}body.theme-graphpaper .theme-picker-card{background:#ffffffe6;border-color:#2563eb2e}body.theme-notebook .theme-picker-name,body.theme-graphpaper .theme-picker-name{color:#1c1c2e}body.theme-notebook .theme-picker-desc,body.theme-graphpaper .theme-picker-desc{color:#6b7280}.notebook-letter{position:relative;background:#fffef9;border-radius:4px;box-shadow:0 2px 8px #0000001f,0 8px 32px #00000014,inset 0 0 0 1px #b4a08240;overflow:hidden}.notebook-letter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to bottom,transparent,transparent 31px,rgba(147,197,253,.55) 31px,rgba(147,197,253,.55) 32px);background-position:0 40px;pointer-events:none;z-index:0}.notebook-letter__margin{position:absolute;top:0;bottom:0;left:64px;width:1.5px;background:#dc262661;z-index:1;pointer-events:none}.notebook-letter__content{position:relative;z-index:2;padding:40px 40px 40px 100px}.notebook-letter__spiral{position:absolute;top:0;left:0;right:0;height:52px;background:linear-gradient(to bottom,#ddd8cb,#ccc5b5);border-bottom:2px solid rgba(180,160,130,.55);z-index:3}:root{--st-bg: var(--pookie-bg, #0f0f23);--st-surface: var(--pookie-surface, rgba(168,85,247,.07));--st-surface2: var(--pookie-surface2, rgba(168,85,247,.13));--st-accent: var(--pookie-pink, #f472b6);--st-accent2: var(--pookie-purple, #a855f7);--st-accent3: var(--pookie-purple2, #7c3aed);--st-accent4: var(--pookie-pink2, #ec4899);--st-danger: var(--pookie-rose, #fb7185);--st-text: var(--pookie-text, #f8fafc);--st-muted: var(--pookie-muted, #94a3b8);--st-border: var(--pookie-border, rgba(244,114,182,.22));--st-border2: var(--pookie-border2, rgba(244,114,182,.36));--st-radius: var(--pookie-radius, 20px);--st-radius-sm: var(--pookie-radius-sm, 12px);--st-shadow: var(--pookie-shadow, 0 8px 32px rgba(168,85,247,.12));--st-shadow-h: var(--pookie-shadow-h, 0 14px 44px rgba(244,114,182,.22));--st-glow: var(--pookie-glow, 0 0 24px rgba(244,114,182,.25));--st-font: var(--pookie-font, "Nunito", sans-serif);--st-display: var(--pookie-display, "Playfair Display", serif);--st-mono: "DM Mono", monospace;--st-ease: cubic-bezier(.4,0,.2,1);--st-spring: cubic-bezier(.34,1.56,.64,1)}.st-page{min-height:100vh;background:var(--st-bg);padding:clamp(1.25rem,3vw,2rem) clamp(1rem,3vw,1.5rem) 5rem;color:var(--st-text);font-family:var(--st-font);position:relative;overflow-x:hidden;background-image:radial-gradient(ellipse 55% 40% at 10% 5%,color-mix(in srgb,var(--st-accent) 9%,transparent) 0%,transparent 65%),radial-gradient(ellipse 45% 40% at 90% 90%,color-mix(in srgb,var(--st-accent2) 10%,transparent) 0%,transparent 60%)}.st-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.st-orb-1{width:clamp(260px,40vw,440px);height:clamp(260px,40vw,440px);background:radial-gradient(circle,color-mix(in srgb,var(--st-accent) 9%,transparent),transparent 70%);top:-120px;left:-120px;animation:st-orb-drift 20s ease-in-out infinite alternate}.st-orb-2{width:clamp(200px,32vw,360px);height:clamp(200px,32vw,360px);background:radial-gradient(circle,color-mix(in srgb,var(--st-accent2) 9%,transparent),transparent 70%);bottom:10%;right:-80px;animation:st-orb-drift 25s ease-in-out infinite alternate-reverse}@keyframes st-orb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,22px) scale(1.08)}}.st-container{max-width:860px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.4rem)}.st-page-header{text-align:center;padding-bottom:.5rem}.st-page-title{font-family:var(--st-display);font-size:clamp(1.75rem,4vw,2.4rem);font-weight:var(--type-heading-weight, 800);background:linear-gradient(135deg,var(--st-accent),var(--st-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .35rem;letter-spacing:var(--type-letter-spacing, 0em)}.st-page-sub{color:var(--st-muted);font-size:.92rem;font-weight:600;margin:0}.st-skeleton{border-radius:var(--st-radius);background:linear-gradient(90deg,var(--st-surface) 25%,var(--st-surface2) 50%,var(--st-surface) 75%);background-size:200% 100%;animation:st-shimmer 1.5s infinite linear;border:1.5px solid var(--st-border)}@keyframes st-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.st-auth-gate{max-width:440px;margin:8rem auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.2rem;background:var(--st-surface);border:1.5px solid var(--st-border);border-radius:var(--st-radius);padding:3rem 2rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.st-gate-lock{font-size:3rem}.st-auth-gate h2{font-family:var(--st-display);font-size:1.4rem;font-weight:var(--type-heading-weight, 800);background:linear-gradient(135deg,var(--st-accent),var(--st-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.st-auth-gate p{color:var(--st-muted);margin:0;font-size:.9rem}.st-section{background:var(--st-surface);border:1.5px solid var(--st-border);border-radius:var(--st-radius);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--st-shadow);overflow:hidden;transition:border-color .25s var(--st-ease),box-shadow .25s var(--st-ease)}.st-section:hover{border-color:var(--st-border2);box-shadow:var(--st-shadow-h)}.st-section--danger{border-color:color-mix(in srgb,var(--st-danger) 28%,transparent)}.st-section--danger:hover{border-color:color-mix(in srgb,var(--st-danger) 50%,transparent)}.st-section-head{display:flex;align-items:center;gap:.65rem;padding:clamp(1.1rem,2.5vw,1.5rem) clamp(1.25rem,3vw,1.75rem) 0}.st-section-icon{font-size:1.3rem}.st-section-title{font-family:var(--st-display);font-size:1rem;font-weight:var(--type-heading-weight, 700);color:var(--st-text);margin:0;letter-spacing:var(--type-letter-spacing, 0em)}.st-section-body{padding:clamp(1rem,2.5vw,1.4rem) clamp(1.25rem,3vw,1.75rem) clamp(1.25rem,3vw,1.75rem)}.st-section-desc{font-size:.84rem;color:var(--st-muted);font-weight:600;margin:0 0 1.25rem;line-height:var(--type-line-height, 1.6)}.st-profile-grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,3vw,2.5rem);align-items:start}.st-avatar-col{display:flex;flex-direction:column;align-items:center;gap:.85rem;flex-shrink:0}.st-avatar-wrap{position:relative;width:clamp(84px,12vw,108px);height:clamp(84px,12vw,108px)}.st-avatar-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:linear-gradient(135deg,var(--st-accent4),var(--st-accent3));opacity:.18;filter:blur(16px);animation:st-glow-pulse 3s ease-in-out infinite}@keyframes st-glow-pulse{0%,to{opacity:.18}50%{opacity:.34}}.st-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--st-accent3),var(--st-accent4));display:flex;align-items:center;justify-content:center;font-family:var(--st-display);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:#fff;border:2.5px solid color-mix(in srgb,var(--st-accent) 45%,transparent);box-shadow:var(--st-shadow-h);position:relative;overflow:hidden;transition:transform .28s var(--st-spring)}.st-avatar:hover{transform:scale(1.05) rotate(-3deg)}.st-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0}.st-avatar-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:2;animation:st-spin 1.2s linear infinite}@keyframes st-spin{to{transform:rotate(360deg)}}.st-avatar-actions{display:flex;flex-direction:column;gap:.4rem;align-items:center}.st-btn-upload{font-family:var(--st-font);font-size:.78rem;font-weight:800;background:linear-gradient(135deg,var(--st-accent3),var(--st-accent4));color:#fff;border:none;border-radius:50px;padding:.48rem 1rem;cursor:pointer;transition:box-shadow .2s,transform .15s,opacity .2s;white-space:nowrap;box-shadow:0 3px 12px color-mix(in srgb,var(--st-accent2) 28%,transparent)}.st-btn-upload:hover:not(:disabled){box-shadow:0 5px 18px color-mix(in srgb,var(--st-accent) 40%,transparent);transform:translateY(-1px)}.st-btn-upload:disabled{opacity:.55;cursor:not-allowed}.st-btn-remove{font-family:var(--st-font);font-size:.74rem;font-weight:700;background:color-mix(in srgb,var(--st-danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--st-danger) 35%,transparent);border-radius:50px;padding:.38rem .85rem;color:var(--st-danger);cursor:pointer;transition:all .18s;white-space:nowrap}.st-btn-remove:hover{background:color-mix(in srgb,var(--st-danger) 22%,transparent);border-color:color-mix(in srgb,var(--st-danger) 60%,transparent)}.st-fields-col{display:flex;flex-direction:column;gap:1.1rem}.st-field-group{display:flex;flex-direction:column;gap:.38rem}.st-field-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--st-muted)}.st-field-row{display:flex;gap:.6rem}.st-field-input{flex:1;background:color-mix(in srgb,var(--st-accent2) 6%,transparent);border:1.5px solid var(--st-border);border-radius:var(--st-radius-sm);padding:.62rem .95rem;color:var(--st-text);font-family:var(--st-font);font-size:.9rem;font-weight:600;outline:none;transition:border-color .18s,box-shadow .18s}.st-field-input:focus{border-color:var(--st-accent2);box-shadow:0 0 0 3px color-mix(in srgb,var(--st-accent2) 14%,transparent)}.st-field-input::-moz-placeholder{color:var(--st-muted)}.st-field-input::placeholder{color:var(--st-muted)}.st-field-readonly{background:color-mix(in srgb,var(--st-text) 3%,transparent);border:1.5px solid var(--st-border);border-radius:var(--st-radius-sm);padding:.62rem .95rem;color:var(--st-muted);font-size:.88rem;font-family:var(--st-mono)}.st-field-hint{font-size:.72rem;color:var(--st-muted);margin:0;line-height:1.5}.st-btn-save{font-family:var(--st-font);font-size:.82rem;font-weight:800;background:linear-gradient(135deg,var(--st-accent3),var(--st-accent4));color:#fff;border:none;border-radius:var(--st-radius-sm);padding:.62rem 1.2rem;cursor:pointer;flex-shrink:0;transition:box-shadow .2s,transform .15s,opacity .2s;box-shadow:0 3px 12px color-mix(in srgb,var(--st-accent2) 28%,transparent)}.st-btn-save:hover:not(:disabled){box-shadow:0 5px 18px color-mix(in srgb,var(--st-accent) 40%,transparent);transform:translateY(-1px)}.st-btn-save:disabled{opacity:.42;cursor:not-allowed;transform:none}.st-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.85rem}.st-theme-card{position:relative;background:color-mix(in srgb,var(--st-text) 3%,transparent);border:1.5px solid var(--st-border);border-radius:var(--st-radius-sm);padding:.85rem;cursor:pointer;text-align:left;font-family:var(--st-font);color:var(--st-text);transition:border-color .22s var(--st-ease),box-shadow .22s var(--st-ease),background .22s;display:flex;flex-direction:column;gap:.55rem}.st-theme-card:hover{border-color:var(--st-border2);background:color-mix(in srgb,var(--st-text) 5%,transparent)}.st-theme-card--active{border-color:var(--st-accent)!important;background:color-mix(in srgb,var(--st-accent) 7%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--st-accent) 16%,transparent),var(--st-shadow)}.st-theme-preview{height:68px;border-radius:8px;padding:8px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:5px}.st-theme-preview-card{height:24px;width:100%;opacity:.85}.st-theme-preview-bar{height:6px;width:55%;border-radius:99px;opacity:.75}.st-theme-preview-dot{width:14px;height:14px;border-radius:50%;position:absolute;bottom:8px;right:10px;opacity:.8}.st-theme-swatches{display:flex;gap:4px}.st-swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1.5px solid color-mix(in srgb,var(--st-text) 15%,transparent)}.st-theme-info{display:flex;align-items:center;gap:.4rem}.st-theme-emoji{font-size:1rem}.st-theme-name{font-size:.86rem;font-weight:800;color:var(--st-text);font-family:var(--st-display)}.st-theme-desc{font-size:.72rem;color:var(--st-muted);margin:0;line-height:1.45}.st-theme-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--st-accent);color:#fff;font-size:.7rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px color-mix(in srgb,var(--st-accent) 45%,transparent)}.st-nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.55rem}.st-nav-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:color-mix(in srgb,var(--st-text) 3%,transparent);border:1.5px solid var(--st-border);border-radius:var(--st-radius-sm);padding:.65rem .9rem;transition:border-color .18s,background .18s}.st-nav-item:hover{border-color:var(--st-border2);background:color-mix(in srgb,var(--st-text) 5%,transparent)}.st-nav-item-left{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0}.st-nav-icon{font-size:1rem;flex-shrink:0}.st-nav-label{font-size:.84rem;font-weight:700;color:var(--st-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-toggle{width:42px;height:24px;border-radius:24px;border:none;padding:3px;cursor:pointer;flex-shrink:0;transition:background .22s var(--st-ease),box-shadow .22s;display:flex;align-items:center}.st-toggle.on{background:linear-gradient(135deg,var(--st-accent3),var(--st-accent4));box-shadow:0 2px 10px color-mix(in srgb,var(--st-accent2) 35%,transparent);justify-content:flex-end}.st-toggle.off{background:color-mix(in srgb,var(--st-text) 12%,transparent);justify-content:flex-start}.st-toggle.disabled{opacity:.5;cursor:not-allowed}.st-toggle-knob{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .22s var(--st-spring);pointer-events:none}.st-nav-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;flex-wrap:wrap;gap:.6rem}.st-btn-reset{font-family:var(--st-font);font-size:.8rem;font-weight:700;background:color-mix(in srgb,var(--st-text) 5%,transparent);border:1.5px solid var(--st-border2);border-radius:50px;padding:.45rem 1rem;color:var(--st-muted);cursor:pointer;transition:all .18s}.st-btn-reset:hover{border-color:var(--st-accent);color:var(--st-text);background:color-mix(in srgb,var(--st-accent) 7%,transparent)}.st-nav-active-count{font-size:.74rem;font-family:var(--st-mono);color:var(--st-muted);font-weight:500}.st-danger-box{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;background:color-mix(in srgb,var(--st-danger) 5%,transparent);border:1.5px solid color-mix(in srgb,var(--st-danger) 28%,transparent);border-radius:var(--st-radius-sm);padding:clamp(1rem,2.5vw,1.4rem);flex-wrap:wrap}.st-danger-info{flex:1;min-width:0}.st-danger-title{font-family:var(--st-display);font-size:.95rem;font-weight:700;color:var(--st-danger);margin:0 0 .5rem}.st-danger-desc{font-size:.85rem;color:var(--st-muted);margin:0;line-height:var(--type-line-height, 1.65)}.st-btn-delete-account{font-family:var(--st-font);font-size:.86rem;font-weight:800;background:color-mix(in srgb,var(--st-danger) 14%,transparent);border:1.5px solid color-mix(in srgb,var(--st-danger) 45%,transparent);border-radius:50px;padding:.62rem 1.4rem;color:var(--st-danger);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}.st-btn-delete-account:hover{background:color-mix(in srgb,var(--st-danger) 26%,transparent);border-color:color-mix(in srgb,var(--st-danger) 70%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--st-danger) 20%,transparent)}.st-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.st-modal{background:var(--st-bg);border:1.5px solid color-mix(in srgb,var(--st-danger) 32%,transparent);border-radius:var(--st-radius);max-width:480px;width:100%;box-shadow:0 24px 64px color-mix(in srgb,var(--st-danger) 22%,transparent);overflow:hidden}.st-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;background:color-mix(in srgb,var(--st-danger) 7%,transparent);border-bottom:1px solid color-mix(in srgb,var(--st-danger) 20%,transparent)}.st-modal-head h3{font-family:var(--st-display);font-size:1rem;font-weight:700;color:var(--st-danger);margin:0}.st-modal-close{width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--st-text) 6%,transparent);border:1px solid var(--st-border2);color:var(--st-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .18s}.st-modal-close:hover{background:color-mix(in srgb,var(--st-danger) 14%,transparent);color:var(--st-danger)}.st-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.st-modal-warn{background:color-mix(in srgb,var(--st-danger) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--st-danger) 22%,transparent);border-radius:var(--st-radius-sm);padding:.85rem 1rem;font-size:.86rem;color:color-mix(in srgb,var(--st-danger) 95%,var(--st-text));line-height:var(--type-line-height, 1.65);margin:0}.st-modal-footer{display:flex;gap:.75rem;padding:1.1rem 1.5rem;background:color-mix(in srgb,var(--st-text) 2%,transparent);border-top:1px solid var(--st-border)}.st-btn-cancel{flex:1;padding:.7rem;border-radius:50px;border:1.5px solid var(--st-border2);background:color-mix(in srgb,var(--st-text) 5%,transparent);color:var(--st-muted);font-family:var(--st-font);font-size:.88rem;font-weight:700;cursor:pointer;transition:all .18s}.st-btn-cancel:hover{background:color-mix(in srgb,var(--st-text) 9%,transparent);color:var(--st-text)}.st-btn-delete{flex:1;padding:.7rem;border-radius:50px;border:none;background:linear-gradient(135deg,color-mix(in srgb,var(--st-danger) 80%,#000),var(--st-danger));color:#fff;font-family:var(--st-font);font-size:.88rem;font-weight:800;cursor:pointer;transition:all .22s;box-shadow:0 3px 12px color-mix(in srgb,var(--st-danger) 28%,transparent)}.st-btn-delete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 22px color-mix(in srgb,var(--st-danger) 44%,transparent)}.st-btn-delete:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (max-width: 640px){.st-profile-grid{grid-template-columns:1fr;justify-items:center}.st-avatar-col,.st-fields-col{width:100%}.st-theme-grid{grid-template-columns:repeat(2,1fr)}.st-nav-grid{grid-template-columns:1fr}.st-danger-box{flex-direction:column}.st-btn-delete-account{width:100%;text-align:center}.st-field-row{flex-direction:column}.st-btn-save{width:100%}}@media (max-width: 400px){.st-theme-grid{grid-template-columns:1fr}}button:focus-visible,input:focus-visible{outline:2px solid var(--st-accent2);outline-offset:2px}@media (prefers-reduced-motion: reduce){.st-orb-1,.st-orb-2,.st-avatar-glow{animation:none}}:root{--tb-h: 68px;--tb-h-sm: 58px;--tb-ease: cubic-bezier(.4, 0, .2, 1);--tb-spring: cubic-bezier(.34, 1.56, .64, 1);--tb-fast: .15s;--tb-smooth: .26s}.sb-bar{position:fixed;top:0;width:100%;height:var(--tb-h-sm);z-index:900;background:color-mix(in srgb,var(--pookie-bg, #0f0f23) 82%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--pookie-border, rgba(244,114,182,.22));box-shadow:var(--pookie-shadow, 0 8px 32px rgba(168,85,247,.12));transition:background var(--tb-smooth) var(--tb-ease),box-shadow var(--tb-smooth) var(--tb-ease),border-color var(--tb-smooth) var(--tb-ease)}.sb-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--theme-accent, #f472b6) 4%,transparent),color-mix(in srgb,var(--theme-accent2, #a855f7) 3%,transparent),color-mix(in srgb,var(--theme-accent, #f472b6) 2%,transparent));pointer-events:none}.sb-bar--scrolled{background:color-mix(in srgb,var(--pookie-bg, #0f0f23) 94%,transparent);border-bottom-color:var(--pookie-border2, rgba(244,114,182,.36));box-shadow:var(--pookie-shadow-h, 0 14px 44px rgba(244,114,182,.22));backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}body.theme-aesthetic .sb-bar{background:#f5efe4e6;border-bottom:1px solid rgba(181,103,61,.22);box-shadow:0 2px 12px #643c141a,0 1px #b5673d1f}body.theme-aesthetic .sb-bar--scrolled{background:#f5efe4f7}body.theme-aesthetic .sb-bar:before{display:none}body.theme-notebook .sb-bar{background:#f8f6eff0;border-bottom:1px solid rgba(147,197,253,.55);box-shadow:0 1px #dc26262e,0 2px 8px #00000014}body.theme-notebook .sb-bar--scrolled{background:#faf8f1fa}body.theme-notebook .sb-bar:before{display:none}body.theme-graphpaper .sb-bar{background:#fefefef0;border-bottom:1px solid rgba(37,99,235,.18);box-shadow:0 1px #2563eb1a,0 2px 8px #0000000d}body.theme-graphpaper .sb-bar--scrolled{background:#fffffffc}body.theme-graphpaper .sb-bar:before{display:none}.sb-inner{max-width:1440px;margin:0 auto;height:100%;padding:0 1rem;display:flex;align-items:center;gap:.5rem}.sb-logo{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;flex-shrink:0;padding:.3rem .4rem;border-radius:var(--pookie-radius-sm, 12px);text-decoration:none;transition:opacity var(--tb-fast) var(--tb-ease);-webkit-tap-highlight-color:transparent}.sb-logo:hover{opacity:.85}.sb-logo:focus-visible{outline:2px solid var(--theme-accent, #a855f7);outline-offset:2px}.sb-logo-img{display:flex;align-items:center;flex-shrink:0;transition:transform var(--tb-smooth) var(--tb-spring),filter var(--tb-smooth);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--theme-accent, #f472b6) 45%,transparent))}.sb-logo-img img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;display:block}.sb-logo:hover .sb-logo-img{transform:rotate(-8deg) scale(1.14);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--theme-accent, #f472b6) 70%,transparent))}.sb-logo-text{font-family:Playfair Display,serif;font-weight:700;font-style:italic;font-size:1.42rem;color:var(--pookie-text, #f8fafc);white-space:nowrap;line-height:1;letter-spacing:-.01em}.sb-logo-accent{background:linear-gradient(135deg,var(--theme-accent, #f472b6),var(--theme-accent2, #a855f7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sb-desktop-nav{display:none;flex:1;align-items:center;gap:.25rem;min-width:0}.sb-nav-divider{width:1px;height:24px;background:var(--pookie-border, rgba(244,114,182,.22));flex-shrink:0;margin:0 .35rem}.sb-dropdowns{display:flex;align-items:center;gap:2px;min-width:0;flex-wrap:nowrap}.sb-dd-wrap{position:relative;flex-shrink:0}.sb-dd-trigger{display:flex;align-items:center;gap:5px;padding:6px 12px;background:none;border:1px solid transparent;border-radius:50px;color:var(--pookie-muted, #94a3b8);font-family:var(--pookie-font, sans-serif);font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--tb-fast) var(--tb-ease);-webkit-tap-highlight-color:transparent}.sb-dd-trigger:hover,.sb-dd-trigger.open{color:var(--pookie-text, #f8fafc);background:color-mix(in srgb,var(--theme-accent, #f472b6) 8%,transparent);border-color:var(--pookie-border, rgba(244,114,182,.22))}.sb-dd-trigger.active{color:var(--theme-accent, #f472b6);background:color-mix(in srgb,var(--theme-accent, #f472b6) 10%,transparent);border-color:var(--pookie-border, rgba(244,114,182,.22))}.sb-dd-label{line-height:1}.sb-dd-chevron{flex-shrink:0;transition:transform var(--tb-fast) var(--tb-ease);color:inherit;opacity:.7}.sb-dd-panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:220px;background:color-mix(in srgb,var(--pookie-bg, #0c0a1e) 97%,transparent);background-image:radial-gradient(ellipse 80% 50% at 50% 0%,color-mix(in srgb,var(--theme-accent2, #a855f7) 14%,transparent) 0%,transparent 70%);border:1px solid var(--pookie-border2, rgba(244,114,182,.22));border-radius:var(--pookie-radius-sm, 12px);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:0 20px 60px #0000008c,var(--pookie-shadow-h, 0 14px 44px rgba(244,114,182,.22));padding:.45rem;z-index:1100;overflow:hidden}body.theme-aesthetic .sb-dd-panel{background:#faf6eefa;border-color:#b5673d47;box-shadow:0 8px 32px #643c142e;-webkit-backdrop-filter:none;backdrop-filter:none}body.theme-notebook .sb-dd-panel{background:#fcfaf4fc;border:1px solid rgba(147,197,253,.55);box-shadow:0 8px 24px #0000001f;-webkit-backdrop-filter:none;backdrop-filter:none}body.theme-graphpaper .sb-dd-panel{background:#fffffffc;border-color:#2563eb33;box-shadow:0 8px 24px #0000001a;-webkit-backdrop-filter:none;backdrop-filter:none}.sb-dd-panel-label{font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--theme-accent, #f472b6);padding:.28rem .65rem .45rem;font-family:var(--pookie-font, sans-serif)}.sb-dd-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .65rem;background:none;border:1px solid transparent;border-radius:var(--pookie-radius-sm, 12px);color:var(--pookie-muted, #94a3b8);font-family:var(--pookie-font, sans-serif);cursor:pointer;text-align:left;transition:all var(--tb-fast) var(--tb-ease);position:relative}.sb-dd-item:hover{background:color-mix(in srgb,var(--theme-accent, #f472b6) 9%,transparent);border-color:var(--pookie-border, rgba(244,114,182,.22));color:var(--pookie-text, #f8fafc);transform:translate(3px)}.sb-dd-item.active{background:color-mix(in srgb,var(--theme-accent, #f472b6) 13%,transparent);border-color:var(--pookie-border, rgba(244,114,182,.22));color:var(--theme-accent, #f472b6)}.sb-dd-item-icon{display:flex;align-items:center;color:var(--theme-accent2, #a855f7);flex-shrink:0;transition:color var(--tb-fast),transform var(--tb-fast)}.sb-dd-item:hover .sb-dd-item-icon,.sb-dd-item.active .sb-dd-item-icon{color:var(--theme-accent, #f472b6);transform:scale(1.1)}.sb-dd-item-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.sb-dd-item-label{font-size:.84rem;font-weight:700;line-height:1.2;color:inherit}.sb-dd-item-desc{font-size:.7rem;color:var(--pookie-muted, #94a3b8);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-dd-active-dot{width:6px;height:6px;border-radius:50%;background:var(--theme-accent, #f472b6);flex-shrink:0;box-shadow:0 0 6px color-mix(in srgb,var(--theme-accent, #f472b6) 70%,transparent)}.sb-actions{display:none;align-items:center;gap:7px;flex-shrink:0}.sb-icon-btn{width:36px;height:36px;border-radius:50%;background:var(--pookie-surface, rgba(168,85,247,.07));border:1px solid var(--pookie-border, rgba(244,114,182,.22));color:var(--pookie-muted, #94a3b8);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--tb-fast) var(--tb-ease);flex-shrink:0}.sb-icon-btn:hover,.sb-icon-btn.active{color:var(--theme-accent, #f472b6);border-color:var(--pookie-border2, rgba(244,114,182,.36));background:color-mix(in srgb,var(--theme-accent, #f472b6) 10%,transparent);box-shadow:var(--pookie-glow, 0 0 24px rgba(244,114,182,.25));transform:rotate(20deg)}.sb-avatar-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--pookie-purple2, #7c3aed),var(--pookie-pink2, #ec4899));border:2px solid color-mix(in srgb,var(--theme-accent, #f472b6) 35%,transparent);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all var(--tb-smooth) var(--tb-spring);flex-shrink:0;overflow:visible}.sb-avatar-btn:hover{transform:scale(1.1);border-color:var(--theme-accent, #f472b6);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent, #f472b6) 18%,transparent),var(--pookie-glow, 0 0 24px rgba(244,114,182,.25))}.sb-avatar-btn.active{border-color:var(--theme-accent, #f472b6);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent, #f472b6) 22%,transparent)}.sb-avatar-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.sb-avatar-initial{font-family:var(--pookie-font, sans-serif);font-size:.92rem;font-weight:800;color:#fff;line-height:1}.sb-avatar-online{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;background:#34d399;border-radius:50%;border:2px solid var(--pookie-bg, #0f0f23)}.sb-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;font-family:var(--pookie-font, sans-serif);font-weight:800;font-size:.82rem;border-radius:50px;cursor:pointer;transition:all var(--tb-smooth) var(--tb-ease);white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}.sb-btn:focus-visible{outline:2px solid var(--theme-accent2, #a855f7);outline-offset:2px}.sb-btn--login{background:linear-gradient(135deg,var(--pookie-purple2, #7c3aed),var(--pookie-pink2, #ec4899));color:#fff;border:none;box-shadow:0 3px 14px color-mix(in srgb,var(--theme-accent2, #a855f7) 32%,transparent)}.sb-btn--login:hover{box-shadow:0 5px 22px color-mix(in srgb,var(--theme-accent2, #a855f7) 52%,transparent);transform:translateY(-2px)}.sb-btn--logout{background:color-mix(in srgb,var(--pookie-rose, #fb7185) 10%,transparent);color:var(--pookie-rose, #fb7185);border:1px solid color-mix(in srgb,var(--pookie-rose, #fb7185) 28%,transparent)}.sb-btn--logout:hover{background:color-mix(in srgb,var(--pookie-rose, #fb7185) 20%,transparent);border-color:color-mix(in srgb,var(--pookie-rose, #fb7185) 50%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--pookie-rose, #fb7185) 20%,transparent);transform:translateY(-2px)}.sb-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:var(--pookie-surface, rgba(168,85,247,.07));border:1px solid var(--pookie-border, rgba(244,114,182,.22));border-radius:var(--pookie-radius-sm, 12px);cursor:pointer;margin-left:auto;flex-shrink:0;transition:background var(--tb-fast),border-color var(--tb-fast),box-shadow var(--tb-fast);-webkit-tap-highlight-color:transparent}.sb-hamburger:hover{background:color-mix(in srgb,var(--theme-accent, #f472b6) 14%,transparent);border-color:var(--pookie-border2, rgba(244,114,182,.36));box-shadow:var(--pookie-glow, 0 0 24px rgba(244,114,182,.25))}.sb-hamburger:focus-visible{outline:2px solid var(--theme-accent2, #a855f7);outline-offset:2px}.sb-hamburger-bar{width:100%;height:2px;background:var(--pookie-text, #f8fafc);border-radius:2px;transition:transform var(--tb-smooth) var(--tb-spring),opacity var(--tb-fast),width var(--tb-smooth);transform-origin:center}.sb-hamburger.open .sb-hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.sb-hamburger.open .sb-hamburger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.sb-hamburger.open .sb-hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060412d1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1000}body.theme-aesthetic .sb-backdrop,body.theme-notebook .sb-backdrop,body.theme-graphpaper .sb-backdrop{background:#0000008c}.sb-drawer{position:fixed;top:0;right:0;width:min(340px,92vw);height:100vh;height:100dvh;background:color-mix(in srgb,var(--pookie-bg, #0c0a1c) 98%,transparent);background-image:radial-gradient(ellipse 70% 35% at 80% 0%,color-mix(in srgb,var(--theme-accent, #f472b6) 10%,transparent) 0%,transparent 65%),radial-gradient(ellipse 55% 30% at 15% 100%,color-mix(in srgb,var(--theme-accent2, #a855f7) 8%,transparent) 0%,transparent 65%);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-left:1px solid var(--pookie-border, rgba(244,114,182,.22));box-shadow:-12px 0 56px #00000080;display:flex;flex-direction:column;z-index:1100;overflow:hidden}body.theme-aesthetic .sb-drawer{background:#f8f4ecfc;border-left-color:#b5673d38;-webkit-backdrop-filter:none;backdrop-filter:none}body.theme-notebook .sb-drawer{background:#faf8f0fc;border-left-color:#93c5fd73;-webkit-backdrop-filter:none;backdrop-filter:none}body.theme-graphpaper .sb-drawer{background:#fffffffc;border-left-color:#2563eb2e;-webkit-backdrop-filter:none;backdrop-filter:none}.sb-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem .9rem;border-bottom:1px solid var(--pookie-border, rgba(244,114,182,.22));flex-shrink:0}.sb-drawer-logo-wrap{display:flex;align-items:center;gap:.55rem}.sb-drawer-favicon{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.sb-drawer-logo-text{font-family:Playfair Display,serif;font-weight:700;font-style:italic;font-size:1.5rem;background:linear-gradient(135deg,var(--theme-accent, #f472b6),var(--theme-accent2, #a855f7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.sb-drawer-close{width:34px;height:34px;background:var(--pookie-surface, rgba(168,85,247,.07));border:1px solid var(--pookie-border, rgba(244,114,182,.22));border-radius:var(--pookie-radius-sm, 12px);color:var(--pookie-muted, #94a3b8);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--tb-fast);flex-shrink:0;-webkit-tap-highlight-color:transparent}.sb-drawer-close:hover{background:color-mix(in srgb,var(--pookie-rose, #fb7185) 14%,transparent);border-color:color-mix(in srgb,var(--pookie-rose, #fb7185) 40%,transparent);color:var(--pookie-rose, #fb7185);transform:rotate(90deg)}.sb-drawer-user{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--pookie-border, rgba(244,114,182,.22));flex-shrink:0;background:color-mix(in srgb,var(--theme-accent2, #a855f7) 4%,transparent)}.sb-drawer-user-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--pookie-purple2, #7c3aed),var(--pookie-pink2, #ec4899));border:2px solid color-mix(in srgb,var(--theme-accent, #f472b6) 38%,transparent);display:flex;align-items:center;justify-content:center;font-family:var(--pookie-font, sans-serif);font-weight:800;font-size:1.05rem;color:#fff;flex-shrink:0;box-shadow:0 2px 10px color-mix(in srgb,var(--theme-accent2, #a855f7) 28%,transparent);position:relative;overflow:hidden}.sb-drawer-user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0}.sb-drawer-user-online{position:absolute;bottom:0;right:0;width:11px;height:11px;background:#34d399;border-radius:50%;border:2px solid var(--pookie-bg, #0c0a1c)}.sb-drawer-user-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.sb-drawer-user-name{font-size:.88rem;font-weight:800;color:var(--pookie-text, #f8fafc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--pookie-font, sans-serif)}.sb-drawer-user-email{font-size:.7rem;color:var(--pookie-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-drawer-settings-btn{width:32px;height:32px;border-radius:var(--pookie-radius-sm, 12px);background:var(--pookie-surface, rgba(168,85,247,.07));border:1px solid var(--pookie-border, rgba(244,114,182,.22));color:var(--pookie-muted, #94a3b8);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--tb-fast);-webkit-tap-highlight-color:transparent}.sb-drawer-settings-btn:hover{color:var(--theme-accent, #f472b6);border-color:var(--pookie-border2, rgba(244,114,182,.36));background:color-mix(in srgb,var(--theme-accent, #f472b6) 10%,transparent);transform:rotate(20deg)}.sb-drawer-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:.4rem 0;-webkit-overflow-scrolling:touch}.sb-drawer-body::-webkit-scrollbar{width:3px}.sb-drawer-body::-webkit-scrollbar-track{background:transparent}.sb-drawer-body::-webkit-scrollbar-thumb{background:var(--pookie-border2, rgba(244,114,182,.36));border-radius:99px}.sb-mob-group{border-bottom:1px solid color-mix(in srgb,var(--theme-accent, #f472b6) 7%,transparent)}.sb-mob-group--active{border-bottom-color:color-mix(in srgb,var(--theme-accent, #f472b6) 12%,transparent)}.sb-mob-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.7rem 1.1rem;background:none;border:none;cursor:pointer;font-family:var(--pookie-font, sans-serif);transition:background var(--tb-fast);-webkit-tap-highlight-color:transparent}.sb-mob-group-header:hover{background:color-mix(in srgb,var(--theme-accent, #f472b6) 4%,transparent)}.sb-mob-group-header.active .sb-mob-group-label{color:var(--theme-accent, #f472b6)}.sb-mob-group-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--theme-accent, #f472b6);transition:color var(--tb-fast)}.sb-mob-chevron{color:var(--pookie-muted, #94a3b8);transition:transform var(--tb-smooth) var(--tb-ease);flex-shrink:0}.sb-mob-items{padding:.2rem .6rem .5rem;display:flex;flex-direction:column;gap:2px}.sb-mob-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.62rem .8rem;background:none;border:1px solid transparent;border-radius:var(--pookie-radius-sm, 12px);color:var(--pookie-muted, #94a3b8);font-family:var(--pookie-font, sans-serif);cursor:pointer;text-align:left;transition:all var(--tb-fast) var(--tb-ease);-webkit-tap-highlight-color:transparent}.sb-mob-item:hover{background:color-mix(in srgb,var(--theme-accent, #f472b6) 8%,transparent);border-color:var(--pookie-border, rgba(244,114,182,.22));color:var(--pookie-text, #f8fafc)}.sb-mob-item.active{background:color-mix(in srgb,var(--theme-accent, #f472b6) 12%,transparent);border-color:var(--pookie-border, rgba(244,114,182,.22));color:var(--theme-accent, #f472b6)}.sb-mob-item.active:hover{background:color-mix(in srgb,var(--theme-accent, #f472b6) 18%,transparent)}.sb-mob-item-icon{display:flex;align-items:center;color:var(--theme-accent2, #a855f7);flex-shrink:0;transition:color var(--tb-fast),transform var(--tb-fast)}.sb-mob-item-icon.active,.sb-mob-item.active .sb-mob-item-icon{color:var(--theme-accent, #f472b6)}.sb-mob-item:hover .sb-mob-item-icon{transform:scale(1.12);color:var(--theme-accent, #f472b6)}.sb-mob-item-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.sb-mob-item-label{font-size:.875rem;font-weight:700;line-height:1.2;color:inherit}.sb-mob-item-desc{font-size:.7rem;color:var(--pookie-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sb-mob-arrow{font-size:1rem;font-weight:800;color:var(--theme-accent, #f472b6);flex-shrink:0;opacity:.55;transition:transform var(--tb-fast),opacity var(--tb-fast)}.sb-mob-item:hover .sb-mob-arrow{transform:translate(3px);opacity:1}.sb-mob-active-pill{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;background:color-mix(in srgb,var(--theme-accent, #f472b6) 18%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent, #f472b6) 36%,transparent);color:var(--theme-accent, #f472b6);border-radius:50px;padding:.14rem .52rem;flex-shrink:0}.sb-drawer-quick-links{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid color-mix(in srgb,var(--theme-accent, #f472b6) 8%,transparent);margin-top:.25rem}.sb-drawer-quick-link{flex:1;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem .5rem;background:var(--pookie-surface, rgba(168,85,247,.07));border:1px solid var(--pookie-border, rgba(244,114,182,.22));border-radius:var(--pookie-radius-sm, 12px);color:var(--pookie-muted, #94a3b8);font-family:var(--pookie-font, sans-serif);font-size:.78rem;font-weight:700;cursor:pointer;transition:all var(--tb-fast);-webkit-tap-highlight-color:transparent}.sb-drawer-quick-link:hover{background:color-mix(in srgb,var(--theme-accent, #f472b6) 10%,transparent);border-color:var(--pookie-border2, rgba(244,114,182,.36));color:var(--pookie-text, #f8fafc)}.sb-drawer-quick-link.active{background:color-mix(in srgb,var(--theme-accent, #f472b6) 13%,transparent);border-color:var(--pookie-border, rgba(244,114,182,.22));color:var(--theme-accent, #f472b6)}.sb-drawer-footer{padding:.9rem 1.1rem;border-top:1px solid var(--pookie-border, rgba(244,114,182,.22));flex-shrink:0}.sb-drawer-logout,.sb-drawer-login{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;padding:.75rem;font-family:var(--pookie-font, sans-serif);font-weight:800;font-size:.9rem;border-radius:50px;cursor:pointer;transition:all var(--tb-smooth) var(--tb-ease);-webkit-tap-highlight-color:transparent}.sb-drawer-logout{background:color-mix(in srgb,var(--pookie-rose, #fb7185) 10%,transparent);border:1px solid color-mix(in srgb,var(--pookie-rose, #fb7185) 28%,transparent);color:var(--pookie-rose, #fb7185)}.sb-drawer-logout:hover{background:color-mix(in srgb,var(--pookie-rose, #fb7185) 22%,transparent);border-color:color-mix(in srgb,var(--pookie-rose, #fb7185) 52%,transparent);transform:translateY(-2px);box-shadow:0 4px 16px color-mix(in srgb,var(--pookie-rose, #fb7185) 18%,transparent)}.sb-drawer-login{background:linear-gradient(135deg,var(--pookie-purple2, #7c3aed),var(--pookie-pink2, #ec4899));border:none;color:#fff;box-shadow:0 3px 14px color-mix(in srgb,var(--theme-accent2, #a855f7) 32%,transparent)}.sb-drawer-login:hover{transform:translateY(-2px);box-shadow:0 6px 24px color-mix(in srgb,var(--theme-accent2, #a855f7) 50%,transparent)}@media (min-width: 768px){.sb-bar{height:var(--tb-h)}.sb-inner{padding:0 1.75rem;gap:.75rem}.sb-logo-img img{width:32px;height:32px}.sb-logo-text{font-size:1.55rem}.sb-desktop-nav,.sb-actions{display:flex}.sb-hamburger{display:none}}@media (min-width: 1024px){.sb-inner{padding:0 2.5rem;gap:1rem}.sb-dd-trigger{padding:7px 14px;font-size:.84rem}.sb-logo-text{font-size:1.65rem}.sb-logo-img img{width:34px;height:34px}}@media (min-width: 1280px){.sb-inner{padding:0 3rem}}@media (max-width: 359px){.sb-logo-text{display:none}.sb-inner{padding:0 .75rem}}@media (hover: none){.sb-btn--login:hover,.sb-btn--logout:hover,.sb-drawer-logout:hover,.sb-drawer-login:hover,.sb-logo:hover .sb-logo-img,.sb-avatar-btn:hover{transform:none}}.sb-dd-trigger:focus-visible,.sb-dd-item:focus-visible,.sb-mob-item:focus-visible,.sb-mob-group-header:focus-visible,.sb-drawer-close:focus-visible,.sb-drawer-settings-btn:focus-visible,.sb-drawer-quick-link:focus-visible,.sb-drawer-logout:focus-visible,.sb-drawer-login:focus-visible{outline:2px solid var(--theme-accent2, #a855f7);outline-offset:2px}@supports not (backdrop-filter: blur(1px)){.sb-bar{background:color-mix(in srgb,var(--pookie-bg, #0c0a1c) 98%,transparent)}.sb-dd-panel,.sb-drawer{background:color-mix(in srgb,var(--pookie-bg, #0a0818) 99%,transparent)}.sb-backdrop{background:#04020ce6}}:root{--pk-r-sm: 12px;--pk-r-md: 20px;--pk-r-lg: 28px;--pk-r-xl: 40px}html{scroll-behavior:smooth}.pk-root{min-height:100vh;background:var(--pookie-bg, #0d0b14);color:var(--pookie-text, #f0ecff);font-family:var(--pookie-font, "DM Sans", sans-serif);line-height:var(--type-line-height, 1.65);overflow-x:hidden;position:relative;transition:background .55s cubic-bezier(.4,0,.2,1),color .45s ease}.pk-grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.pookie-blob{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;will-change:transform;transition:background .55s ease}.blob-a{width:clamp(280px,50vw,560px);height:clamp(280px,50vw,560px);background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent, #ff9ed2) 15%,transparent),transparent 70%);top:-160px;left:-180px;animation:blob-drift-a 18s ease-in-out infinite alternate}.blob-b{width:clamp(240px,40vw,480px);height:clamp(240px,40vw,480px);background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent2, #c9b8ff) 15%,transparent),transparent 70%);top:40vh;right:-140px;animation:blob-drift-b 22s ease-in-out infinite alternate}.blob-c{width:clamp(200px,35vw,400px);height:clamp(200px,35vw,400px);background:radial-gradient(circle,color-mix(in srgb,var(--pookie-rose, #ffd6a5) 11%,transparent),transparent 70%);bottom:30vh;left:-100px;animation:blob-drift-c 15s ease-in-out infinite alternate}.blob-d{width:clamp(160px,28vw,320px);height:clamp(160px,28vw,320px);background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent, #a8edca) 12%,transparent),transparent 70%);bottom:-80px;right:10%;animation:blob-drift-d 20s ease-in-out infinite alternate}@keyframes blob-drift-a{to{transform:translate(40px,60px) scale(1.08)}}@keyframes blob-drift-b{to{transform:translate(-50px,40px) scale(.95)}}@keyframes blob-drift-c{to{transform:translate(30px,-50px) scale(1.05)}}@keyframes blob-drift-d{to{transform:translate(-30px,-40px) scale(1.1)}}body.theme-aesthetic .pookie-blob,body.theme-notebook .pookie-blob,body.theme-graphpaper .pookie-blob{opacity:.35}.pk-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.pk-star{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--pookie-text, white);animation:star-twinkle 4s ease-in-out infinite}.pk-star-0{top:5%;left:8%;opacity:.5;animation-delay:0s}.pk-star-1{top:12%;left:22%;opacity:.3;animation-delay:.4s}.pk-star-2{top:8%;left:55%;opacity:.6;animation-delay:.9s}.pk-star-3{top:3%;right:18%;opacity:.4;animation-delay:1.3s}.pk-star-4{top:18%;right:8%;opacity:.5;animation-delay:.2s}.pk-star-5{top:25%;left:4%;opacity:.35;animation-delay:1.8s}.pk-star-6{top:32%;right:30%;opacity:.45;animation-delay:.6s}.pk-star-7{top:40%;left:45%;opacity:.3;animation-delay:2.1s}.pk-star-8{top:45%;left:12%;opacity:.5;animation-delay:.8s}.pk-star-9{top:50%;right:6%;opacity:.4;animation-delay:1.5s}.pk-star-10{top:55%;left:70%;opacity:.6;animation-delay:.3s}.pk-star-11{top:60%;left:28%;opacity:.35;animation-delay:2.4s}.pk-star-12{top:65%;right:20%;opacity:.5;animation-delay:.7s}.pk-star-13{top:70%;left:5%;opacity:.4;animation-delay:1.1s}.pk-star-14{top:75%;left:50%;opacity:.3;animation-delay:1.9s}.pk-star-15{top:80%;right:40%;opacity:.5;animation-delay:.5s}.pk-star-16{top:85%;left:18%;opacity:.45;animation-delay:2.2s}.pk-star-17{top:90%;right:12%;opacity:.35;animation-delay:1.6s}.pk-star-18{top:15%;left:82%;opacity:.4;animation-delay:.1s}.pk-star-19{top:38%;right:50%;opacity:.5;animation-delay:2.7s}.pk-star-20{top:22%;left:38%;opacity:.35;animation-delay:3s}.pk-star-21{top:62%;right:65%;opacity:.4;animation-delay:1.4s}.pk-star-22{top:48%;left:90%;opacity:.5;animation-delay:.9s}.pk-star-23{top:28%;left:95%;opacity:.3;animation-delay:2s}.pk-star-24{top:72%;left:78%;opacity:.45;animation-delay:.6s}.pk-star-25{top:88%;left:62%;opacity:.4;animation-delay:1.7s}.pk-star-26{top:93%;left:40%;opacity:.35;animation-delay:3.2s}.pk-star-27{top:97%;right:35%;opacity:.5;animation-delay:.4s}.pk-star-28{top:20%;left:60%;opacity:.4;animation-delay:2.5s}.pk-star-29{top:44%;right:25%;opacity:.35;animation-delay:1.2s}.pk-star-30{top:67%;left:42%;opacity:.5;animation-delay:3.5s}.pk-star-31{top:83%;right:55%;opacity:.4;animation-delay:.8s}@keyframes star-twinkle{0%,to{transform:scale(1)}50%{transform:scale(1.6);opacity:1}}body.theme-aesthetic .pk-stars,body.theme-notebook .pk-stars,body.theme-graphpaper .pk-stars{display:none}.pk-ornament-spin{animation:ornament-spin 8s linear infinite;transform-origin:center}.pk-ornament-spin-slow{animation:ornament-spin 20s linear infinite;transform-origin:center}.pk-ornament-float{animation:ornament-float 4s ease-in-out infinite}.pk-ornament-float-alt{animation:ornament-float 5s ease-in-out infinite reverse}@keyframes ornament-spin{to{transform:rotate(360deg)}}@keyframes ornament-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pk-btn-primary{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;background:linear-gradient(135deg,var(--theme-accent, #d4609a),var(--theme-accent2, #8b6fd4));color:#fff;font-family:var(--pookie-display, "Syne", sans-serif);font-weight:700;font-size:1rem;border:none;border-radius:var(--pk-r-xl, 40px);cursor:pointer;position:relative;overflow:hidden;transition:box-shadow .25s,transform .2s;box-shadow:0 8px 28px color-mix(in srgb,var(--theme-accent, #d4609a) 40%,transparent);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pk-btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .25s;border-radius:inherit}.pk-btn-primary:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--theme-accent, #d4609a),var(--theme-accent2, #8b6fd4));border-radius:calc(var(--pk-r-xl, 40px) + 2px);z-index:-1;opacity:0;transition:opacity .3s;filter:blur(8px)}.pk-btn-primary:hover:before{opacity:1}.pk-btn-primary:hover:after{opacity:.6}.pk-btn-primary:hover{box-shadow:0 14px 40px color-mix(in srgb,var(--theme-accent, #d4609a) 50%,transparent)}.pk-btn-primary:active{transform:scale(.98)}.pk-btn-primary span{position:relative;z-index:1}.pk-btn-primary:focus-visible{outline:2px solid var(--theme-accent, #d4609a);outline-offset:3px}.pk-btn-primary.pk-btn-xl{padding:1.1rem 2.6rem;font-size:1.15rem}.pk-btn-ghost{display:inline-flex;align-items:center;gap:.4rem;padding:.85rem 1.8rem;background:var(--pookie-surface, rgba(255,255,255,.05));color:var(--pookie-muted, #b8aed4);font-family:var(--pookie-font, "DM Sans", sans-serif);font-weight:500;font-size:.95rem;border:1.5px solid var(--pookie-border2, rgba(255,255,255,.17));border-radius:var(--pk-r-xl, 40px);cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pk-btn-ghost:hover{background:var(--pookie-surface2, rgba(255,255,255,.09));color:var(--pookie-text, #f0ecff);border-color:color-mix(in srgb,var(--theme-accent, #d4609a) 50%,transparent)}.pk-btn-ghost:active{transform:scale(.97)}.pk-btn-ghost:focus-visible{outline:2px solid var(--theme-accent, #d4609a);outline-offset:2px}.pk-btn-arrow{font-size:.9rem;position:relative;z-index:1}.pk-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(4rem,8vh,6rem) clamp(1rem,5vw,2rem) clamp(5rem,9vh,7rem);z-index:1}.pk-hero-inner{max-width:1300px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}.pk-hero-text{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.6rem)}.pk-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1.1rem;background:color-mix(in srgb,var(--theme-accent, #d4609a) 10%,transparent);border:1.5px solid color-mix(in srgb,var(--theme-accent, #d4609a) 30%,transparent);border-radius:100px;color:var(--theme-accent, #d4609a);font-family:var(--font-mono, "DM Mono", monospace);font-size:.78rem;letter-spacing:.04em;width:-moz-fit-content;width:fit-content;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .2s,border-color .2s,color .45s;cursor:default}.pk-badge:hover{background:color-mix(in srgb,var(--theme-accent, #d4609a) 16%,transparent);border-color:color-mix(in srgb,var(--theme-accent, #d4609a) 50%,transparent)}.pk-hero-title{font-family:var(--pookie-display, "Dancing Script", cursive);font-size:clamp(3.2rem,8.5vw,6.6rem);font-weight:900;line-height:1.2;color:var(--pookie-text, #f0ecff);letter-spacing:-.03em;transition:color .45s ease,font-family .1s}.pk-title-accent{background:linear-gradient(120deg,var(--theme-accent, #d4609a) 0%,var(--theme-accent2, #8b6fd4) 60%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;transition:background .45s ease}.pk-title-star{color:var(--pookie-muted, #ffd6a5);-webkit-text-fill-color:var(--pookie-muted, #ffd6a5);font-size:.7em;vertical-align:super}.pk-hero-sub{font-size:clamp(.95rem,1.8vw,1.1rem);color:var(--pookie-muted, #b8aed4);max-width:480px;line-height:1.7;font-family:var(--pookie-font, "DM Sans", sans-serif);transition:color .45s ease}.pk-hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;align-items:center}.pk-hero-stats{display:flex;gap:clamp(1rem,3vw,2rem);padding-top:.5rem;border-top:1px solid var(--pookie-border, rgba(255,255,255,.12));flex-wrap:wrap;transition:border-color .45s ease}.pk-stat{display:flex;flex-direction:column;gap:.2rem}.pk-stat-num{font-family:var(--pookie-display, "Syne", sans-serif);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:800;background:linear-gradient(120deg,var(--theme-accent, #d4609a),var(--theme-accent2, #8b6fd4));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pk-stat-label{font-size:.8rem;color:var(--pookie-muted, #7a6e94);font-weight:500;font-family:var(--font-mono, "DM Mono", monospace);transition:color .45s ease}.pk-hero-orb-wrap{position:relative;display:flex;justify-content:center;align-items:center;height:clamp(300px,40vw,480px)}.pk-orb-glow{position:absolute;width:clamp(220px,30vw,380px);height:clamp(220px,30vw,380px);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent2, #8b6fd4) 20%,transparent) 0%,color-mix(in srgb,var(--theme-accent, #d4609a) 14%,transparent) 40%,transparent 70%);filter:blur(40px);animation:orb-pulse 5s ease-in-out infinite;transition:background .55s ease}.pk-orb-svg-rings{position:absolute;width:clamp(260px,38vw,440px);height:clamp(260px,38vw,440px);pointer-events:none}.pk-ring-spin{animation:ring-cw 20s linear infinite;transform-origin:180px 180px}.pk-ring-spin-rev{animation:ring-ccw 28s linear infinite;transform-origin:180px 180px}.pk-ring-spin-slow{animation:ring-cw 42s linear infinite;transform-origin:180px 180px}@keyframes ring-cw{to{transform:rotate(360deg)}}@keyframes ring-ccw{to{transform:rotate(-360deg)}}.pk-orbital-dot{transform-origin:180px 180px;animation:orbit-dot 20s linear infinite}.pk-orbital-dot-2{transform-origin:180px 180px;animation:orbit-dot 14s linear infinite reverse}@keyframes orbit-dot{to{transform:rotate(360deg)}}@keyframes orb-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.07);opacity:1}}.pk-orb{position:relative;z-index:2;width:clamp(180px,22vw,260px);height:clamp(180px,22vw,260px);background:linear-gradient(145deg,color-mix(in srgb,var(--theme-accent2, #8b6fd4) 16%,transparent),color-mix(in srgb,var(--theme-accent, #d4609a) 10%,transparent));border:1.5px solid var(--pookie-border, rgba(255,255,255,.14));border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent2, #8b6fd4) 14%,transparent),0 20px 60px color-mix(in srgb,var(--theme-accent2, #8b6fd4) 18%,transparent),inset 0 1px #ffffff1a;transition:transform .3s ease}.pk-orb:hover{transform:scale(1.04)}.pk-lottie{width:clamp(130px,16vw,200px);height:clamp(130px,16vw,200px)}.pk-chip{position:absolute;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:var(--pookie-surface, rgba(255,255,255,.06));border:1.5px solid var(--pookie-border, rgba(255,255,255,.14));border-radius:100px;color:var(--pookie-text, #f0ecff);font-size:.78rem;font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);white-space:nowrap;z-index:3;box-shadow:0 4px 20px #0000004d;cursor:default;transition:background .2s,border-color .45s,color .45s;font-family:var(--pookie-font, "DM Sans", sans-serif)}.pk-chip:hover{background:var(--pookie-surface2, rgba(255,255,255,.1))}.chip-tl{top:6%;left:-8%}.chip-tr{top:18%;right:-14%}.chip-bl{bottom:18%;left:-18%}.chip-br{bottom:8%;right:-10%}.pk-scroll-cue{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--pookie-muted, #7a6e94);font-family:var(--font-mono, "DM Mono", monospace);font-size:.72rem;letter-spacing:.1em;cursor:pointer;z-index:2;transition:color .2s,transform .2s}.pk-scroll-cue:hover{color:var(--theme-accent, #d4609a);transform:translate(-50%) translateY(-4px)}.pk-scroll-dot{width:6px;height:6px;border-radius:50%;background:var(--theme-accent, #d4609a);box-shadow:0 0 8px var(--theme-accent, #d4609a);transition:background .45s ease,box-shadow .45s ease}.pk-quote-belt{position:relative;z-index:1;padding:clamp(1.25rem,3vw,2rem);background:linear-gradient(90deg,color-mix(in srgb,var(--theme-accent, #d4609a) 7%,transparent),color-mix(in srgb,var(--theme-accent2, #8b6fd4) 9%,transparent),color-mix(in srgb,var(--pookie-rose, #ffd6a5) 6%,transparent));border-top:1px solid var(--pookie-border, rgba(255,255,255,.1));border-bottom:1px solid var(--pookie-border, rgba(255,255,255,.1));transition:background .55s ease,border-color .45s ease}.pk-quote-belt-inner{max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:60px}.pk-quote-text{display:flex;align-items:flex-start;gap:.9rem;text-align:center}.pk-quote-text blockquote{font-family:var(--pookie-display, "Dancing Script", cursive);font-weight:500;font-size:clamp(.88rem,1.5vw,1rem);line-height:1.6;color:var(--pookie-muted, #b8aed4);transition:color .45s ease}.pk-quote-text cite{font-style:normal;color:var(--theme-accent, #d4609a);font-weight:600;font-family:var(--font-mono, "DM Mono", monospace);font-size:.85rem;transition:color .45s ease}.pk-quote-dots{display:flex;gap:.5rem}.pk-qdot{width:6px;height:6px;border-radius:50%;border:none;background:var(--pookie-border2, rgba(255,255,255,.17));cursor:pointer;transition:all .25s}.pk-qdot.active{background:var(--theme-accent, #d4609a);transform:scale(1.3);box-shadow:0 0 6px color-mix(in srgb,var(--theme-accent, #d4609a) 50%,transparent)}.pk-qdot:hover:not(.active){background:color-mix(in srgb,var(--theme-accent, #d4609a) 50%,transparent);transform:scale(1.2)}.pk-section-header{text-align:center;margin-bottom:clamp(2rem,4vw,3.5rem);display:flex;flex-direction:column;align-items:center;gap:.9rem}.pk-section-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;background:color-mix(in srgb,var(--theme-accent, #d4609a) 8%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent, #d4609a) 20%,transparent);border-radius:100px;color:var(--theme-accent, #d4609a);font-family:var(--font-mono, "DM Mono", monospace);font-size:.75rem;letter-spacing:.05em;transition:background .45s ease,border-color .45s ease,color .45s ease}.pk-section-title{font-family:var(--pookie-display, "Dancing Script", cursive);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(120deg,var(--theme-accent, #d4609a),color-mix(in srgb,var(--theme-accent, #d4609a) 70%,var(--theme-accent2, #8b6fd4)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background .45s ease}.pk-accent-pink{background:linear-gradient(120deg,var(--theme-accent, #d4609a),color-mix(in srgb,var(--theme-accent, #d4609a) 60%,#f760b8));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pk-accent-lavender{background:linear-gradient(120deg,var(--theme-accent2, #8b6fd4),color-mix(in srgb,var(--theme-accent2, #8b6fd4) 80%,#a38aff));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pk-section-sub{font-size:clamp(.9rem,1.5vw,1.05rem);color:var(--pookie-muted, #7a6e94);max-width:520px;line-height:1.65;text-align:center;font-family:var(--pookie-font, "DM Sans", sans-serif);transition:color .45s ease}.pk-features{position:relative;z-index:1;padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,2rem);max-width:1340px;margin:0 auto}.pk-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1rem,2vw,1.6rem)}.pk-feature-card{position:relative;padding:clamp(1.25rem,3vw,2rem) clamp(1.1rem,2.5vw,1.8rem);background:var(--pookie-surface, rgba(255,255,255,.04));border:1.5px solid var(--pookie-border, rgba(255,255,255,.1));border-radius:var(--pookie-radius, 20px);overflow:hidden;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;gap:.9rem;transition:border-color .3s,box-shadow .3s,transform .25s,background .45s ease,border-radius .45s ease;cursor:default;-webkit-tap-highlight-color:transparent}.pk-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s;border-radius:inherit;pointer-events:none}.pk-feature-card:hover .pk-card-glow{opacity:1}.pk-feature-card:hover{border-color:var(--pookie-border2, rgba(255,255,255,.17))}.pk-card-corner{position:absolute;top:0;right:0;pointer-events:none;transition:opacity .3s;opacity:.5}.pk-feature-card:hover .pk-card-corner{opacity:1}.pk-card-pink{--card-accent: var(--theme-accent, #ff9ed2)}.pk-card-lavender{--card-accent: var(--theme-accent2, #c9b8ff)}.pk-card-peach{--card-accent: var(--pookie-rose, #ffd6a5)}.pk-card-mint{--card-accent: color-mix(in srgb, var(--theme-accent, #a8edca) 85%, white)}.pk-card-pink .pk-card-glow{background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--card-accent) 20%,transparent),transparent 65%)}.pk-card-lavender .pk-card-glow{background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--card-accent) 20%,transparent),transparent 65%)}.pk-card-peach .pk-card-glow{background:radial-gradient(ellipse at bottom left,color-mix(in srgb,var(--card-accent) 20%,transparent),transparent 65%)}.pk-card-mint .pk-card-glow{background:radial-gradient(ellipse at top,color-mix(in srgb,var(--card-accent) 20%,transparent),transparent 65%)}.pk-feature-card:hover{box-shadow:0 16px 48px #0000004d,0 0 0 1px var(--card-accent, var(--pookie-border2)) inset}.pk-card-top{display:flex;align-items:center;justify-content:space-between}.pk-card-emoji-wrap{width:52px;height:52px;background:var(--pookie-surface2, rgba(255,255,255,.07));border:1.5px solid var(--pookie-border2, rgba(255,255,255,.17));border-radius:var(--pookie-radius-sm, 12px);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;transition:transform .3s,border-color .45s,background .45s}.pk-feature-card:hover .pk-card-emoji-wrap{transform:rotate(-8deg) scale(1.1)}.pk-card-tag{font-family:var(--font-mono, "DM Mono", monospace);font-size:.7rem;color:var(--card-accent, var(--theme-accent, #d4609a));letter-spacing:.06em;background:color-mix(in srgb,var(--card-accent, var(--theme-accent)) 8%,transparent);border:1px solid color-mix(in srgb,var(--card-accent, var(--theme-accent)) 20%,transparent);padding:.3rem .7rem;border-radius:100px;transition:color .45s,background .45s,border-color .45s}.pk-card-title{font-family:var(--pookie-display, "Dancing Script", cursive);font-weight:500;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.25;letter-spacing:-.01em;color:var(--pookie-text, #f0ecff);transition:color .45s ease}.pk-card-desc{font-size:clamp(.82rem,1.3vw,.9rem);color:var(--pookie-muted, #b8aed4);line-height:1.65;flex:1;font-family:var(--pookie-font, "DM Sans", sans-serif);transition:color .45s ease}.pk-card-pills{display:flex;flex-wrap:wrap;gap:.4rem}.pk-pill{font-family:var(--font-mono, "DM Mono", monospace);font-size:.7rem;padding:.28rem .7rem;background:var(--pookie-surface, rgba(255,255,255,.05));border:1px solid var(--pookie-border, rgba(255,255,255,.1));border-radius:100px;color:var(--pookie-muted, #7a6e94);transition:border-color .2s,color .2s,background .45s,border-color .45s}.pk-feature-card:hover .pk-pill{border-color:var(--card-accent, var(--theme-accent, #d4609a));color:var(--pookie-text, #f0ecff)}.pk-card-btn{margin-top:.4rem;align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;background:transparent;border:1.5px solid var(--pookie-border2, rgba(255,255,255,.17));border-radius:100px;color:var(--card-accent, var(--theme-accent, #d4609a));font-family:var(--pookie-font, "DM Sans", sans-serif);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s;-webkit-tap-highlight-color:transparent}.pk-card-btn:hover{background:color-mix(in srgb,var(--card-accent, var(--theme-accent)) 8%,transparent);border-color:var(--card-accent, var(--theme-accent, #d4609a));color:var(--pookie-text, #f0ecff);transform:translate(3px)}.pk-card-btn:focus-visible{outline:2px solid var(--theme-accent, #d4609a);outline-offset:2px}.pk-teasers{position:relative;z-index:1;padding:clamp(3rem,5vw,5rem) clamp(1rem,4vw,2rem);max-width:1200px;margin:0 auto}.pk-teasers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(1.5rem,3vw,2.5rem)}.pk-teaser-card{background:var(--pookie-surface, rgba(255,255,255,.04));border:1.5px solid var(--pookie-border, rgba(255,255,255,.1));border-radius:var(--pookie-radius, 20px);padding:clamp(1.5rem,3vw,2rem);display:flex;flex-direction:column;gap:1.2rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:border-color .3s,box-shadow .3s,background .45s,border-radius .45s}.pk-teaser-card:hover{border-color:color-mix(in srgb,var(--theme-accent, #d4609a) 35%,transparent);box-shadow:0 16px 48px color-mix(in srgb,var(--theme-accent, #d4609a) 10%,transparent)}.pk-teaser-label{display:flex;align-items:center;gap:.6rem;font-family:var(--pookie-display, "Syne", sans-serif);font-size:1rem;font-weight:700;color:var(--pookie-text, #f0ecff);transition:color .45s ease}.pk-teaser-icon{font-size:1.3rem}.pk-teaser-cta-txt{font-size:.82rem;color:var(--pookie-muted, #7a6e94);font-family:var(--font-mono, "DM Mono", monospace);transition:color .45s ease}.pk-flip-scene{perspective:1000px;height:160px;cursor:pointer}.pk-flip-card{width:100%;height:100%;position:relative;transform-style:preserve-3d}.pk-flip-front,.pk-flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--pookie-radius-sm, 12px);padding:1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:center;gap:.6rem;transition:border-color .45s ease,background .45s ease}.pk-flip-front{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #d4609a) 9%,transparent),color-mix(in srgb,var(--theme-accent2, #8b6fd4) 7%,transparent));border:1.5px solid color-mix(in srgb,var(--theme-accent, #d4609a) 25%,transparent)}.pk-flip-back{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent2, #8b6fd4) 11%,transparent),color-mix(in srgb,var(--pookie-rose, #ffd6a5) 7%,transparent));border:1.5px solid color-mix(in srgb,var(--theme-accent2, #8b6fd4) 25%,transparent);transform:rotateY(180deg)}.pk-flip-label{font-family:var(--font-mono, "DM Mono", monospace);font-size:.65rem;color:var(--theme-accent, #d4609a);letter-spacing:.12em;text-transform:uppercase;transition:color .45s ease}.pk-flip-front p,.pk-flip-back p{font-size:.88rem;color:var(--pookie-muted, #b8aed4);line-height:1.55;font-family:var(--pookie-font, "DM Sans", sans-serif);transition:color .45s ease}.pk-flip-hint{font-family:var(--font-mono, "DM Mono", monospace);font-size:.68rem;color:var(--pookie-muted, #7a6e94);margin-top:auto;transition:color .45s ease}.pk-timer-teaser{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.pk-timer-controls{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.pk-steps{position:relative;z-index:1;padding:clamp(3rem,5vw,5rem) clamp(1rem,4vw,2rem);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--theme-accent, #d4609a) 3%,transparent) 50%,transparent);transition:background .55s ease}.pk-steps-row{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2.5rem);position:relative}.pk-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9rem;padding:clamp(1.5rem,3vw,2.2rem) clamp(1rem,2vw,1.5rem) clamp(1.25rem,2.5vw,2rem);background:var(--pookie-surface, rgba(255,255,255,.04));border:1.5px solid var(--pookie-border, rgba(255,255,255,.1));border-radius:var(--pookie-radius, 20px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color .3s,box-shadow .3s,transform .25s,background .45s,border-radius .45s}.pk-step:hover{border-color:color-mix(in srgb,var(--theme-accent, #d4609a) 35%,transparent);box-shadow:0 12px 40px color-mix(in srgb,var(--theme-accent, #d4609a) 12%,transparent);transform:translateY(-4px)}.pk-step-num{font-family:var(--font-mono, "DM Mono", monospace);font-size:.68rem;color:var(--pookie-muted, #7a6e94);letter-spacing:.15em;transition:color .45s ease}.pk-step-icon{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1;transition:transform .3s}.pk-step:hover .pk-step-icon{transform:scale(1.2) rotate(-5deg)}.pk-step-title{font-family:var(--pookie-display, "Dancing Script", cursive);font-weight:500;font-size:clamp(.9rem,1.6vw,1.05rem);line-height:1.25;letter-spacing:-.01em;color:var(--pookie-text, #f0ecff);transition:color .45s ease}.pk-step-body{font-size:clamp(.8rem,1.2vw,.88rem);color:var(--pookie-muted, #b8aed4);line-height:1.6;font-family:var(--pookie-font, "DM Sans", sans-serif);transition:color .45s ease}.pk-step-connector{position:absolute;top:50%;right:calc(-1*clamp(.5rem,1.5vw,1.25rem));width:clamp(1rem,3vw,2.5rem);height:1px;background:var(--pookie-border, rgba(255,255,255,.1));transition:background .45s ease}.pk-faq-section{position:relative;z-index:1;padding:clamp(3rem,5vw,5rem) clamp(1rem,4vw,2rem);max-width:800px;margin:0 auto;overflow:hidden}.pk-faq-list{display:flex;flex-direction:column;gap:.75rem}.pk-faq-item{background:var(--pookie-surface, rgba(255,255,255,.04));border:1.5px solid var(--pookie-border, rgba(255,255,255,.1));border-radius:var(--pookie-radius-sm, 12px);overflow:hidden;transition:border-color .3s,background .45s,border-radius .45s;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pk-faq-item.open{border-color:color-mix(in srgb,var(--theme-accent, #d4609a) 35%,transparent)}.pk-faq-q{width:100%;padding:1.1rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:none;border:none;cursor:pointer;color:var(--pookie-text, #f0ecff);font-family:var(--pookie-font, "DM Sans", sans-serif);font-size:.95rem;font-weight:600;text-align:left;transition:color .2s;-webkit-tap-highlight-color:transparent}.pk-faq-q:hover{color:var(--theme-accent, #d4609a)}.pk-faq-q:focus-visible{outline:2px solid var(--theme-accent, #d4609a);outline-offset:-2px}.pk-faq-icon{color:var(--theme-accent, #d4609a);font-size:1.3rem;font-weight:300;flex-shrink:0;line-height:1;transition:color .45s ease}.pk-faq-a{overflow:hidden;border-top:1px solid var(--pookie-border, rgba(255,255,255,.1));transition:border-color .45s ease}.pk-faq-a p{padding:1rem 1.4rem;font-size:.9rem;color:var(--pookie-muted, #b8aed4);line-height:1.65;font-family:var(--pookie-font, "DM Sans", sans-serif);transition:color .45s ease}.pk-cta{position:relative;z-index:1;padding:clamp(4rem,7vw,6rem) clamp(1rem,4vw,2rem) clamp(5rem,8vw,8rem);display:flex;justify-content:center;align-items:center}.pk-cta-blob-a{position:absolute;width:clamp(250px,40vw,500px);height:clamp(250px,40vw,500px);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent, #d4609a) 13%,transparent),transparent 65%);top:-50px;left:-100px;filter:blur(60px);pointer-events:none;transition:background .55s ease}.pk-cta-blob-b{position:absolute;width:clamp(200px,35vw,400px);height:clamp(200px,35vw,400px);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent2, #8b6fd4) 13%,transparent),transparent 65%);bottom:-40px;right:-80px;filter:blur(60px);pointer-events:none;transition:background .55s ease}.pk-cta-card{position:relative;max-width:780px;width:100%;padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,5vw,3.5rem);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #d4609a) 7%,transparent),color-mix(in srgb,var(--theme-accent2, #8b6fd4) 6%,transparent),color-mix(in srgb,var(--pookie-rose, #ffd6a5) 5%,transparent));border:1.5px solid var(--pookie-border, rgba(255,255,255,.1));border-radius:var(--pk-r-xl, 40px);text-align:center;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);box-shadow:0 40px 100px #0006,inset 0 1px #ffffff14;display:flex;flex-direction:column;align-items:center;gap:1.3rem;overflow:hidden;transition:transform .3s,box-shadow .3s,background .55s,border-color .45s,border-radius .45s}.pk-cta-card:hover{transform:translateY(-4px)}.pk-cta-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.pk-cta-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pk-cta-emoji-row{font-size:clamp(1.3rem,2.5vw,1.7rem);letter-spacing:.3em;line-height:1}.pk-cta-title{font-family:var(--pookie-display, "Dancing Script", cursive);font-weight:700;font-size:clamp(1.6rem,4vw,2.8rem);line-height:1.15;letter-spacing:-.02em;color:var(--pookie-text, #f0ecff);transition:color .45s ease}.pk-cta-highlight{background:linear-gradient(120deg,var(--theme-accent, #d4609a) 0%,var(--theme-accent2, #8b6fd4) 60%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pk-cta-sub{font-size:clamp(.9rem,1.5vw,1rem);color:var(--pookie-muted, #b8aed4);max-width:520px;line-height:1.7;font-family:var(--pookie-font, "DM Sans", sans-serif);transition:color .45s ease}.pk-cta-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.pk-fab{position:fixed;bottom:clamp(1.25rem,3vw,2rem);right:clamp(1.25rem,3vw,2rem);width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--theme-accent, #d4609a),var(--theme-accent2, #8b6fd4));border:none;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;z-index:999;box-shadow:0 8px 28px color-mix(in srgb,var(--theme-accent, #d4609a) 45%,transparent);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:box-shadow .25s,background .45s}.pk-fab:hover{box-shadow:0 14px 38px color-mix(in srgb,var(--theme-accent, #d4609a) 58%,transparent)}.pk-fab:focus-visible{outline:2px solid var(--theme-accent, #d4609a);outline-offset:3px}body.theme-aesthetic .pk-root,body.theme-notebook .pk-root,body.theme-graphpaper .pk-root{background:var(--pookie-bg, #f5efe4)}body.theme-aesthetic .pk-hero-title,body.theme-notebook .pk-hero-title,body.theme-graphpaper .pk-hero-title{color:var(--pookie-text, #2c1f12)}body.theme-aesthetic .pk-feature-card,body.theme-notebook .pk-feature-card,body.theme-graphpaper .pk-feature-card{background:#ffffffb8;border-color:var(--pookie-border, rgba(0,0,0,.12));box-shadow:0 2px 12px #00000012}body.theme-aesthetic .pk-teaser-card,body.theme-notebook .pk-teaser-card,body.theme-graphpaper .pk-teaser-card,body.theme-aesthetic .pk-step,body.theme-notebook .pk-step,body.theme-graphpaper .pk-step,body.theme-aesthetic .pk-faq-item,body.theme-notebook .pk-faq-item,body.theme-graphpaper .pk-faq-item{background:#fffc;border-color:var(--pookie-border, rgba(0,0,0,.12))}body.theme-aesthetic .pk-cta-card,body.theme-notebook .pk-cta-card,body.theme-graphpaper .pk-cta-card{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #b5673d) 6%,rgba(255,255,255,.85)),#fffc);box-shadow:0 24px 80px #0000001f,inset 0 1px #ffffffe6}body.theme-aesthetic .pk-chip,body.theme-notebook .pk-chip,body.theme-graphpaper .pk-chip{background:#ffffffd9;border-color:var(--pookie-border, rgba(0,0,0,.14));color:var(--pookie-text, #2c1f12)}body.theme-notebook .pk-feature-card{border-left:2px solid color-mix(in srgb,var(--theme-accent, #1a3a6b) 30%,transparent)}body.theme-graphpaper .pk-feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(rgba(37,99,235,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.14) 1px,transparent 1px),linear-gradient(rgba(147,197,253,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(147,197,253,.35) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;pointer-events:none;opacity:.45}@media (max-width: 1024px){.chip-br,.chip-bl{display:none}}@media (max-width: 860px){.pk-hero-inner{grid-template-columns:1fr;text-align:center;gap:clamp(2rem,5vw,3rem)}.pk-hero-text{align-items:center}.pk-badge{align-self:center}.pk-hero-sub{max-width:100%}.pk-hero-stats{justify-content:center}.pk-chip{display:none}.chip-tl{display:inline-flex;top:5%;left:5%;font-size:.72rem}.chip-tr{display:inline-flex;top:5%;right:5%;font-size:.72rem}.pk-steps-row{grid-template-columns:1fr;max-width:420px}}@media (max-width: 640px){.pk-hero{padding:4rem 1.2rem 5rem}.pk-hero-actions{flex-direction:column;align-items:center}.pk-btn-primary,.pk-btn-ghost{width:100%;max-width:320px;justify-content:center}.pk-features,.pk-teasers{padding:3rem 1.2rem}.pk-features-grid{grid-template-columns:1fr}.pk-steps{padding:3rem 1.2rem}.pk-steps-row{max-width:100%}.pk-cta{padding:3rem 1rem 4rem}.pk-cta-actions{flex-direction:column;align-items:center}.pk-cta-actions .pk-btn-primary,.pk-cta-actions .pk-btn-ghost{width:100%;max-width:300px;justify-content:center}.pk-chip{display:none!important}.pk-hero-title{font-size:clamp(2.4rem,10vw,4rem)}}@media (max-width: 420px){.pk-hero-title{font-size:2rem}.pk-stat-num{font-size:1.1rem}.pk-hero-stats{gap:1rem}}@media (hover: none){.pk-feature-card:hover,.pk-step:hover,.pk-cta-card:hover,.pk-btn-primary:hover,.pk-card-btn:hover{transform:none}}button:focus-visible{outline:2px solid var(--theme-accent, #d4609a);outline-offset:3px}.pk-ecosystem{position:relative;padding:3rem 0 4rem;overflow:hidden}.pk-section-header{text-align:center;margin-bottom:2rem;position:relative;z-index:2}.pk-section-tag{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--theme-accent, #c084fc);background:color-mix(in srgb,var(--theme-accent, #c084fc) 10%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent, #c084fc) 22%,transparent);border-radius:999px;padding:5px 14px;margin-bottom:14px;font-family:var(--pookie-font, sans-serif);transition:background .3s,border-color .3s}.pk-section-title{font-family:var(--pookie-display, serif);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:var(--type-heading-weight, 800);font-style:italic;color:var(--pookie-text, #fce7f3);line-height:1.15;margin-bottom:8px;letter-spacing:var(--type-letter-spacing, 0em)}.pk-accent-lavender{background:linear-gradient(135deg,var(--theme-accent, #e879f9) 0%,var(--theme-accent2, #c084fc) 50%,var(--pookie-pink, #f9a8d4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pk-section-sub{font-size:.92rem;color:var(--pookie-muted, #9a7fa0);max-width:320px;margin:0 auto;line-height:var(--type-line-height, 1.6);font-family:var(--pookie-font, sans-serif)}.pk-eco-graph-wrap{max-width:1100px;height:580px;margin:0 auto;position:relative;border-radius:var(--pookie-radius, 24px);overflow:hidden;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--theme-accent, #e879f9) 8%,transparent) 0%,transparent 50%),radial-gradient(ellipse at 30% 100%,color-mix(in srgb,var(--theme-accent2, #c084fc) 5%,transparent) 0%,transparent 40%),color-mix(in srgb,var(--pookie-bg, #0e0a16) 80%,transparent);border:1px solid var(--pookie-border, rgba(255,255,255,.06));box-shadow:var(--pookie-shadow, 0 4px 24px rgba(0,0,0,.4)),inset 0 1px color-mix(in srgb,var(--pookie-text, #fff) 4%,transparent);transition:border-color .4s,box-shadow .4s,background .4s}body.theme-aesthetic .pk-eco-graph-wrap{border:1px solid rgba(181,103,61,.24);box-shadow:0 2px 14px #643c1424,inset 0 1px #ffffff8c}body.theme-steller .pk-eco-graph-wrap{border:1px solid rgba(56,189,248,.22);box-shadow:0 4px 28px #38bdf824,inset 0 1px #38bdf80d}body.theme-notebook .pk-eco-graph-wrap{border:1px solid rgba(26,58,107,.22);border-left:2px solid rgba(220,38,38,.2);box-shadow:0 1px 6px #0000001a;background:#fffef98c}body.theme-graphpaper .pk-eco-graph-wrap{border:1px solid rgba(37,99,235,.22);box-shadow:0 1px 4px #0000000f;background:#ffffffc7}.pk-eco-graph-canvas{width:100%;height:100%;display:block}@media (max-width: 768px){.pk-eco-graph-wrap{height:480px;margin:0 1rem}}@media (max-width: 480px){.pk-eco-graph-wrap{height:400px;margin:0 .5rem}}@media (hover: none) and (pointer: coarse){.pk-eco-graph-wrap{touch-action:none}}@media (prefers-reduced-motion: reduce){.pk-eco-graph-wrap{animation:none}}.studybuddy-auth-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--pookie-bg, #0f0f23);font-family:var(--pookie-font, "Inter", sans-serif);position:relative;overflow:hidden;padding:24px 16px;box-sizing:border-box;transition:background .55s cubic-bezier(.4,0,.2,1)}.studybuddy-auth-page:before,.studybuddy-auth-page:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0;transition:background .55s ease}.studybuddy-auth-page:before{width:600px;height:600px;top:-200px;left:-200px;background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent, #a855f7) 14%,transparent) 0%,transparent 70%)}.studybuddy-auth-page:after{width:500px;height:500px;bottom:-150px;right:-150px;background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent2, #7c3aed) 10%,transparent) 0%,transparent 70%)}.studybuddy-auth-card{position:relative;z-index:1;display:flex;width:100%;max-width:960px;min-height:560px;border-radius:var(--pookie-radius, 20px);background:color-mix(in srgb,var(--theme-accent, #a855f7) 7%,var(--pookie-bg, #0f0f23));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--pookie-border, rgba(244,114,182,.22));box-shadow:var(--pookie-shadow, 0 8px 32px rgba(168,85,247,.12)),0 0 0 1px color-mix(in srgb,var(--theme-accent, #a855f7) 8%,transparent);overflow:hidden;transition:background .55s cubic-bezier(.4,0,.2,1),border-color .45s ease,box-shadow .45s ease,border-radius .45s ease}.studybuddy-auth-illustration{flex:0 0 44%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;background:color-mix(in srgb,var(--theme-accent, #a855f7) 12%,transparent);border-right:1px solid var(--pookie-border, rgba(244,114,182,.22));position:relative;overflow:hidden;transition:background .55s ease,border-color .45s ease}.studybuddy-auth-illustration:before{content:"";position:absolute;width:320px;height:320px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent, #a855f7) 16%,transparent) 0%,transparent 70%);border-radius:50%;transition:background .55s ease}.studybuddy-auth-lottie{width:100%;max-width:280px;position:relative;z-index:1}.studybuddy-auth-illustration-text{margin-top:24px;text-align:center;position:relative;z-index:1}.studybuddy-auth-illustration-text h3{font-family:var(--pookie-display, "Dancing Script", cursive);font-size:28px;font-weight:700;color:var(--pookie-text, #f8fafc);margin:0 0 8px;line-height:1.2;transition:color .45s ease}.studybuddy-auth-illustration-text p{font-size:13px;color:var(--pookie-muted, #94a3b8);margin:0;line-height:1.5;font-family:var(--pookie-font, "Inter", sans-serif);transition:color .45s ease}.studybuddy-auth-form-panel{flex:1;display:flex;flex-direction:column;justify-content:center;padding:48px 44px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--theme-accent, #a855f7) 35%,transparent) transparent}.studybuddy-auth-header{margin-bottom:32px}.studybuddy-auth-header h2{font-family:var(--pookie-display, "Dancing Script", cursive);font-size:38px;font-weight:700;color:var(--pookie-text, #f8fafc);margin:0 0 8px;line-height:1.2;transition:color .45s ease,font-family .1s}.studybuddy-auth-header p{font-size:14px;color:var(--pookie-muted, #94a3b8);margin:0;font-family:var(--pookie-font, "Inter", sans-serif);transition:color .45s ease}.studybuddy-auth-form{display:flex;flex-direction:column;gap:18px}.studybuddy-form-group{display:flex;flex-direction:column;gap:6px}.studybuddy-form-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--pookie-text, #f8fafc);letter-spacing:.02em;font-family:var(--pookie-font, "Inter", sans-serif);transition:color .45s ease}.studybuddy-form-label svg,.studybuddy-form-label .label-icon{color:var(--theme-accent, #a855f7);font-size:13px;flex-shrink:0;transition:color .45s ease}.studybuddy-input-wrapper{position:relative;display:flex;align-items:center}.studybuddy-form-control{width:100%;padding:12px 16px;background:color-mix(in srgb,var(--theme-accent, #a855f7) 6%,var(--pookie-surface, rgba(168,85,247,.07)));border:1px solid var(--pookie-border, rgba(244,114,182,.22));border-radius:var(--pookie-radius-sm, 12px);color:var(--pookie-text, #f8fafc);font-size:14px;font-family:var(--pookie-font, "Inter", sans-serif);outline:none;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,border-radius .35s ease;box-sizing:border-box;-webkit-appearance:none}.studybuddy-form-control::-moz-placeholder{color:var(--pookie-muted, #94a3b8);opacity:.7}.studybuddy-form-control::placeholder{color:var(--pookie-muted, #94a3b8);opacity:.7}.studybuddy-form-control:focus{border-color:var(--theme-accent, #a855f7);background:color-mix(in srgb,var(--theme-accent, #a855f7) 10%,var(--pookie-surface, rgba(168,85,247,.07)));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent, #a855f7) 14%,transparent)}.studybuddy-form-control.input-error{border-color:color-mix(in srgb,#f87171 70%,var(--theme-accent, #a855f7));box-shadow:0 0 0 2px color-mix(in srgb,#f87171 14%,transparent)}.studybuddy-toggle-pw{position:absolute;right:12px;background:transparent;border:none;color:var(--pookie-muted, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s ease;font-size:16px;flex-shrink:0;border-radius:6px}.studybuddy-toggle-pw:hover{color:var(--theme-accent, #a855f7)}.studybuddy-toggle-pw:focus-visible{outline:2px solid var(--theme-accent, #a855f7);outline-offset:2px}.studybuddy-form-control.has-toggle{padding-right:44px}.studybuddy-field-error{font-size:12px;color:#f87171;display:flex;align-items:center;gap:4px;margin-top:2px;font-family:var(--pookie-font, "Inter", sans-serif)}.studybuddy-submit-btn{width:100%;padding:14px 20px;margin-top:6px;background:linear-gradient(135deg,var(--theme-accent, #a855f7) 0%,var(--theme-accent2, #7c3aed) 100%);color:#fff;font-size:15px;font-weight:600;font-family:var(--pookie-font, "Inter", sans-serif);border:none;border-radius:var(--pookie-radius-sm, 12px);cursor:pointer;transition:opacity .25s ease,transform .15s ease,box-shadow .25s ease,border-radius .35s ease;box-shadow:0 4px 20px color-mix(in srgb,var(--theme-accent, #a855f7) 40%,transparent);letter-spacing:.02em;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.studybuddy-submit-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 100%);opacity:0;transition:opacity .2s}.studybuddy-submit-btn:hover:not(:disabled):after{opacity:1}.studybuddy-submit-btn:hover:not(:disabled){box-shadow:0 8px 30px color-mix(in srgb,var(--theme-accent, #a855f7) 55%,transparent);transform:translateY(-1px)}.studybuddy-submit-btn:active:not(:disabled){transform:translateY(0)}.studybuddy-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.studybuddy-submit-btn:focus-visible{outline:2px solid var(--theme-accent, #a855f7);outline-offset:3px}.studybuddy-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:studybuddy-spin .7s linear infinite;margin-right:8px;vertical-align:middle}@keyframes studybuddy-spin{to{transform:rotate(360deg)}}.studybuddy-divider{display:flex;align-items:center;gap:12px;margin:16px 0 4px}.studybuddy-divider span{flex:1;height:1px;background:var(--pookie-border, rgba(244,114,182,.22));transition:background .45s ease}.studybuddy-divider p{font-size:12px;color:var(--pookie-muted, #94a3b8);margin:0;white-space:nowrap;font-family:var(--pookie-font, "Inter", sans-serif);transition:color .45s ease}.studybuddy-magic-btn{width:100%;padding:13px 20px;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:10px;background:color-mix(in srgb,var(--theme-accent, #a855f7) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--theme-accent, #a855f7) 40%,transparent);border-radius:var(--pookie-radius-sm, 12px);color:color-mix(in srgb,var(--theme-accent, #a855f7) 90%,var(--pookie-text, #f8fafc));font-size:14px;font-weight:600;font-family:var(--pookie-font, "Inter", sans-serif);cursor:pointer;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease,border-radius .35s ease;letter-spacing:.02em;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.studybuddy-magic-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #a855f7) 14%,transparent),color-mix(in srgb,var(--theme-accent2, #7c3aed) 7%,transparent));opacity:0;transition:opacity .25s ease}.studybuddy-magic-btn:hover{background:color-mix(in srgb,var(--theme-accent, #a855f7) 14%,transparent);border-color:color-mix(in srgb,var(--theme-accent, #a855f7) 65%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--theme-accent, #a855f7) 20%,transparent),0 4px 16px color-mix(in srgb,var(--theme-accent, #a855f7) 15%,transparent)}.studybuddy-magic-btn:hover:before{opacity:1}.studybuddy-magic-btn:active{transform:scale(.98)}.studybuddy-magic-btn:focus-visible{outline:2px solid var(--theme-accent, #a855f7);outline-offset:2px}.studybuddy-magic-icon{font-size:14px;flex-shrink:0;position:relative;z-index:1;transition:transform .3s ease}.studybuddy-magic-btn:hover .studybuddy-magic-icon{transform:rotate(-12deg) scale(1.15)}.studybuddy-magic-btn span.studybuddy-magic-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--theme-accent, #a855f7);background:color-mix(in srgb,var(--theme-accent, #a855f7) 15%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent, #a855f7) 32%,transparent);padding:2px 7px;border-radius:999px;position:relative;z-index:1;white-space:nowrap;transition:color .45s ease,background .45s ease,border-color .45s ease}.studybuddy-magic-btn>*:not(.studybuddy-magic-badge){position:relative;z-index:1}.studybuddy-forgot-row{display:flex;justify-content:flex-end;margin-top:-4px}.studybuddy-forgot-link{font-size:12px;font-weight:500;color:var(--pookie-muted, #94a3b8);text-decoration:none;transition:color .2s ease;letter-spacing:.01em;font-family:var(--pookie-font, "Inter", sans-serif);border-radius:4px;padding:2px 4px}.studybuddy-forgot-link:hover{color:var(--theme-accent, #a855f7);text-decoration:underline}.studybuddy-forgot-link:focus-visible{outline:2px solid var(--theme-accent, #a855f7);outline-offset:2px}.studybuddy-auth-footer{margin-top:20px;text-align:center;font-size:13px;color:var(--pookie-muted, #94a3b8);font-family:var(--pookie-font, "Inter", sans-serif);transition:color .45s ease}.studybuddy-auth-footer a{color:var(--theme-accent, #a855f7);text-decoration:none;font-weight:600;transition:color .2s ease;border-radius:4px;padding:1px 3px}.studybuddy-auth-footer a:hover{color:color-mix(in srgb,var(--theme-accent, #a855f7) 80%,white);text-decoration:underline}.studybuddy-auth-footer a:focus-visible{outline:2px solid var(--theme-accent, #a855f7);outline-offset:2px}body.theme-aesthetic .studybuddy-auth-card,body.theme-notebook .studybuddy-auth-card,body.theme-graphpaper .studybuddy-auth-card{background:#fffcf4eb;box-shadow:0 8px 40px #0000001f,0 2px 8px #00000014}body.theme-aesthetic .studybuddy-auth-illustration,body.theme-notebook .studybuddy-auth-illustration,body.theme-graphpaper .studybuddy-auth-illustration{background:color-mix(in srgb,var(--theme-accent, #b5673d) 10%,rgba(255,252,244,.6))}body.theme-aesthetic .studybuddy-form-control,body.theme-notebook .studybuddy-form-control,body.theme-graphpaper .studybuddy-form-control{background:#ffffffd9;color:var(--pookie-text, #2c1f12)}body.theme-aesthetic .studybuddy-form-control::-moz-placeholder,body.theme-notebook .studybuddy-form-control::-moz-placeholder,body.theme-graphpaper .studybuddy-form-control::-moz-placeholder{color:var(--pookie-muted, #6b7280)}body.theme-aesthetic .studybuddy-form-control::placeholder,body.theme-notebook .studybuddy-form-control::placeholder,body.theme-graphpaper .studybuddy-form-control::placeholder{color:var(--pookie-muted, #6b7280)}body.theme-notebook .studybuddy-auth-card{border-left:3px solid color-mix(in srgb,var(--theme-accent, #1a3a6b) 30%,transparent)}@media (max-width: 768px){.studybuddy-auth-card{flex-direction:column;max-width:480px;min-height:unset}.studybuddy-auth-illustration{flex:none;width:100%;border-right:none;border-bottom:1px solid var(--pookie-border, rgba(244,114,182,.22));padding:32px 24px 24px}.studybuddy-auth-lottie{max-width:180px}.studybuddy-auth-illustration-text h3{font-size:22px}.studybuddy-auth-illustration-text p{font-size:12px}.studybuddy-auth-form-panel{padding:32px 28px 36px}.studybuddy-auth-header h2{font-size:30px}}@media (max-width: 480px){.studybuddy-auth-page{padding:16px 12px;align-items:flex-start}.studybuddy-auth-illustration{padding:24px 16px 20px}.studybuddy-auth-lottie{max-width:140px}.studybuddy-auth-form-panel{padding:24px 20px 28px}.studybuddy-auth-header{margin-bottom:24px}.studybuddy-auth-header h2{font-size:26px}.studybuddy-magic-btn{padding:12px 16px;font-size:13px}}@media (min-width: 1440px){.studybuddy-auth-card{max-width:1040px}}@media (hover: none){.studybuddy-submit-btn:hover:not(:disabled){transform:none}.studybuddy-magic-btn:hover{background:color-mix(in srgb,var(--theme-accent, #a855f7) 8%,transparent)}}@media (prefers-reduced-motion: reduce){.studybuddy-auth-card,.studybuddy-submit-btn,.studybuddy-magic-btn,.studybuddy-form-control,.studybuddy-magic-icon{transition-duration:.01ms!important;animation-duration:.01ms!important}}.studybuddy-auth-form--register .studybuddy-auth-form{gap:14px}@media (max-width: 768px){.studybuddy-auth-card--register .studybuddy-auth-illustration{padding:24px 24px 20px}.studybuddy-auth-card--register .studybuddy-auth-lottie{max-width:140px}}@media (max-width: 480px){.studybuddy-auth-card--register .studybuddy-auth-lottie{max-width:110px}.studybuddy-auth-card--register .studybuddy-auth-form-panel{padding:20px 18px 24px}}*,*:before,*:after{box-sizing:border-box}.otp-page{--otp-bg: var(--pookie-bg, #0f0f23);--otp-surface: var(--pookie-surface, rgba(168,85,247,.08));--otp-surface2: var(--pookie-surface2, rgba(168,85,247,.16));--otp-accent: var(--pookie-purple, #a855f7);--otp-accent2: var(--pookie-pink, #f472b6);--otp-text: var(--pookie-text, #f8fafc);--otp-muted: var(--pookie-muted, #94a3b8);--otp-border: var(--pookie-border, rgba(168,85,247,.22));--otp-border2: var(--pookie-border2, rgba(244,114,182,.38));--otp-radius: var(--pookie-radius, 20px);--otp-radius-sm: var(--pookie-radius-sm, 12px);--otp-shadow: var(--pookie-shadow, 0 8px 32px rgba(168,85,247,.18));--otp-shadow-h: var(--pookie-shadow-h,0 14px 44px rgba(244,114,182,.25));--otp-glow: var(--pookie-glow, 0 0 32px rgba(244,114,182,.28));--otp-font: var(--pookie-font, "Inter", sans-serif);--otp-display: var(--pookie-display, "Dancing Script", cursive);--otp-mono: "JetBrains Mono", monospace;--otp-card-bg: rgba(15,15,35,.72);--otp-card-blur: 28px;--otp-card-border: rgba(168,85,247,.18);--otp-left-bg: linear-gradient(160deg, rgba(168,85,247,.13) 0%, rgba(124,58,237,.07) 100%);--otp-left-border: rgba(168,85,247,.14);--otp-input-bg: rgba(255,255,255,.04);--otp-input-bd: rgba(255,255,255,.1);--otp-btn-text: #fff;--otp-footnote: #475569;--otp-hint: #64748b;--otp-step-idle: rgba(255,255,255,.1);--otp-step-done: rgba(168,85,247,.4);--otp-waiting-bg: rgba(168,85,247,.06);--otp-waiting-bd: rgba(168,85,247,.12)}body.theme-aesthetic .otp-page{--otp-card-bg: rgba(250,245,237,.92);--otp-card-blur: 0px;--otp-card-border: rgba(181,103,61,.25);--otp-left-bg: linear-gradient(160deg, rgba(196,147,100,.15) 0%, rgba(181,103,61,.08) 100%);--otp-left-border: rgba(181,103,61,.18);--otp-input-bg: rgba(255,252,244,.85);--otp-input-bd: rgba(181,103,61,.28);--otp-btn-text: #fff;--otp-footnote: #7a6048;--otp-hint: #9a7b5a;--otp-step-idle: rgba(181,103,61,.14);--otp-step-done: rgba(181,103,61,.4);--otp-waiting-bg: rgba(196,147,100,.08);--otp-waiting-bd: rgba(181,103,61,.18)}body.theme-steller .otp-page{--otp-card-bg: rgba(2,8,22,.84);--otp-card-border: rgba(56,189,248,.18);--otp-left-bg: linear-gradient(160deg, rgba(56,189,248,.1) 0%, rgba(129,140,248,.06) 100%);--otp-left-border: rgba(56,189,248,.14);--otp-input-bg: rgba(56,189,248,.06);--otp-input-bd: rgba(56,189,248,.18);--otp-btn-text: #020510;--otp-footnote: #7aadcc;--otp-hint: #5a8da8;--otp-step-idle: rgba(56,189,248,.08);--otp-step-done: rgba(56,189,248,.35);--otp-waiting-bg: rgba(56,189,248,.06);--otp-waiting-bd: rgba(56,189,248,.14)}body.theme-notebook .otp-page{--otp-card-bg: rgba(252,250,243,.94);--otp-card-blur: 0px;--otp-card-border: rgba(147,197,253,.5);--otp-left-bg: rgba(255,255,255,.7);--otp-left-border: rgba(147,197,253,.5);--otp-input-bg: rgba(255,254,249,.9);--otp-input-bd: rgba(147,197,253,.5);--otp-btn-text: #fff;--otp-footnote: #6b7280;--otp-hint: #8898a8;--otp-step-idle: rgba(147,197,253,.22);--otp-step-done: rgba(26,58,107,.35);--otp-waiting-bg: rgba(26,58,107,.05);--otp-waiting-bd: rgba(147,197,253,.45)}body.theme-graphpaper .otp-page{--otp-card-bg: rgba(255,255,255,.88);--otp-card-blur: 0px;--otp-card-border: rgba(37,99,235,.2);--otp-left-bg: rgba(255,255,255,.6);--otp-left-border: rgba(37,99,235,.14);--otp-input-bg: rgba(255,255,255,.9);--otp-input-bd: rgba(37,99,235,.22);--otp-btn-text: #fff;--otp-footnote: #6b7280;--otp-hint: #8898a8;--otp-step-idle: rgba(37,99,235,.1);--otp-step-done: rgba(37,99,235,.35);--otp-waiting-bg: rgba(37,99,235,.05);--otp-waiting-bd: rgba(37,99,235,.18)}.otp-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--otp-bg);font-family:var(--otp-font);position:relative;overflow:hidden;padding:24px 16px}.otp-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px)}.otp-orb--1{width:640px;height:640px;top:-220px;left:-220px;background:radial-gradient(circle,color-mix(in srgb,var(--otp-accent) 14%,transparent) 0%,transparent 70%)}.otp-orb--2{width:500px;height:500px;bottom:-180px;right:-160px;background:radial-gradient(circle,color-mix(in srgb,var(--otp-accent) 12%,transparent) 0%,transparent 70%)}.otp-orb--3{width:300px;height:300px;top:40%;left:55%;background:radial-gradient(circle,color-mix(in srgb,var(--otp-accent2) 7%,transparent) 0%,transparent 70%)}body.theme-aesthetic .otp-orb,body.theme-notebook .otp-orb,body.theme-graphpaper .otp-orb{display:none}.otp-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}body.theme-aesthetic .otp-particles,body.theme-notebook .otp-particles,body.theme-graphpaper .otp-particles{display:none}.otp-particle{position:absolute;width:2px;height:2px;border-radius:50%;background:color-mix(in srgb,var(--otp-accent) 60%,transparent);left:calc(var(--i) * 5.8%);animation:otp-float calc(8s + var(--i) * .7s) ease-in-out infinite;animation-delay:calc(var(--i) * .4s);opacity:0}@keyframes otp-float{0%{transform:translateY(110vh) scale(0);opacity:0}10%{opacity:.7}90%{opacity:.4}to{transform:translateY(-10vh) scale(1.5);opacity:0}}.otp-shell{position:relative;z-index:1;display:flex;width:100%;max-width:980px;min-height:580px;border-radius:var(--otp-radius);background:var(--otp-card-bg);backdrop-filter:blur(var(--otp-card-blur));-webkit-backdrop-filter:blur(var(--otp-card-blur));border:1px solid var(--otp-card-border);box-shadow:0 8px 40px color-mix(in srgb,var(--otp-accent) 14%,transparent),0 0 0 1px color-mix(in srgb,var(--otp-accent) 6%,transparent),inset 0 1px #ffffff0f;overflow:hidden}body.theme-aesthetic .otp-shell,body.theme-notebook .otp-shell,body.theme-graphpaper .otp-shell{box-shadow:0 4px 24px #0000001f,0 0 0 1px var(--otp-card-border)}body.theme-notebook .otp-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to bottom,transparent,transparent calc(var(--nb-line-height, 32px) - 1px),var(--nb-line-color, rgba(147,197,253,.35)) calc(var(--nb-line-height, 32px) - 1px),var(--nb-line-color, rgba(147,197,253,.35)) var(--nb-line-height, 32px));pointer-events:none;opacity:.3;z-index:0}body.theme-steller .otp-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(56,189,248,.012) 3px,rgba(56,189,248,.012) 4px);pointer-events:none;z-index:0}body.theme-graphpaper .otp-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(37,99,235,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.1) 1px,transparent 1px),linear-gradient(rgba(147,197,253,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(147,197,253,.28) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;pointer-events:none;opacity:.5;z-index:0}.otp-panel{display:flex;flex-direction:column;position:relative;z-index:1}.otp-panel--left{flex:0 0 42%;align-items:center;justify-content:center;padding:52px 36px;background:var(--otp-left-bg);border-right:1px solid var(--otp-left-border);gap:20px;overflow:hidden}.otp-panel--left:before{content:"";position:absolute;width:360px;height:360px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--otp-accent) 12%,transparent) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}body.theme-aesthetic .otp-panel--left:before,body.theme-notebook .otp-panel--left:before,body.theme-graphpaper .otp-panel--left:before{display:none}.otp-panel--right{flex:1;padding:48px 52px;justify-content:center;gap:0}.otp-lottie-wrap{width:100%;max-width:240px;position:relative;z-index:1}.otp-brand{text-align:center;position:relative;z-index:1}.otp-brand-name{font-family:var(--otp-display);font-size:34px;font-weight:700;margin:0 0 6px;line-height:1.1;background:linear-gradient(135deg,var(--otp-accent2),var(--otp-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.theme-steller .otp-brand-name{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text}body.theme-aesthetic .otp-brand-name{background:linear-gradient(135deg,#b5673d,#8b6347);-webkit-background-clip:text;background-clip:text}body.theme-notebook .otp-brand-name{background:linear-gradient(135deg,#1a3a6b,#2855a0);-webkit-background-clip:text;background-clip:text}body.theme-graphpaper .otp-brand-name{background:linear-gradient(135deg,#1d4ed8,#7c3aed);-webkit-background-clip:text;background-clip:text}.otp-brand-tagline{font-size:14px;color:var(--otp-muted);margin:0;line-height:1.6}.otp-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%;position:relative;z-index:1}.otp-perks li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--otp-text);background:var(--otp-surface);border:1px solid var(--otp-border);padding:10px 14px;border-radius:var(--otp-radius-sm);transition:background .2s}.otp-perks li:hover{background:var(--otp-surface2)}body.theme-aesthetic .otp-perks li{color:#2c1f12;background:#c493641a;border-color:#b5673d33}body.theme-notebook .otp-perks li{color:#1c1c2e;background:#fffef9bf;border-color:#93c5fd73}body.theme-graphpaper .otp-perks li{color:#0a0f1e;background:#ffffffbf;border-color:#2563eb26}.otp-perk-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--otp-accent),var(--otp-accent2));flex-shrink:0;box-shadow:0 0 8px color-mix(in srgb,var(--otp-accent) 55%,transparent)}.otp-step-dots{display:flex;gap:8px;margin-bottom:36px}.otp-step-dot{width:32px;height:4px;border-radius:99px;background:var(--otp-step-idle);transition:background .35s ease}.otp-step-dot--active{background:linear-gradient(90deg,var(--otp-accent),var(--otp-accent2));box-shadow:0 0 8px color-mix(in srgb,var(--otp-accent) 45%,transparent)}.otp-step-dot--done{background:var(--otp-step-done)}.otp-form-wrap{display:flex;flex-direction:column;gap:22px;width:100%}.otp-form-header{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.otp-icon-badge{font-size:36px;line-height:1;margin-bottom:4px}.otp-form-header h2{font-family:var(--otp-display);font-size:40px;font-weight:700;color:var(--otp-text);margin:0;line-height:1.1}body.theme-aesthetic .otp-form-header h2{font-size:36px;color:#2c1f12}body.theme-notebook .otp-form-header h2{font-size:38px;color:#1c1c2e}body.theme-graphpaper .otp-form-header h2{font-size:36px;color:#0a0f1e}.otp-form-header p{font-size:14px;color:var(--otp-muted);margin:0;line-height:1.6}.otp-form-header p strong{color:var(--otp-accent);font-weight:600}body.theme-aesthetic .otp-form-header p strong{color:#b5673d}body.theme-notebook .otp-form-header p strong{color:#2855a0}body.theme-graphpaper .otp-form-header p strong{color:#1d4ed8}.otp-field-group{display:flex;flex-direction:column;gap:8px}.otp-label{font-size:13px;font-weight:600;color:var(--otp-text);letter-spacing:.03em}body.theme-aesthetic .otp-label{color:#2c1f12}body.theme-notebook .otp-label{color:#1c1c2e}body.theme-graphpaper .otp-label{color:#0a0f1e}.otp-input{width:100%;padding:14px 18px;background:var(--otp-input-bg);border:1.5px solid var(--otp-input-bd);border-radius:var(--otp-radius-sm);color:var(--otp-text);font-size:15px;font-family:var(--otp-font);outline:none;transition:border-color .25s,background .25s,box-shadow .25s;-webkit-appearance:none;caret-color:var(--otp-accent)}.otp-input::-moz-placeholder{color:color-mix(in srgb,var(--otp-muted) 70%,transparent)}.otp-input::placeholder{color:color-mix(in srgb,var(--otp-muted) 70%,transparent)}.otp-input:focus{border-color:color-mix(in srgb,var(--otp-accent) 70%,transparent);background:color-mix(in srgb,var(--otp-accent) 7%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--otp-accent) 15%,transparent)}.otp-input:disabled{opacity:.5;cursor:not-allowed}body.theme-aesthetic .otp-input{color:#2c1f12}body.theme-notebook .otp-input{color:#1c1c2e}body.theme-graphpaper .otp-input{color:#0a0f1e}.otp-digits{display:flex;gap:10px;justify-content:center}.otp-digit{width:52px;height:60px;border-radius:var(--otp-radius-sm);border:1.5px solid var(--otp-input-bd);background:var(--otp-input-bg);color:var(--otp-text);font-size:22px;font-family:var(--otp-mono);font-weight:500;text-align:center;outline:none;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s;cursor:text;-webkit-appearance:none}.otp-digit:focus{border-color:color-mix(in srgb,var(--otp-accent) 80%,transparent);background:color-mix(in srgb,var(--otp-accent) 10%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--otp-accent) 20%,transparent);transform:scale(1.05)}.otp-digit--filled{border-color:color-mix(in srgb,var(--otp-accent) 60%,transparent);background:color-mix(in srgb,var(--otp-accent) 12%,transparent);color:var(--otp-accent)}body.theme-aesthetic .otp-digit{color:#2c1f12}body.theme-aesthetic .otp-digit--filled{color:#b5673d}body.theme-notebook .otp-digit{color:#1c1c2e}body.theme-notebook .otp-digit--filled{color:#1a3a6b}body.theme-graphpaper .otp-digit{color:#0a0f1e}body.theme-graphpaper .otp-digit--filled{color:#1d4ed8}.otp-hint{font-size:12px;color:var(--otp-hint);text-align:center;margin:0;line-height:1.5}.otp-footnote{font-size:12px;color:var(--otp-footnote);text-align:center;margin:0}.otp-actions-row{display:flex;gap:10px;flex-wrap:wrap}.otp-actions-row .otp-btn{flex:1;min-width:130px}.otp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--otp-radius-sm);font-size:15px;font-weight:700;font-family:var(--otp-font);cursor:pointer;border:none;transition:all .22s ease;letter-spacing:.02em;position:relative;overflow:hidden;white-space:nowrap}.otp-btn:disabled{cursor:not-allowed;opacity:.5}.otp-btn--primary{width:100%;background:linear-gradient(135deg,var(--otp-accent) 0%,var(--otp-accent2) 100%);color:var(--otp-btn-text);box-shadow:0 4px 24px color-mix(in srgb,var(--otp-accent) 40%,transparent)}.otp-btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 100%);opacity:0;transition:opacity .2s}.otp-btn--primary:hover:not(:disabled):after{opacity:1}.otp-btn--primary:hover:not(:disabled){box-shadow:0 8px 32px color-mix(in srgb,var(--otp-accent) 55%,transparent);transform:translateY(-1px)}.otp-btn--primary:active:not(:disabled){transform:translateY(0)}body.theme-steller .otp-btn--primary{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#020510}body.theme-aesthetic .otp-btn--primary{background:linear-gradient(135deg,#b5673d,#8b6347);color:#fff}body.theme-notebook .otp-btn--primary{background:linear-gradient(135deg,#1a3a6b,#2855a0);color:#fff}body.theme-graphpaper .otp-btn--primary{background:linear-gradient(135deg,#1d4ed8,#7c3aed);color:#fff}.otp-btn--ghost{background:color-mix(in srgb,var(--otp-text) 5%,transparent);color:var(--otp-muted);border:1px solid color-mix(in srgb,var(--otp-border) 80%,transparent);font-size:13px;padding:11px 16px}.otp-btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--otp-text) 10%,transparent);color:var(--otp-text)}body.theme-aesthetic .otp-btn--ghost{color:#7a6048}body.theme-notebook .otp-btn--ghost,body.theme-graphpaper .otp-btn--ghost{color:#6b7280}.otp-btn--outline{background:transparent;color:var(--otp-accent);border:1.5px solid color-mix(in srgb,var(--otp-accent) 40%,transparent);font-size:13px;padding:11px 16px}.otp-btn--outline:hover:not(:disabled){background:color-mix(in srgb,var(--otp-accent) 10%,transparent);border-color:color-mix(in srgb,var(--otp-accent) 70%,transparent)}.otp-btn--disabled{opacity:.4}.otp-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:otp-spin .65s linear infinite}@keyframes otp-spin{to{transform:rotate(360deg)}}.otp-waiting-indicator{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:var(--otp-hint);padding:12px 16px;background:var(--otp-waiting-bg);border:1px solid var(--otp-waiting-bd);border-radius:var(--otp-radius-sm)}.otp-pulse{width:8px;height:8px;border-radius:50%;background:var(--otp-accent);flex-shrink:0;animation:otp-pulse-anim 1.5s ease-in-out infinite}@keyframes otp-pulse-anim{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--otp-accent) 40%,transparent)}50%{opacity:.7;transform:scale(1.2);box-shadow:0 0 0 6px transparent}}@media (max-width: 840px){.otp-shell{flex-direction:column;max-width:520px;min-height:unset;border-radius:var(--otp-radius-sm)}.otp-panel--left{flex:none;width:100%;border-right:none;border-bottom:1px solid var(--otp-left-border);padding:36px 28px 28px;flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap}.otp-lottie-wrap{max-width:130px;flex-shrink:0}.otp-brand{text-align:left}.otp-brand-name{font-size:26px}.otp-brand-tagline{font-size:13px}.otp-perks{display:none}.otp-panel--right{padding:36px 36px 40px}.otp-form-header h2{font-size:32px}.otp-step-dots{margin-bottom:28px}}@media (max-width: 540px){.otp-page{padding:16px 12px;align-items:flex-start}.otp-shell{border-radius:calc(var(--otp-radius) * .6)}.otp-panel--left{padding:24px 20px 20px;gap:16px}.otp-lottie-wrap{max-width:90px}.otp-brand-name{font-size:22px}.otp-brand-tagline{font-size:12px}.otp-panel--right{padding:28px 22px 32px}.otp-form-header h2,.otp-icon-badge{font-size:28px}.otp-form-wrap{gap:18px}.otp-digit{width:42px;height:52px;font-size:18px}.otp-digits{gap:7px}.otp-actions-row{flex-direction:column}.otp-actions-row .otp-btn{width:100%;min-width:unset}.otp-step-dots{margin-bottom:22px}.otp-step-dot{width:24px}}@media (max-width: 360px){.otp-digit{width:36px;height:46px;font-size:16px;border-radius:calc(var(--otp-radius-sm) * .6)}.otp-digits{gap:5px}.otp-panel--right{padding:22px 16px 26px}}@media (min-width: 1440px){.otp-shell{max-width:1060px}.otp-panel--left{flex:0 0 40%;padding:60px 44px}.otp-panel--right{padding:60px 64px}}@media (prefers-reduced-motion: reduce){.otp-particle,.otp-pulse,.otp-spinner{animation:none!important}.otp-orb{display:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.fp-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--theme-bg);font-family:var(--pookie-font);padding:24px 16px;box-sizing:border-box;position:relative;overflow:hidden}.fp-page:before,.fp-page:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}.fp-page:before{width:560px;height:560px;top:-200px;left:-180px;background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent) 11%,transparent) 0%,transparent 70%)}.fp-page:after{width:480px;height:480px;bottom:-160px;right:-160px;background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent2) 9%,transparent) 0%,transparent 70%)}.fp-card{position:relative;z-index:1;width:100%;max-width:480px;background:var(--theme-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--theme-border);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow);padding:44px 44px 36px;box-sizing:border-box;transition:background .4s ease,border-color .4s ease,box-shadow .3s ease}body.theme-notebook .fp-card,body.theme-graphpaper .fp-card{backdrop-filter:none;-webkit-backdrop-filter:none}body.theme-notebook .fp-card{background:#fffef9f5;border-color:#93c5fd73;border-left:3px solid rgba(220,38,38,.28);box-shadow:0 2px 12px #0000001a,inset 0 1px #ffffffe6}body.theme-graphpaper .fp-card{background:#ffffffe0;border-color:#2563eb38;box-shadow:0 1px 4px #0000000f,0 4px 20px #0000000d}body.theme-aesthetic .fp-card{background:#fffcf4f0;border-color:#b5673d3d;box-shadow:0 2px 16px #643c1421,inset 0 1px #ffffffbf;backdrop-filter:none;-webkit-backdrop-filter:none}.fp-card-header{text-align:center;margin-bottom:28px}.fp-lottie-wrap{width:90px;height:90px;margin:0 auto 12px}.fp-lottie{width:100%;height:100%}.fp-title{font-family:var(--pookie-display);font-size:34px;font-weight:700;color:var(--theme-text);margin:0 0 6px;line-height:1.2}body.theme-pookie .fp-title,body.theme-steller .fp-title{font-style:italic;background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.theme-aesthetic .fp-title{color:var(--theme-text);-webkit-text-fill-color:var(--theme-text);background:none}body.theme-notebook .fp-title,body.theme-graphpaper .fp-title{color:var(--theme-text);-webkit-text-fill-color:var(--theme-text);background:none;font-style:normal}.fp-subtitle{font-size:13px;color:var(--theme-muted);margin:0}.fp-stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:32px}.fp-step{display:flex;flex-direction:column;align-items:center;gap:6px}.fp-step-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--theme-border);background:color-mix(in srgb,var(--theme-accent) 4%,transparent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--theme-muted);transition:all .35s ease}.fp-step--active .fp-step-dot{border-color:var(--theme-accent);background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent2));color:#fff;box-shadow:0 0 16px color-mix(in srgb,var(--theme-accent) 45%,transparent)}body.theme-notebook .fp-step--active .fp-step-dot,body.theme-aesthetic .fp-step--active .fp-step-dot,body.theme-graphpaper .fp-step--active .fp-step-dot{color:#fff}.fp-step--done .fp-step-dot{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 18%,transparent);color:var(--theme-accent)}.fp-step-label{font-size:10px;font-weight:600;color:var(--theme-muted);text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.fp-step--active .fp-step-label,.fp-step--done .fp-step-label{color:var(--theme-accent)}.fp-step-line{flex:1;height:2px;background:var(--theme-border);min-width:40px;margin:0 4px 16px;transition:background .4s ease;border-radius:2px}.fp-step-line--done{background:linear-gradient(90deg,var(--theme-accent),var(--theme-accent2))}.fp-step-content{min-height:240px;position:relative}.fp-step-body{display:flex;flex-direction:column;gap:0}.fp-step-desc{font-size:13.5px;color:var(--theme-muted);line-height:1.65;margin:0 0 22px;text-align:center}.fp-step-desc strong{color:var(--theme-text);font-weight:600}.fp-email-sent-icon{font-size:48px;text-align:center;margin-bottom:16px;line-height:1}.fp-verify-tips{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;padding:18px 20px;background:color-mix(in srgb,var(--theme-accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent) 18%,transparent);border-radius:var(--theme-radius-sm)}.fp-tip{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--theme-muted);line-height:1.5}.fp-tip strong{color:var(--theme-text)}.fp-tip-num{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:color-mix(in srgb,var(--theme-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent) 32%,transparent);color:var(--theme-accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.fp-resend-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:18px}.fp-resend-label{font-size:13px;color:var(--theme-muted)}.fp-resend-btn{background:none;border:none;font-family:var(--pookie-font);font-size:13px;font-weight:700;color:var(--theme-accent);cursor:pointer;padding:0;transition:color .2s ease}.fp-resend-btn:hover:not(:disabled){filter:brightness(1.2);text-decoration:underline}.fp-resend-btn:disabled{color:var(--theme-muted);cursor:not-allowed}.fp-otp-row{display:flex;gap:10px;justify-content:center;margin:8px 0 6px}.fp-otp-cell{width:48px;height:56px;border-radius:var(--theme-radius-sm);border:1.5px solid var(--theme-border);background:color-mix(in srgb,var(--theme-accent) 4%,transparent);color:var(--theme-text);font-size:22px;font-family:var(--pookie-font);font-weight:600;text-align:center;outline:none;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;-webkit-appearance:none;caret-color:var(--theme-accent)}.fp-otp-cell:focus{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 10%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 15%,transparent)}.fp-otp-cell--filled{border-color:color-mix(in srgb,var(--theme-accent) 45%,transparent);background:color-mix(in srgb,var(--theme-accent) 8%,transparent)}body.theme-notebook .fp-otp-cell,body.theme-aesthetic .fp-otp-cell,body.theme-graphpaper .fp-otp-cell{background:#ffffffd9}.fp-form{display:flex;flex-direction:column;gap:16px}.fp-form-group{display:flex;flex-direction:column;gap:6px}.fp-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--theme-text);letter-spacing:.02em}.fp-label-icon{color:var(--theme-accent);font-size:12px;flex-shrink:0}.fp-input-wrap{position:relative;display:flex;align-items:center}.fp-input{width:100%;padding:12px 16px;background:color-mix(in srgb,var(--theme-accent) 5%,transparent);border:1px solid var(--theme-border);border-radius:var(--theme-radius-sm);color:var(--theme-text);font-size:14px;font-family:var(--pookie-font);outline:none;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;box-sizing:border-box;-webkit-appearance:none;caret-color:var(--theme-accent)}body.theme-aesthetic .fp-input,body.theme-notebook .fp-input,body.theme-graphpaper .fp-input{background:#ffffffd9}.fp-input::-moz-placeholder{color:var(--theme-muted)}.fp-input::placeholder{color:var(--theme-muted)}.fp-input:focus{border-color:color-mix(in srgb,var(--theme-accent) 65%,transparent);background:color-mix(in srgb,var(--theme-accent) 7%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 12%,transparent)}body.theme-aesthetic .fp-input:focus,body.theme-notebook .fp-input:focus,body.theme-graphpaper .fp-input:focus{background:#fffffff2}.fp-input--error{border-color:color-mix(in srgb,var(--pookie-rose) 55%,transparent)!important;background:color-mix(in srgb,var(--pookie-rose) 5%,transparent)!important}.fp-input--pw{padding-right:44px}.fp-pw-toggle{position:absolute;right:12px;background:transparent;border:none;color:var(--theme-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;font-size:16px;transition:color .2s ease;flex-shrink:0}.fp-pw-toggle:hover{color:var(--theme-accent)}.fp-field-error{font-size:12px;color:#f87171;display:flex;align-items:center;gap:4px;margin-top:2px}body.theme-aesthetic .fp-field-error,body.theme-notebook .fp-field-error{color:#c0392b}body.theme-graphpaper .fp-field-error{color:#dc2626}.fp-strength{display:flex;align-items:center;gap:10px;margin-top:4px}.fp-strength-track{flex:1;display:flex;gap:4px}.fp-strength-seg{flex:1;height:4px;border-radius:2px;transition:background .3s ease}.fp-strength-label{font-size:11px;font-weight:700;white-space:nowrap;min-width:72px;text-align:right}.fp-btn{width:100%;padding:13px 20px;border-radius:var(--theme-radius-sm);font-size:14.5px;font-weight:700;font-family:var(--pookie-font);cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.02em;transition:opacity .25s ease,transform .15s ease,box-shadow .25s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fp-btn--primary{background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent2));color:#fff;box-shadow:0 4px 20px color-mix(in srgb,var(--theme-accent) 35%,transparent);margin-top:4px;position:relative;overflow:hidden}body.theme-notebook .fp-btn--primary,body.theme-aesthetic .fp-btn--primary{color:#fff}body.theme-graphpaper .fp-btn--primary{color:#fff;letter-spacing:.04em;font-weight:600}.fp-btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .2s}.fp-btn--primary:hover:not(:disabled):after{opacity:1}.fp-btn--primary:hover:not(:disabled){box-shadow:0 8px 30px color-mix(in srgb,var(--theme-accent) 50%,transparent);transform:translateY(-1px)}.fp-btn--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.fp-btn--ghost{background:color-mix(in srgb,var(--theme-accent) 6%,transparent);border:1.5px solid color-mix(in srgb,var(--theme-accent) 24%,transparent);color:var(--theme-muted);margin-top:8px;font-size:13.5px}.fp-btn--ghost:hover{background:color-mix(in srgb,var(--theme-accent) 12%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 42%,transparent);color:var(--theme-text)}.fp-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:fp-spin .7s linear infinite;flex-shrink:0}@keyframes fp-spin{to{transform:rotate(360deg)}}.fp-footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--theme-border);text-align:center}.fp-back-login{display:inline-flex;align-items:center;font-size:13px;color:var(--theme-muted);text-decoration:none;font-weight:600;transition:color .2s ease;font-family:var(--pookie-font)}.fp-back-login:hover{color:var(--theme-accent)}body.theme-steller .fp-otp-cell{font-family:var(--pookie-display);letter-spacing:.08em}body.theme-steller .fp-title{font-family:var(--pookie-display);letter-spacing:.06em;font-style:normal}body.theme-steller .fp-step-dot{font-family:Share Tech Mono,monospace}body.theme-steller .fp-btn--primary{font-family:var(--pookie-display);letter-spacing:.08em;color:#020510}body.theme-notebook .fp-title{font-family:var(--pookie-display);font-size:38px}body.theme-notebook .fp-verify-tips{border-left:3px solid rgba(220,38,38,.3)}body.theme-aesthetic .fp-title{font-family:var(--pookie-display);font-size:30px;letter-spacing:.01em}body.theme-aesthetic .fp-subtitle{font-style:italic}body.theme-aesthetic .fp-label{font-style:italic;text-transform:none;letter-spacing:.01em}body.theme-graphpaper .fp-title{font-family:var(--pookie-display);font-size:28px;letter-spacing:.02em}body.theme-graphpaper .fp-step-dot,body.theme-graphpaper .fp-strength-label,body.theme-graphpaper .fp-tip-num{font-family:IBM Plex Mono,monospace}body.theme-graphpaper .fp-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;background-image:linear-gradient(var(--gp-major, rgba(37,99,235,.14)) 1px,transparent 1px),linear-gradient(90deg,var(--gp-major, rgba(37,99,235,.14)) 1px,transparent 1px),linear-gradient(var(--gp-minor, rgba(147,197,253,.32)) 1px,transparent 1px),linear-gradient(90deg,var(--gp-minor, rgba(147,197,253,.32)) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;pointer-events:none;opacity:.45}@media (max-width: 520px){.fp-card{padding:32px 20px 28px;border-radius:var(--theme-radius-sm)}.fp-title{font-size:28px}.fp-step-line{min-width:24px}.fp-otp-row{gap:8px}.fp-otp-cell{width:44px;height:52px;font-size:20px}}@media (max-width: 380px){.fp-card{padding:24px 16px 22px}.fp-otp-row{gap:6px}.fp-otp-cell{width:38px;height:46px;font-size:18px;border-radius:8px}.fp-step-line{min-width:16px}}@media (hover: none) and (pointer: coarse){.fp-btn--primary:hover,.fp-btn--ghost:hover{transform:none}}.pookie-page{min-height:100vh;background:var(--theme-bg);font-family:var(--pookie-font);color:var(--theme-text);padding:40px 32px 80px;max-width:100%;margin:0 auto;position:relative;overflow-x:hidden;transition:background .45s ease,color .35s ease}body.theme-notebook .pookie-page,body.theme-aesthetic .pookie-page,body.theme-graphpaper .pookie-page{background:transparent}.pookie-sparkles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.pookie-sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--theme-accent);top:calc(10% + var(--i) * 11%);left:calc(5% + var(--i) * 12%);opacity:.28;animation:pookie-float calc(3s + var(--i) * .4s) ease-in-out infinite alternate}body.theme-aesthetic .pookie-sparkle,body.theme-notebook .pookie-sparkle,body.theme-graphpaper .pookie-sparkle{display:none}@keyframes pookie-float{0%{transform:translateY(0) scale(1);opacity:.28}to{transform:translateY(-18px) scale(1.6);opacity:.55}}.pookie-confetti{position:fixed;top:0;font-size:1.6rem;z-index:999;pointer-events:none}.pookie-header{text-align:center;margin-bottom:40px;position:relative;z-index:1}.pookie-badge{display:inline-block;background:color-mix(in srgb,var(--theme-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent) 28%,transparent);border-radius:999px;padding:6px 20px;font-size:.82rem;font-weight:700;letter-spacing:.08em;color:var(--theme-accent);text-transform:uppercase;margin-bottom:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.theme-aesthetic .pookie-badge,body.theme-notebook .pookie-badge,body.theme-graphpaper .pookie-badge{backdrop-filter:none;-webkit-backdrop-filter:none}.pookie-title{font-family:var(--pookie-display);font-size:clamp(2rem,5vw,3.4rem);font-weight:700;background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;line-height:1.15}body.theme-pookie .pookie-title{font-style:italic}body.theme-steller .pookie-title{font-style:normal;letter-spacing:.04em}body.theme-notebook .pookie-title{font-style:normal}body.theme-aesthetic .pookie-title{font-style:italic;-webkit-text-fill-color:transparent}body.theme-graphpaper .pookie-title{font-style:normal;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:.02em}.pookie-subtitle{color:var(--theme-muted);font-size:1rem;font-weight:500}.pookie-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:28px;position:relative;z-index:1}.pookie-search-wrap{position:relative;flex:1;min-width:180px}.pookie-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none}.pookie-input{width:100%;padding:12px 16px;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--theme-radius-sm);color:var(--theme-text);font-family:var(--pookie-font);font-size:.97rem;font-weight:500;transition:border-color .25s,box-shadow .25s,background .25s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-appearance:none;caret-color:var(--theme-accent)}.pookie-input--search{padding-left:42px}.pookie-input:focus{outline:none;border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 14%,transparent);background:color-mix(in srgb,var(--theme-accent) 6%,transparent)}.pookie-input::-moz-placeholder{color:var(--theme-muted)}.pookie-input::placeholder{color:var(--theme-muted)}body.theme-aesthetic .pookie-input,body.theme-notebook .pookie-input,body.theme-graphpaper .pookie-input{background:#ffffffd9;backdrop-filter:none;-webkit-backdrop-filter:none}body.theme-aesthetic .pookie-input:focus,body.theme-notebook .pookie-input:focus,body.theme-graphpaper .pookie-input:focus{background:#fffffff7}.pookie-select{padding:12px 34px 12px 16px;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--theme-radius-sm);color:var(--theme-text);font-family:var(--pookie-font);font-size:.97rem;font-weight:500;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .25s;min-width:150px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%2394a3b8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.pookie-select:focus{outline:none;border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 14%,transparent)}body.theme-pookie .pookie-select option,body.theme-steller .pookie-select option{background:#0f0f23}body.theme-aesthetic .pookie-select,body.theme-notebook .pookie-select,body.theme-graphpaper .pookie-select{background-color:#ffffffd9;backdrop-filter:none;-webkit-backdrop-filter:none}.pookie-label{display:block;font-size:.82rem;font-weight:700;color:var(--theme-accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;margin-top:14px}.pookie-label:first-child{margin-top:0}body.theme-aesthetic .pookie-label{text-transform:none;font-style:italic;letter-spacing:.01em;color:var(--theme-accent)}body.theme-graphpaper .pookie-label{font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.08em}.pookie-btn{padding:11px 22px;border-radius:var(--theme-radius-sm);border:none;font-family:var(--pookie-font);font-size:.95rem;font-weight:800;cursor:pointer;transition:transform .18s,box-shadow .25s,opacity .2s;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pookie-btn--primary{background:linear-gradient(135deg,var(--theme-accent2),var(--theme-accent));color:#fff;box-shadow:0 4px 18px color-mix(in srgb,var(--theme-accent) 35%,transparent)}body.theme-notebook .pookie-btn--primary,body.theme-aesthetic .pookie-btn--primary{color:#fff}body.theme-steller .pookie-btn--primary{color:#020510;font-family:var(--pookie-display);letter-spacing:.06em}body.theme-graphpaper .pookie-btn--primary{color:#fff;font-family:IBM Plex Sans,sans-serif;letter-spacing:.04em;font-weight:600}.pookie-btn--primary:hover{box-shadow:0 8px 28px color-mix(in srgb,var(--theme-accent) 50%,transparent);transform:translateY(-2px)}.pookie-btn--quiz{background:linear-gradient(135deg,var(--theme-accent),color-mix(in srgb,var(--theme-accent) 60%,var(--pookie-rose)));color:#fff;box-shadow:0 4px 18px color-mix(in srgb,var(--theme-accent) 38%,transparent)}body.theme-steller .pookie-btn--quiz,body.theme-graphpaper .pookie-btn--quiz{color:#fff}body.theme-steller .pookie-btn--quiz{color:#020510}.pookie-btn--quiz:hover{box-shadow:0 8px 28px color-mix(in srgb,var(--theme-accent) 55%,transparent);transform:translateY(-2px)}.pookie-btn--submit{background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent2));color:#fff;width:100%;margin-top:20px;padding:14px;font-size:1rem;box-shadow:0 4px 20px color-mix(in srgb,var(--theme-accent) 35%,transparent)}body.theme-steller .pookie-btn--submit{color:#020510}.pookie-btn--submit:hover{box-shadow:0 8px 30px color-mix(in srgb,var(--theme-accent) 50%,transparent);transform:translateY(-2px)}@media (hover: none) and (pointer: coarse){.pookie-btn--primary:hover,.pookie-btn--quiz:hover,.pookie-btn--submit:hover{transform:none}}.pookie-form-card{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--theme-radius);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:28px;overflow:hidden;box-shadow:var(--theme-shadow);position:relative;z-index:1;margin-bottom:0}body.theme-aesthetic .pookie-form-card,body.theme-notebook .pookie-form-card,body.theme-graphpaper .pookie-form-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffffeb}body.theme-notebook .pookie-form-card{border-left:3px solid rgba(220,38,38,.28)}body.theme-graphpaper .pookie-form-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;background-image:linear-gradient(var(--gp-major, rgba(37,99,235,.14)) 1px,transparent 1px),linear-gradient(90deg,var(--gp-major, rgba(37,99,235,.14)) 1px,transparent 1px),linear-gradient(var(--gp-minor, rgba(147,197,253,.3)) 1px,transparent 1px),linear-gradient(90deg,var(--gp-minor, rgba(147,197,253,.3)) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;pointer-events:none;opacity:.4}.pookie-form-title{font-family:var(--pookie-display);font-size:1.5rem;color:var(--theme-accent);margin-bottom:20px}body.theme-pookie .pookie-form-title,body.theme-aesthetic .pookie-form-title{font-style:italic}body.theme-steller .pookie-form-title{font-style:normal;letter-spacing:.04em}.pookie-form{display:flex;flex-direction:column}.pookie-hint{text-align:center;color:var(--theme-muted);font-size:.9rem;margin-bottom:24px;font-weight:600}.pookie-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px;position:relative;z-index:1}.pookie-empty{grid-column:1 / -1;text-align:center;padding:72px 20px;color:var(--theme-muted)}.pookie-empty-emoji{font-size:3.5rem;display:block;margin-bottom:16px}.pookie-flip-card{perspective:1100px;-webkit-perspective:1100px;height:220px;cursor:pointer;border-radius:var(--theme-radius);transform:translateZ(0);-webkit-transform:translateZ(0)}.pookie-flip-card--deleting{opacity:.4;pointer-events:none}.pookie-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.2,.2,1);border-radius:var(--theme-radius)}.pookie-flip-card--flipped .pookie-flip-inner{transform:rotateY(180deg)}.pookie-flip-front,.pookie-flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--theme-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;border:1px solid var(--theme-border);box-shadow:var(--theme-shadow);overflow:hidden}.pookie-flip-front{background:color-mix(in srgb,var(--theme-accent2) 9%,var(--theme-surface));transition:box-shadow .3s,border-color .3s}.pookie-flip-card:hover .pookie-flip-front{box-shadow:var(--theme-shadow-h);border-color:color-mix(in srgb,var(--theme-accent) 40%,transparent)}.pookie-flip-back{background:color-mix(in srgb,var(--theme-accent) 10%,var(--theme-surface));transform:rotateY(180deg);-webkit-transform:rotateY(180deg);justify-content:flex-start;gap:8px;padding-top:20px}body.theme-aesthetic .pookie-flip-front,body.theme-aesthetic .pookie-flip-back{background:#fffcf4f0;border-color:#b5673d38}body.theme-notebook .pookie-flip-front{background:#fffef9d1;border-color:#93c5fd73}body.theme-notebook .pookie-flip-back{background:#fffef9eb;border-left:2px solid rgba(220,38,38,.22)}body.theme-graphpaper .pookie-flip-front,body.theme-graphpaper .pookie-flip-back{background:#ffffffc7;border-color:#2563eb2e}body.theme-graphpaper .pookie-flip-front:before,body.theme-graphpaper .pookie-flip-back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--gp-minor, rgba(147,197,253,.4)) 1px,transparent 1px),linear-gradient(90deg,var(--gp-minor, rgba(147,197,253,.4)) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:0;opacity:.5;border-radius:inherit}body.theme-graphpaper .pookie-flip-front>*,body.theme-graphpaper .pookie-flip-back>*{position:relative;z-index:1}.pookie-card-icon{font-size:1.5rem;margin-bottom:8px}.pookie-card-text{font-size:.97rem;font-weight:600;color:var(--theme-text);text-align:center;line-height:1.5;word-break:break-word;max-height:80px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.pookie-tap-hint{position:absolute;bottom:12px;font-size:.72rem;color:var(--theme-muted);font-weight:600;letter-spacing:.05em}.pookie-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}.pookie-tag{background:color-mix(in srgb,var(--theme-accent2) 20%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent2) 32%,transparent);border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700;color:var(--theme-accent2)}body.theme-graphpaper .pookie-tag{font-family:IBM Plex Mono,monospace;border-radius:3px}.pookie-delete-btn{margin-top:auto;padding:7px 16px;background:color-mix(in srgb,var(--pookie-rose) 14%,transparent);border:1px solid color-mix(in srgb,var(--pookie-rose) 34%,transparent);border-radius:var(--theme-radius-sm);color:var(--pookie-rose);font-family:var(--pookie-font);font-size:.82rem;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;touch-action:manipulation}.pookie-delete-btn:hover{background:color-mix(in srgb,var(--pookie-rose) 28%,transparent);transform:scale(1.04)}body.theme-aesthetic .pookie-delete-btn,body.theme-notebook .pookie-delete-btn,body.theme-graphpaper .pookie-delete-btn{color:#c0392b;background:#c0392b1a;border-color:#c0392b47}.pookie-skeleton{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--theme-radius);height:220px;padding:24px;display:flex;flex-direction:column;gap:14px;justify-content:center;animation:fc-shimmer 1.5s ease-in-out infinite}@keyframes fc-shimmer{0%,to{opacity:.7}50%{opacity:1}}.pookie-skeleton__line{height:14px;border-radius:6px;background:color-mix(in srgb,var(--theme-accent) 10%,transparent)}.pookie-skeleton__line--short{width:40%}.pookie-skeleton__line--med{width:65%}.pookie-quiz{max-width:700px;margin:0 auto;position:relative;z-index:1}.pookie-quiz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}.pookie-quiz-exit{background:color-mix(in srgb,var(--theme-text) 6%,transparent);border:1px solid var(--theme-border);color:var(--theme-muted);border-radius:var(--theme-radius-sm);padding:8px 16px;font-family:var(--pookie-font);font-size:.88rem;font-weight:700;cursor:pointer;transition:color .2s,border-color .2s;touch-action:manipulation}.pookie-quiz-exit:hover{color:var(--pookie-rose);border-color:color-mix(in srgb,var(--pookie-rose) 50%,transparent)}body.theme-aesthetic .pookie-quiz-exit:hover,body.theme-notebook .pookie-quiz-exit:hover,body.theme-graphpaper .pookie-quiz-exit:hover{color:#c0392b;border-color:#c0392b66}.pookie-quiz-progress-text{font-weight:700;color:var(--theme-muted);font-size:.92rem}body.theme-graphpaper .pookie-quiz-progress-text{font-family:IBM Plex Mono,monospace;font-size:.85rem}.pookie-quiz-bar-track{width:100%;height:8px;background:color-mix(in srgb,var(--theme-text) 8%,transparent);border-radius:999px;overflow:hidden;margin-bottom:28px}.pookie-quiz-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--theme-accent),var(--theme-accent2))}body.theme-graphpaper .pookie-quiz-bar-track,body.theme-graphpaper .pookie-quiz-bar-fill{border-radius:2px}.pookie-quiz-card{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--theme-radius);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:36px 28px 28px;text-align:center;margin-bottom:24px;box-shadow:var(--theme-shadow);transition:border-color .3s,box-shadow .3s}body.theme-aesthetic .pookie-quiz-card,body.theme-notebook .pookie-quiz-card,body.theme-graphpaper .pookie-quiz-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffffe6}body.theme-notebook .pookie-quiz-card{border-left:3px solid rgba(220,38,38,.22)}body.theme-graphpaper .pookie-quiz-card{border-radius:var(--theme-radius-sm);position:relative;overflow:hidden}body.theme-graphpaper .pookie-quiz-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(var(--gp-minor, rgba(147,197,253,.35)) 1px,transparent 1px),linear-gradient(90deg,var(--gp-minor, rgba(147,197,253,.35)) 1px,transparent 1px);background-size:20px 20px;opacity:.45;pointer-events:none}body.theme-graphpaper .pookie-quiz-card>*{position:relative;z-index:1}.pookie-quiz-card--correct{border-color:#34d39980;box-shadow:0 0 30px #34d39926}.pookie-quiz-card--wrong{border-color:color-mix(in srgb,var(--pookie-rose) 50%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--pookie-rose) 15%,transparent)}.pookie-quiz-q-label{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--theme-accent);display:block;margin-bottom:14px}body.theme-graphpaper .pookie-quiz-q-label{font-family:IBM Plex Mono,monospace}.pookie-quiz-question{font-size:clamp(1.1rem,3vw,1.45rem);font-weight:700;color:var(--theme-text);line-height:1.5;margin-bottom:16px}.pookie-quiz-feedback{display:inline-block;padding:8px 20px;border-radius:999px;font-weight:800;font-size:.95rem;margin-top:8px}.pookie-quiz-feedback--correct{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.pookie-quiz-feedback--wrong{background:color-mix(in srgb,var(--pookie-rose) 14%,transparent);color:var(--pookie-rose);border:1px solid color-mix(in srgb,var(--pookie-rose) 30%,transparent)}body.theme-aesthetic .pookie-quiz-feedback--wrong,body.theme-notebook .pookie-quiz-feedback--wrong,body.theme-graphpaper .pookie-quiz-feedback--wrong{color:#c0392b}.pookie-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pookie-quiz-option{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--theme-radius-sm);color:var(--theme-text);font-family:var(--pookie-font);font-size:.95rem;font-weight:600;padding:16px 14px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;text-align:left;display:flex;align-items:flex-start;gap:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:manipulation;-webkit-tap-highlight-color:transparent}body.theme-aesthetic .pookie-quiz-option,body.theme-notebook .pookie-quiz-option,body.theme-graphpaper .pookie-quiz-option{background:#ffffffe0;backdrop-filter:none;-webkit-backdrop-filter:none}.pookie-quiz-option:hover:not(:disabled){background:color-mix(in srgb,var(--theme-accent) 10%,transparent);border-color:var(--theme-accent);box-shadow:0 4px 18px color-mix(in srgb,var(--theme-accent) 20%,transparent)}body.theme-aesthetic .pookie-quiz-option:hover:not(:disabled),body.theme-notebook .pookie-quiz-option:hover:not(:disabled),body.theme-graphpaper .pookie-quiz-option:hover:not(:disabled){background:color-mix(in srgb,var(--theme-accent) 8%,rgba(255,255,255,.95))}.pookie-quiz-option:disabled{opacity:.7;cursor:default}.pookie-quiz-option-letter{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--theme-accent2),var(--theme-accent));font-size:.75rem;font-weight:800;color:#fff}body.theme-steller .pookie-quiz-option-letter{color:#020510}body.theme-graphpaper .pookie-quiz-option-letter{border-radius:3px;font-family:IBM Plex Mono,monospace;color:#fff}.pookie-quiz-result{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--theme-radius);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:52px 32px;text-align:center;box-shadow:var(--theme-shadow-h)}body.theme-aesthetic .pookie-quiz-result,body.theme-notebook .pookie-quiz-result,body.theme-graphpaper .pookie-quiz-result{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffffeb}body.theme-notebook .pookie-quiz-result{border-left:3px solid rgba(220,38,38,.22)}.pookie-quiz-result-emoji{font-size:4rem;margin-bottom:16px}.pookie-quiz-result-title{font-family:var(--pookie-display);font-size:2rem;color:var(--theme-accent);margin-bottom:20px}body.theme-pookie .pookie-quiz-result-title,body.theme-aesthetic .pookie-quiz-result-title{font-style:italic}body.theme-steller .pookie-quiz-result-title{font-style:normal;letter-spacing:.06em}.pookie-quiz-result-score{font-size:3.2rem;font-weight:900;color:var(--theme-text);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:16px}.pookie-quiz-result-pct{font-size:1.2rem;font-weight:700;color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent) 26%,transparent);border-radius:999px;padding:4px 14px}body.theme-graphpaper .pookie-quiz-result-pct{font-family:IBM Plex Mono,monospace;border-radius:3px}.pookie-quiz-result-msg{color:var(--theme-muted);font-size:1rem;font-weight:600;margin-bottom:32px;line-height:1.6}.pookie-quiz-result-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.pookie-page{padding:28px 16px 64px}.pookie-quiz-options{grid-template-columns:1fr}.pookie-toolbar{flex-direction:column;align-items:stretch}.pookie-btn{text-align:center}.pookie-quiz-card{padding:24px 18px}}@media (max-width: 480px){.pookie-card-grid{grid-template-columns:1fr}.pookie-flip-card{height:200px}.pookie-quiz-result-score{font-size:2.4rem}}@media (min-width: 1024px){.pookie-card-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}}.nb-root{display:flex;min-height:calc(100vh - 64px);background:var(--pookie-bg);color:var(--pookie-text);font-family:var(--pookie-font);position:relative;overflow:hidden}.nb-orb{position:fixed;border-radius:50%;pointer-events:none;filter:blur(100px);opacity:.18;z-index:0}.nb-orb--1{width:480px;height:480px;background:radial-gradient(circle,color-mix(in srgb,var(--pookie-purple) 55%,transparent),transparent 68%);top:-100px;left:-60px;animation:nb-orb1 22s ease-in-out infinite alternate}.nb-orb--2{width:360px;height:360px;background:radial-gradient(circle,color-mix(in srgb,var(--pookie-pink) 50%,transparent),transparent 68%);bottom:-60px;right:-40px;animation:nb-orb2 26s ease-in-out infinite alternate}.nb-orb--3{width:240px;height:240px;background:radial-gradient(circle,color-mix(in srgb,var(--pookie-purple) 40%,transparent),transparent 68%);top:50%;left:45%;animation:nb-orb3 32s ease-in-out infinite alternate}body.theme-aesthetic .nb-orb,body.theme-notebook .nb-orb,body.theme-graphpaper .nb-orb{opacity:0;pointer-events:none}@keyframes nb-orb1{0%{transform:translate(0) scale(1)}to{transform:translate(38px,28px) scale(1.07)}}@keyframes nb-orb2{0%{transform:translate(0) scale(1)}to{transform:translate(-28px,-38px) scale(1.05)}}@keyframes nb-orb3{0%{transform:translate(0) scale(1)}to{transform:translate(22px,30px) scale(.91)}}.nb-auth-wall{flex:1;display:flex;align-items:center;justify-content:center;color:var(--pookie-muted);font-size:1.05rem;font-weight:600}.nb-sidebar{min-height:calc(100vh - 64px);background:color-mix(in srgb,var(--pookie-bg) 96%,var(--pookie-surface));border-right:1px solid var(--pookie-border);display:flex;flex-direction:column;position:sticky;top:64px;flex-shrink:0;z-index:20;overflow:hidden;box-shadow:2px 0 18px #0000002e}body.theme-aesthetic .nb-sidebar{background:#f5efe4f7;box-shadow:2px 0 12px #643c141a}body.theme-notebook .nb-sidebar{background:#faf8f1fa;box-shadow:2px 0 8px #00000014}body.theme-graphpaper .nb-sidebar{background:#fefefef7;box-shadow:2px 0 8px #0000000f}body.theme-steller .nb-sidebar{background:#020510f0}.nb-sb-top{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;border-bottom:1px solid var(--pookie-border);flex-shrink:0}.nb-sb-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pookie-muted);white-space:nowrap;overflow:hidden}.nb-sb-toggle{background:color-mix(in srgb,var(--pookie-pink) 8%,transparent);border:1px solid var(--pookie-border);color:var(--pookie-muted);width:26px;height:26px;border-radius:var(--pookie-radius-sm);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.nb-sb-toggle:hover{background:color-mix(in srgb,var(--pookie-pink) 15%,transparent);color:var(--pookie-pink);border-color:var(--pookie-border2);transform:scale(1.06)}.nb-sb-body{flex:1;overflow-y:auto;padding:8px 7px 20px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pookie-pink) 20%,transparent) transparent}.nb-sb-body::-webkit-scrollbar{width:3px}.nb-sb-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--pookie-pink) 22%,transparent);border-radius:99px}.nb-sb-new{display:flex;align-items:center;gap:7px;width:100%;padding:8px 11px;background:color-mix(in srgb,var(--pookie-pink) 10%,transparent);border:1px solid var(--pookie-border);border-radius:var(--pookie-radius-sm);color:var(--pookie-pink);font-family:var(--pookie-font);font-size:.81rem;font-weight:700;cursor:pointer;transition:all .22s;margin-bottom:10px}.nb-sb-new:hover{background:color-mix(in srgb,var(--pookie-pink) 18%,transparent);transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in srgb,var(--pookie-pink) 20%,transparent)}.nb-sb-section{margin-bottom:4px}.nb-sb-section-label{font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--pookie-muted);padding:8px 8px 4px}.nb-sb-item{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:calc(var(--pookie-radius-sm) - 4px);cursor:pointer;border:1px solid transparent;transition:all .18s;overflow:hidden}.nb-sb-item:hover{background:color-mix(in srgb,var(--pookie-pink) 7%,transparent);border-color:var(--pookie-border)}.nb-sb-item.active{background:color-mix(in srgb,var(--pookie-pink) 12%,transparent);border-color:var(--pookie-border)}.nb-sb-item-icon{font-size:.38rem;color:var(--pookie-muted);flex-shrink:0}.nb-sb-item.active .nb-sb-item-icon{color:var(--pookie-pink)}.nb-sb-item-title{flex:1;font-size:.79rem;color:var(--pookie-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-sb-item.active .nb-sb-item-title{color:var(--pookie-text);font-weight:600}.nb-sb-item-fav{font-size:.56rem;color:var(--pookie-pink);flex-shrink:0}.nb-sb-empty{font-size:.75rem;color:var(--pookie-muted);padding:8px}.nb-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;z-index:1;overflow:hidden}.nb-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px 10px;border-bottom:1px solid var(--pookie-border);background:color-mix(in srgb,var(--pookie-bg) 80%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-wrap:wrap;gap:10px;flex-shrink:0}body.theme-aesthetic .nb-topbar{background:#f5efe4e6}body.theme-notebook .nb-topbar{background:#faf8f1eb}body.theme-graphpaper .nb-topbar{background:#fefefef0}body.theme-steller .nb-topbar{background:#020510e0}.nb-topbar-left{display:flex;align-items:baseline;gap:10px}.nb-heading{font-family:var(--pookie-display);font-size:1.7rem;font-weight:800;font-style:italic;background:linear-gradient(135deg,var(--pookie-pink) 0%,var(--pookie-purple) 60%,var(--pookie-text) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:7px;line-height:1}body.theme-aesthetic .nb-heading{background:linear-gradient(135deg,var(--pookie-pink) 0%,var(--pookie-purple) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--pookie-display)}body.theme-steller .nb-heading{background:linear-gradient(135deg,var(--pookie-pink) 0%,var(--pookie-purple) 100%);-webkit-background-clip:text;background-clip:text}body.theme-notebook .nb-heading{background:linear-gradient(135deg,var(--pookie-purple) 0%,var(--pookie-pink2) 100%);-webkit-background-clip:text;background-clip:text}body.theme-graphpaper .nb-heading{background:linear-gradient(135deg,var(--pookie-pink) 0%,var(--pookie-purple) 100%);-webkit-background-clip:text;background-clip:text}.nb-heading-glyph{font-style:normal}.nb-note-count{font-size:.71rem;color:var(--pookie-muted);font-weight:600;background:color-mix(in srgb,var(--pookie-pink) 8%,transparent);border:1px solid var(--pookie-border);border-radius:999px;padding:2px 9px}.nb-topbar-right{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.nb-topbar-search{display:flex;align-items:center;gap:8px;width:200px;height:36px;padding:0 13px;background:color-mix(in srgb,var(--pookie-surface) 60%,transparent);border:1px solid var(--pookie-border);border-radius:999px;transition:all .2s;color:var(--pookie-muted)}.nb-topbar-search:focus-within{border-color:var(--pookie-border2);background:color-mix(in srgb,var(--pookie-pink) 7%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pookie-pink) 10%,transparent);width:220px}.nb-topbar-search svg{font-size:.8rem;flex-shrink:0;opacity:.6}.nb-topbar-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--pookie-text);font-size:.84rem;font-family:var(--pookie-font);min-width:0;font-weight:500}.nb-topbar-search-input::-moz-placeholder{color:var(--pookie-muted)}.nb-topbar-search-input::placeholder{color:var(--pookie-muted)}.nb-topbar-search button{background:none;border:none;color:var(--pookie-muted);cursor:pointer;display:flex;align-items:center;font-size:.72rem;transition:all .15s;padding:0}.nb-topbar-search button:hover{color:var(--pookie-pink);transform:rotate(90deg)}.nb-filter-btn{display:flex;align-items:center;gap:5px;padding:7px 13px;background:color-mix(in srgb,var(--pookie-surface) 50%,transparent);border:1px solid var(--pookie-border);border-radius:999px;color:var(--pookie-muted);font-family:var(--pookie-font);font-size:.81rem;font-weight:600;cursor:pointer;transition:all .2s}.nb-filter-btn svg{font-size:.7rem}.nb-filter-btn:hover{background:color-mix(in srgb,var(--pookie-pink) 9%,transparent);border-color:var(--pookie-border2);color:var(--pookie-text)}.nb-filter-btn.active{background:color-mix(in srgb,var(--pookie-pink) 13%,transparent);border-color:var(--pookie-border2);color:var(--pookie-pink);box-shadow:0 2px 10px color-mix(in srgb,var(--pookie-pink) 18%,transparent)}.nb-new-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;background:linear-gradient(135deg,var(--pookie-purple2),var(--pookie-pink2));border:none;border-radius:999px;color:#fff;font-family:var(--pookie-font);font-size:.83rem;font-weight:700;cursor:pointer;transition:all .22s;box-shadow:0 4px 16px color-mix(in srgb,var(--pookie-purple) 30%,transparent)}.nb-new-btn svg{font-size:.68rem}.nb-new-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--pookie-pink) 40%,transparent)}.nb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:15px;padding:20px 24px;align-content:start;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pookie-pink) 18%,transparent) transparent}.nb-grid::-webkit-scrollbar{width:4px}.nb-grid::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--pookie-pink) 18%,transparent);border-radius:99px}.nb-card{background:color-mix(in srgb,var(--pookie-surface) 70%,transparent);border:1px solid var(--pookie-border);border-radius:var(--pookie-radius);padding:16px;cursor:pointer;display:flex;flex-direction:column;min-height:175px;position:relative;overflow:hidden;transition:all .22s;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 12px #00000040,0 0 0 1px #ffffff08}body.theme-aesthetic .nb-card{background:#fffcf4e6;border-color:#b5673d38;box-shadow:0 1px 6px #643c141f,inset 0 1px #ffffffbf;backdrop-filter:none;-webkit-backdrop-filter:none}body.theme-notebook .nb-card{background:#fffef98c;border-color:#93c5fd73;border-left:2px solid rgba(220,38,38,.22);box-shadow:0 2px 8px #00000014;backdrop-filter:none;-webkit-backdrop-filter:none}body.theme-graphpaper .nb-card{background:#ffffffb8;border-color:#2563eb33;box-shadow:0 1px 4px #0000000f;backdrop-filter:none;-webkit-backdrop-filter:none}body.theme-steller .nb-card{background:#081028cc;border-color:#38bdf82e;box-shadow:0 4px 20px #38bdf81a,inset 0 1px #38bdf812}.nb-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--pookie-pink),var(--pookie-purple));opacity:0;transition:opacity .2s;border-radius:var(--pookie-radius) var(--pookie-radius) 0 0}body.theme-aesthetic .nb-card:before{background:linear-gradient(90deg,var(--pookie-pink),var(--pookie-purple2))}body.theme-steller .nb-card:before{background:linear-gradient(90deg,var(--pookie-pink),var(--pookie-purple))}body.theme-notebook .nb-card:before{background:linear-gradient(90deg,#dc262699,#1a3a6b80)}body.theme-graphpaper .nb-card:before{background:linear-gradient(90deg,var(--pookie-pink),var(--pookie-purple))}.nb-card:hover:before{opacity:1}.nb-card:hover{border-color:var(--pookie-border2);transform:translateY(-4px) scale(1.012);box-shadow:0 10px 30px color-mix(in srgb,var(--pookie-pink) 18%,transparent)}body.theme-aesthetic .nb-card:hover{border-color:#b5673d66;box-shadow:0 4px 18px #643c1429}body.theme-notebook .nb-card:hover{border-color:#1a3a6b61;border-left-color:#dc26266b;box-shadow:0 4px 14px #0000001f}body.theme-graphpaper .nb-card:hover{border-color:#2563eb5c;box-shadow:0 4px 18px #2563eb1a}body.theme-steller .nb-card:hover{border-color:#38bdf861;box-shadow:0 12px 36px #38bdf82e}.nb-card.pinned{border-color:var(--pookie-border2)}.nb-card.pinned:before{opacity:1}body.theme-notebook .nb-card.pinned{border-left-color:#dc26268c}.nb-card-pin{position:absolute;top:11px;right:11px;color:var(--pookie-pink);font-size:.7rem;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--pookie-pink) 55%,transparent))}body.theme-aesthetic .nb-card-pin,body.theme-steller .nb-card-pin{color:var(--pookie-pink)}body.theme-notebook .nb-card-pin{color:#dc2626bf;filter:none}body.theme-graphpaper .nb-card-pin{color:var(--pookie-pink)}.nb-card-body{flex:1;display:flex;flex-direction:column;gap:7px}.nb-card-title{font-size:.93rem;font-weight:700;color:var(--pookie-text);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nb-card-preview{font-size:.78rem;color:var(--pookie-muted);line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.nb-card-meta-row{display:flex;gap:5px}.nb-card-wiki-badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-family:JetBrains Mono,monospace;color:var(--pookie-purple);background:color-mix(in srgb,var(--pookie-purple) 10%,transparent);border:1px solid color-mix(in srgb,var(--pookie-purple) 20%,transparent);border-radius:calc(var(--pookie-radius-sm) - 4px);padding:2px 7px}.nb-card-wiki-badge svg{font-size:.56rem}.nb-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.nb-card-tag{font-size:.65rem;color:var(--pookie-pink);background:color-mix(in srgb,var(--pookie-pink) 9%,transparent);border:1px solid color-mix(in srgb,var(--pookie-pink) 18%,transparent);border-radius:999px;padding:2px 7px}.nb-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid var(--pookie-border)}.nb-card-date{font-size:.66rem;color:var(--pookie-muted);font-weight:500}.nb-card-actions{display:flex;gap:2px}.nb-card-btn{background:none;border:none;color:var(--pookie-muted);cursor:pointer;padding:4px;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .18s}.nb-card-btn:hover{background:color-mix(in srgb,var(--pookie-text) 6%,transparent);color:var(--pookie-text)}.nb-card-btn.fav{color:var(--pookie-pink)}.nb-card-btn.fav:hover{background:color-mix(in srgb,var(--pookie-pink) 12%,transparent)}.nb-card-btn.del:hover{color:var(--pookie-rose);background:color-mix(in srgb,var(--pookie-rose) 10%,transparent)}.nb-loading{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:300px;color:var(--pookie-muted);font-size:.87rem;font-weight:600}.nb-spinner{width:36px;height:36px;border:2.5px solid color-mix(in srgb,var(--pookie-pink) 16%,transparent);border-top-color:var(--pookie-pink);border-right-color:var(--pookie-purple);border-radius:50%;animation:nb-spin .85s linear infinite}@keyframes nb-spin{to{transform:rotate(360deg)}}.nb-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;text-align:center;gap:10px;padding:40px}.nb-empty-glyph{font-size:2.8rem;background:linear-gradient(135deg,var(--pookie-pink),var(--pookie-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.nb-empty h3{font-size:1.28rem;color:var(--pookie-text);font-weight:800}.nb-empty p{font-size:.86rem;color:var(--pookie-muted);max-width:330px;line-height:1.65;font-weight:500}.nb-empty-btn{display:flex;align-items:center;gap:6px;padding:11px 22px;background:linear-gradient(135deg,var(--pookie-purple2),var(--pookie-pink2));border:none;border-radius:999px;color:#fff;font-weight:700;font-size:.87rem;cursor:pointer;transition:all .22s;box-shadow:0 4px 16px color-mix(in srgb,var(--pookie-purple) 28%,transparent);margin-top:6px}.nb-empty-btn:hover{transform:translateY(-3px);box-shadow:0 8px 26px color-mix(in srgb,var(--pookie-pink) 42%,transparent)}.nb-editor-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 64px)}.nb-editor-panel{display:flex;flex-direction:column;flex:1;overflow:hidden}.nb-panel-nav{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--pookie-border);background:color-mix(in srgb,var(--pookie-bg) 80%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0;flex-wrap:wrap}body.theme-aesthetic .nb-panel-nav{background:#f5efe4eb}body.theme-notebook .nb-panel-nav{background:#faf8f1f0}body.theme-graphpaper .nb-panel-nav{background:#fefefef2}body.theme-steller .nb-panel-nav{background:#020510e6}.nb-panel-back{background:color-mix(in srgb,var(--pookie-pink) 8%,transparent);border:1px solid var(--pookie-border);border-radius:calc(var(--pookie-radius-sm) - 4px);color:var(--pookie-muted);cursor:pointer;width:30px;height:30px;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.nb-panel-back:hover{background:color-mix(in srgb,var(--pookie-pink) 14%,transparent);color:var(--pookie-pink);border-color:var(--pookie-border2)}.nb-panel-breadcrumb{flex:1;display:flex;align-items:center;gap:5px;font-size:.77rem;overflow:hidden}.nb-panel-bc-root{color:var(--pookie-muted)}.nb-panel-bc-sep{color:var(--pookie-muted);font-size:.58rem}.nb-panel-bc-current{color:var(--pookie-text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-panel-status{display:flex;align-items:center;font-size:.7rem}.nb-status-saving,.nb-status-saved{display:flex;align-items:center;gap:5px;color:var(--pookie-muted)}.nb-status-dot{width:6px;height:6px;border-radius:50%}.nb-status-dot.saving{background:#fbbf24;animation:nb-pulse-dot 1s ease infinite}.nb-status-dot.saved{background:#34d399}@keyframes nb-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.nb-panel-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.nb-panel-action{background:none;border:1px solid transparent;border-radius:calc(var(--pookie-radius-sm) - 4px);color:var(--pookie-muted);cursor:pointer;width:30px;height:30px;font-size:.72rem;display:flex;align-items:center;justify-content:center;transition:all .18s}.nb-panel-action:hover{background:color-mix(in srgb,var(--pookie-text) 5%,transparent);color:var(--pookie-text);border-color:var(--pookie-border)}.nb-panel-action.fav{color:var(--pookie-pink)}.nb-panel-action.fav:hover{background:color-mix(in srgb,var(--pookie-pink) 10%,transparent);border-color:var(--pookie-border)}.nb-panel-action.pinned{color:#fbbf24}.nb-panel-action.pinned:hover{background:#fbbf2417;border-color:#fbbf243d}.nb-panel-action.delete:hover{color:var(--pookie-rose);background:color-mix(in srgb,var(--pookie-rose) 10%,transparent);border-color:color-mix(in srgb,var(--pookie-rose) 26%,transparent)}.nb-toolbar{display:flex;align-items:center;gap:2px;padding:4px 10px;border-bottom:1px solid var(--pookie-border);background:color-mix(in srgb,var(--pookie-bg) 65%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);flex-shrink:0;flex-wrap:wrap;min-height:36px}body.theme-aesthetic .nb-toolbar{background:#f5efe4e0}body.theme-notebook .nb-toolbar{background:#faf8f1e6}body.theme-graphpaper .nb-toolbar{background:#fefefeeb}body.theme-steller .nb-toolbar{background:#020510d9}.nb-tb-group{display:flex;align-items:center;gap:1px}.nb-tb-divider{width:1px;height:15px;background:var(--pookie-border);margin:0 4px}.nb-tb-spacer{flex:1}.nb-tb-btn{display:flex;align-items:center;justify-content:center;gap:3px;padding:0;width:28px;height:26px;background:none;border:1px solid transparent;border-radius:calc(var(--pookie-radius-sm) - 6px);color:var(--pookie-muted);cursor:pointer;font-size:.7rem;transition:all .14s}.nb-tb-btn:hover{background:color-mix(in srgb,var(--pookie-pink) 10%,transparent);border-color:var(--pookie-border);color:var(--pookie-text)}.nb-tb-btn.is-active{background:color-mix(in srgb,var(--pookie-pink) 14%,transparent);color:var(--pookie-pink);border-color:color-mix(in srgb,var(--pookie-pink) 28%,transparent)}.nb-tb-text{font-size:.64rem;font-weight:700;font-family:var(--pookie-font)}.nb-tb-wiki{width:auto;padding:0 9px;color:var(--pookie-purple);border-color:color-mix(in srgb,var(--pookie-purple) 20%,transparent);background:color-mix(in srgb,var(--pookie-purple) 8%,transparent);font-size:.7rem}.nb-tb-wiki:hover{background:color-mix(in srgb,var(--pookie-purple) 16%,transparent);border-color:color-mix(in srgb,var(--pookie-purple) 35%,transparent)}.nb-tb-wiki-label{font-size:.7rem;font-weight:700}.nb-tb-export{width:auto;padding:0 9px;color:var(--pookie-pink);border-color:color-mix(in srgb,var(--pookie-pink) 20%,transparent);background:color-mix(in srgb,var(--pookie-pink) 7%,transparent);font-size:.7rem}.nb-tb-export:hover{background:color-mix(in srgb,var(--pookie-pink) 14%,transparent);border-color:var(--pookie-border2)}.nb-export-menu{position:relative}.nb-export-dropdown{position:absolute;top:calc(100% + 5px);right:0;background:color-mix(in srgb,var(--pookie-bg) 98%,var(--pookie-surface));border:1px solid var(--pookie-border2);border-radius:var(--pookie-radius-sm);overflow:hidden;z-index:200;box-shadow:0 12px 36px #00000073;min-width:162px}body.theme-aesthetic .nb-export-dropdown{background:#fcf8f0fc;border-color:#b5673d4d}body.theme-notebook .nb-export-dropdown{background:#fcfaf4fc;border-color:#93c5fd8c}body.theme-graphpaper .nb-export-dropdown{background:#fffffffc;border-color:#2563eb38}body.theme-steller .nb-export-dropdown{background:#020814f7;border-color:#38bdf838}.nb-export-item{display:flex;align-items:center;gap:8px;padding:10px 14px;width:100%;background:none;border:none;color:var(--pookie-muted);font-family:var(--pookie-font);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .14s}.nb-export-item:hover{background:color-mix(in srgb,var(--pookie-pink) 10%,transparent);color:var(--pookie-text)}.nb-export-item svg{font-size:.8rem}.nb-export-item:first-child svg{color:var(--pookie-rose)}.nb-export-item:last-child svg{color:#60a5fa}.nb-editor-body{flex:1;overflow-y:auto;padding:28px 44px;display:flex;flex-direction:column;gap:15px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pookie-pink) 16%,transparent) transparent;max-width:870px;width:100%;margin:0 auto}.nb-editor-body::-webkit-scrollbar{width:4px}.nb-editor-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--pookie-pink) 16%,transparent);border-radius:99px}.nb-title-input{width:100%;background:none;border:none;outline:none;font-family:var(--pookie-display);font-size:1.95rem;font-weight:800;color:var(--pookie-text);line-height:1.25;padding:0;caret-color:var(--pookie-pink);border-bottom:2px solid transparent;transition:border-color .2s}.nb-title-input::-moz-placeholder{color:var(--pookie-muted);font-style:italic}.nb-title-input::placeholder{color:var(--pookie-muted);font-style:italic}.nb-title-input:focus{border-bottom-color:color-mix(in srgb,var(--pookie-pink) 22%,transparent)}body.theme-aesthetic .nb-title-input,body.theme-notebook .nb-title-input,body.theme-graphpaper .nb-title-input,body.theme-steller .nb-title-input{font-family:var(--pookie-display);color:var(--pookie-text)}.nb-tags-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.nb-tag-chip{font-size:.7rem;color:var(--pookie-pink);background:color-mix(in srgb,var(--pookie-pink) 9%,transparent);border:1px solid color-mix(in srgb,var(--pookie-pink) 20%,transparent);border-radius:999px;padding:3px 10px;cursor:pointer;transition:all .15s}.nb-tag-chip:hover{background:color-mix(in srgb,var(--pookie-pink) 16%,transparent)}.nb-tag-add{display:flex;align-items:center;gap:3px;font-size:.67rem;color:var(--pookie-muted);background:none;border:1px dashed var(--pookie-border);border-radius:999px;padding:3px 9px;cursor:pointer;transition:all .15s}.nb-tag-add:hover{border-color:var(--pookie-border2);color:var(--pookie-pink)}.nb-tag-add svg{font-size:.54rem}.nb-tag-edit-input{background:color-mix(in srgb,var(--pookie-surface) 60%,transparent);border:1px solid var(--pookie-border2);border-radius:999px;padding:4px 13px;color:var(--pookie-text);font-size:.77rem;font-family:var(--pookie-font);outline:none;width:240px;transition:all .2s}.nb-tag-edit-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--pookie-pink) 12%,transparent)}.nb-tag-edit-input::-moz-placeholder{color:var(--pookie-muted)}.nb-tag-edit-input::placeholder{color:var(--pookie-muted)}.nb-editor-area{flex:1;position:relative}.nb-editor-content{font-family:Lora,Georgia,serif;font-size:1rem;line-height:1.85;color:var(--pookie-muted);min-height:250px;caret-color:var(--pookie-pink);outline:none}body.theme-aesthetic .nb-editor-content,body.theme-notebook .nb-editor-content,body.theme-graphpaper .nb-editor-content,body.theme-steller .nb-editor-content{font-family:var(--pookie-font)}.ProseMirror{outline:none}.ProseMirror>*+*{margin-top:.8em}.ProseMirror p{color:var(--pookie-muted);margin:0}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--pookie-muted);font-style:italic;pointer-events:none;float:left;height:0;opacity:.6}.ProseMirror h1{font-family:var(--pookie-display);font-size:1.75rem;font-weight:800;color:var(--pookie-text);line-height:1.2;margin-bottom:.22em;border-bottom:1px solid var(--pookie-border);padding-bottom:.18em}.ProseMirror h2{font-size:1.35rem;font-weight:700;color:var(--pookie-pink);line-height:1.3}.ProseMirror h3{font-size:1.12rem;font-weight:700;color:var(--pookie-purple);line-height:1.35}.ProseMirror strong{font-weight:800;color:var(--pookie-text)}.ProseMirror em{font-style:italic;color:var(--pookie-text);opacity:.9}.ProseMirror u{text-decoration:underline;text-decoration-color:var(--pookie-pink)}.ProseMirror s{text-decoration:line-through;color:var(--pookie-muted);opacity:.65}.ProseMirror mark{background:color-mix(in srgb,var(--pookie-purple) 18%,transparent);color:var(--pookie-text);border-radius:3px;padding:0 3px}.ProseMirror a{color:var(--pookie-purple);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--pookie-purple) 40%,transparent);transition:color .15s}.ProseMirror a:hover{color:var(--pookie-text)}.ProseMirror code{background:color-mix(in srgb,var(--pookie-pink) 10%,transparent);color:var(--pookie-pink);font-family:JetBrains Mono,monospace;font-size:.86em;border-radius:5px;padding:1px 5px;border:1px solid color-mix(in srgb,var(--pookie-pink) 18%,transparent)}.ProseMirror pre{background:color-mix(in srgb,var(--pookie-bg) 90%,var(--pookie-surface));border:1px solid var(--pookie-border2);border-radius:var(--pookie-radius-sm);padding:13px 17px;overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:.87rem;line-height:1.65;color:var(--pookie-pink);box-shadow:inset 0 0 16px #0003}.ProseMirror pre code{background:none;border:none;padding:0;color:inherit}.ProseMirror blockquote{border-left:3px solid var(--pookie-pink);background:color-mix(in srgb,var(--pookie-pink) 6%,transparent);border-radius:0 var(--pookie-radius-sm) var(--pookie-radius-sm) 0;padding:10px 16px;margin:.4em 0;color:var(--pookie-muted);font-style:italic}.ProseMirror ul,.ProseMirror ol{padding-left:1.5em;color:var(--pookie-muted)}.ProseMirror li{margin:.18em 0}.ProseMirror li::marker{color:var(--pookie-pink)}.ProseMirror ul[data-type=taskList]{padding-left:0;list-style:none}.ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px;margin:4px 0}.ProseMirror ul[data-type=taskList] li>label{flex-shrink:0;margin-top:3px}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:15px;height:15px;border-radius:4px;border:1.5px solid var(--pookie-pink);cursor:pointer;background:none;position:relative;transition:all .15s}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]:checked{background:var(--pookie-pink2);border-color:var(--pookie-pink2)}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:9px}.ProseMirror ul[data-type=taskList] li[data-checked=true]>div{text-decoration:line-through;color:var(--pookie-muted);opacity:.6}.nb-wiki{display:inline;color:var(--pookie-purple);background:color-mix(in srgb,var(--pookie-purple) 11%,transparent);border:1px solid color-mix(in srgb,var(--pookie-purple) 24%,transparent);border-radius:5px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:.86em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .15s}.nb-wiki:hover{background:color-mix(in srgb,var(--pookie-purple) 20%,transparent);border-color:color-mix(in srgb,var(--pookie-purple) 40%,transparent);color:var(--pookie-text)}.nb-wiki.missing{color:var(--pookie-muted);background:color-mix(in srgb,var(--pookie-muted) 5%,transparent);border-color:var(--pookie-border);text-decoration:line-through}.nb-backlinks{background:color-mix(in srgb,var(--pookie-pink) 5%,transparent);border:1px solid var(--pookie-border);border-radius:var(--pookie-radius-sm);padding:12px 15px;margin-top:6px}.nb-backlinks-label{font-size:.68rem;font-weight:800;color:var(--pookie-pink);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.nb-backlink-item{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:calc(var(--pookie-radius-sm) - 4px);cursor:pointer;color:var(--pookie-muted);font-size:.8rem;transition:all .18s}.nb-backlink-item:hover{background:color-mix(in srgb,var(--pookie-pink) 9%,transparent);color:var(--pookie-text)}.nb-backlink-dot{width:5px;height:5px;border-radius:50%;background:var(--pookie-pink);flex-shrink:0}.nb-editor-footer{display:flex;align-items:center;gap:16px;justify-content:flex-end;padding:6px 24px;border-top:1px solid var(--pookie-border);font-size:.67rem;color:var(--pookie-muted);background:color-mix(in srgb,var(--pookie-bg) 60%,transparent);flex-shrink:0}.nb-editor-footer svg{vertical-align:middle}body.theme-aesthetic .nb-editor-footer{background:#f5efe4d9}body.theme-notebook .nb-editor-footer{background:#faf8f1d9}body.theme-graphpaper .nb-editor-footer{background:#fefefee6}body.theme-steller .nb-editor-footer{background:#020510d1}.nb-wiki-popup{position:absolute;top:2em;left:0;z-index:9999;width:284px;background:color-mix(in srgb,var(--pookie-bg) 98%,var(--pookie-surface));border:1px solid var(--pookie-border2);border-radius:var(--pookie-radius-sm);overflow:hidden;box-shadow:0 16px 44px #00000080,0 0 0 1px color-mix(in srgb,var(--pookie-pink) 8%,transparent)}body.theme-aesthetic .nb-wiki-popup{background:#fcf8f0fc;border-color:#b5673d52}body.theme-notebook .nb-wiki-popup{background:#fcfaf4fc;border-color:#93c5fd8c}body.theme-graphpaper .nb-wiki-popup{background:#fffffffc;border-color:#2563eb3d}body.theme-steller .nb-wiki-popup{background:#020814f7;border-color:#38bdf83d}.nb-wiki-popup-header{display:flex;align-items:center;gap:6px;padding:9px 12px 7px;border-bottom:1px solid var(--pookie-border);font-size:.68rem;font-weight:800;color:var(--pookie-pink);text-transform:uppercase;letter-spacing:.07em}.nb-wiki-popup-icon{font-size:.66rem}.nb-wiki-popup-query{color:var(--pookie-muted);font-weight:400;font-style:italic;text-transform:none;letter-spacing:0}.nb-wiki-popup-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:all .14s;border-bottom:1px solid color-mix(in srgb,var(--pookie-border) 60%,transparent)}.nb-wiki-popup-item:hover,.nb-wiki-popup-item.active{background:color-mix(in srgb,var(--pookie-pink) 12%,transparent);color:var(--pookie-text)}.nb-wiki-popup-dot{width:5px;height:5px;border-radius:50%;background:var(--pookie-pink);flex-shrink:0}.nb-wiki-popup-title{flex:1;font-size:.8rem;color:var(--pookie-muted)}.nb-wiki-popup-item.active .nb-wiki-popup-title,.nb-wiki-popup-item:hover .nb-wiki-popup-title{color:var(--pookie-text)}.nb-wiki-popup-empty{padding:9px 12px;font-size:.76rem;color:var(--pookie-muted);font-style:italic}.nb-wiki-popup-footer{padding:6px 12px;border-top:1px solid var(--pookie-border);font-size:.61rem;color:var(--pookie-muted);font-family:JetBrains Mono,monospace}.nb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:20px}.nb-create-modal{width:100%;max-width:454px;background:color-mix(in srgb,var(--pookie-bg) 98%,var(--pookie-surface));border:1px solid var(--pookie-border2);border-radius:var(--pookie-radius);overflow:hidden;box-shadow:0 28px 70px #0009,inset 0 1px #ffffff0d}body.theme-aesthetic .nb-create-modal{background:#fcf8f0fc;border-color:#b5673d4d}body.theme-notebook .nb-create-modal{background:#fcfaf4fc;border-color:#93c5fd8c}body.theme-graphpaper .nb-create-modal{background:#fffffffc;border-color:#2563eb3d}body.theme-steller .nb-create-modal{background:#020814fa;border-color:#38bdf83d}.nb-create-modal:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--pookie-pink2),var(--pookie-pink),var(--pookie-purple),transparent)}body.theme-steller .nb-create-modal:before{background:linear-gradient(90deg,var(--pookie-pink),var(--pookie-purple),transparent)}body.theme-aesthetic .nb-create-modal:before{background:linear-gradient(90deg,var(--pookie-pink),var(--pookie-purple2),transparent)}body.theme-notebook .nb-create-modal:before{background:linear-gradient(90deg,rgba(220,38,38,.8),rgba(26,58,107,.7),transparent)}body.theme-graphpaper .nb-create-modal:before{background:linear-gradient(90deg,var(--pookie-pink),var(--pookie-purple),transparent)}.nb-modal-header{display:flex;align-items:center;gap:9px;padding:15px 17px 11px;border-bottom:1px solid var(--pookie-border);font-size:.96rem;font-weight:800;color:var(--pookie-pink)}.nb-modal-icon{font-size:1.1rem;color:var(--pookie-pink);flex-shrink:0}.nb-modal-x{background:color-mix(in srgb,var(--pookie-pink) 8%,transparent);border:1px solid color-mix(in srgb,var(--pookie-pink) 22%,transparent);color:var(--pookie-pink)!important;-webkit-text-fill-color:var(--pookie-pink)!important;cursor:pointer;margin-left:auto;width:30px;height:30px;border-radius:var(--pookie-radius-sm);display:flex;align-items:center;justify-content:center;font-size:.74rem;transition:all .2s;flex-shrink:0}.nb-modal-x:hover{background:color-mix(in srgb,var(--pookie-rose) 14%,transparent);border-color:color-mix(in srgb,var(--pookie-rose) 36%,transparent);color:var(--pookie-rose)!important;-webkit-text-fill-color:var(--pookie-rose)!important;transform:rotate(90deg) scale(1.08)}.nb-modal-body{padding:17px 17px 13px;display:flex;flex-direction:column;gap:10px}.nb-modal-title-input{width:100%;background:color-mix(in srgb,var(--pookie-surface) 60%,transparent);border:1px solid var(--pookie-border);border-radius:var(--pookie-radius-sm);padding:11px 14px;color:var(--pookie-text);font-family:var(--pookie-display);font-size:1.05rem;outline:none;transition:all .2s}.nb-modal-title-input:focus{border-color:var(--pookie-border2);background:color-mix(in srgb,var(--pookie-pink) 6%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pookie-pink) 10%,transparent)}.nb-modal-title-input::-moz-placeholder{color:var(--pookie-muted);font-style:italic}.nb-modal-title-input::placeholder{color:var(--pookie-muted);font-style:italic}.nb-modal-hint{font-size:.74rem;color:var(--pookie-muted)}.nb-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 17px;border-top:1px solid var(--pookie-border)}.nb-modal-cancel{padding:8px 15px;background:color-mix(in srgb,var(--pookie-text) 4%,transparent);border:1px solid var(--pookie-border);border-radius:999px;color:var(--pookie-muted);font-family:var(--pookie-font);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s}.nb-modal-cancel:hover{border-color:var(--pookie-border2);color:var(--pookie-text)}.nb-modal-create{display:flex;align-items:center;gap:6px;padding:8px 20px;background:linear-gradient(135deg,var(--pookie-purple2),var(--pookie-pink2));border:none;border-radius:999px;color:#fff;font-family:var(--pookie-font);font-size:.83rem;font-weight:700;cursor:pointer;transition:all .22s;box-shadow:0 4px 14px color-mix(in srgb,var(--pookie-purple) 28%,transparent)}.nb-modal-create:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--pookie-pink) 42%,transparent);transform:translateY(-1px)}.nb-modal-create:disabled{opacity:.42;cursor:not-allowed;transform:none}.nb-graph-view{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.nb-graph-container{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;position:relative}.nb-graph-bar{display:flex;align-items:center;gap:10px;padding:9px 18px;background:color-mix(in srgb,var(--pookie-bg) 90%,transparent);border-bottom:1px solid var(--pookie-border);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);flex-shrink:0;z-index:2;flex-wrap:wrap}body.theme-aesthetic .nb-graph-bar{background:#f5efe4f0}body.theme-notebook .nb-graph-bar{background:#faf8f1f2}body.theme-graphpaper .nb-graph-bar{background:#fefefef5}body.theme-steller .nb-graph-bar{background:#020510eb}.nb-graph-bar-icon{color:var(--pookie-purple);font-size:.86rem;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--pookie-purple) 65%,transparent));flex-shrink:0}.nb-graph-bar-title{font-size:.83rem;font-weight:700;background:linear-gradient(90deg,var(--pookie-pink),var(--pookie-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}body.theme-aesthetic .nb-graph-bar-title{background:linear-gradient(90deg,var(--pookie-pink),var(--pookie-purple2));-webkit-background-clip:text;background-clip:text}body.theme-steller .nb-graph-bar-title{background:linear-gradient(90deg,var(--pookie-pink),var(--pookie-purple));-webkit-background-clip:text;background-clip:text}body.theme-notebook .nb-graph-bar-title{background:linear-gradient(90deg,#dc2626e6,#1a3a6be6);-webkit-background-clip:text;background-clip:text}body.theme-graphpaper .nb-graph-bar-title{background:linear-gradient(90deg,var(--pookie-pink),var(--pookie-purple));-webkit-background-clip:text;background-clip:text}.nb-graph-legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nb-graph-legend-item{display:flex;align-items:center;gap:5px;font-size:.66rem;color:var(--pookie-muted);font-weight:600;padding:3px 8px;background:color-mix(in srgb,var(--pookie-surface) 60%,transparent);border:1px solid var(--pookie-border);border-radius:999px;white-space:nowrap}.nb-graph-legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.nb-graph-hint{font-size:.66rem;color:var(--pookie-muted);margin-left:auto;white-space:nowrap}.nb-graph-canvas-wrap{flex:1;position:relative;overflow:hidden;min-height:0;background:var(--pookie-bg)}body.theme-aesthetic .nb-graph-canvas-wrap{background:#f5efe4}body.theme-notebook .nb-graph-canvas-wrap{background:#faf8f1}body.theme-graphpaper .nb-graph-canvas-wrap{background:#fefefe}body.theme-steller .nb-graph-canvas-wrap{background:#020510}.nb-graph-canvas{width:100%;height:100%;display:block}.nb-graph-tooltip{position:absolute;pointer-events:none;opacity:0;transition:opacity .15s;background:color-mix(in srgb,var(--pookie-bg) 97%,var(--pookie-surface));border:1px solid var(--pookie-border2);border-radius:var(--pookie-radius-sm);padding:8px 12px;min-width:120px;max-width:200px;box-shadow:0 8px 28px #00000073;z-index:100}body.theme-aesthetic .nb-graph-tooltip{background:#fcf8f0fa;border-color:#b5673d47}body.theme-notebook .nb-graph-tooltip{background:#fcfaf4fa;border-color:#93c5fd80}body.theme-graphpaper .nb-graph-tooltip{background:#fffffffa;border-color:#2563eb38}body.theme-steller .nb-graph-tooltip{background:#020814f7;border-color:#38bdf838}.nb-gtt-title{font-size:.8rem;font-weight:700;color:var(--pookie-text);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-gtt-meta{font-size:.69rem;color:var(--pookie-muted);margin-top:2px}.nb-graph-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none}.nb-graph-empty-glyph{font-size:2.4rem;background:linear-gradient(135deg,var(--pookie-pink),var(--pookie-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nb-graph-empty p{font-size:.83rem;color:var(--pookie-muted);text-align:center;max-width:290px;line-height:1.6;font-weight:500}@media (max-width: 1024px){.nb-editor-body{padding:20px 24px}.nb-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));padding:15px 17px}}@media (max-width: 768px){.nb-sidebar{display:none}.nb-topbar{padding:10px 13px}.nb-heading{font-size:1.38rem}.nb-grid{grid-template-columns:1fr;padding:11px 13px;gap:9px}.nb-editor-body{padding:14px;max-width:100%}.nb-toolbar{padding:3px 7px}.nb-tb-wiki-label{display:none}.nb-title-input{font-size:1.55rem}.nb-topbar-search,.nb-graph-legend,.nb-graph-hint{display:none}}@media (max-width: 480px){.nb-card{padding:12px;min-height:145px}.nb-create-modal{max-height:calc(100vh - 20px);border-radius:var(--pookie-radius-sm)}.nb-editor-footer{gap:9px;padding:6px 13px}.nb-modal-footer{flex-wrap:wrap}.nb-modal-create,.nb-modal-cancel{width:100%;justify-content:center}}@media (hover: none) and (pointer: coarse){.nb-card:hover,.nb-sb-new:hover,.nb-empty-btn:hover,.nb-new-btn:hover,.nb-modal-create:hover{transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.nb-orb{animation:none}}@supports not (backdrop-filter: blur(1px)){.nb-sidebar,.nb-panel-nav,.nb-topbar,.nb-toolbar,.nb-graph-bar{background:var(--pookie-bg)!important;opacity:.99}body.theme-aesthetic .nb-sidebar,body.theme-aesthetic .nb-topbar,body.theme-aesthetic .nb-panel-nav{background:#f5efe4fc!important}body.theme-notebook .nb-sidebar,body.theme-notebook .nb-topbar,body.theme-notebook .nb-panel-nav{background:#faf8f1fc!important}body.theme-graphpaper .nb-sidebar,body.theme-graphpaper .nb-topbar,body.theme-graphpaper .nb-panel-nav{background:#fefefefc!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gc-bg0: var(--pookie-bg, #060412);--gc-bg1: color-mix(in srgb, var(--pookie-bg, #060412) 85%, white 15%);--gc-bg2: color-mix(in srgb, var(--pookie-bg, #060412) 75%, white 25%);--gc-surface: var(--pookie-surface, rgba(168,85,247,.08));--gc-surface2: var(--pookie-surface2, rgba(168,85,247,.16));--gc-accent: var(--pookie-pink, #e879f9);--gc-accent2: var(--pookie-purple, #a855f7);--gc-text0: var(--pookie-text, #f5f0ff);--gc-text1: color-mix(in srgb, var(--pookie-text, #f5f0ff) 80%, var(--pookie-muted, #94a3b8) 20%);--gc-text2: var(--pookie-muted, #9580c8);--gc-text3: color-mix(in srgb, var(--pookie-muted, #9580c8) 60%, transparent 40%);--gc-border: var(--pookie-border, rgba(124,58,237,.15));--gc-border-hi: var(--pookie-border2, rgba(244,114,182,.38));--gc-glow-sm: 0 0 12px color-mix(in srgb, var(--pookie-purple, #a855f7) 15%, transparent);--gc-glow-md: 0 0 24px color-mix(in srgb, var(--pookie-purple, #a855f7) 22%, transparent);--gc-radius: var(--pookie-radius-sm, 10px);--gc-radius-sm: 6px;--gc-radius-xs: 4px;--gc-sidebar-w: 308px;--gc-toolbar-h: 46px;--gc-font-mono: var(--pookie-font, "JetBrains Mono", monospace);--gc-font-ui: var(--pookie-font, "Outfit", sans-serif);--gc-ease: cubic-bezier(.22, 1, .36, 1);--gc-t: .18s var(--gc-ease);--gc-t-slow: .32s var(--gc-ease);--gc-grid-color: color-mix(in srgb, var(--pookie-purple, #a855f7) 12%, transparent);--gc-zero-color: color-mix(in srgb, var(--pookie-purple, #a855f7) 55%, transparent);--gc-tick-color: color-mix(in srgb, var(--pookie-purple2, #7c3aed) 60%, transparent)}body.theme-aesthetic .gc-root,body.theme-notebook .gc-root,body.theme-graphpaper .gc-root{--gc-bg0: var(--pookie-bg);--gc-bg1: color-mix(in srgb, var(--pookie-bg) 92%, #000 8%);--gc-bg2: color-mix(in srgb, var(--pookie-bg) 85%, #000 15%);--gc-text0: var(--pookie-text);--gc-text1: color-mix(in srgb, var(--pookie-text) 85%, var(--pookie-muted) 15%);--gc-text2: var(--pookie-muted);--gc-text3: color-mix(in srgb, var(--pookie-muted) 55%, transparent 45%);--gc-surface: var(--pookie-surface);--gc-surface2: var(--pookie-surface2)}body.theme-aesthetic .gc-root{--gc-font-mono: "Courier Prime", "Lora", serif;--gc-font-ui: "Lora", serif;--gc-radius: 4px;--gc-radius-sm: 2px;--gc-radius-xs: 2px}body.theme-notebook .gc-root{--gc-font-mono: "Patrick Hand", cursive;--gc-font-ui: "Kalam", cursive;--gc-radius: 2px;--gc-radius-sm: 1px;--gc-radius-xs: 1px;--gc-grid-color: rgba(147,197,253,.55);--gc-zero-color: rgba(220,38,38,.4);--gc-tick-color: rgba(26,58,107,.45)}body.theme-graphpaper .gc-root{--gc-font-mono: "IBM Plex Mono", monospace;--gc-font-ui: "IBM Plex Sans", sans-serif;--gc-radius: 3px;--gc-radius-sm: 2px;--gc-radius-xs: 2px;--gc-grid-color: rgba(37,99,235,.18);--gc-zero-color: rgba(37,99,235,.55);--gc-tick-color: rgba(37,99,235,.4)}body.theme-steller .gc-root{--gc-font-mono: "Share Tech Mono", monospace;--gc-font-ui: "Exo 2", sans-serif;--gc-radius: 6px;--gc-radius-sm: 3px;--gc-radius-xs: 3px}.gc-root{display:flex;width:100%;height:100vh;background:var(--gc-bg0);overflow:hidden;font-family:var(--gc-font-ui);color:var(--gc-text1);position:relative;isolation:isolate}.gc-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 72% 8%,color-mix(in srgb,var(--gc-accent2) 10%,transparent) 0%,transparent 55%),radial-gradient(ellipse 45% 40% at 5% 95%,color-mix(in srgb,var(--gc-accent) 6%,transparent) 0%,transparent 50%);pointer-events:none;z-index:-1}body.theme-aesthetic .gc-root:before,body.theme-notebook .gc-root:before,body.theme-graphpaper .gc-root:before{display:none}body.theme-notebook .gc-sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to bottom,transparent,transparent calc(var(--nb-line-height, 32px) - 1px),var(--nb-line-color, rgba(147,197,253,.45)) calc(var(--nb-line-height, 32px) - 1px),var(--nb-line-color, rgba(147,197,253,.45)) var(--nb-line-height, 32px));pointer-events:none;opacity:.35;z-index:0}body.theme-graphpaper .gc-graph{background:transparent!important}.gc-sidebar{width:var(--gc-sidebar-w);height:100vh;background:linear-gradient(175deg,var(--gc-bg2) 0%,var(--gc-bg1) 60%,var(--gc-bg0) 100%);border-right:1px solid var(--gc-border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative;z-index:10;box-shadow:2px 0 40px #00000040,var(--gc-glow-sm);transition:transform var(--gc-t-slow)}body.theme-aesthetic .gc-sidebar{background:linear-gradient(175deg,#ede3d3,#f0e8d8);box-shadow:2px 0 18px #643c141f}body.theme-notebook .gc-sidebar{background:#fcfaf3f5;box-shadow:2px 0 8px #00000014}body.theme-graphpaper .gc-sidebar{background:#fdfdfdf5;box-shadow:2px 0 8px #0000000f}.gc-tabs{display:flex;border-bottom:1px solid var(--gc-border);background:#00000026;flex-shrink:0}body.theme-aesthetic .gc-tabs,body.theme-notebook .gc-tabs,body.theme-graphpaper .gc-tabs{background:#0000000a}.gc-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 4px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gc-text3);background:transparent;border:none;cursor:pointer;transition:color var(--gc-t),background var(--gc-t);font-family:var(--gc-font-ui);position:relative}.gc-tab:hover{color:var(--gc-accent2);background:color-mix(in srgb,var(--gc-accent2) 6%,transparent)}.gc-tab.active{color:var(--gc-accent);background:color-mix(in srgb,var(--gc-accent) 7%,transparent)}.gc-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gc-accent),transparent)}.gc-panel{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 13px 28px;display:flex;flex-direction:column;gap:6px}.gc-panel::-webkit-scrollbar{width:4px}.gc-panel::-webkit-scrollbar-track{background:transparent}.gc-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--gc-accent2) 25%,transparent);border-radius:99px}.gc-panel::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--gc-accent2) 45%,transparent)}.gc-section-hdr{display:flex;align-items:center;gap:6px;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gc-accent2);padding:12px 0 5px;border-bottom:1px solid color-mix(in srgb,var(--gc-accent2) 10%,transparent);margin-bottom:6px;font-family:var(--gc-font-mono)}.gc-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:9px}.gc-type-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 10px;background:color-mix(in srgb,var(--gc-bg0) 60%,transparent);border:1px solid var(--gc-border);border-radius:var(--gc-radius-sm);cursor:pointer;transition:all var(--gc-t);text-align:left}.gc-type-btn:hover{border-color:var(--gc-border-hi);background:color-mix(in srgb,var(--gc-accent2) 10%,transparent)}.gc-type-btn.sel{border-color:var(--gc-accent);background:color-mix(in srgb,var(--gc-accent) 10%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--gc-accent) 20%,transparent) inset,0 0 16px color-mix(in srgb,var(--gc-accent) 8%,transparent)}.gc-type-badge{font-family:var(--gc-font-mono);font-size:11px;font-weight:700;color:var(--gc-accent);background:color-mix(in srgb,var(--gc-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--gc-accent) 22%,transparent);border-radius:var(--gc-radius-xs);padding:1px 5px;letter-spacing:.04em}.gc-type-btn:not(.sel) .gc-type-badge{color:var(--gc-text2);background:#ffffff0a;border-color:var(--gc-border)}body.theme-aesthetic .gc-type-btn:not(.sel) .gc-type-badge,body.theme-notebook .gc-type-btn:not(.sel) .gc-type-badge,body.theme-graphpaper .gc-type-btn:not(.sel) .gc-type-badge{background:#0000000a}.gc-type-label{font-size:10.5px;font-weight:600;color:var(--gc-text2);font-family:var(--gc-font-mono);letter-spacing:.02em}.gc-type-btn.sel .gc-type-label{color:var(--gc-text0)}.gc-input-block{display:flex;gap:6px;margin-bottom:8px}.gc-input{flex:1;min-width:0;background:color-mix(in srgb,var(--gc-bg0) 70%,transparent);border:1px solid var(--gc-border);border-radius:var(--gc-radius-sm);padding:9px 13px;color:var(--gc-text0);font-family:var(--gc-font-mono);font-size:12.5px;transition:border-color var(--gc-t),box-shadow var(--gc-t);caret-color:var(--gc-accent)}.gc-input:focus{outline:none;border-color:var(--gc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--gc-accent) 10%,transparent)}.gc-input::-moz-placeholder{color:var(--gc-text3);font-size:11.5px}.gc-input::placeholder{color:var(--gc-text3);font-size:11.5px}body.theme-aesthetic .gc-input,body.theme-notebook .gc-input,body.theme-graphpaper .gc-input{background:#ffffffbf}.gc-add-btn{width:38px;height:38px;flex-shrink:0;background:linear-gradient(135deg,var(--gc-accent2),var(--gc-accent));border:none;border-radius:var(--gc-radius-sm);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px color-mix(in srgb,var(--gc-accent2) 38%,transparent);transition:all var(--gc-t)}.gc-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px color-mix(in srgb,var(--gc-accent) 45%,transparent)}.gc-add-btn:active{transform:scale(.93)}.gc-eq-list{display:flex;flex-direction:column;gap:5px;margin-bottom:4px}.gc-eq-card{border:1px solid var(--gc-border);border-left:3px solid var(--ec, var(--gc-accent2));border-radius:var(--gc-radius);background:color-mix(in srgb,var(--gc-bg0) 50%,transparent);overflow:hidden;transition:border-color var(--gc-t),box-shadow var(--gc-t)}.gc-eq-card:hover{border-color:color-mix(in srgb,var(--gc-accent2) 35%,transparent)}.gc-eq-card.open{border-color:color-mix(in srgb,var(--gc-accent2) 35%,transparent);background:color-mix(in srgb,var(--gc-bg0) 55%,transparent)}body.theme-aesthetic .gc-eq-card,body.theme-notebook .gc-eq-card,body.theme-graphpaper .gc-eq-card{background:#ffffffa6}.gc-eq-row{display:flex;align-items:center;gap:7px;padding:8px 9px}.gc-eq-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;box-shadow:0 0 7px currentColor}.gc-eq-expr{flex:1;min-width:0;background:transparent;border:none;color:var(--gc-text0);font-family:var(--gc-font-mono);font-size:12.5px;padding:3px 0;caret-color:var(--gc-accent)}.gc-eq-expr:focus{outline:none}.gc-eq-actions{display:flex;gap:1px;flex-shrink:0}.gc-eq-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--gc-radius-xs);color:var(--gc-text3);cursor:pointer;transition:all var(--gc-t)}.gc-eq-btn:hover{background:color-mix(in srgb,var(--gc-accent2) 14%,transparent);color:var(--gc-accent2)}.gc-eq-btn.del:hover{background:#f871711f;color:#f87171}.gc-eq-opts{display:flex;flex-direction:column;gap:9px;padding:10px 11px 13px;border-top:1px solid var(--gc-border);background:color-mix(in srgb,var(--gc-bg0) 40%,transparent);animation:gc-fadeSlide .2s var(--gc-ease)}body.theme-aesthetic .gc-eq-opts,body.theme-notebook .gc-eq-opts,body.theme-graphpaper .gc-eq-opts{background:#00000008}@keyframes gc-fadeSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.gc-opt-row{display:flex;align-items:center;gap:8px}.gc-opt-label{font-size:10.5px;color:var(--gc-text2);white-space:nowrap;min-width:46px;font-family:var(--gc-font-mono);flex-shrink:0}.gc-opt-val{font-family:var(--gc-font-mono);font-size:10px;color:var(--gc-text2);white-space:nowrap}.gc-opt-input{flex:1;background:color-mix(in srgb,var(--gc-bg0) 60%,transparent);border:1px solid var(--gc-border);border-radius:var(--gc-radius-xs);padding:5px 8px;color:var(--gc-text0);font-family:var(--gc-font-mono);font-size:11.5px}.gc-opt-input:focus{outline:none;border-color:var(--gc-accent2)}body.theme-aesthetic .gc-opt-input,body.theme-notebook .gc-opt-input,body.theme-graphpaper .gc-opt-input{background:#fffc}.gc-color-row{display:flex;flex-wrap:wrap;gap:5px}.gc-color-dot{width:18px;height:18px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform var(--gc-t),border-color var(--gc-t),box-shadow var(--gc-t);flex-shrink:0}.gc-color-dot:hover{transform:scale(1.22)}.gc-color-dot.sel{border-color:#ffffffd9;box-shadow:0 0 10px var(--dc),0 0 3px var(--dc);transform:scale(1.15)}.gc-seg{display:flex;background:color-mix(in srgb,var(--gc-bg0) 50%,transparent);border:1px solid var(--gc-border);border-radius:var(--gc-radius-xs);overflow:hidden;flex:1}body.theme-aesthetic .gc-seg,body.theme-notebook .gc-seg,body.theme-graphpaper .gc-seg{background:#0000000d}.gc-seg button{flex:1;padding:5px 4px;background:transparent;border:none;color:var(--gc-text3);font-size:10px;font-family:var(--gc-font-ui);font-weight:500;cursor:pointer;transition:all var(--gc-t);letter-spacing:.03em}.gc-seg button.active{background:color-mix(in srgb,var(--gc-accent2) 25%,transparent);color:var(--gc-accent2)}.gc-seg button:not(:last-child){border-right:1px solid var(--gc-border)}.gc-range{flex:1;-webkit-appearance:none;height:4px;background:color-mix(in srgb,var(--gc-accent2) 18%,transparent);border-radius:99px;outline:none;cursor:pointer}.gc-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--gc-accent2),var(--gc-accent));box-shadow:0 0 8px color-mix(in srgb,var(--gc-accent) 40%,transparent);cursor:grab}.gc-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--gc-accent2),var(--gc-accent))}.gc-checks{display:flex;flex-direction:column;gap:6px}.gc-check{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:11.5px;color:var(--gc-text2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.gc-check input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid var(--gc-border-hi);border-radius:3px;background:color-mix(in srgb,var(--gc-bg0) 60%,transparent);cursor:pointer;flex-shrink:0;transition:all var(--gc-t);position:relative}.gc-check input:checked{background:var(--gc-accent2);border-color:var(--gc-accent2)}.gc-check input:checked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3E%3Cpath d='M1 4l3 3 5-6' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat}.gc-from-to{display:flex;align-items:center;gap:5px;flex:1}.gc-from-to input{width:54px;background:color-mix(in srgb,var(--gc-bg0) 60%,transparent);border:1px solid var(--gc-border);border-radius:var(--gc-radius-xs);padding:4px 7px;color:var(--gc-text0);font-family:var(--gc-font-mono);font-size:11.5px}.gc-from-to input:focus{outline:none;border-color:var(--gc-accent2)}.gc-from-to span{color:var(--gc-text3);font-size:12px}body.theme-aesthetic .gc-from-to input,body.theme-notebook .gc-from-to input,body.theme-graphpaper .gc-from-to input{background:#fffc}.gc-integral-display{font-family:var(--gc-font-mono);font-size:11px;color:var(--gc-text2);padding:5px 9px;background:color-mix(in srgb,var(--gc-accent2) 8%,transparent);border:1px solid color-mix(in srgb,var(--gc-accent2) 15%,transparent);border-radius:var(--gc-radius-xs)}.gc-integral-display b{color:var(--gc-accent)}.gc-search-wrap{position:relative;margin-bottom:7px}.gc-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--gc-text3);pointer-events:none}.gc-search{width:100%;background:color-mix(in srgb,var(--gc-bg0) 55%,transparent);border:1px solid var(--gc-border);border-radius:var(--gc-radius-xs);padding:7px 10px 7px 28px;color:var(--gc-text0);font-family:var(--gc-font-mono);font-size:11.5px;transition:border-color var(--gc-t)}.gc-search:focus{outline:none;border-color:var(--gc-accent2)}.gc-search::-moz-placeholder{color:var(--gc-text3)}.gc-search::placeholder{color:var(--gc-text3)}body.theme-aesthetic .gc-search,body.theme-notebook .gc-search,body.theme-graphpaper .gc-search{background:#ffffffb3}.gc-cat-pills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.gc-cat-pill{padding:3px 8px;background:color-mix(in srgb,var(--gc-bg0) 40%,transparent);border:1px solid var(--gc-border);border-radius:99px;font-size:9.5px;font-weight:700;letter-spacing:.05em;color:var(--gc-text3);text-transform:uppercase;cursor:pointer;font-family:var(--gc-font-mono);transition:all var(--gc-t)}.gc-cat-pill:hover{border-color:var(--gc-border-hi);color:var(--gc-accent2)}.gc-cat-pill.sel{background:color-mix(in srgb,var(--gc-accent2) 20%,transparent);border-color:var(--gc-accent2);color:var(--gc-text0)}.gc-presets{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.gc-preset-btn{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:color-mix(in srgb,var(--gc-bg0) 30%,transparent);border:1px solid var(--gc-border);border-radius:var(--gc-radius-xs);cursor:pointer;transition:all var(--gc-t);text-align:left;gap:8px}.gc-preset-btn:hover{border-color:color-mix(in srgb,var(--gc-accent) 30%,transparent);background:color-mix(in srgb,var(--gc-accent) 6%,transparent)}body.theme-aesthetic .gc-preset-btn,body.theme-notebook .gc-preset-btn,body.theme-graphpaper .gc-preset-btn{background:#ffffff8c}body.theme-aesthetic .gc-preset-btn:hover,body.theme-notebook .gc-preset-btn:hover,body.theme-graphpaper .gc-preset-btn:hover{background:#ffffffe6}.gc-preset-label{font-family:var(--gc-font-mono);font-size:12px;color:var(--gc-text1)}.gc-preset-type{font-family:var(--gc-font-mono);font-size:9.5px;color:var(--gc-text3);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.gc-var-block{background:color-mix(in srgb,var(--gc-bg0) 35%,transparent);border:1px solid var(--gc-border);border-radius:var(--gc-radius-sm);padding:9px 10px;display:flex;flex-direction:column;gap:6px}body.theme-aesthetic .gc-var-block,body.theme-notebook .gc-var-block,body.theme-graphpaper .gc-var-block{background:#ffffffa6}.gc-var-header{display:flex;align-items:center;gap:8px}.gc-var-name{font-family:var(--gc-font-mono);font-size:14px;font-weight:600;color:var(--gc-accent);font-style:italic}.gc-var-val{font-family:var(--gc-font-mono);font-size:12px;color:var(--pookie-rose, #fb7185);font-weight:500;flex:1}body.theme-steller .gc-var-val{color:#34d399}body.theme-aesthetic .gc-var-val{color:#c96442}body.theme-notebook .gc-var-val{color:#2855a0}body.theme-graphpaper .gc-var-val{color:#7c3aed}.gc-anim-btn{width:22px;height:22px;background:color-mix(in srgb,var(--gc-accent2) 15%,transparent);border:1px solid var(--gc-border-hi);border-radius:var(--gc-radius-xs);color:var(--gc-accent2);cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:all var(--gc-t)}.gc-anim-btn:hover{background:color-mix(in srgb,var(--gc-accent2) 30%,transparent)}.gc-range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--gc-text3);font-family:var(--gc-font-mono);padding:0 2px}.gc-analysis-card{background:color-mix(in srgb,var(--gc-bg0) 35%,transparent);border:1px solid var(--gc-border);border-radius:var(--gc-radius);padding:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:4px}body.theme-aesthetic .gc-analysis-card,body.theme-notebook .gc-analysis-card,body.theme-graphpaper .gc-analysis-card{background:#ffffffb3}.gc-analysis-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--gc-text0);font-family:var(--gc-font-ui);letter-spacing:.01em}.gc-hint{font-size:11px;color:var(--gc-text3);line-height:1.5;font-family:var(--gc-font-ui)}.gc-btn-row{display:flex;gap:6px}.gc-action-btn{display:flex;align-items:center;gap:5px;padding:7px 13px;background:color-mix(in srgb,var(--gc-accent2) 10%,transparent);border:1px solid var(--gc-border-hi);border-radius:var(--gc-radius-xs);color:var(--gc-accent2);font-size:11.5px;font-family:var(--gc-font-ui);font-weight:700;cursor:pointer;transition:all var(--gc-t)}.gc-action-btn:hover{background:color-mix(in srgb,var(--gc-accent2) 22%,transparent);border-color:var(--gc-accent);color:var(--gc-text0)}.gc-action-btn.on{background:color-mix(in srgb,var(--gc-accent) 15%,transparent);border-color:var(--gc-accent);color:var(--gc-accent)}.gc-action-btn.full{width:100%;justify-content:center;margin-top:6px}.gc-pt-grid{display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto}.gc-pt{display:flex;align-items:center;gap:7px;padding:5px 9px;background:color-mix(in srgb,var(--gc-accent2) 6%,transparent);border:1px solid color-mix(in srgb,var(--gc-accent2) 12%,transparent);border-radius:var(--gc-radius-xs);font-family:var(--gc-font-mono);font-size:11px;color:var(--gc-text1)}.gc-pt-idx{font-size:9px;background:color-mix(in srgb,var(--gc-accent2) 20%,transparent);color:var(--gc-accent2);border-radius:3px;padding:1px 5px;font-weight:700}.gc-pt-badge{font-size:10px;padding:1px 5px;border-radius:3px}.gc-pt-badge.max{background:#4ade8026;color:#4ade80}.gc-pt-badge.min{background:#f8717126;color:#f87171}.gc-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:12px;color:var(--gc-text2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gc-toggle{width:32px;height:17px;background:color-mix(in srgb,var(--gc-accent2) 12%,transparent);border:1px solid var(--gc-border);border-radius:99px;position:relative;cursor:pointer;transition:all var(--gc-t);flex-shrink:0}.gc-toggle:after{content:"";position:absolute;width:11px;height:11px;background:var(--gc-text3);border-radius:50%;top:2px;left:2px;transition:all var(--gc-t)}.gc-toggle.on{background:color-mix(in srgb,var(--gc-accent) 28%,transparent);border-color:var(--gc-accent)}.gc-toggle.on:after{transform:translate(15px);background:var(--gc-accent);box-shadow:0 0 8px color-mix(in srgb,var(--gc-accent) 50%,transparent)}.gc-coord-box{font-family:var(--gc-font-mono);font-size:12px;color:var(--gc-text1);padding:9px 11px;background:color-mix(in srgb,var(--gc-bg0) 55%,transparent);border:1px solid var(--gc-border);border-radius:var(--gc-radius-xs);line-height:1.9}.gc-coord-box span{color:var(--gc-text3);margin:0 5px}.gc-coord-box b{color:var(--gc-accent);font-weight:500}body.theme-aesthetic .gc-coord-box,body.theme-notebook .gc-coord-box,body.theme-graphpaper .gc-coord-box{background:#fffc}.gc-integral-row{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:color-mix(in srgb,var(--gc-bg0) 35%,transparent);border-left:2px solid var(--ec, var(--gc-accent2));border-radius:0 var(--gc-radius-xs) var(--gc-radius-xs) 0;font-family:var(--gc-font-mono);font-size:11px}.gc-integral-val{color:var(--gc-accent);font-weight:700}.gc-tbl-wrap{overflow:auto;border:1px solid var(--gc-border);border-radius:var(--gc-radius-xs);max-height:280px}.gc-tbl{width:100%;border-collapse:collapse;font-family:var(--gc-font-mono);font-size:10.5px}.gc-tbl th{position:sticky;top:0;background:color-mix(in srgb,var(--gc-bg1) 95%,transparent);color:var(--gc-accent2);padding:6px 10px;text-align:right;border-bottom:1px solid var(--gc-border);white-space:nowrap;font-size:9.5px;letter-spacing:.05em}.gc-tbl th:first-child{text-align:left;color:var(--gc-text2)}.gc-tbl td{padding:4px 10px;text-align:right;color:var(--gc-text2);border-bottom:1px solid color-mix(in srgb,var(--gc-accent2) 5%,transparent);white-space:nowrap}.gc-tbl td:first-child{text-align:left;color:var(--gc-text3)}.gc-tbl tr:hover td{background:color-mix(in srgb,var(--gc-accent2) 4%,transparent)}.gc-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:4px}.gc-field{display:flex;flex-direction:column;gap:4px}.gc-field label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--gc-text3);font-family:var(--gc-font-mono)}.gc-num{width:100%;background:color-mix(in srgb,var(--gc-bg0) 55%,transparent);border:1px solid var(--gc-border);border-radius:var(--gc-radius-xs);padding:6px 9px;color:var(--gc-text0);font-family:var(--gc-font-mono);font-size:12px;text-align:right}.gc-num:focus{outline:none;border-color:var(--gc-accent2)}body.theme-aesthetic .gc-num,body.theme-notebook .gc-num,body.theme-graphpaper .gc-num{background:#fffc}.gc-graph{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--gc-bg0);position:relative;z-index:1}.gc-graph:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 49px,var(--gc-grid-color) 49px,var(--gc-grid-color) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,var(--gc-grid-color) 49px,var(--gc-grid-color) 50px);pointer-events:none;z-index:0}.gc-toolbar{height:var(--gc-toolbar-h);background:color-mix(in srgb,var(--gc-bg0) 90%,transparent);border-bottom:1px solid var(--gc-border);display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:10px;flex-shrink:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:2}body.theme-aesthetic .gc-toolbar{background:#f5efe4e6;border-bottom-color:#b5673d38}body.theme-notebook .gc-toolbar{background:#faf8f1eb;border-bottom-color:#93c5fd8c}body.theme-graphpaper .gc-toolbar{background:#fefefef0;border-bottom-color:#2563eb2e}.gc-coord-pill{font-family:var(--gc-font-mono);font-size:11.5px;background:color-mix(in srgb,var(--gc-bg0) 70%,transparent);border:1px solid var(--gc-border);border-radius:99px;padding:5px 13px;white-space:nowrap;min-width:200px;letter-spacing:.03em;display:flex;align-items:center;gap:8px}body.theme-aesthetic .gc-coord-pill,body.theme-notebook .gc-coord-pill,body.theme-graphpaper .gc-coord-pill{background:#fffc}.gc-coord-x{color:var(--gc-accent2)}.gc-coord-y{color:var(--gc-accent)}body.theme-steller .gc-coord-x{color:#38bdf8}body.theme-steller .gc-coord-y{color:#34d399}body.theme-aesthetic .gc-coord-x{color:#8b6347}body.theme-aesthetic .gc-coord-y{color:#b5673d}body.theme-notebook .gc-coord-x{color:#1a3a6b}body.theme-notebook .gc-coord-y{color:#c0392b}body.theme-graphpaper .gc-coord-x{color:#1d4ed8}body.theme-graphpaper .gc-coord-y{color:#7c3aed}.gc-coord-sep{color:var(--gc-text3)}.gc-coord-idle{color:var(--gc-text3);font-size:11px}.gc-toolbar-btns{display:flex;gap:5px}.gc-tb-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gc-bg0) 60%,transparent);border:1px solid var(--gc-border);border-radius:var(--gc-radius-xs);color:var(--gc-text2);cursor:pointer;transition:all var(--gc-t)}.gc-tb-btn:hover{background:color-mix(in srgb,var(--gc-accent2) 18%,transparent);border-color:var(--gc-border-hi);color:var(--gc-accent2);transform:translateY(-1px)}.gc-tb-btn:active{transform:scale(.92)}body.theme-aesthetic .gc-tb-btn,body.theme-notebook .gc-tb-btn,body.theme-graphpaper .gc-tb-btn{background:#ffffffb3}.gc-graph>div:last-child,.gc-graph .js-plotly-plot,.gc-graph .plot-container{flex:1!important;min-height:0!important}.gc-empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;z-index:0}.gc-empty-icon{font-size:52px;background:linear-gradient(135deg,var(--gc-accent2),var(--gc-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--gc-font-mono);opacity:.22}.gc-empty-hint>div:last-child{font-size:13px;color:var(--gc-text3);font-family:var(--gc-font-mono);opacity:.5}.gc-fab{position:fixed;bottom:22px;right:18px;z-index:100;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--gc-accent2),var(--gc-accent));border:1px solid color-mix(in srgb,var(--gc-accent) 40%,transparent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 28px color-mix(in srgb,var(--gc-accent2) 45%,transparent),0 2px 8px #00000040;transition:all var(--gc-t)}.gc-fab:hover{transform:scale(1.08)}.gc-fab:active{transform:scale(.93)}@media (max-width: 767px){.gc-root{flex-direction:column}.gc-sidebar{position:fixed;top:0;left:0;width:100%;height:65vh;max-height:540px;transform:translateY(-105%);border-right:none;border-bottom:1px solid var(--gc-border);z-index:50;box-shadow:0 8px 48px #0000008c;will-change:transform}.gc-sidebar.open{transform:translateY(0)}.gc-graph{height:100vh}.gc-coord-pill{min-width:0;font-size:10.5px;padding:4px 10px}.gc-type-grid,.gc-settings-grid{grid-template-columns:1fr 1fr}}@media (min-width: 768px) and (max-width: 1099px){:root{--gc-sidebar-w: 276px}}button:focus-visible,input:focus-visible{outline:2px solid var(--gc-accent);outline-offset:2px}.modebar{opacity:.5;transition:opacity .2s}.modebar:hover{opacity:1}.modebar-btn path{fill:var(--gc-accent2)!important}.modebar-btn.active path,.modebar-btn:hover path{fill:var(--gc-accent)!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}button,input,select{transition:background var(--gc-t),border-color var(--gc-t),color var(--gc-t),box-shadow var(--gc-t),transform var(--gc-t)}button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mi-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px}.mi-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:50px;font-size:.66rem;font-weight:800;line-height:1.5;letter-spacing:.03em;white-space:nowrap;border:1px solid transparent;transition:opacity .2s}.mi-badge.mi-subtle{background:color-mix(in srgb,var(--accent-primary) 10%,transparent);color:var(--text-secondary);border-color:var(--border-subtle)}.mi-badge.mi-info{background:color-mix(in srgb,#10b981 12%,transparent);color:#6ee7b7;border-color:color-mix(in srgb,#10b981 28%,transparent)}.mi-badge.mi-danger{background:color-mix(in srgb,var(--accent-danger) 12%,transparent);color:color-mix(in srgb,var(--accent-danger) 90%,#fff);border-color:color-mix(in srgb,var(--accent-danger) 28%,transparent)}.mi-badge.mi-warning{background:color-mix(in srgb,#f59e0b 12%,transparent);color:#fcd34d;border-color:color-mix(in srgb,#f59e0b 28%,transparent)}.mi-fix-btn{margin-left:auto;padding:2px 10px;background:linear-gradient(135deg,var(--pookie-purple2, #7c3aed),var(--pookie-purple, #a855f7));color:#fff;border:none;border-radius:50px;font-size:.66rem;font-weight:800;font-family:var(--font-body);cursor:pointer;transition:opacity .18s,transform .15s}.mi-fix-btn:hover{opacity:.85;transform:translateY(-1px)}.cas-loader{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--radius-sm, 12px);background:var(--bg-surface);border:1px solid var(--border-subtle);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:.72rem;color:var(--text-secondary);margin-bottom:8px;transition:background .4s ease,border-color .4s ease}.cas-loader__icon{font-size:.9rem;color:var(--accent-primary);animation:_spin 1.2s linear infinite;flex-shrink:0;line-height:1}@keyframes _spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cas-loader__text{display:flex;flex-direction:column;gap:1px;line-height:1.3}.cas-loader__text span:first-child{color:var(--text-primary);font-weight:700;font-size:.72rem}.cas-loader__sub{color:var(--text-secondary);font-size:.62rem;font-weight:600}.cas-loader__bar{margin-left:auto;width:60px;height:4px;border-radius:99px;background:color-mix(in srgb,var(--accent-primary) 15%,transparent);overflow:hidden;flex-shrink:0}.cas-loader__fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--pookie-purple2, #7c3aed),var(--pookie-pink, #f472b6));transition:width .4s ease}.g3d-root{display:flex;height:100vh;overflow:hidden;background:transparent;font-family:var(--pookie-font);position:relative;color:var(--pookie-text)}.g3d-sidebar{width:340px;min-width:340px;height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:.85rem;padding:1.1rem 1rem 1.4rem;border-radius:0;border:none;border-right:1px solid var(--pookie-border2);background:color-mix(in srgb,var(--pookie-bg) 96%,var(--pookie-surface));backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);position:relative;z-index:10;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pookie-pink) 30%,transparent) transparent}.g3d-sidebar::-webkit-scrollbar{width:4px}.g3d-sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--pookie-pink) 35%,transparent);border-radius:99px}.g3d-sidebar--closed{width:48px;min-width:48px;padding:1rem .5rem;align-items:center}.g3d-collapse-btn{position:absolute;top:1.1rem;right:-14px;z-index:20;width:28px;height:28px;border-radius:50%;background:var(--pookie-bg);border:1px solid var(--pookie-border2);color:var(--pookie-pink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px color-mix(in srgb,var(--pookie-pink) 28%,transparent);transition:box-shadow .2s,transform .2s,background .2s}.g3d-collapse-btn:hover{box-shadow:0 4px 20px color-mix(in srgb,var(--pookie-pink) 45%,transparent);transform:scale(1.12);background:color-mix(in srgb,var(--pookie-pink) 10%,transparent)}.g3d-hd{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-bottom:.75rem;border-bottom:1px solid var(--pookie-border)}.g3d-title{font-family:var(--pookie-display);font-size:1.25rem;font-style:italic;background:linear-gradient(135deg,var(--pookie-pink),var(--pookie-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;flex:1;white-space:nowrap}.g3d-hd-actions{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.icon-btn{width:30px;height:30px;border-radius:var(--pookie-radius-sm);border:1px solid var(--pookie-border);background:var(--pookie-surface);color:var(--pookie-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .15s;flex-shrink:0}.icon-btn:hover{color:var(--pookie-pink);border-color:var(--pookie-border2);background:color-mix(in srgb,var(--pookie-pink) 10%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--pookie-pink) 20%,transparent)}.icon-btn:disabled{opacity:.28;cursor:not-allowed;transform:none}.icon-btn--danger:hover{color:var(--pookie-rose);border-color:color-mix(in srgb,var(--pookie-rose) 40%,transparent);background:color-mix(in srgb,var(--pookie-rose) 10%,transparent)}.g3d-btn-active{background:color-mix(in srgb,var(--pookie-pink) 20%,transparent)!important;border-color:var(--pookie-pink)!important;color:var(--pookie-pink)!important;box-shadow:0 0 14px color-mix(in srgb,var(--pookie-pink) 25%,transparent)!important}.g3d-cfg{display:flex;flex-direction:column;gap:.65rem;padding:.9rem;background:var(--pookie-surface2);border:1px solid var(--pookie-border);border-radius:var(--pookie-radius-sm);animation:g3d-fade-down .22s cubic-bezier(.4,0,.2,1)}@keyframes g3d-fade-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.g3d-bound-row{display:flex;align-items:center;gap:.4rem}.g3d-ax-label{font-size:.72rem;font-weight:900;color:var(--pookie-pink);width:14px;text-align:center;flex-shrink:0;letter-spacing:.05em}.g3d-num-input{width:58px!important;padding:.32rem .45rem!important;font-size:.75rem!important;text-align:center;flex-shrink:0}.g3d-arrow{color:var(--pookie-muted);font-size:.72rem;flex-shrink:0}.g3d-res-row{display:flex;align-items:center;gap:.65rem}.g3d-toggles{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.1rem}.g3d-toggle{display:flex;align-items:center;gap:.4rem;color:var(--pookie-muted);font-size:.78rem;font-weight:700;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s}.g3d-toggle:hover{color:var(--pookie-text)}.g3d-toggle input[type=checkbox]{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--pookie-border2);background:var(--pookie-surface);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;position:relative;flex-shrink:0;transition:background .15s,border-color .15s,box-shadow .15s}.g3d-toggle input[type=checkbox]:checked{background:linear-gradient(135deg,var(--pookie-purple2),var(--pookie-pink2));border-color:var(--pookie-pink);box-shadow:0 0 8px color-mix(in srgb,var(--pookie-pink) 35%,transparent)}.g3d-toggle input[type=checkbox]:checked:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:900;line-height:16px;text-align:center}.g3d-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.28rem;padding:.3rem;background:color-mix(in srgb,var(--pookie-purple) 8%,transparent);border-radius:var(--pookie-radius-sm);border:1px solid var(--pookie-border)}.g3d-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem .35rem;min-height:52px;border-radius:calc(var(--pookie-radius-sm) - 2px);border:1px solid transparent;background:transparent;color:var(--pookie-muted);cursor:pointer;font-family:var(--pookie-font);font-size:.68rem;font-weight:800;letter-spacing:.03em;transition:all .18s cubic-bezier(.4,0,.2,1)}.g3d-tab:hover{color:var(--pookie-pink);background:color-mix(in srgb,var(--pookie-pink) 8%,transparent);border-color:var(--pookie-border)}.g3d-tab--active{color:var(--pookie-pink);background:color-mix(in srgb,var(--pookie-purple2) 28%,transparent);border-color:var(--pookie-border2);box-shadow:0 2px 12px color-mix(in srgb,var(--pookie-pink) 18%,transparent)}.g3d-add-row{display:flex;gap:.5rem;align-items:flex-start}.g3d-expr-ta{flex:1;resize:none;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.55;padding:.6rem .75rem}.g3d-add-btn{padding:.6rem .8rem;border-radius:var(--pookie-radius-sm);flex-shrink:0;align-self:stretch;min-height:58px}.g3d-list{display:flex;flex-direction:column;gap:.6rem}.g3d-empty{text-align:center;color:var(--pookie-muted);font-size:.82rem;padding:1.2rem .5rem;line-height:1.7}.g3d-card{padding:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;animation:g3d-slide-in .26s cubic-bezier(.4,0,.2,1);transition:border-color .18s,box-shadow .18s,transform .15s;background:var(--pookie-surface);border:1px solid var(--pookie-border);border-radius:var(--pookie-radius-sm)}@keyframes g3d-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.g3d-card:hover{border-color:var(--pookie-border2);box-shadow:var(--pookie-glow);transform:translate(2px)}.g3d-card--sel{border-color:var(--pookie-pink)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--pookie-pink) 16%,transparent),var(--pookie-glow)!important}.g3d-card--err{border-color:color-mix(in srgb,var(--pookie-rose) 45%,transparent)!important;background:color-mix(in srgb,var(--pookie-rose) 5%,transparent)!important}.g3d-card-hd{display:flex;align-items:center;gap:.45rem}.g3d-swatch{width:22px;height:22px;border-radius:50%;border:2px solid color-mix(in srgb,var(--pookie-text) 22%,transparent);overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s,box-shadow .15s;position:relative}.g3d-swatch:hover{transform:scale(1.2);box-shadow:0 0 10px color-mix(in srgb,var(--pookie-pink) 40%,transparent)}.g3d-swatch input[type=color]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;border:none;padding:0}.g3d-type-tag{font-size:.6rem;font-weight:800;padding:.15rem .5rem;border-radius:50px;text-transform:capitalize;letter-spacing:.04em}.g3d-err-dot{font-size:.7rem;font-weight:900;color:var(--pookie-rose);background:color-mix(in srgb,var(--pookie-rose) 15%,transparent);border:1px solid color-mix(in srgb,var(--pookie-rose) 30%,transparent);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.g3d-hidden{opacity:.38}.g3d-expr-edit{font-family:JetBrains Mono,monospace;font-size:.76rem;resize:none;padding:.42rem .65rem;line-height:1.5}.g3d-opacity-row{display:flex;align-items:center;gap:.6rem}.g3d-slider{flex:1;height:5px;border-radius:99px;background:color-mix(in srgb,var(--pookie-purple) 18%,transparent);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.g3d-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--pookie-purple2),var(--pookie-pink2));box-shadow:0 2px 8px color-mix(in srgb,var(--pookie-pink) 45%,transparent);cursor:pointer;-webkit-transition:transform .15s,box-shadow .15s;transition:transform .15s,box-shadow .15s}.g3d-slider::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 14px color-mix(in srgb,var(--pookie-pink) 60%,transparent)}.g3d-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--pookie-purple2),var(--pookie-pink2));box-shadow:0 2px 8px color-mix(in srgb,var(--pookie-pink) 45%,transparent);cursor:pointer}.g3d-vars{display:flex;flex-direction:column;gap:.55rem;padding:.85rem;background:var(--pookie-surface2);border:1px solid var(--pookie-border);border-radius:var(--pookie-radius-sm)}.g3d-var{display:flex;flex-direction:column;gap:.3rem}.g3d-var-hd{display:flex;align-items:center;justify-content:space-between}.g3d-var-name{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--pookie-muted);font-weight:600}.g3d-examples{padding:.85rem;background:var(--pookie-surface2);border:1px solid var(--pookie-border);border-radius:var(--pookie-radius-sm)}.g3d-ex-list{display:flex;flex-direction:column;gap:.32rem;max-height:158px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pookie-purple) 20%,transparent) transparent}.g3d-ex-list::-webkit-scrollbar{width:3px}.g3d-ex-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--pookie-purple) 30%,transparent);border-radius:99px}.g3d-ex-btn{font-family:JetBrains Mono,monospace;font-size:.7rem;padding:.38rem .7rem;border-radius:calc(var(--pookie-radius-sm) - 2px);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .15s,background .15s,color .15s}.g3d-ex-btn:hover{transform:translate(5px);color:var(--pookie-pink)}.g3d-canvas{flex:1;position:relative;height:100vh;overflow:hidden;background:radial-gradient(ellipse 65% 55% at 55% 45%,color-mix(in srgb,var(--pookie-purple) 7%,transparent) 0%,color-mix(in srgb,var(--pookie-pink) 4%,transparent) 40%,transparent 70%)}.g3d-info{position:absolute;top:.9rem;left:.9rem;z-index:5;display:flex;gap:.85rem;padding:.42rem .9rem;font-size:.72rem;font-weight:700;color:var(--pookie-muted);border-radius:50px;pointer-events:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb,var(--pookie-bg) 72%,transparent);border:1px solid var(--pookie-border)}.g3d-anim-dot{color:var(--pookie-pink);animation:g3d-pulse 1.6s ease-in-out infinite}@keyframes g3d-pulse{0%,to{opacity:1}50%{opacity:.4}}.g3d-view-btns{position:absolute;bottom:1rem;right:1rem;display:flex;gap:.38rem;z-index:5;flex-wrap:wrap;justify-content:flex-end}.g3d-view-btn{font-size:.7rem;font-weight:800;padding:.36rem .72rem;border-radius:var(--pookie-radius-sm);letter-spacing:.04em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.g3d-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:color-mix(in srgb,var(--pookie-bg) 72%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;animation:g3d-fade-in .2s ease}@keyframes g3d-fade-in{0%{opacity:0}to{opacity:1}}.g3d-math-panel{width:340px;max-width:calc(100vw - 2rem);padding:1.2rem;display:flex;flex-direction:column;gap:.85rem;background:var(--pookie-surface);border:1px solid var(--pookie-border);border-radius:var(--pookie-radius);box-shadow:var(--pookie-shadow-h);animation:g3d-scale-in .22s cubic-bezier(.34,1.56,.64,1)}@keyframes g3d-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.g3d-math-head{display:flex;align-items:center;justify-content:space-between}.g3d-math-title{font-family:var(--pookie-display);font-size:1rem;font-style:italic;background:linear-gradient(135deg,var(--pookie-pink),var(--pookie-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.g3d-math-rows{display:flex;flex-direction:column;gap:.55rem}.g3d-math-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--pookie-muted);padding:.45rem .65rem;border-radius:var(--pookie-radius-sm);background:var(--pookie-surface2);border:1px solid var(--pookie-border)}.g3d-math-row code{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--pookie-pink);font-weight:600}.g3d-badge{font-size:.68rem;font-weight:800;padding:.18rem .55rem;border-radius:50px;background:color-mix(in srgb,var(--pookie-purple) 22%,transparent);border:1px solid var(--pookie-border2);color:var(--pookie-pink);letter-spacing:.03em}.g3d-math-note{font-size:.8rem;color:var(--pookie-muted);text-align:center;padding:.75rem 0}.g3d-math-note--err{color:var(--pookie-rose)}.glass-card{background:var(--pookie-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--pookie-border);border-radius:var(--pookie-radius);box-shadow:var(--pookie-shadow)}.glass-card-sm{background:var(--pookie-surface2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--pookie-border);border-radius:var(--pookie-radius-sm);box-shadow:var(--pookie-shadow)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.4rem;background:linear-gradient(135deg,var(--pookie-purple2),var(--pookie-pink2));color:#fff;border:none;border-radius:var(--pookie-radius-sm);font-family:var(--pookie-font);font-weight:800;font-size:.85rem;cursor:pointer;transition:opacity .18s,box-shadow .18s,transform .15s;box-shadow:0 4px 16px color-mix(in srgb,var(--pookie-purple) 28%,transparent)}.btn-primary:hover:not(:disabled){opacity:.9;box-shadow:0 6px 24px color-mix(in srgb,var(--pookie-pink) 45%,transparent);transform:translateY(-1px)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-ghost{display:flex;align-items:center;justify-content:center;gap:.35rem;background:var(--pookie-surface);color:var(--pookie-muted);border:1px solid var(--pookie-border);border-radius:var(--pookie-radius-sm);font-family:var(--pookie-font);font-weight:700;font-size:.8rem;cursor:pointer;transition:color .18s,background .18s,border-color .18s,transform .15s}.btn-ghost:hover{color:var(--pookie-pink);background:color-mix(in srgb,var(--pookie-pink) 8%,transparent);border-color:var(--pookie-border2);transform:translateY(-1px)}.field-input{width:100%;background:color-mix(in srgb,var(--pookie-bg) 70%,transparent);border:1px solid var(--pookie-border);border-radius:var(--pookie-radius-sm);color:var(--pookie-text);font-family:var(--pookie-font);font-size:.82rem;padding:.55rem .8rem;outline:none;transition:border-color .18s,box-shadow .18s,background .18s;box-sizing:border-box}.field-input:focus{border-color:var(--pookie-pink);box-shadow:0 0 0 3px color-mix(in srgb,var(--pookie-pink) 14%,transparent);background:color-mix(in srgb,var(--pookie-bg) 90%,transparent)}.field-input::-moz-placeholder{color:var(--pookie-muted);opacity:.6}.field-input::placeholder{color:var(--pookie-muted);opacity:.6}.field-label{font-size:.72rem;font-weight:800;color:var(--pookie-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.2rem;display:block}.pookie-display-title{font-family:var(--pookie-display);font-weight:700}@media (max-width: 1024px){.g3d-sidebar{width:300px;min-width:300px}}@media (max-width: 768px){.g3d-root{flex-direction:column;height:auto;min-height:100vh}.g3d-sidebar{width:100%!important;min-width:100%!important;height:auto;max-height:54vh;border-right:none;border-bottom:1px solid var(--pookie-border2);overflow-y:auto}.g3d-sidebar--closed{max-height:52px;overflow:hidden;padding:.75rem 1rem}.g3d-collapse-btn{position:static;align-self:flex-end;right:auto;top:auto;margin-bottom:.25rem}.g3d-canvas{height:48vh;min-height:360px}.g3d-tabs{grid-template-columns:repeat(3,1fr)}.g3d-view-btns{bottom:.5rem;right:.5rem;gap:.28rem}.g3d-view-btn{font-size:.66rem;padding:.3rem .52rem}.g3d-info{font-size:.66rem;gap:.6rem;padding:.35rem .72rem}}@media (max-width: 480px){.g3d-sidebar{padding:.75rem .75rem 1rem;max-height:50vh}.g3d-canvas{height:50vh;min-height:300px}.g3d-tabs{grid-template-columns:repeat(2,1fr)}.g3d-tab{min-height:46px;font-size:.65rem}.g3d-expr-ta,.g3d-expr-edit{font-size:.72rem}.g3d-hd-actions{gap:.22rem}.g3d-title{font-size:1.1rem}}@media (hover: none) and (pointer: coarse){.g3d-slider::-webkit-slider-thumb{width:22px;height:22px}.g3d-expr-ta,.g3d-expr-edit{font-size:.86rem;min-height:52px}.icon-btn{width:34px;height:34px}}@media (prefers-reduced-motion: reduce){.g3d-card,.g3d-cfg,.g3d-math-panel,.g3d-overlay,.g3d-anim-dot{animation:none}.g3d-collapse-btn,.g3d-swatch,.icon-btn,.btn-primary,.btn-ghost,.g3d-tab,.g3d-ex-btn{transition:none}}:root{--ss-accent: var(--theme-accent, #f472b6);--ss-accent2: var(--theme-accent2, #a855f7);--ss-bg: var(--theme-bg, #0f0f23);--ss-surface: var(--theme-surface, rgba(168,85,247,.07));--ss-text: var(--theme-text, #f8fafc);--ss-muted: var(--theme-muted, #94a3b8);--ss-border: var(--theme-border, rgba(244,114,182,.22));--ss-radius: var(--theme-radius, 20px);--ss-radius-sm: var(--theme-radius-sm, 12px);--ss-shadow: var(--theme-shadow, 0 8px 32px rgba(168,85,247,.12));--ss-shadow-h: var(--theme-shadow-h, 0 14px 44px rgba(244,114,182,.22));--ss-glow: var(--theme-glow, 0 0 24px rgba(244,114,182,.25));--ss-font: var(--font-body, "DM Sans", sans-serif);--ss-mono: var(--font-mono, "DM Mono", monospace);--ss-display: var(--font-display, "Syne", sans-serif);--ss-ease: cubic-bezier(.4, 0, .2, 1);--ss-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes ss-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}@keyframes ss-spin{to{transform:rotate(360deg)}}@keyframes ss-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes ss-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ss-slide-r{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes ss-pop{0%{transform:scale(.72);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ss-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ss-border-glow{0%,to{border-color:color-mix(in srgb,var(--ss-accent) 20%,transparent)}50%{border-color:color-mix(in srgb,var(--ss-accent) 60%,transparent)}}@keyframes ss-strict{0%,to{box-shadow:inset 0 0 0 transparent}50%{box-shadow:inset 0 0 40px color-mix(in srgb,var(--ss-accent) 8%,transparent)}}.ss-page{min-height:100vh;background:var(--ss-bg);padding:clamp(.75rem,2.5vw,1.4rem) clamp(.75rem,3vw,1.25rem) 7rem;font-family:var(--ss-font);color:var(--ss-text);position:relative;overflow-x:hidden}.ss-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 65% 45% at 15% 8%,color-mix(in srgb,var(--ss-accent) 10%,transparent) 0%,transparent 65%),radial-gradient(ellipse 55% 45% at 88% 88%,color-mix(in srgb,var(--ss-accent2) 12%,transparent) 0%,transparent 60%)}.ss-page.strict-active:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;border:2.5px solid color-mix(in srgb,var(--ss-accent) 45%,transparent);pointer-events:none;z-index:9999;animation:ss-border-glow 2.5s ease-in-out infinite}.ss-page.dw-active-page:before{background:radial-gradient(ellipse 80% 55% at 50% 0%,color-mix(in srgb,var(--ss-accent2) 14%,transparent) 0%,transparent 65%),radial-gradient(ellipse 60% 40% at 15% 90%,color-mix(in srgb,var(--ss-accent) 8%,transparent) 0%,transparent 60%)}.ss-container{max-width:1200px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(.75rem,1.8vw,1.1rem)}.ss-offline-banner,.ss-sync-banner{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.1rem;border-radius:var(--ss-radius-sm);font-size:.82rem;font-weight:700;font-family:var(--ss-font)}.ss-offline-banner{background:color-mix(in srgb,var(--ss-accent) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 28%,transparent);color:var(--ss-accent)}.ss-sync-banner{background:color-mix(in srgb,#34d399 7%,transparent);border:1.5px solid color-mix(in srgb,#34d399 22%,transparent);color:#34d399}.ss-offline-queue-badge{margin-left:auto;font-size:.68rem;font-weight:900;background:color-mix(in srgb,var(--ss-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--ss-accent) 32%,transparent);color:var(--ss-accent);padding:.18rem .6rem;border-radius:999px;font-family:var(--ss-mono)}.ss-sync-spinner{width:14px;height:14px;border:2px solid color-mix(in srgb,#34d399 25%,transparent);border-top-color:#34d399;border-radius:50%;animation:ss-spin .7s linear infinite;flex-shrink:0}.ss-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:1.25rem;text-align:center}.ss-state h2{font-family:var(--ss-display);font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--ss-accent),var(--ss-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ss-state p{color:var(--ss-muted);font-size:.95rem}.ss-lock-icon{font-size:3.5rem;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--ss-accent) 40%,transparent));animation:ss-float 3s ease-in-out infinite}.ss-spinner{width:48px;height:48px;border:3px solid color-mix(in srgb,var(--ss-accent) 15%,transparent);border-top-color:var(--ss-accent);border-radius:50%;animation:ss-spin .8s linear infinite;box-shadow:var(--ss-glow)}.ss-card{background:var(--ss-surface);border:1.5px solid var(--ss-border);border-radius:var(--ss-radius);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--ss-shadow);transition:border-color .25s var(--ss-ease),box-shadow .25s var(--ss-ease),transform .22s var(--ss-ease);position:relative;overflow:hidden}.ss-card:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ss-accent) 45%,transparent),transparent);pointer-events:none}.ss-card:hover{border-color:color-mix(in srgb,var(--ss-accent) 38%,transparent);box-shadow:var(--ss-shadow-h);transform:translateY(-1px)}.ss-main-grid{display:grid;grid-template-columns:1fr 310px;gap:clamp(.75rem,2vw,1.1rem);align-items:start}.ss-timer-card{padding:clamp(1.4rem,3vw,1.9rem) clamp(1.1rem,3vw,1.8rem) clamp(1.1rem,2.5vw,1.5rem);display:flex;flex-direction:column;align-items:center;gap:clamp(.85rem,2vw,1.2rem)}.ss-timer-card.dw-mode{border-color:color-mix(in srgb,var(--ss-accent2) 28%,transparent);background:color-mix(in srgb,var(--ss-accent2) 4%,transparent)}.ss-mode-pill{display:flex;align-items:center;gap:.5rem;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ss-muted);background:color-mix(in srgb,var(--ss-accent) 7%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 18%,transparent);padding:.34rem 1rem;border-radius:999px;font-family:var(--ss-mono)}.ss-ring-wrap{position:relative;width:clamp(172px,23vw,220px);height:clamp(172px,23vw,220px);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--ss-accent) 16%,transparent));transition:filter .3s var(--ss-ease)}.ss-ring-wrap:hover{filter:drop-shadow(0 0 36px color-mix(in srgb,var(--ss-accent) 30%,transparent))}.ss-clock-lottie{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.ss-timer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.32rem;z-index:1}.ss-round-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ss-accent);background:color-mix(in srgb,var(--ss-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--ss-accent) 30%,transparent);padding:.2rem .65rem;border-radius:999px;font-family:var(--ss-mono);animation:ss-pop .3s var(--ss-spring)}.ss-timer-digits{padding:.32rem .82rem;font-size:clamp(1.5rem,3.2vw,2.4rem);font-weight:900;font-family:var(--ss-mono);color:var(--ss-muted);letter-spacing:.05em;text-shadow:0 2px 12px rgba(0,0,0,.7);transition:color .3s var(--ss-ease),text-shadow .3s var(--ss-ease);line-height:1}.ss-timer-digits.running{color:#34d399;text-shadow:0 0 32px rgba(52,211,153,.6),0 2px 8px rgba(0,0,0,.7)}.ss-timer-digits.break{color:#fbbf24;text-shadow:0 0 32px rgba(251,191,36,.6),0 2px 8px rgba(0,0,0,.7)}.ss-field-pill{display:flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:600;color:var(--ss-muted);background:color-mix(in srgb,var(--ss-text) 4%,transparent);padding:.2rem .65rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--ss-text) 7%,transparent)}.ss-field-dot{width:7px;height:7px;border-radius:50%;background:var(--ss-accent);box-shadow:0 0 8px color-mix(in srgb,var(--ss-accent) 70%,transparent);animation:ss-pulse 2s ease-in-out infinite}.ss-controls{display:flex;gap:.65rem;align-items:center}.ss-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.78rem 1.8rem;border:none;border-radius:999px;font-size:.86rem;font-weight:800;cursor:pointer;font-family:var(--ss-font);letter-spacing:.07em;text-transform:uppercase;position:relative;overflow:hidden;transition:transform .22s var(--ss-spring),box-shadow .22s var(--ss-ease),opacity .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0}.ss-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.16) 50%,transparent 70%);transform:translate(-120%);transition:transform .5s var(--ss-ease)}.ss-btn:hover:after{transform:translate(120%)}.ss-btn:hover{transform:translateY(-3px) scale(1.03)}.ss-btn:active{transform:translateY(-1px) scale(.97)}.ss-btn-start{background:linear-gradient(135deg,#059669,#34d399);color:#0d1f14;box-shadow:0 4px 20px #34d39947}.ss-btn-start:hover{box-shadow:0 7px 28px #34d39973}.ss-btn-stop{background:linear-gradient(135deg,#c0365e,#fb7185);color:#fff;box-shadow:0 4px 20px #c0365e47}.ss-btn-stop:hover{box-shadow:0 7px 28px #c0365e73}.ss-btn-reset{padding:.78rem 1.05rem;background:color-mix(in srgb,var(--ss-text) 6%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-text) 12%,transparent);color:var(--ss-muted);font-size:1.1rem;border-radius:999px;font-family:var(--ss-font);cursor:pointer;transition:all .22s var(--ss-spring);-webkit-tap-highlight-color:transparent}.ss-btn-reset:hover{background:color-mix(in srgb,var(--ss-accent) 10%,transparent);border-color:color-mix(in srgb,var(--ss-accent) 35%,transparent);color:var(--ss-accent);transform:translateY(-3px) rotate(15deg)}.ss-field-env-row{width:100%;display:flex;flex-direction:column;gap:.6rem}.ss-field-chips{display:flex;flex-wrap:wrap;gap:.4rem}.ss-field-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .88rem;background:color-mix(in srgb,var(--ss-accent) 5%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 14%,transparent);border-radius:999px;color:var(--ss-muted);font-size:.8rem;font-weight:600;cursor:pointer;font-family:var(--ss-font);transition:all .18s var(--ss-spring);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.ss-field-chip:hover{background:color-mix(in srgb,var(--ss-accent) 10%,transparent);border-color:color-mix(in srgb,var(--ss-accent) 30%,transparent);transform:translateY(-2px)}.ss-field-chip.selected{background:color-mix(in srgb,var(--ss-accent) 16%,transparent);border-color:var(--ss-accent);color:var(--ss-accent);box-shadow:var(--ss-glow)}.ss-field-chip.locked{opacity:.5;cursor:not-allowed;transform:none!important}.ss-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;font-size:.85rem;color:var(--ss-muted);transition:all .15s var(--ss-ease);line-height:1}.ss-chip-remove:hover{color:#fb7185;transform:scale(1.35) rotate(90deg)}.ss-env-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.36rem .88rem;background:color-mix(in srgb,var(--env-color,var(--ss-accent)) 10%,transparent);border:1.5px solid color-mix(in srgb,var(--env-color,var(--ss-accent)) 30%,transparent);border-radius:999px;color:var(--env-color,var(--ss-accent));font-size:.78rem;font-weight:700;cursor:pointer;font-family:var(--ss-font);transition:all .18s var(--ss-spring);-webkit-tap-highlight-color:transparent;align-self:flex-start}.ss-env-pill:hover{transform:translateY(-2px);filter:brightness(1.1)}.ss-env-pill--empty{color:var(--ss-muted);background:color-mix(in srgb,var(--ss-text) 3%,transparent);border-color:var(--ss-border)}.ss-env-pill--empty:hover{border-color:color-mix(in srgb,var(--ss-accent) 35%,transparent);color:var(--ss-accent)}.ss-best-env-banner{width:100%;display:flex;align-items:center;gap:.75rem;padding:.72rem 1rem;background:color-mix(in srgb,var(--ss-accent2) 5%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent2) 18%,transparent);border-radius:var(--ss-radius-sm);transition:all .25s var(--ss-ease);cursor:pointer}.ss-best-env-banner:hover{border-color:color-mix(in srgb,var(--ss-accent2) 38%,transparent);background:color-mix(in srgb,var(--ss-accent2) 9%,transparent)}.ss-env-suggestion{width:100%;display:flex;align-items:center;gap:.72rem;flex-wrap:wrap;padding:.62rem .88rem;background:color-mix(in srgb,var(--ss-accent) 5%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 15%,transparent);border-radius:var(--ss-radius-sm);font-size:.78rem;font-weight:600;color:var(--ss-muted);overflow:hidden}.ss-mode-toggles{width:100%;display:flex;flex-direction:column;gap:.52rem}.ss-toggle-row{display:flex;align-items:center;gap:.82rem;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--ss-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.62rem .92rem;background:color-mix(in srgb,var(--ss-accent) 5%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 10%,transparent);border-radius:var(--ss-radius-sm);transition:all .22s var(--ss-ease);-webkit-tap-highlight-color:transparent}.ss-toggle-row:hover{border-color:color-mix(in srgb,var(--ss-accent) 24%,transparent);background:color-mix(in srgb,var(--ss-accent) 9%,transparent)}.ss-toggle-row.active{border-color:color-mix(in srgb,var(--ss-accent) 30%,transparent)}.ss-toggle-row--dw{border-color:color-mix(in srgb,var(--ss-accent2) 14%,transparent);background:color-mix(in srgb,var(--ss-accent2) 5%,transparent)}.ss-toggle-row--dw:hover{border-color:color-mix(in srgb,var(--ss-accent2) 30%,transparent);background:color-mix(in srgb,var(--ss-accent2) 9%,transparent)}.ss-toggle-row--dw.active{border-color:color-mix(in srgb,var(--ss-accent2) 35%,transparent)}.ss-toggle-row.disabled{opacity:.42;cursor:not-allowed;pointer-events:none}.ss-toggle-track{position:relative;width:44px;height:24px;border-radius:999px;background:color-mix(in srgb,var(--ss-accent) 9%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-text) 12%,transparent);cursor:pointer;transition:all .25s var(--ss-ease);flex-shrink:0}.ss-toggle-track.on{background:color-mix(in srgb,var(--ss-accent) 24%,transparent);border-color:var(--ss-accent);box-shadow:0 0 12px color-mix(in srgb,var(--ss-accent) 28%,transparent)}.ss-toggle-track.on.dw-on{background:color-mix(in srgb,var(--ss-accent2) 28%,transparent);border-color:var(--ss-accent2);box-shadow:0 0 12px color-mix(in srgb,var(--ss-accent2) 32%,transparent)}.ss-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--ss-muted);transition:all .25s var(--ss-spring);box-shadow:0 2px 6px #00000059}.ss-toggle-track.on .ss-toggle-thumb{transform:translate(20px);background:var(--ss-accent);box-shadow:0 0 10px color-mix(in srgb,var(--ss-accent) 65%,transparent)}.ss-toggle-track.on.dw-on .ss-toggle-thumb{background:var(--ss-accent2);box-shadow:0 0 10px color-mix(in srgb,var(--ss-accent2) 65%,transparent)}.ss-toggle-label-group{flex:1}.ss-toggle-label-main{display:block;font-size:.85rem;font-weight:700;color:var(--ss-text)}.ss-toggle-label-sub{display:block;font-size:.68rem;color:var(--ss-muted);margin-top:.1rem}.dw-dur-inline-btn{padding:.27rem .62rem;border-radius:999px;background:color-mix(in srgb,var(--ss-accent2) 14%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent2) 28%,transparent);color:var(--ss-accent2);font-size:.72rem;font-weight:800;cursor:pointer;transition:all .18s var(--ss-ease);font-family:var(--ss-mono);flex-shrink:0;white-space:nowrap;-webkit-tap-highlight-color:transparent}.dw-dur-inline-btn:hover{background:color-mix(in srgb,var(--ss-accent2) 22%,transparent);transform:scale(1.06)}.dw-dur-picker{display:flex;flex-wrap:wrap;gap:.4rem;padding:.68rem .92rem;background:color-mix(in srgb,var(--ss-accent2) 6%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent2) 18%,transparent);border-radius:var(--ss-radius-sm);overflow:hidden}.dw-dur-chip{padding:.3rem .72rem;border-radius:999px;background:color-mix(in srgb,var(--ss-accent2) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent2) 18%,transparent);color:var(--ss-muted);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .18s var(--ss-spring);font-family:var(--ss-mono);-webkit-tap-highlight-color:transparent}.dw-dur-chip.active{background:color-mix(in srgb,var(--ss-accent2) 24%,transparent);border-color:var(--ss-accent2);color:var(--ss-accent2);box-shadow:0 0 10px color-mix(in srgb,var(--ss-accent2) 22%,transparent)}.dw-dur-chip:not(.active):hover{background:color-mix(in srgb,var(--ss-accent2) 14%,transparent);border-color:color-mix(in srgb,var(--ss-accent2) 30%,transparent);transform:translateY(-2px)}.ss-strict-btn{width:100%;display:flex;align-items:center;gap:.82rem;padding:.78rem .92rem;background:color-mix(in srgb,var(--ss-accent) 5%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 10%,transparent);border-radius:var(--ss-radius-sm);color:var(--ss-muted);cursor:pointer;font-family:var(--ss-font);transition:all .22s var(--ss-ease);text-align:left;-webkit-tap-highlight-color:transparent}.ss-strict-btn:hover{background:color-mix(in srgb,var(--ss-accent) 10%,transparent);border-color:color-mix(in srgb,var(--ss-accent) 28%,transparent);transform:translateY(-2px);box-shadow:var(--ss-shadow)}.ss-strict-btn.on{background:color-mix(in srgb,var(--ss-accent) 7%,transparent);border-color:color-mix(in srgb,var(--ss-accent) 40%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--ss-accent) 12%,transparent);animation:ss-border-glow 3s ease-in-out infinite}.ss-strict-indicator{font-size:1.3rem;flex-shrink:0;transition:transform .22s var(--ss-spring)}.ss-strict-btn:hover .ss-strict-indicator{transform:scale(1.18) rotate(-8deg)}.ss-strict-text{flex:1}.ss-strict-title{display:block;font-size:.85rem;font-weight:700;color:var(--ss-text);margin-bottom:.14rem}.ss-strict-desc{display:block;font-size:.68rem;color:var(--ss-muted);font-weight:500}.ss-strict-btn.on .ss-strict-desc{color:color-mix(in srgb,var(--ss-accent) 65%,transparent)}.ss-strict-badge{font-size:.62rem;font-weight:800;padding:.2rem .58rem;border-radius:999px;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;background:color-mix(in srgb,var(--ss-text) 6%,transparent);color:var(--ss-muted);border:1px solid var(--ss-border);font-family:var(--ss-mono);transition:all .25s var(--ss-ease)}.ss-strict-badge.on{background:color-mix(in srgb,var(--ss-accent) 16%,transparent);color:var(--ss-accent);border-color:color-mix(in srgb,var(--ss-accent) 38%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--ss-accent) 22%,transparent)}.dw-inline-info{width:100%;background:color-mix(in srgb,var(--ss-accent2) 6%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent2) 20%,transparent);border-radius:var(--ss-radius-sm);padding:.78rem .92rem;display:flex;flex-direction:column;gap:.52rem}.dw-inline-shield-row{display:flex;align-items:center;gap:.68rem}.dw-inline-streak-info{display:flex;flex-direction:column;gap:.17rem}.dw-inline-streak-val{font-size:.8rem;font-weight:800;font-family:var(--ss-mono)}.dw-tab-warn-inline{font-size:.68rem;font-weight:700;color:#fbbf24;font-family:var(--ss-mono)}.dw-inline-quote{font-size:.75rem;font-style:italic;color:var(--ss-muted);line-height:1.6;text-align:center}.dw-stats-strip{display:flex;align-items:center;width:100%;padding:.68rem 0;border-top:1px solid color-mix(in srgb,var(--ss-accent2) 12%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ss-accent2) 12%,transparent)}.dw-stat-mini{flex:1;text-align:center;display:flex;flex-direction:column;gap:.1rem}.dw-stat-mini span:first-child{font-size:.95rem;font-weight:900;font-family:var(--ss-mono);line-height:1}.dw-stat-mini span:last-child{font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ss-muted);font-family:var(--ss-mono)}.dw-stat-divider{width:1px;height:27px;background:color-mix(in srgb,var(--ss-accent2) 15%,transparent);flex-shrink:0}.dw-milestone-mini{flex:1.3;display:flex;flex-direction:column;align-items:center;gap:.26rem;padding:0 .48rem}.dw-milestone-mini-track{width:100%;height:4px;background:color-mix(in srgb,var(--ss-text) 6%,transparent);border-radius:999px;overflow:hidden}.dw-milestone-mini-fill{height:100%;background:linear-gradient(90deg,var(--mc,var(--ss-accent)),color-mix(in srgb,var(--mc,var(--ss-accent)) 50%,transparent));border-radius:999px}.dw-today-pill{padding:.62rem 1rem;border-radius:var(--ss-radius-sm);font-size:.78rem;font-weight:700;text-align:center;width:100%;transition:all .25s var(--ss-ease)}.dw-today-pill.done{background:color-mix(in srgb,#34d399 8%,transparent);border:1.5px solid color-mix(in srgb,#34d399 25%,transparent);color:#34d399}.dw-today-pill.pending{background:color-mix(in srgb,var(--ss-accent) 5%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 16%,transparent);color:var(--ss-muted)}.dw-history-toggle{display:flex;align-items:center;gap:.48rem;width:100%;padding:.58rem 0;background:none;border:none;color:var(--ss-muted);font-size:.72rem;font-weight:700;cursor:pointer;font-family:var(--ss-mono);text-transform:uppercase;letter-spacing:.08em;transition:color .18s}.dw-history-toggle:hover{color:var(--ss-accent)}.dw-history-list{display:flex;flex-direction:column;gap:.3rem;margin-top:.32rem;overflow:hidden}.dw-history-note{font-size:.78rem;color:var(--ss-muted);text-align:center;padding:1.2rem}.dw-history-row{display:flex;align-items:center;gap:.68rem;padding:.48rem .78rem;border-radius:var(--ss-radius-sm);background:color-mix(in srgb,var(--ss-accent) 3%,transparent);font-size:.78rem;transition:all .18s var(--ss-ease)}.dw-history-row:hover{background:color-mix(in srgb,var(--ss-accent) 6%,transparent);transform:translate(3px)}.dw-history-row.done{border-left:2px solid color-mix(in srgb,#34d399 45%,transparent)}.dw-history-row.miss{border-left:2px solid color-mix(in srgb,#fb7185 30%,transparent);opacity:.65}.dw-hrow-dot{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--ss-accent) 30%,transparent);flex-shrink:0}.dw-hrow-date{color:var(--ss-muted);font-weight:600;flex:1}.dw-hrow-dur{color:var(--ss-muted);font-family:var(--ss-mono);font-size:.72rem}.dw-hrow-status{font-size:.68rem;font-weight:800;font-family:var(--ss-mono)}.dw-hrow-status.miss{color:color-mix(in srgb,#fb7185 70%,transparent)}.dw-hrow-status:not(.miss){color:color-mix(in srgb,#34d399 80%,transparent)}.dw-ring-wrap{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.dw-ring-track{fill:none;stroke:color-mix(in srgb,var(--ss-text) 5%,transparent)}.dw-ring-progress{fill:none;stroke:var(--ss-accent)}.dw-ring-progress.paused{stroke:var(--ss-muted)}.dw-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.26rem}.dw-ring-digits{font-size:1.8rem;font-weight:900;font-family:var(--ss-mono);color:var(--ss-text)}.dw-ring-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ss-muted);font-family:var(--ss-mono)}.dw-interrupt-modal{max-width:360px}.dw-interrupt-shield{display:flex;justify-content:center;padding:1.5rem 0 0}.ss-side-col{display:flex;flex-direction:column;gap:.95rem}.ss-card-title{display:flex;align-items:center;gap:.48rem;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--ss-muted);margin-bottom:.88rem;font-family:var(--ss-mono)}.ss-card-icon{font-size:.94rem}.ss-field-card{padding:clamp(.9rem,2.5vw,1.2rem)}.ss-add-field-row{display:flex;gap:.44rem}.ss-mini-stats{padding:clamp(.9rem,2.5vw,1.2rem)}.ss-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:.58rem}.ss-mini-item{text-align:center;padding:.78rem .44rem;background:color-mix(in srgb,var(--ss-accent) 4%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 8%,transparent);border-radius:var(--ss-radius-sm);transition:all .25s var(--ss-spring);cursor:default;position:relative;overflow:hidden}.ss-mini-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--ss-accent) 6%,transparent),color-mix(in srgb,var(--ss-accent2) 3%,transparent));opacity:0;transition:opacity .25s}.ss-mini-item:hover{transform:translateY(-3px) scale(1.02);border-color:color-mix(in srgb,var(--ss-accent) 22%,transparent);box-shadow:var(--ss-shadow)}.ss-mini-item:hover:before{opacity:1}.ss-mini-num{font-size:1.5rem;font-weight:900;font-family:var(--ss-mono);line-height:1;position:relative}.ss-mini-label{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ss-muted);margin-top:.24rem;font-family:var(--ss-mono);position:relative}.ss-quick-distract{padding:clamp(.9rem,2vw,1.15rem)}.qdl-hint{font-size:.72rem;color:var(--ss-muted);margin-bottom:.78rem;margin-top:-.32rem}.qdl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.42rem}.qdl-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.52rem .18rem;background:var(--btn-bg,color-mix(in srgb,var(--ss-accent) 7%,transparent));border:1.5px solid color-mix(in srgb,var(--ss-text) 7%,transparent);border-radius:var(--ss-radius-sm);cursor:pointer;position:relative;font-size:1.2rem;transition:all .18s var(--ss-spring);-webkit-tap-highlight-color:transparent}.qdl-btn:hover{border-color:var(--btn-color,var(--ss-accent));transform:translateY(-4px) scale(1.08);box-shadow:0 6px 18px #00000047}.qdl-btn:active{transform:scale(.88)}.qdl-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.qdl-count{position:absolute;top:-5px;right:-5px;font-size:.57rem;font-weight:900;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;color:#fff;border:2px solid var(--ss-bg);font-family:var(--ss-mono);animation:ss-pop .25s var(--ss-spring)}.ss-tab-bar{display:flex;gap:.52rem;justify-content:center;padding:.38rem 0;flex-wrap:wrap;position:sticky;bottom:1.5rem;z-index:100}.ss-tab-bar:before{content:"";position:absolute;top:-.75rem;right:-2rem;bottom:-.75rem;left:-2rem;background:linear-gradient(to top,var(--ss-bg) 60%,transparent 100%);pointer-events:none;z-index:-1}.ss-tab{display:flex;align-items:center;gap:.46rem;padding:.72rem 1.35rem;background:color-mix(in srgb,var(--ss-accent) 6%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 15%,transparent);border-radius:999px;color:var(--ss-muted);font-family:var(--ss-font);font-size:.82rem;font-weight:700;cursor:pointer;position:relative;transition:all .25s var(--ss-spring);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ss-tab:hover{background:color-mix(in srgb,var(--ss-accent) 10%,transparent);border-color:color-mix(in srgb,var(--ss-accent) 28%,transparent);transform:translateY(-4px);box-shadow:var(--ss-shadow-h)}.ss-tab.active{background:color-mix(in srgb,var(--ss-accent) 18%,transparent);border-color:var(--ss-accent);color:var(--ss-accent);box-shadow:var(--ss-glow),var(--ss-shadow-h);transform:translateY(-4px)}.ss-tab-icon{font-size:.95rem;transition:transform .25s var(--ss-spring)}.ss-tab:hover .ss-tab-icon{transform:scale(1.2) rotate(-5deg)}.ss-tab.active .ss-tab-icon{transform:scale(1.15)}.ss-tab-label{letter-spacing:.03em}.ss-tab-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#c0365e,#fb7185);color:#fff;font-size:.6rem;font-weight:900;min-width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--ss-bg);font-family:var(--ss-mono);animation:ss-pop .3s var(--ss-spring)}.ss-tab-badge.live{background:linear-gradient(135deg,#059669,#34d399);color:#0d1f14;animation:ss-pulse 1.4s ease-in-out infinite}.ss-live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399d9;animation:ss-pulse 1.4s ease-in-out infinite;flex-shrink:0}.ss-live-badge{font-size:.6rem;font-weight:800;letter-spacing:.1em;color:#34d399;background:color-mix(in srgb,#34d399 10%,transparent);border:1px solid color-mix(in srgb,#34d399 28%,transparent);padding:.18rem .6rem;border-radius:999px;animation:ss-pulse 1.4s ease-in-out infinite;font-family:var(--ss-mono)}.ss-live-tag{font-size:.56rem;font-weight:800;color:#34d399;background:color-mix(in srgb,#34d399 10%,transparent);border:1px solid color-mix(in srgb,#34d399 28%,transparent);padding:.13rem .48rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;animation:ss-pulse 1.4s ease-in-out infinite;font-family:var(--ss-mono)}.ss-panel{background:var(--ss-bg);border:1.5px solid color-mix(in srgb,var(--ss-accent) 16%,transparent);border-radius:var(--ss-radius);box-shadow:0 24px 80px color-mix(in srgb,var(--ss-accent) 18%,transparent),0 0 0 1px color-mix(in srgb,var(--ss-accent) 4%,transparent);overflow:hidden;position:relative}.ss-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--ss-accent),var(--ss-accent2),transparent);opacity:.7}.ss-panel-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(.95rem,2.5vw,1.35rem) clamp(1.1rem,3vw,1.65rem);border-bottom:1px solid color-mix(in srgb,var(--ss-accent) 9%,transparent);background:color-mix(in srgb,var(--ss-accent) 2%,transparent)}.ss-panel-title{font-family:var(--ss-display);font-size:clamp(1.05rem,2.5vw,1.4rem);font-weight:800;background:linear-gradient(135deg,var(--ss-accent),var(--ss-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.68rem}.ss-panel-close{width:33px;height:33px;border-radius:var(--ss-radius-sm);background:color-mix(in srgb,var(--ss-accent) 7%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 16%,transparent);color:var(--ss-muted);cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;font-family:var(--ss-font);transition:all .22s var(--ss-spring);-webkit-tap-highlight-color:transparent;flex-shrink:0}.ss-panel-close:hover{background:color-mix(in srgb,var(--ss-accent) 14%,transparent);color:var(--ss-accent);transform:rotate(90deg) scale(1.1);border-color:color-mix(in srgb,var(--ss-accent) 32%,transparent)}.ss-task-add{padding:clamp(.88rem,2vw,1.2rem) clamp(1.1rem,3vw,1.65rem);display:flex;flex-direction:column;gap:.62rem;border-bottom:1px solid color-mix(in srgb,var(--ss-accent) 7%,transparent)}.ss-task-meta-row{display:flex;gap:.52rem;flex-wrap:wrap}.ss-task-filter-row{display:flex;gap:.52rem;padding:.78rem clamp(1.1rem,3vw,1.65rem);flex-wrap:wrap;border-bottom:1px solid color-mix(in srgb,var(--ss-accent) 7%,transparent);align-items:center}.ss-task-list{padding:clamp(.68rem,2vw,.92rem) clamp(1.1rem,3vw,1.65rem) .5rem;max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:.48rem;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ss-accent) 28%,transparent) transparent}.ss-task-list::-webkit-scrollbar{width:4px}.ss-task-list::-webkit-scrollbar-track{background:transparent}.ss-task-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ss-accent) 28%,transparent);border-radius:999px}.ss-task-item{display:flex;align-items:flex-start;gap:.78rem;padding:.88rem .98rem;background:color-mix(in srgb,var(--ss-accent) 3%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 7%,transparent);border-radius:var(--ss-radius-sm);transition:all .25s var(--ss-spring);animation:ss-slide-r .3s var(--ss-ease)}.ss-task-item:hover{border-color:color-mix(in srgb,var(--ss-accent) 20%,transparent);transform:translate(3px);box-shadow:var(--ss-shadow)}.ss-task-item.done{opacity:.52;border-color:color-mix(in srgb,#34d399 10%,transparent)}.ss-task-body{flex:1;min-width:0}.ss-task-text{font-size:.9rem;font-weight:600;color:var(--ss-text);cursor:pointer;line-height:1.55;word-break:break-word;transition:color .18s}.ss-task-text:hover{color:var(--ss-accent)}.ss-task-text.done{text-decoration:line-through;color:var(--ss-muted)}.ss-task-chips{display:flex;gap:.33rem;margin-top:.33rem;flex-wrap:wrap}.ss-priority-chip{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .5rem;border-radius:999px;border:1.5px solid;font-family:var(--ss-mono)}.ss-priority-chip.high{color:#fb7185;border-color:#fb718561;background:#fb718517}.ss-priority-chip.medium{color:#fbbf24;border-color:#fbbf2461;background:#fbbf2417}.ss-priority-chip.low{color:#34d399;border-color:#34d39961;background:#34d39917}.ss-deadline-chip{font-size:.62rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--ss-accent) 22%,transparent);color:var(--ss-muted);background:color-mix(in srgb,var(--ss-accent) 5%,transparent);font-family:var(--ss-mono)}.ss-deadline-chip.overdue{color:#fb7185;border-color:#fb718566;background:#fb718517;animation:ss-pulse 2s ease-in-out infinite}.ss-task-actions{display:flex;gap:.3rem;flex-shrink:0}.ss-task-btn{width:30px;height:30px;border-radius:var(--ss-radius-sm);background:color-mix(in srgb,var(--ss-accent) 6%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 10%,transparent);color:var(--ss-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .18s var(--ss-spring);-webkit-tap-highlight-color:transparent}.ss-task-btn:hover{transform:scale(1.18) rotate(-5deg);background:color-mix(in srgb,var(--ss-accent) 14%,transparent);border-color:color-mix(in srgb,var(--ss-accent) 30%,transparent)}.ss-task-btn.danger:hover{background:#fb718524;border-color:#fb718552;color:#fb7185}.ss-undo-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.5rem 1.65rem 1rem;padding:.72rem 1rem;background:color-mix(in srgb,var(--ss-accent) 7%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 20%,transparent);border-radius:var(--ss-radius-sm);font-size:.82rem;color:var(--ss-muted);flex-wrap:wrap;animation:ss-slide-r .25s var(--ss-ease)}.ss-undo-bar strong{color:var(--ss-accent)}.ss-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.62rem,2vw,.92rem);padding:clamp(.88rem,2vw,1.2rem) clamp(1.1rem,3vw,1.65rem)}.ss-stats-box{text-align:center;padding:clamp(.78rem,2vw,.98rem) .5rem;background:color-mix(in srgb,var(--ss-accent) 4%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 9%,transparent);border-radius:var(--ss-radius-sm);transition:all .25s var(--ss-spring);position:relative;overflow:hidden;cursor:default}.ss-stats-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--ss-accent) 6%,transparent),color-mix(in srgb,var(--ss-accent2) 3%,transparent));opacity:0;transition:opacity .25s}.ss-stats-box:hover{transform:translateY(-3px) scale(1.02);border-color:color-mix(in srgb,var(--ss-accent) 25%,transparent);box-shadow:var(--ss-shadow)}.ss-stats-box:hover:before{opacity:1}.ss-stats-box-label{font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--ss-muted);margin-bottom:.38rem;font-family:var(--ss-mono);position:relative}.ss-stats-box-val{font-size:clamp(1.05rem,2.5vw,1.5rem);font-weight:900;font-family:var(--ss-mono);background:linear-gradient(135deg,var(--ss-accent),var(--ss-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;position:relative}.ss-section-label{font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--ss-muted);padding:0 clamp(1.1rem,3vw,1.65rem);margin-bottom:.68rem;display:flex;align-items:center;gap:.52rem;font-family:var(--ss-mono)}.field-breakdown{padding:0 clamp(1.1rem,3vw,1.65rem) clamp(.68rem,2vw,.98rem);display:flex;flex-direction:column;gap:.78rem}.fb-row{display:flex;flex-direction:column;gap:.3rem}.fb-info{display:flex;align-items:center;gap:.48rem;font-size:.8rem}.fb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.fb-name{flex:1;font-weight:600;color:var(--ss-text)}.fb-time{font-family:var(--ss-mono);font-size:.75rem;font-weight:700;color:var(--ss-accent)}.fb-pct{font-size:.7rem;font-weight:700;color:var(--ss-muted);min-width:33px;text-align:right;font-family:var(--ss-mono)}.fb-bar-track{height:4px;background:color-mix(in srgb,var(--ss-text) 4%,transparent);border-radius:999px;overflow:hidden}.fb-bar{height:100%;border-radius:999px;opacity:.85}.hv2-wrap{padding:0 clamp(1.1rem,3vw,1.65rem) 1.2rem;display:flex;flex-direction:column;gap:0;position:relative}.hv2-bars{display:flex;align-items:flex-end;gap:3px;height:108px;padding-bottom:24px;position:relative}.hv2-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative;cursor:default}.hv2-track{flex:1;width:100%;display:flex;align-items:flex-end}.hv2-bar{width:100%;border-radius:3px 3px 0 0;min-height:2px;transition:filter .18s}.hv2-col.hovered .hv2-bar{filter:brightness(1.4) saturate(1.25)}.hv2-tick{position:absolute;bottom:0;font-size:.47rem;font-weight:700;color:var(--ss-muted);white-space:nowrap;font-family:var(--ss-mono);transform:translateY(100%);padding-top:4px}.hv2-tooltip{display:flex;align-items:center;justify-content:center;gap:.4rem;height:27px;margin-top:4px;opacity:0;transition:opacity .18s;pointer-events:none}.hv2-tooltip.visible{opacity:1}.hv2-tooltip-time{font-size:.75rem;font-weight:700;color:var(--ss-accent);font-family:var(--ss-mono)}.hv2-tooltip-sep{color:var(--ss-muted)}.hv2-tooltip-val{font-size:.75rem;font-weight:600;color:var(--ss-muted);font-family:var(--ss-mono)}.hv2-footer{display:flex;align-items:center;gap:1.2rem;margin-top:.78rem;padding-top:.72rem;border-top:1px solid color-mix(in srgb,var(--ss-accent) 9%,transparent);flex-wrap:wrap}.hv2-footer-item{display:flex;flex-direction:column;gap:.08rem}.hv2-footer-label{font-size:.53rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ss-muted);font-family:var(--ss-mono);font-weight:700}.hv2-footer-val{font-size:.87rem;font-weight:700;color:var(--ss-text);font-family:var(--ss-mono)}.hv2-wrap:before{content:"60m";position:absolute;top:0;left:0;font-size:.48rem;font-weight:700;color:var(--ss-muted);font-family:var(--ss-mono);opacity:.55;pointer-events:none}.hv2-legend{margin-left:auto;display:flex;align-items:center;gap:.3rem;font-size:.62rem;color:var(--ss-muted);font-family:var(--ss-mono);font-weight:600}.hv2-leg-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.ss-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:.68rem;margin:0 clamp(1.1rem,3vw,1.65rem) 1.2rem}.ss-insight-card{background:color-mix(in srgb,var(--ss-accent) 4%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 9%,transparent);border-radius:var(--ss-radius-sm);padding:.98rem;text-align:center;transition:all .25s var(--ss-spring);cursor:default;position:relative;overflow:hidden}.ss-insight-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--ss-accent) 7%,transparent),color-mix(in srgb,var(--ss-accent2) 4%,transparent));opacity:0;transition:opacity .25s}.ss-insight-card:hover{background:color-mix(in srgb,var(--ss-accent) 7%,transparent);border-color:color-mix(in srgb,var(--ss-accent) 24%,transparent);transform:translateY(-3px);box-shadow:var(--ss-shadow)}.ss-insight-card:hover:before{opacity:1}.ss-insight-icon{font-size:1.4rem;margin-bottom:.42rem;display:block;position:relative}.ss-insight-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ss-muted);margin-bottom:.23rem;font-family:var(--ss-mono);font-weight:600;position:relative}.ss-insight-value{font-size:1.05rem;font-weight:700;color:var(--ss-text);font-family:var(--ss-mono);position:relative}.ss-insight-sub{font-size:.68rem;color:var(--ss-muted);margin-top:.23rem;line-height:1.5;position:relative}.ss-insight-bar{height:4px;background:color-mix(in srgb,var(--ss-text) 5%,transparent);border-radius:2px;margin-top:.72rem;overflow:hidden;position:relative}.ss-insight-bar-fill{height:100%;background:linear-gradient(90deg,var(--ss-accent),var(--ss-accent2));border-radius:2px}.ss-fields-list{padding:clamp(.92rem,2vw,1.2rem) clamp(1.1rem,3vw,1.65rem);display:flex;flex-direction:column;gap:.48rem}.ss-field-row{display:flex;align-items:center;gap:.68rem;padding:.82rem .98rem;background:color-mix(in srgb,var(--ss-accent) 3%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 7%,transparent);border-radius:var(--ss-radius-sm);transition:all .25s var(--ss-ease)}.ss-field-row:hover{border-color:color-mix(in srgb,var(--ss-accent) 22%,transparent);transform:translate(5px);box-shadow:var(--ss-shadow)}.ss-field-row.active{border-color:color-mix(in srgb,#34d399 28%,transparent);background:color-mix(in srgb,#34d399 3%,transparent)}.ss-field-row-info{flex:1;min-width:0}.ss-field-row-name{font-size:.86rem;font-weight:700;color:var(--ss-text)}.ss-field-row-time{font-size:.75rem;font-weight:700;color:var(--ss-accent);font-family:var(--ss-mono);margin-top:.12rem}.ss-input{flex:1;padding:.64rem .92rem;background:color-mix(in srgb,var(--ss-accent) 4%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 12%,transparent);color:var(--ss-text);border-radius:var(--ss-radius-sm);font-size:.86rem;font-family:var(--ss-font);outline:none;transition:border-color .18s,box-shadow .18s,background .18s;min-width:0}.ss-input::-moz-placeholder{color:var(--ss-muted)}.ss-input::placeholder{color:var(--ss-muted)}.ss-input:focus{border-color:var(--ss-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-accent) 14%,transparent);background:color-mix(in srgb,var(--ss-accent) 6%,transparent)}.ss-date-input{color-scheme:dark;max-width:150px}.ss-select{padding:.6rem .8rem;background:color-mix(in srgb,var(--ss-accent) 4%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 12%,transparent);color:var(--ss-text);border-radius:var(--ss-radius-sm);font-size:.83rem;font-family:var(--ss-font);cursor:pointer;outline:none;transition:border-color .18s,box-shadow .18s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ss-select:focus{border-color:var(--ss-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-accent) 14%,transparent)}.ss-btn-sm{padding:.6rem 1rem;border:none;border-radius:999px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:var(--ss-font);transition:all .22s var(--ss-spring);white-space:nowrap;letter-spacing:.04em;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.ss-btn-sm:hover{transform:translateY(-2px)}.ss-btn-sm:active{transform:scale(.96)}.ss-btn-purple{background:linear-gradient(135deg,var(--ss-accent2),var(--ss-accent));color:#fff;box-shadow:0 4px 16px color-mix(in srgb,var(--ss-accent) 26%,transparent)}.ss-btn-purple:hover{box-shadow:0 6px 22px color-mix(in srgb,var(--ss-accent) 40%,transparent)}.ss-btn-ghost{background:color-mix(in srgb,var(--ss-accent) 6%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 14%,transparent);color:var(--ss-muted)}.ss-btn-ghost:hover{background:color-mix(in srgb,var(--ss-accent) 12%,transparent);border-color:color-mix(in srgb,var(--ss-accent) 28%,transparent)}.empty-state-sm{text-align:center;padding:1.6rem 1.2rem;color:var(--ss-muted);font-size:.83rem;border:1.5px dashed color-mix(in srgb,var(--ss-accent) 16%,transparent);border-radius:var(--ss-radius-sm);background:color-mix(in srgb,var(--ss-accent) 2%,transparent)}.ss-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:1rem}.ss-modal{background:var(--ss-bg);border:1.5px solid color-mix(in srgb,var(--ss-accent) 20%,transparent);border-radius:var(--ss-radius);width:100%;max-width:430px;box-shadow:0 30px 90px color-mix(in srgb,var(--ss-accent) 26%,transparent),inset 0 1px color-mix(in srgb,var(--ss-accent) 12%,transparent);overflow:hidden;position:relative}.ss-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--ss-accent),var(--ss-accent2),transparent);opacity:.7}.ss-modal-head{padding:1.2rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--ss-accent) 9%,transparent);display:flex;align-items:center;justify-content:space-between;font-size:.97rem;font-weight:700;font-family:var(--ss-display)}.ss-modal-head.warning{background:#fb718512;border-color:#fb71852e;color:#fb7185}.ss-modal-head.info{background:color-mix(in srgb,var(--ss-accent) 6%,transparent);color:var(--ss-accent)}.ss-modal-close{width:30px;height:30px;border-radius:var(--ss-radius-sm);background:color-mix(in srgb,var(--ss-accent) 7%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 16%,transparent);color:var(--ss-muted);cursor:pointer;font-size:.92rem;display:flex;align-items:center;justify-content:center;transition:all .22s var(--ss-spring);-webkit-tap-highlight-color:transparent}.ss-modal-close:hover{background:color-mix(in srgb,var(--ss-accent) 14%,transparent);color:var(--ss-accent);transform:rotate(90deg) scale(1.12)}.ss-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:.92rem;font-size:.88rem;color:var(--ss-muted);line-height:1.68}.ss-check-row{display:flex;align-items:center;gap:.58rem;cursor:pointer;font-size:.86rem;color:var(--ss-muted)}.ss-check-row input{accent-color:var(--ss-accent);width:15px;height:15px}.ss-modal-foot{padding:1.2rem 1.5rem;border-top:1px solid color-mix(in srgb,var(--ss-accent) 7%,transparent);display:flex;gap:.68rem}.ss-btn-cancel{flex:1;padding:.66rem;background:color-mix(in srgb,var(--ss-text) 6%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-text) 12%,transparent);color:var(--ss-muted);border-radius:999px;font-weight:600;cursor:pointer;font-family:var(--ss-font);font-size:.85rem;transition:all .22s var(--ss-ease)}.ss-btn-cancel:hover{background:color-mix(in srgb,var(--ss-text) 10%,transparent);color:var(--ss-text);transform:translateY(-2px)}.ss-btn-danger{flex:1;padding:.66rem;background:linear-gradient(135deg,#c0365e,#fb7185);border:none;border-radius:999px;color:#fff;font-weight:700;cursor:pointer;font-family:var(--ss-font);font-size:.85rem;transition:all .22s var(--ss-spring);box-shadow:0 4px 14px #c0365e38}.ss-btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c0365e66}.dl-streak-badge{font-size:.63rem;font-weight:800;padding:.2rem .6rem;border-radius:999px;background:#f973161a;border:1px solid rgba(249,115,22,.28);color:#f97316;font-family:var(--ss-mono);-webkit-text-fill-color:#f97316}.dl-subtabs{display:flex;border-bottom:1px solid color-mix(in srgb,var(--ss-accent) 9%,transparent);background:color-mix(in srgb,var(--ss-accent) 1.5%,transparent)}.dl-subtab{flex:1;padding:.73rem .5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--ss-muted);font-size:.78rem;font-weight:700;cursor:pointer;font-family:var(--ss-font);transition:all .18s var(--ss-ease);display:flex;align-items:center;justify-content:center;gap:.3rem;-webkit-tap-highlight-color:transparent}.dl-subtab:hover{color:var(--ss-muted);filter:brightness(1.3)}.dl-subtab.active{color:var(--ss-accent);border-bottom-color:var(--ss-accent)}.dl-subtab-badge{font-size:.55rem;font-weight:800;min-width:15px;height:15px;border-radius:999px;background:linear-gradient(135deg,#c0365e,#fb7185);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;font-family:var(--ss-mono);animation:ss-pop .3s var(--ss-spring)}.dl-subtab-badge.insights{background:color-mix(in srgb,var(--ss-accent2) 55%,transparent)}.dl-stats-strip{display:flex;align-items:center;padding:.72rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--ss-accent) 6%,transparent);background:color-mix(in srgb,var(--ss-accent) 1.5%,transparent)}.dl-stat-item{flex:1;text-align:center;display:flex;flex-direction:column;gap:.12rem}.dl-stat-item span:last-child{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ss-muted);font-family:var(--ss-mono)}.dl-stat-divider{width:1px;height:27px;background:color-mix(in srgb,var(--ss-accent) 10%,transparent);flex-shrink:0}.dl-tappad-label{font-size:.88rem;font-weight:700;color:var(--ss-text);padding:1rem 1.4rem .24rem}.dl-tappad-hint{font-size:.73rem;color:var(--ss-muted);padding:0 1.4rem .78rem}.dl-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.52rem;padding:0 1.25rem 1rem}.dl-btn-wrap{position:relative}.dl-type-btn{display:flex;flex-direction:column;align-items:center;gap:.28rem;padding:.72rem .32rem;width:100%;background:var(--btn-bg,color-mix(in srgb,var(--ss-accent) 7%,transparent));border:1.5px solid color-mix(in srgb,var(--ss-text) 7%,transparent);border-radius:var(--ss-radius-sm);cursor:pointer;font-family:var(--ss-font);position:relative;overflow:hidden;transition:all .18s var(--ss-spring);-webkit-tap-highlight-color:transparent}.dl-type-btn:hover{border-color:var(--btn-color,var(--ss-accent));transform:translateY(-4px) scale(1.05);box-shadow:0 8px 22px #00000047}.dl-type-btn:active{transform:scale(.88)}.dl-type-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.dl-btn-emoji{font-size:1.38rem}.dl-btn-label{font-size:.62rem;font-weight:700;color:var(--ss-muted);text-align:center;line-height:1.2}.dl-btn-count{position:absolute;top:-5px;right:-5px;font-size:.55rem;font-weight:900;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;color:#fff;border:2px solid var(--ss-bg);font-family:var(--ss-mono);animation:ss-pop .25s var(--ss-spring)}.dl-today-mini{padding:0 1.25rem 1rem}.dl-mini-title{font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ss-muted);font-family:var(--ss-mono);margin-bottom:.58rem}.dl-mini-bar-row{display:flex;align-items:center;gap:.52rem;margin-bottom:.4rem}.dl-mini-bar-emoji{font-size:.84rem;width:18px;text-align:center}.dl-mini-bar-track{flex:1;height:5px;background:color-mix(in srgb,var(--ss-text) 4%,transparent);border-radius:999px;overflow:hidden}.dl-mini-bar-fill{height:100%;background:var(--bar-color,var(--ss-accent));border-radius:999px}.dl-mini-bar-count{font-size:.7rem;font-weight:800;font-family:var(--ss-mono);min-width:16px;text-align:right}.dl-filter-bar{display:flex;align-items:center;gap:.36rem;padding:.58rem 1.25rem;flex-wrap:wrap;border-bottom:1px solid color-mix(in srgb,var(--ss-accent) 6%,transparent)}.dl-filter-chip{padding:.28rem .68rem;border-radius:999px;background:color-mix(in srgb,var(--ss-accent) 5%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 12%,transparent);color:var(--ss-muted);font-size:.72rem;font-weight:700;cursor:pointer;transition:all .18s var(--ss-spring);font-family:var(--ss-mono);-webkit-tap-highlight-color:transparent}.dl-filter-chip:hover{transform:translateY(-2px)}.dl-filter-chip.active{background:color-mix(in srgb,var(--ss-accent) 15%,transparent);border-color:var(--ss-accent);color:var(--ss-accent);box-shadow:var(--ss-glow)}.dl-log-list{max-height:280px;overflow-y:auto;padding:.5rem 1.25rem;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ss-accent) 22%,transparent) transparent}.dl-log-list::-webkit-scrollbar{width:3px}.dl-log-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ss-accent) 22%,transparent);border-radius:999px}.dl-hour-group{margin-bottom:.78rem}.dl-hour-label{font-size:.63rem;font-weight:800;color:var(--ss-muted);text-transform:uppercase;letter-spacing:.1em;font-family:var(--ss-mono);margin-bottom:.33rem}.dl-log-entry{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:var(--ss-radius-sm);background:color-mix(in srgb,var(--ss-text) 2%,transparent);border-left:2.5px solid var(--entry-color,var(--ss-accent));margin-bottom:.28rem;transition:all .18s var(--ss-ease);overflow:hidden}.dl-log-entry:hover{background:color-mix(in srgb,var(--ss-text) 4%,transparent);transform:translate(3px)}.dl-entry-emoji{font-size:.94rem;flex-shrink:0}.dl-entry-body{flex:1;min-width:0}.dl-entry-label{font-size:.78rem;font-weight:700;display:block}.dl-entry-tip{font-size:.64rem;color:var(--ss-muted);display:block;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-entry-time{font-size:.64rem;color:var(--ss-muted);font-family:var(--ss-mono);flex-shrink:0}.dl-entry-delete{background:none;border:none;color:var(--ss-muted);cursor:pointer;font-size:.78rem;opacity:.44;transition:all .18s;padding:.2rem;flex-shrink:0;border-radius:6px}.dl-entry-delete:hover{opacity:1;color:#fb7185;background:#fb71851a}.dl-insight-card{display:flex;align-items:flex-start;gap:.72rem;padding:.82rem 1rem;margin:0 1.25rem .58rem;background:color-mix(in srgb,var(--ins-color,var(--ss-accent)) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--ins-color,var(--ss-accent)) 22%,transparent);border-radius:var(--ss-radius-sm);transition:all .25s var(--ss-ease)}.dl-insight-card:hover{transform:translate(4px)}.dl-insight-emoji{font-size:1.38rem;flex-shrink:0}.dl-insight-text{font-size:.8rem;font-weight:600;color:var(--ss-text);line-height:1.55;margin-bottom:.27rem}.dl-insight-action{font-size:.72rem;color:var(--ss-muted);line-height:1.5}.dl-tip-card{display:flex;align-items:flex-start;gap:.62rem;padding:.72rem 1rem;margin:0 1.25rem .5rem;background:color-mix(in srgb,var(--ss-accent) 2.5%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 7%,transparent);border-left:2.5px solid var(--tip-color,var(--ss-accent));border-radius:var(--ss-radius-sm);transition:all .25s var(--ss-ease)}.dl-tip-card:hover{transform:translate(3px);background:color-mix(in srgb,var(--ss-accent) 4%,transparent)}.dl-tip-emoji{font-size:1.05rem}.dl-tip-label{font-size:.72rem;font-weight:800;display:block;margin-bottom:.12rem}.dl-tip-text{font-size:.7rem;color:var(--ss-muted);line-height:1.5}.ss-recent-sessions{padding:0 clamp(1.1rem,3vw,1.65rem) 1rem;display:flex;flex-direction:column;gap:.48rem}.ss-recent-session-row{display:flex;align-items:center;gap:.68rem;padding:.72rem .98rem;background:color-mix(in srgb,var(--ss-accent) 3%,transparent);border:1.5px solid color-mix(in srgb,var(--ss-accent) 7%,transparent);border-radius:var(--ss-radius-sm);transition:all .25s var(--ss-ease)}.ss-recent-session-row:hover{border-color:color-mix(in srgb,var(--ss-accent) 22%,transparent);transform:translate(3px)}.ss-recent-session-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.14rem}.ss-recent-session-field{font-size:.85rem;font-weight:700;color:var(--ss-text)}.ss-recent-session-meta{font-size:.7rem;color:var(--ss-muted);font-family:var(--ss-mono)}.ss-recent-session-actions{display:flex;gap:.3rem;flex-shrink:0}@media (max-width: 1060px){.ss-main-grid{grid-template-columns:1fr 285px}}@media (max-width: 860px){.ss-main-grid{grid-template-columns:1fr}.ss-side-col{display:grid;grid-template-columns:1fr 1fr;gap:.88rem}}@media (max-width: 600px){.ss-page{padding:.75rem .75rem 5.5rem}.ss-main-grid{grid-template-columns:1fr;gap:.72rem}.ss-side-col{grid-template-columns:1fr 1fr;gap:.72rem}.ss-timer-card{padding:1.3rem 1.05rem;gap:.88rem}.ss-ring-wrap{width:182px;height:182px}.ss-timer-digits{font-size:1.62rem}.ss-controls{gap:.52rem}.ss-btn{padding:.72rem 1.35rem;font-size:.8rem}.ss-btn-reset{padding:.72rem .92rem}.ss-mode-toggles{gap:.45rem}.ss-toggle-row{padding:.58rem .82rem}.ss-tab-bar{position:fixed;bottom:0;left:0;right:0;padding:.68rem .82rem calc(.68rem + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--ss-bg) 80%,transparent 100%);gap:.32rem;justify-content:space-around;flex-wrap:nowrap;border-top:1px solid color-mix(in srgb,var(--ss-accent) 8%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:200}.ss-tab-bar:before{display:none}.ss-tab{padding:.58rem .78rem;flex:1;justify-content:center;font-size:0;border-radius:var(--ss-radius-sm)}.ss-tab-label{display:none}.ss-tab-icon{font-size:1.22rem}.ss-panel{max-height:80vh;overflow-y:auto}.ss-panel::-webkit-scrollbar{width:3px}.ss-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ss-accent) 22%,transparent);border-radius:999px}.ss-task-add{padding:.88rem .98rem}.ss-task-meta-row{flex-direction:column}.ss-date-input{max-width:100%}.ss-task-list{padding:.68rem .98rem .5rem;max-height:50vh}.ss-task-filter-row{padding:.68rem .98rem}.ss-panel-header{padding:.98rem 1.12rem}.ss-stats-grid{padding:.88rem .98rem;gap:.52rem;grid-template-columns:1fr 1fr}.ss-stats-grid>:last-child{grid-column:1 / -1}.ss-section-label{padding:0 .98rem}.field-breakdown{padding:0 .98rem .68rem}.hv2-wrap{padding:0 .98rem 1rem}.ss-fields-list{padding:.88rem .98rem}.ss-insights-grid{margin:0 .98rem 1rem}.dl-type-grid{gap:.4rem;padding:0 .98rem .88rem}.dl-tappad-label{padding:.88rem .98rem .2rem}.dl-tappad-hint{padding:0 .98rem .62rem}.dl-today-mini{padding:0 .98rem .88rem}.dl-filter-bar{padding:.52rem .98rem}.dl-log-list{padding:.48rem .98rem}.dl-insight-card{margin:0 .98rem .52rem}.dl-tip-card{margin:0 .98rem .46rem}.dl-stats-strip{padding:.68rem .98rem}.dw-ring-wrap{width:148px;height:148px}.dw-ring-digits{font-size:1.48rem}.ss-recent-sessions{padding:0 .98rem 1rem}}@media (max-width: 420px){.ss-side-col{grid-template-columns:1fr}.ss-ring-wrap{width:168px;height:168px}.dl-type-grid{grid-template-columns:repeat(4,1fr);gap:.3rem}.dl-btn-label{font-size:.56rem}.dl-btn-emoji{font-size:1.18rem}.ss-btn{padding:.66rem 1.1rem}.ss-tab{padding:.53rem .62rem}}@media (hover: none){.ss-card:hover,.ss-task-item:hover,.ss-field-row:hover,.ss-stats-box:hover,.ss-mini-item:hover,.ss-insight-card:hover,.dl-log-entry:hover,.dw-history-row:hover,.ss-btn:hover,.ss-btn-sm:hover,.ss-tab:hover,.ss-field-chip:hover,.ss-task-btn:hover,.ss-btn-reset:hover,.dl-type-btn:hover,.qdl-btn:hover,.ss-btn-cancel:hover,.ss-btn-danger:hover,.ss-env-pill:hover{transform:none}}button:focus-visible{outline:2px solid var(--ss-accent);outline-offset:3px;border-radius:var(--ss-radius-sm)}input:focus-visible{outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--pk-pink: var(--pookie-pink, #f472b6);--pk-pink-dim: var(--pookie-pink2, #ec4899);--pk-lav: var(--pookie-purple, #a855f7);--pk-lav-dim: var(--pookie-purple2, #7c3aed);--pk-mint: #a8edca;--pk-mint-dim: #3eb57d;--pk-red: var(--pookie-rose, #fb7185);--bg: var(--pookie-bg, #06020f);--glass: var(--pookie-surface, rgba(168,85,247,.08));--glass-h: var(--pookie-surface2, rgba(168,85,247,.15));--border: var(--pookie-border, rgba(244,114,182,.22));--border2: var(--pookie-border2, rgba(244,114,182,.36));--border-p: rgba(255,158,210,.3);--t1: var(--pookie-text, #f8fafc);--t2: var(--pookie-muted, #94a3b8);--t3: rgba(148,163,184,.55);--grad-primary: linear-gradient(135deg, var(--pk-pink-dim), var(--pk-lav-dim));--grad-success: linear-gradient(135deg, var(--pk-mint-dim), var(--pk-mint));--grad-danger: linear-gradient(135deg, #c0365e, #fb7185);--sh: var(--pookie-shadow, 0 8px 32px rgba(168,85,247,.14));--sh-h: var(--pookie-shadow-h, 0 14px 44px rgba(244,114,182,.22));--r-sm: var(--pookie-radius-sm, 12px);--r-md: 18px;--r-lg: 24px;--r-xl: var(--pookie-radius, 20px);--blur: blur(24px);--ease: cubic-bezier(.4,0,.2,1);--spring: cubic-bezier(.34,1.56,.64,1);--fast: .16s;--smooth: .28s;--font-d: var(--pookie-display, "Dancing Script", cursive);--font-b: var(--pookie-font, "DM Sans", sans-serif);--font-m: "DM Mono", monospace}.profile-page{min-height:100vh;background:var(--bg);padding:clamp(1.25rem,3vw,2rem) clamp(1rem,3vw,1.5rem) 5rem;font-family:var(--font-b);color:var(--t1);position:relative;overflow-x:hidden;background-image:radial-gradient(ellipse 60% 50% at 15% 10%,color-mix(in srgb,var(--pk-pink) 7%,transparent) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 85% 85%,color-mix(in srgb,var(--pk-lav) 7%,transparent) 0%,transparent 60%);transition:background-color .5s var(--ease)}.bg-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.bg-orb-1{width:clamp(280px,45vw,500px);height:clamp(280px,45vw,500px);background:radial-gradient(circle,color-mix(in srgb,var(--pk-pink-dim) 10%,transparent),transparent 70%);top:-100px;left:-150px;animation:orb-drift 18s ease-in-out infinite alternate}.bg-orb-2{width:clamp(220px,38vw,400px);height:clamp(220px,38vw,400px);background:radial-gradient(circle,color-mix(in srgb,var(--pk-lav-dim) 10%,transparent),transparent 70%);bottom:10%;right:-100px;animation:orb-drift 22s ease-in-out infinite alternate-reverse}.bg-orb-3{width:clamp(160px,28vw,300px);height:clamp(160px,28vw,300px);background:radial-gradient(circle,color-mix(in srgb,var(--pk-mint-dim) 6%,transparent),transparent 70%);top:50%;left:40%;animation:orb-drift 26s ease-in-out infinite alternate}@keyframes orb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.1)}}.particle-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 20% 30%,color-mix(in srgb,var(--pk-pink) 40%,transparent) 0%,transparent 50%),radial-gradient(1px 1px at 80% 70%,color-mix(in srgb,var(--pk-lav) 30%,transparent) 0%,transparent 50%),radial-gradient(1px 1px at 50% 50%,color-mix(in srgb,var(--pk-mint) 25%,transparent) 0%,transparent 50%);background-size:400% 400%;animation:particle-drift 40s linear infinite;opacity:.5}@keyframes particle-drift{0%{background-position:0% 0%,100% 100%,50% 50%}to{background-position:100% 100%,0% 0%,150% 150%}}.profile-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.4rem);position:relative;z-index:1}.glass-card{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1.5px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh);transition:transform var(--smooth) var(--ease),box-shadow var(--smooth) var(--ease),border-color var(--smooth) var(--ease);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--pk-pink) 3%,transparent),color-mix(in srgb,var(--pk-lav) 2%,transparent));pointer-events:none;border-radius:inherit}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--sh-h);border-color:color-mix(in srgb,var(--pk-pink) 40%,transparent)}.skeleton-card{background:linear-gradient(90deg,color-mix(in srgb,var(--pk-pink-dim) 6%,transparent) 25%,color-mix(in srgb,var(--pk-lav) 10%,transparent),color-mix(in srgb,var(--pk-pink-dim) 6%,transparent) 75%);background-size:200% 100%;animation:skeleton-wave 1.6s ease infinite;border-radius:var(--r-xl);border:1.5px solid var(--border)}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;text-align:center}.auth-lock{font-size:3.5rem}.profile-state h2{font-family:var(--font-d);font-size:1.6rem;font-weight:800}.profile-state p{color:var(--t2)}.profile-hero{padding:clamp(1.75rem,4vw,2.5rem)}.hero-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,color-mix(in srgb,var(--pk-pink) 6%,transparent) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 10% 80%,color-mix(in srgb,var(--pk-lav) 5%,transparent) 0%,transparent 70%);pointer-events:none}.hero-inner{display:flex;align-items:center;gap:clamp(1.25rem,3vw,2rem);flex-wrap:wrap;position:relative}.avatar-zone{flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.avatar-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:var(--grad-primary);opacity:.2;filter:blur(16px);animation:avatar-glow-pulse 3s ease-in-out infinite}@keyframes avatar-glow-pulse{0%,to{opacity:.2}50%{opacity:.38}}.avatar-wrapper{position:relative;width:clamp(72px,10vw,92px);height:clamp(72px,10vw,92px);z-index:1}.avatar{width:100%;height:100%;border-radius:50%;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:#fff;box-shadow:var(--sh-h),inset 0 1px #fff3;border:2px solid color-mix(in srgb,var(--pk-pink) 40%,transparent);position:relative;transition:transform var(--smooth) var(--spring);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.avatar:hover{transform:scale(1.08) rotate(-4deg)}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:2;font-size:1.4rem}.avatar-wrapper:hover .avatar-overlay{opacity:1}.avatar-status{position:absolute;bottom:4px;right:4px;width:18px;height:18px;background:var(--grad-success);border-radius:50%;border:2.5px solid var(--bg);z-index:3}.avatar-status.studying{background:var(--grad-primary);animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--pk-pink) 25%,transparent)}50%{box-shadow:0 0 0 6px transparent}}.hero-info{flex:1;min-width:clamp(180px,30vw,220px)}.hero-name-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.35rem;flex-wrap:wrap}.hero-name{font-family:var(--font-d);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15}.edit-btn{background:var(--glass-h);border:1.5px solid var(--border2);color:var(--t1);width:36px;height:36px;border-radius:var(--r-sm);cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:all var(--fast) var(--ease);flex-shrink:0}.edit-btn:hover{background:color-mix(in srgb,var(--pk-pink) 12%,transparent);border-color:var(--border-p);transform:scale(1.1) rotate(-8deg)}.hero-email{color:var(--t3);font-size:.88rem;margin-bottom:.9rem;font-family:var(--font-m)}.hero-chips{display:flex;gap:.45rem;flex-wrap:wrap}.chip{font-size:.72rem;font-weight:600;color:var(--t2);background:color-mix(in srgb,var(--pk-pink) 7%,transparent);border:1px solid color-mix(in srgb,var(--pk-pink) 18%,transparent);border-radius:20px;padding:.28rem .75rem;white-space:nowrap;font-family:var(--font-m);transition:border-color var(--fast),background var(--fast)}.chip:hover{background:color-mix(in srgb,var(--pk-pink) 12%,transparent);border-color:color-mix(in srgb,var(--pk-pink) 30%,transparent)}.chip-live{background:color-mix(in srgb,var(--pk-mint-dim) 10%,transparent);border-color:color-mix(in srgb,var(--pk-mint-dim) 30%,transparent);color:var(--pk-mint);animation:live-chip-pulse 2s ease-in-out infinite}@keyframes live-chip-pulse{0%,to{opacity:1}50%{opacity:.6}}.hero-right{display:flex;flex-direction:column;gap:1rem;align-items:flex-end;flex-shrink:0}.hero-metrics{display:flex;flex-direction:column;gap:.6rem}.metric-pill{display:flex;align-items:center;gap:.75rem;background:color-mix(in srgb,var(--pk-pink) 6%,transparent);border:1.5px solid color-mix(in srgb,var(--pk-pink) 14%,transparent);border-radius:var(--r-lg);padding:.7rem 1.1rem;min-width:150px;transition:all var(--smooth) var(--ease)}.metric-pill:hover{border-color:var(--border-p);transform:translate(-4px)}.metric-icon{font-size:1.4rem}.metric-val{font-size:1.25rem;font-weight:800;font-family:var(--font-m);line-height:1;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-lbl{font-size:.66rem;color:var(--t3);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:.1rem;font-family:var(--font-m)}.personality-badge{background:var(--grad-primary);border-radius:var(--r-lg);padding:1rem 1.25rem;text-align:center;box-shadow:0 8px 32px color-mix(in srgb,var(--pk-pink-dim) 25%,transparent);cursor:default;min-width:150px;transition:transform var(--smooth) var(--spring)}.personality-badge:hover{transform:scale(1.04)}.personality-icon{font-size:2rem;margin-bottom:.35rem}.personality-title{font-family:var(--font-d);font-weight:800;color:#fff;font-size:1rem}.personality-desc{font-size:.72rem;color:#fffc;margin-top:.2rem}.section-card{padding:clamp(1.25rem,3vw,1.75rem)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(1rem,2vw,1.4rem);flex-wrap:wrap;gap:.75rem}.section-title{font-family:var(--font-d);font-size:.95rem;font-weight:700;color:var(--t1);display:flex;align-items:center;gap:.5rem;margin-bottom:clamp(1rem,2vw,1.4rem)}.section-header .section-title{margin-bottom:0}.live-badge{font-size:.6rem;font-weight:800;letter-spacing:.1em;color:var(--pk-mint);background:color-mix(in srgb,var(--pk-mint-dim) 12%,transparent);border:1px solid color-mix(in srgb,var(--pk-mint-dim) 30%,transparent);border-radius:20px;padding:.15rem .55rem;animation:live-pulse 2s ease infinite;font-family:var(--font-m)}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.5}}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.4rem)}.chart-description{font-size:.82rem;color:var(--t3);margin-bottom:1rem;line-height:1.6}.score-card{display:flex;flex-direction:column}.productivity-score-wrap{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.score-gauge-wrap{position:relative;flex-shrink:0;width:160px;height:160px}.gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.gauge-score{font-size:2rem;font-weight:900;font-family:var(--font-m);line-height:1}.gauge-grade{font-size:1rem;font-weight:800;font-family:var(--font-m);margin-top:.1rem}.score-breakdown{display:flex;flex-direction:column;gap:.45rem;flex:1;min-width:100px}.score-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--t2);background:color-mix(in srgb,var(--pk-pink) 5%,transparent);border:1px solid color-mix(in srgb,var(--pk-pink) 10%,transparent);border-radius:var(--r-sm);padding:.4rem .75rem;transition:border-color var(--fast)}.score-row:hover{border-color:color-mix(in srgb,var(--pk-pink) 22%,transparent)}.score-row span:last-child{font-weight:700;font-family:var(--font-m);color:var(--pk-pink)}.radial-wrap{position:relative;flex-shrink:0}.radial-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.radial-val{font-size:1.3rem;font-weight:800;font-family:var(--font-m);color:var(--t1);line-height:1}.radial-sub{font-size:.62rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.07em;margin-top:.2rem;font-family:var(--font-m)}.time-pills{display:flex;flex-direction:column;gap:.5rem}.time-pill{display:flex;align-items:center;gap:.85rem;background:color-mix(in srgb,var(--pk-pink) 5%,transparent);border:1.5px solid color-mix(in srgb,var(--pk-pink) 10%,transparent);border-radius:var(--r-md);padding:.75rem 1rem;transition:all var(--smooth) var(--ease);cursor:default}.time-pill:hover{border-color:var(--border-p);transform:translate(4px)}.time-pill-icon{font-size:1.3rem;flex-shrink:0}.time-pill-body{flex:1;min-width:0}.time-pill-val{font-size:.95rem;font-weight:800;font-family:var(--font-m);line-height:1}.time-pill-lbl{font-size:.66rem;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem;font-family:var(--font-m)}.time-pill-mini{display:flex;align-items:flex-end;gap:2px;height:28px;flex-shrink:0}.mini-bar{width:5px;border-radius:2px 2px 0 0;transition:height .4s var(--ease)}.trend-arrow{font-family:var(--font-m);font-size:.72rem;font-weight:700;flex-shrink:0}.chart-tabs{display:flex;gap:.3rem;background:color-mix(in srgb,var(--pk-pink) 6%,transparent);border:1.5px solid color-mix(in srgb,var(--pk-pink) 12%,transparent);border-radius:var(--r-md);padding:.22rem;flex-wrap:wrap}.chart-tab{padding:.38rem .75rem;border-radius:var(--r-sm);border:none;background:transparent;color:var(--t3);font-size:.76rem;font-weight:600;cursor:pointer;font-family:var(--font-b);transition:all var(--fast) var(--ease);white-space:nowrap;-webkit-tap-highlight-color:transparent}.chart-tab.active{background:var(--grad-primary);color:#fff;box-shadow:0 2px 10px color-mix(in srgb,var(--pk-pink-dim) 28%,transparent)}.chart-tab:hover:not(.active){color:var(--t2);background:color-mix(in srgb,var(--pk-pink) 8%,transparent)}.recharts-custom-tooltip{background:color-mix(in srgb,var(--bg) 96%,transparent);border:1.5px solid color-mix(in srgb,var(--pk-pink) 25%,transparent);border-radius:var(--r-md);padding:.65rem 1rem;font-family:var(--font-b);font-size:.82rem;box-shadow:0 12px 36px color-mix(in srgb,var(--pk-pink-dim) 20%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:120px}.rct-label{color:var(--t2);font-size:.75rem;font-weight:600;margin-bottom:.4rem;font-family:var(--font-m)}.rct-row{display:flex;align-items:center;gap:.45rem;padding:.18rem 0}.rct-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.rct-name{flex:1;color:var(--t3);font-size:.77rem}.rct-value{font-weight:700;font-family:var(--font-m);font-size:.82rem}.activity-section{display:flex;flex-direction:column;gap:0}.activity-tab-bar{display:flex;gap:.4rem;margin-bottom:1.25rem;border-bottom:1.5px solid color-mix(in srgb,var(--pk-pink) 10%,transparent);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.activity-tab-bar::-webkit-scrollbar{display:none}.activity-tab{display:flex;align-items:center;gap:.45rem;padding:.6rem 1rem;border:none;background:transparent;color:var(--t3);font-size:.82rem;font-weight:600;cursor:pointer;font-family:var(--font-b);border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:all var(--fast) var(--ease);white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}.activity-tab:hover{color:var(--t2)}.activity-tab.active{color:var(--pk-pink);border-bottom-color:var(--pk-pink-dim)}.at-icon{font-size:1rem}.chart-panel{padding-top:.25rem}.chart-meta{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.chart-meta-stat{display:flex;flex-direction:column;gap:.2rem;background:color-mix(in srgb,var(--pk-pink) 5%,transparent);border:1px solid color-mix(in srgb,var(--pk-pink) 12%,transparent);border-radius:var(--r-sm);padding:.5rem .9rem;min-width:90px;transition:border-color var(--fast)}.chart-meta-stat:hover{border-color:color-mix(in srgb,var(--pk-pink) 22%,transparent)}.cms-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--t3);font-family:var(--font-m)}.cms-val{font-size:1rem;font-weight:800;font-family:var(--font-m);color:var(--t1)}.weekday-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;height:200px;align-items:end;padding-bottom:.5rem}.weekday-col{display:flex;flex-direction:column;align-items:center;gap:.35rem;height:100%}.weekday-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;background:color-mix(in srgb,var(--t1) 3%,transparent);border-radius:6px;overflow:hidden;border:1px solid color-mix(in srgb,var(--t1) 5%,transparent)}.weekday-bar-fill{width:100%;border-radius:5px 5px 0 0;min-height:4px}.weekday-label{font-size:.7rem;font-weight:700;font-family:var(--font-m);transition:color .3s}.weekday-avg{font-size:.62rem;color:var(--t3);font-family:var(--font-m)}.rhythm-chart{display:flex;flex-direction:column;gap:.75rem}.rhythm-insight{display:flex;justify-content:center}.rhythm-badge{font-size:.78rem;font-weight:600;color:var(--t2);background:color-mix(in srgb,var(--pk-lav-dim) 10%,transparent);border:1px solid color-mix(in srgb,var(--pk-lav-dim) 22%,transparent);border-radius:20px;padding:.35rem 1rem;font-family:var(--font-m)}.rhythm-badge strong{color:var(--pk-lav)}.mastery-timeline{display:flex;flex-direction:column;gap:.65rem}.mastery-row{display:flex;align-items:center;gap:.85rem;background:color-mix(in srgb,var(--pk-pink) 4%,transparent);border:1px solid color-mix(in srgb,var(--pk-pink) 9%,transparent);border-radius:var(--r-sm);padding:.6rem .9rem;transition:border-color .2s}.mastery-row:hover{border-color:color-mix(in srgb,var(--pk-pink) 22%,transparent)}.mastery-subject{font-size:.85rem;font-weight:600;color:var(--t1);min-width:90px}.mastery-sparkline{flex:1;height:32px;display:flex;align-items:flex-end;gap:3px}.spark-bar{width:8px;border-radius:3px 3px 0 0;transform-origin:bottom;min-height:4px}.mastery-change{font-size:.72rem;font-weight:800;font-family:var(--font-m);min-width:30px;text-align:right}.mastery-change.up{color:var(--pk-mint-dim)}.mastery-change.down{color:#c0365e}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem}.achievement-badge{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .5rem;border-radius:var(--r-md);text-align:center;position:relative;overflow:hidden;cursor:default;transition:border-color var(--smooth),transform var(--smooth) var(--spring)}.achievement-badge.unlocked{background:color-mix(in srgb,var(--pk-pink) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--pk-pink) 22%,transparent)}.achievement-badge.locked{background:color-mix(in srgb,var(--t1) 2%,transparent);border:1.5px solid color-mix(in srgb,var(--t1) 7%,transparent);opacity:.55}.achievement-badge.unlocked:hover{border-color:color-mix(in srgb,var(--pk-pink) 45%,transparent);transform:scale(1.06) rotate(3deg)}.badge-icon{font-size:1.7rem;line-height:1}.badge-label{font-size:.68rem;font-weight:700;color:var(--t2);font-family:var(--font-m);line-height:1.3}.badge-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--pk-pink) 18%,transparent) 0%,transparent 70%);pointer-events:none;animation:badge-glow-pulse 2.5s ease-in-out infinite}@keyframes badge-glow-pulse{0%,to{opacity:.3}50%{opacity:.7}}.garden-svg-wrap{width:100%;display:flex;justify-content:center;align-items:center;padding:.5rem 0}.study-garden-svg{width:100%;max-width:440px;height:auto;overflow:visible}.mountain-svg-wrap{width:100%;display:flex;justify-content:center}.mountain-progress-svg{width:100%;max-width:480px;height:auto;border-radius:var(--r-md)}.heatmap-scroll-outer{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 .25rem .5rem;margin:0 -.25rem}.heatmap-wrap{position:relative;min-width:580px}.heatmap-month-row{display:grid;grid-template-columns:repeat(53,1fr);margin-bottom:.3rem;height:18px}.heatmap-month-label{font-size:.62rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-family:var(--font-m)}.heatmap-grid{display:flex;gap:3px}.heatmap-col{display:flex;flex-direction:column;gap:3px}.heatmap-cell{width:11px;height:11px;border-radius:3px;cursor:pointer;transition:transform .15s var(--ease),filter .15s;flex-shrink:0}.heatmap-cell:hover,.heatmap-cell-hov{transform:scale(1.45);filter:brightness(1.4) drop-shadow(0 0 5px color-mix(in srgb,var(--pk-pink) 70%,transparent));z-index:2;position:relative}.heatmap-tooltip{background:color-mix(in srgb,var(--bg) 97%,transparent);border:1.5px solid color-mix(in srgb,var(--pk-pink) 28%,transparent);border-radius:var(--r-sm);padding:.5rem .9rem;font-size:.78rem;white-space:nowrap;z-index:20;display:flex;flex-direction:column;align-items:center;gap:.15rem;box-shadow:var(--sh-h);pointer-events:none;font-family:var(--font-m)}.heatmap-tooltip strong{color:var(--t1)}.heatmap-tooltip span{color:var(--t3)}.heatmap-legend{display:flex;align-items:center;gap:4px;margin-top:.75rem;justify-content:flex-end}.heatmap-legend-lbl{font-size:.63rem;color:var(--t3);font-weight:600;font-family:var(--font-m)}.fields-bars-layout{display:flex;flex-direction:column}.field-list{display:flex;flex-direction:column;gap:.55rem}.field-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:color-mix(in srgb,var(--pk-pink) 4%,transparent);border:1.5px solid color-mix(in srgb,var(--pk-pink) 8%,transparent);border-radius:var(--r-md);transition:all var(--smooth) var(--ease)}.field-row:hover{border-color:var(--border-p);transform:translate(4px)}.field-row-live{border-color:color-mix(in srgb,var(--pk-mint-dim) 25%,transparent)!important;background:color-mix(in srgb,var(--pk-mint-dim) 4%,transparent)!important}.field-rank{font-size:.7rem;font-weight:900;font-family:var(--font-m);min-width:22px;text-align:center}.field-info{flex:1;min-width:0}.field-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.38rem;gap:.5rem}.field-name{font-size:.88rem;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.field-time-badge{font-size:.7rem;font-weight:700;font-family:var(--font-m);border:1px solid;border-radius:6px;padding:.15rem .45rem;flex-shrink:0}.field-bar-track{height:5px;background:color-mix(in srgb,var(--t1) 5%,transparent);border-radius:99px;overflow:hidden}.field-bar-fill{height:100%;border-radius:99px}.field-exact{font-size:.7rem;font-family:var(--font-m);color:var(--t3);flex-shrink:0;white-space:nowrap}.field-live-dot{width:7px;height:7px;border-radius:50%;background:var(--pk-mint);display:inline-block;margin-right:.35rem;box-shadow:0 0 7px var(--pk-mint);animation:live-pulse 1.4s ease-in-out infinite}.donut-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.donut-legend{display:flex;flex-direction:column;gap:.38rem;width:100%;max-width:280px}.donut-legend-item{display:flex;align-items:center;gap:.6rem;padding:.35rem .6rem;border-radius:var(--r-sm);cursor:pointer;transition:background var(--fast);font-size:.78rem}.donut-legend-item:hover,.donut-legend-item.active{background:color-mix(in srgb,var(--pk-pink) 8%,transparent)}.legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.legend-name{flex:1;color:var(--t2);font-weight:500}.legend-pct{font-weight:700;font-family:var(--font-m);font-size:.75rem}.empty-state{color:var(--t3);font-size:.88rem;text-align:center;padding:2rem}.task-viz{display:flex;flex-direction:column;gap:1.75rem}.task-radials{display:flex;justify-content:center;gap:clamp(1.5rem,3vw,2.5rem);flex-wrap:wrap}.task-radial-item{display:flex;flex-direction:column;align-items:center}.task-progress-section{display:flex;flex-direction:column;gap:.65rem}.task-progress-header{display:flex;justify-content:space-between;align-items:center}.task-progress-lbl{font-size:.85rem;font-weight:600;color:var(--t2)}.task-progress-count{font-size:.8rem;font-family:var(--font-m);color:var(--pk-pink);font-weight:700}.task-progress-track{height:12px;background:color-mix(in srgb,var(--t1) 4%,transparent);border-radius:99px;border:1.5px solid color-mix(in srgb,var(--pk-pink) 12%,transparent);overflow:hidden;position:relative}.task-progress-fill{height:100%;background:var(--grad-primary);border-radius:99px;box-shadow:0 0 16px color-mix(in srgb,var(--pk-pink-dim) 30%,transparent)}.profile-insights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.6rem,1.5vw,1rem);margin-top:.5rem}.profile-insight-card{background:color-mix(in srgb,var(--pk-pink) 5%,transparent);border:1.5px solid color-mix(in srgb,var(--pk-pink) 12%,transparent);border-radius:var(--r-lg);padding:clamp(.9rem,2vw,1.2rem) .75rem;text-align:center;transition:all var(--smooth) var(--ease);position:relative;overflow:hidden}.profile-insight-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top center,color-mix(in srgb,var(--pk-pink) 6%,transparent) 0%,transparent 70%);pointer-events:none}.profile-insight-card:hover{background:color-mix(in srgb,var(--pk-pink) 9%,transparent);border-color:color-mix(in srgb,var(--pk-pink) 26%,transparent);transform:translateY(-3px)}.pic-icon{font-size:1.6rem;margin-bottom:.5rem;display:block}.pic-label{font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);margin-bottom:.35rem;font-family:var(--font-m);font-weight:600}.pic-value{font-size:1.15rem;font-weight:800;color:var(--t1);font-family:var(--font-m);margin-bottom:.3rem}.pic-sub{font-size:.68rem;color:var(--t3);line-height:1.4}.settings-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;flex-wrap:wrap}.settings-banner-left{display:flex;align-items:center;gap:.85rem;flex:1;min-width:0}.settings-banner-icon{font-size:1.5rem;flex-shrink:0}.settings-banner-title{font-size:.9rem;font-weight:700;color:var(--t1);margin-bottom:.2rem;font-family:var(--font-d)}.settings-banner-sub{font-size:.78rem;color:var(--t3);line-height:1.5}.settings-banner-btn{background:var(--grad-primary);color:#fff;border:none;padding:.6rem 1.4rem;border-radius:var(--r-xl);font-size:.85rem;font-weight:700;cursor:pointer;font-family:var(--font-b);white-space:nowrap;flex-shrink:0;transition:all var(--smooth) var(--ease);box-shadow:0 3px 14px color-mix(in srgb,var(--pk-pink-dim) 25%,transparent)}.settings-banner-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px color-mix(in srgb,var(--pk-pink-dim) 40%,transparent)}.avatar-readonly{cursor:pointer}.avatar-overlay-settings{font-size:1rem}.settings-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;flex-wrap:wrap}.settings-cta-left{display:flex;align-items:center;gap:.85rem;flex:1;min-width:0}.settings-cta-icon{font-size:2rem;flex-shrink:0}.settings-cta-title{font-size:.95rem;font-weight:700;color:var(--t1);margin-bottom:.25rem;font-family:var(--font-d)}.settings-cta-sub{font-size:.8rem;color:var(--t3);line-height:1.55}.settings-cta-btn{background:color-mix(in srgb,var(--pk-pink) 10%,transparent);color:var(--pk-pink);border:1.5px solid color-mix(in srgb,var(--pk-pink) 28%,transparent);padding:.65rem 1.5rem;border-radius:var(--r-xl);font-size:.88rem;font-weight:700;cursor:pointer;font-family:var(--font-b);white-space:nowrap;flex-shrink:0;transition:all var(--smooth) var(--ease)}.settings-cta-btn:hover{background:color-mix(in srgb,var(--pk-pink) 18%,transparent);border-color:color-mix(in srgb,var(--pk-pink) 50%,transparent);transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--pk-pink-dim) 20%,transparent)}body.theme-aesthetic .profile-page{background-image:radial-gradient(ellipse 60% 50% at 15% 10%,rgba(196,147,100,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 85% 85%,rgba(181,103,61,.08) 0%,transparent 60%)}body.theme-aesthetic .glass-card{background:#fffcf4e0;border-color:#b5673d3d;box-shadow:0 1px 6px #643c141f,inset 0 1px #ffffffbf;backdrop-filter:none;-webkit-backdrop-filter:none}body.theme-aesthetic .glass-card:before{background:none}body.theme-aesthetic .glass-card:hover{border-color:#b5673d6b;box-shadow:0 4px 18px #643c142e,inset 0 1px #ffffffe6}body.theme-aesthetic .hero-name,body.theme-aesthetic .pookie-display-title{background:linear-gradient(135deg,#b5673d,#8b6347);-webkit-background-clip:text;background-clip:text}body.theme-aesthetic .personality-badge{background:linear-gradient(135deg,#b5673d,#8b6347);box-shadow:0 8px 32px #b5673d40}body.theme-aesthetic .settings-banner-btn{background:linear-gradient(135deg,#b5673d,#8b6347);box-shadow:0 3px 14px #b5673d40}body.theme-aesthetic .settings-banner-btn:hover{box-shadow:0 6px 22px #b5673d66}body.theme-aesthetic .settings-cta-btn{color:#b5673d;background:#b5673d14;border-color:#b5673d47}body.theme-aesthetic .settings-cta-btn:hover{background:#b5673d29;border-color:#b5673d80;box-shadow:0 6px 20px #b5673d2e}body.theme-aesthetic .chart-tab.active{background:linear-gradient(135deg,#b5673d,#8b6347)}body.theme-aesthetic .activity-tab.active{color:#b5673d;border-bottom-color:#8b6347}body.theme-aesthetic .task-progress-count{color:#b5673d}body.theme-aesthetic .score-row span:last-child{color:#b5673d}body.theme-aesthetic .field-live-dot{background:#3eb57d;box-shadow:0 0 7px #3eb57d}body.theme-aesthetic .recharts-custom-tooltip{background:#faf6eefa;border-color:#b5673d47;box-shadow:0 12px 36px #643c142e}body.theme-aesthetic .heatmap-tooltip{background:#faf6eefa;border-color:#b5673d47}body.theme-aesthetic .bg-orb-1{background:radial-gradient(circle,rgba(196,147,100,.1),transparent 70%)}body.theme-aesthetic .bg-orb-2{background:radial-gradient(circle,rgba(181,103,61,.1),transparent 70%)}body.theme-aesthetic .bg-orb-3{background:radial-gradient(circle,rgba(62,181,125,.06),transparent 70%)}body.theme-steller .profile-page{background-image:radial-gradient(ellipse 60% 50% at 15% 10%,rgba(56,189,248,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 85% 85%,rgba(129,140,248,.1) 0%,transparent 60%)}body.theme-steller .glass-card{background:#081028cc;border-color:#38bdf833;box-shadow:0 4px 24px #38bdf81f,inset 0 1px #38bdf812}body.theme-steller .glass-card:before{background:linear-gradient(135deg,#38bdf80a,#818cf805)}body.theme-steller .glass-card:hover{border-color:#38bdf86b;box-shadow:0 12px 40px #38bdf838,inset 0 1px #38bdf824}body.theme-steller .hero-name{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text}body.theme-steller .personality-badge{background:linear-gradient(135deg,#38bdf8,#818cf8);box-shadow:0 8px 32px #38bdf840}body.theme-steller .settings-banner-btn{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#020510;font-weight:800;box-shadow:0 3px 14px #38bdf84d}body.theme-steller .settings-banner-btn:hover{box-shadow:0 6px 22px #38bdf880}body.theme-steller .settings-cta-btn{color:#38bdf8;background:#38bdf814;border-color:#38bdf847}body.theme-steller .settings-cta-btn:hover{background:#38bdf829;border-color:#38bdf880;box-shadow:0 6px 20px #38bdf82e}body.theme-steller .chart-tab.active{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#020510}body.theme-steller .activity-tab.active{color:#38bdf8;border-bottom-color:#38bdf8}body.theme-steller .task-progress-count{color:#38bdf8}body.theme-steller .score-row span:last-child{color:#38bdf8}body.theme-steller .live-badge{color:#34d399;background:#34d3991a;border-color:#34d39947}body.theme-steller .recharts-custom-tooltip{background:#020814f7;border-color:#38bdf840;box-shadow:0 12px 36px #38bdf833}body.theme-steller .heatmap-tooltip{background:#020814f7;border-color:#38bdf847}body.theme-steller .bg-orb-1{background:radial-gradient(circle,rgba(56,189,248,.1),transparent 70%)}body.theme-steller .bg-orb-2{background:radial-gradient(circle,rgba(129,140,248,.1),transparent 70%)}body.theme-steller .bg-orb-3{background:radial-gradient(circle,rgba(52,211,153,.06),transparent 70%)}body.theme-notebook .profile-page{background-image:radial-gradient(ellipse 60% 50% at 15% 10%,rgba(147,197,253,.14) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 85% 85%,rgba(26,58,107,.08) 0%,transparent 60%)}body.theme-notebook .glass-card{background:#fffef9a6;border:1px solid rgba(147,197,253,.45);border-left:2px solid rgba(220,38,38,.22);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffffe6;backdrop-filter:none;-webkit-backdrop-filter:none}body.theme-notebook .glass-card:before{background:none}body.theme-notebook .glass-card:hover{border-color:#1a3a6b6b;border-left-color:#dc26266b;box-shadow:2px 2px #1a3a6b14,0 4px 16px #0000001f}body.theme-notebook .hero-name{background:linear-gradient(135deg,#1a3a6b,#2855a0);-webkit-background-clip:text;background-clip:text;font-family:Caveat Brush,cursive}body.theme-notebook .personality-badge{background:linear-gradient(135deg,#1a3a6b,#2855a0);box-shadow:0 8px 32px #1a3a6b38}body.theme-notebook .section-title{font-family:Caveat Brush,cursive;font-size:1.05rem}body.theme-notebook .settings-banner-title,body.theme-notebook .settings-cta-title{font-family:Caveat Brush,cursive}body.theme-notebook .settings-banner-btn{background:linear-gradient(135deg,#1a3a6b,#2855a0);border-radius:4px;box-shadow:0 3px 14px #1a3a6b38}body.theme-notebook .settings-banner-btn:hover{box-shadow:0 6px 22px #1a3a6b61}body.theme-notebook .settings-cta-btn{color:#1a3a6b;background:#1a3a6b0f;border-color:#1a3a6b38;border-radius:4px}body.theme-notebook .settings-cta-btn:hover{background:#1a3a6b1f;border-color:#1a3a6b6b}body.theme-notebook .chart-tab.active{background:linear-gradient(135deg,#1a3a6b,#2855a0);border-radius:2px}body.theme-notebook .activity-tab.active{color:#1a3a6b;border-bottom-color:#2855a0}body.theme-notebook .task-progress-count{color:#1a3a6b}body.theme-notebook .score-row span:last-child{color:#1a3a6b}body.theme-notebook .recharts-custom-tooltip{background:#fcfaf4fc;border-color:#93c5fd8c;box-shadow:0 8px 24px #0000001f;color:#1c1c2e}body.theme-notebook .heatmap-tooltip{background:#fcfaf4fc;border-color:#93c5fd8c;color:#1c1c2e}body.theme-notebook .heatmap-tooltip strong,body.theme-notebook .recharts-custom-tooltip .rct-name{color:#1c1c2e}body.theme-notebook .profile-insight-card{border-left:2px solid rgba(220,38,38,.15);border-radius:4px}body.theme-notebook .field-row{border-left:2px solid rgba(220,38,38,.12);border-radius:3px}body.theme-notebook .bg-orb-1{background:radial-gradient(circle,rgba(147,197,253,.12),transparent 70%)}body.theme-notebook .bg-orb-2{background:radial-gradient(circle,rgba(26,58,107,.1),transparent 70%)}body.theme-notebook .bg-orb-3{background:radial-gradient(circle,rgba(62,181,125,.06),transparent 70%)}body.theme-graphpaper .profile-page{background-image:radial-gradient(ellipse 60% 50% at 15% 10%,rgba(37,99,235,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 85% 85%,rgba(124,58,237,.06) 0%,transparent 60%)}body.theme-graphpaper .glass-card{background:#ffffffc7;border-color:#2563eb38;box-shadow:0 1px 4px #0000000f,0 2px 12px #0000000d;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:3px}body.theme-graphpaper .glass-card:before{background:none}body.theme-graphpaper .glass-card:hover{border-color:#2563eb66;box-shadow:0 2px 8px #00000014,0 4px 20px #2563eb1a;transform:scale(1.005) translateY(0)}body.theme-graphpaper .hero-name{background:linear-gradient(135deg,#1d4ed8,#7c3aed);-webkit-background-clip:text;background-clip:text;font-family:"IBM Plex Serif",serif;font-style:italic}body.theme-graphpaper .personality-badge{background:linear-gradient(135deg,#1d4ed8,#7c3aed);box-shadow:0 8px 32px #2563eb38;border-radius:3px}body.theme-graphpaper .section-title{font-family:IBM Plex Mono,monospace;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}body.theme-graphpaper .settings-banner-title,body.theme-graphpaper .settings-cta-title{font-family:"IBM Plex Serif",serif;font-style:italic}body.theme-graphpaper .settings-banner-btn{background:linear-gradient(135deg,#1d4ed8,#7c3aed);border-radius:3px;letter-spacing:.05em;box-shadow:0 3px 14px #2563eb38}body.theme-graphpaper .settings-banner-btn:hover{box-shadow:0 6px 22px #2563eb61}body.theme-graphpaper .settings-cta-btn{color:#1d4ed8;background:#2563eb0f;border-color:#2563eb38;border-radius:3px}body.theme-graphpaper .settings-cta-btn:hover{background:#2563eb1f;border-color:#2563eb73}body.theme-graphpaper .chart-tab.active{background:linear-gradient(135deg,#1d4ed8,#7c3aed);border-radius:2px}body.theme-graphpaper .chart-tab{border-radius:2px}body.theme-graphpaper .activity-tab.active{color:#1d4ed8;border-bottom-color:#1d4ed8}body.theme-graphpaper .task-progress-count{color:#1d4ed8}body.theme-graphpaper .score-row span:last-child{color:#1d4ed8}body.theme-graphpaper .recharts-custom-tooltip{background:#fffffffc;border-color:#2563eb38;box-shadow:0 8px 24px #00000014;color:#0a0f1e}body.theme-graphpaper .heatmap-tooltip{background:#fffffffc;border-color:#2563eb38;color:#0a0f1e}body.theme-graphpaper .heatmap-tooltip strong,body.theme-graphpaper .recharts-custom-tooltip .rct-name{color:#0a0f1e}body.theme-graphpaper .heatmap-tooltip span,body.theme-graphpaper .recharts-custom-tooltip .rct-label{color:#0a0f1e8c}body.theme-graphpaper .profile-insight-card,body.theme-graphpaper .field-row,body.theme-graphpaper .achievement-badge.unlocked{border-radius:3px}body.theme-graphpaper .bg-orb-1{background:radial-gradient(circle,rgba(37,99,235,.08),transparent 70%)}body.theme-graphpaper .bg-orb-2{background:radial-gradient(circle,rgba(124,58,237,.08),transparent 70%)}body.theme-graphpaper .bg-orb-3{background:radial-gradient(circle,rgba(37,99,235,.05),transparent 70%)}@media (max-width: 1024px){.two-col-grid{grid-template-columns:1fr}.hero-metrics{flex-direction:row;flex-wrap:wrap}.metric-pill{min-width:130px}.hero-right{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.profile-insights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.section-card{padding:1.25rem}.heatmap-cell{width:9px;height:9px}.weekday-grid{height:160px}.chart-meta{gap:.6rem}.cms-val{font-size:.88rem}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.profile-insights-grid{grid-template-columns:repeat(2,1fr)}.settings-banner-inner,.settings-cta-inner{flex-direction:column;align-items:flex-start}.settings-banner-btn,.settings-cta-btn{width:100%;text-align:center}}@media (max-width: 640px){.profile-insights-grid{grid-template-columns:repeat(2,1fr)}.hero-inner{flex-direction:column;align-items:center;text-align:center}.hero-right{align-items:center;width:100%;justify-content:center}.hero-metrics{flex-direction:row;justify-content:center;flex-wrap:wrap}.metric-pill{min-width:0;flex:1 1 120px}.hero-chips{justify-content:center}.productivity-score-wrap{flex-direction:column;align-items:center;text-align:center}.score-breakdown{width:100%}.field-exact,.activity-tab .at-label{display:none}.activity-tab{padding:.55rem .75rem}.chart-meta{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.chart-meta::-webkit-scrollbar{display:none}.weekday-grid{height:140px;gap:.3rem}.chart-tabs{gap:.2rem}.chart-tab{padding:.32rem .55rem;font-size:.7rem}.section-header{flex-direction:column;align-items:flex-start}}@media (max-width: 400px){.profile-insights-grid{grid-template-columns:1fr 1fr}.achievement-grid{grid-template-columns:repeat(3,1fr)}.hero-name{font-size:1.6rem}}@media (hover: none){.glass-card:hover,.time-pill:hover,.field-row:hover{transform:none}.heatmap-cell:hover{transform:scale(1.25)}.profile-insight-card:hover,.achievement-badge.unlocked:hover{transform:none}}button:focus-visible,input:focus-visible{outline:2px solid var(--pk-pink);outline-offset:3px}@media (prefers-reduced-motion: reduce){.particle-layer,.bg-orb-1,.bg-orb-2,.bg-orb-3,.avatar-glow,.badge-glow{animation:none}}