@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap);:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--bg-glass:#ffffff0d;--bg-glass-strong:#ffffff14;--bg-overlay:#000c;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-disabled:#52525b;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--accent-glow:#6366f126;--accent-glow-strong:#6366f14d;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--border-subtle:#ffffff14;--border-default:#ffffff1f;--border-accent:#6366f14d;--border-accent-strong:#6366f180;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 30px var(--accent-glow);--shadow-glow-strong:0 0 50px var(--accent-glow-strong);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-hero:clamp(2.5rem,8vw,5rem);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--transition-spring:300ms cubic-bezier(0.34,1.56,0.64,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background:var(--bg-primary);color:#fafafa;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);line-height:1.6;min-height:100vh;overflow-x:hidden}::selection{background:#6366f14d;background:var(--accent-glow-strong);color:#fafafa;color:var(--text-primary)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}a{color:#6366f1;color:var(--accent-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#8b5cf6;color:var(--accent-secondary)}img,video{display:block;height:auto;max-width:100%}button{appearance:none;-webkit-appearance:none;color:inherit;cursor:pointer;font-size:inherit}button,input,select,textarea{background:#0000;border:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);outline:none}input,select,textarea{color:#fafafa;color:var(--text-primary);font-size:1rem;font-size:var(--text-base)}ol,ul{list-style:none}:focus-visible{border-radius:8px;border-radius:var(--radius-sm);outline:2px solid #6366f1;outline:2px solid var(--accent-primary);outline-offset:2px}code{font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-family:var(--font-mono)}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-default)}.glass-card--accent:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.glass-card--interactive{cursor:pointer}.glass-card--interactive:active{transform:scale(.98)}.frosted{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000c}.btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);justify-content:center;line-height:1;overflow:hidden;padding:var(--space-3) var(--space-5);position:relative;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:var(--accent-gradient);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);filter:brightness(1.1)}.btn-secondary{background:var(--bg-glass);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-glass-strong);border-color:var(--border-default)}.btn-ghost{background:#0000;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-glass);color:var(--text-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 0 20px #ef44444d;filter:brightness(1.1)}.btn-sm{border-radius:var(--radius-sm);font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.btn-lg{border-radius:var(--radius-lg);font-size:var(--text-base);padding:var(--space-4) var(--space-8)}.btn-xl{border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:700;padding:var(--space-5) var(--space-10)}.btn-icon{border-radius:var(--radius-full);height:40px;padding:var(--space-2);width:40px}.btn-icon.btn-sm{height:32px;width:32px}.input{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}.input-lg{border-radius:var(--radius-lg);font-size:var(--text-base);padding:var(--space-4) var(--space-5)}.text-gradient{background:var(--accent-gradient);color:#0000}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.bento-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.bento-grid--2{grid-template-columns:repeat(2,1fr)}.bento-grid--3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.bento-grid--2,.bento-grid--3{grid-template-columns:1fr}}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-5);width:100%}.container-sm{max-width:800px}.container-lg{max-width:1400px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.py-2{padding-bottom:var(--space-2);padding-top:var(--space-2)}.py-4{padding-bottom:var(--space-4);padding-top:var(--space-4)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.modal-overlay{background:var(--bg-overlay);padding:var(--space-5);z-index:var(--z-modal-backdrop)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:480px;overflow-y:auto;padding:var(--space-8);position:relative;width:100%;z-index:var(--z-modal)}.modal-close{align-items:center;background:var(--bg-glass);border-radius:var(--radius-full);color:var(--text-muted);display:flex;font-size:var(--text-lg);height:32px;justify-content:center;line-height:1;position:absolute;right:var(--space-4);top:var(--space-4);transition:all var(--transition-fast);width:32px}.modal-close:hover{background:var(--color-danger);color:var(--text-primary)}.modal-title{color:var(--text-primary);font-size:var(--text-xl);margin-bottom:var(--space-6)}.stat-card{display:flex;flex-direction:column;gap:var(--space-2)}.stat-card__value{font-size:var(--text-4xl);font-weight:800;letter-spacing:-.02em;line-height:1}.stat-card__label{color:var(--text-muted);font-size:var(--text-sm);font-weight:500}.stat-card__icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--text-xl);height:40px;justify-content:center;margin-bottom:var(--space-3);width:40px}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--space-1);line-height:1;padding:var(--space-1) var(--space-3)}.badge-accent{background:var(--accent-glow);color:var(--accent-primary)}.badge-success{background:#10b98126;color:var(--color-success)}.badge-warning{background:#f59e0b26;color:var(--color-warning)}.badge-danger{background:#ef444426;color:var(--color-danger)}.divider{background:var(--border-subtle);border:none;height:1px;margin:var(--space-6) 0}.gradient-blob{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute;z-index:0}.gradient-blob--indigo{background:#6366f126}.gradient-blob--violet{background:#8b5cf61a}.gradient-blob--emerald{background:#10b98114}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow-strong)}}@keyframes blob-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease both}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow-pulse 3s ease-in-out infinite}.animate-blob{animation:blob-float 8s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}.bottom-bar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0a0c12cc;border-top:1px solid var(--border-subtle);bottom:0;gap:var(--space-2);justify-content:space-between;left:0;padding:var(--space-2) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:var(--z-fixed)}.bottom-bar,.bottom-bar-btn{align-items:center;display:flex}.bottom-bar-btn{background:#0000;border:none;color:var(--text-secondary);flex:1 1;flex-direction:column;gap:var(--space-1);justify-content:center;padding:var(--space-1)}.bottom-bar-btn-icon{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:grid;height:38px;place-items:center;transition:all var(--transition-fast);width:38px}.bottom-bar-btn-icon--active{background:var(--accent-glow);border-color:var(--accent-primary);box-shadow:var(--shadow-glow);color:var(--accent-primary)}.bottom-bar-btn-label{color:var(--text-muted);font-size:10px;letter-spacing:.3px}.bottom-bar-backdrop{inset:0;position:fixed;z-index:40}.quick-add-popover{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);bottom:72px;box-shadow:var(--shadow-xl);display:flex;gap:var(--space-2);left:var(--space-3);padding:var(--space-2);position:fixed;z-index:41}.quick-add-btn{align-items:center;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.quick-add-btn:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.pages-sheet{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);bottom:0;box-shadow:0 -10px 30px #00000059;left:0;max-height:70vh;overflow:hidden;position:fixed;right:0;z-index:61}.pages-sheet-handle{display:flex;justify-content:center;padding-top:var(--space-3)}.pages-sheet-handle-bar{background:var(--border-subtle);border-radius:var(--radius-full);height:5px;width:44px}.pages-sheet-header{align-items:center;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.pages-sheet-header h3{font-size:var(--text-base);font-weight:600;margin:0}.pages-sheet-close{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);padding:var(--space-2)}.pages-sheet-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr;padding:var(--space-2) var(--space-3) var(--space-4)}.pages-sheet-item{align-items:center;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--space-3);transition:all var(--transition-fast)}.pages-sheet-item:hover{background:var(--bg-card-hover);border-color:var(--border-default)}.pages-sheet-item--active{background:var(--accent-glow);border-color:var(--accent-primary)}.timer-display{font-feature-settings:"tnum";font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.05em}.main-layout{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-sans);min-height:100vh}.header{border-bottom:1px solid var(--border-subtle);height:80px;justify-content:space-between;left:0;padding:var(--space-3) var(--space-5);position:fixed;right:0;top:0;z-index:var(--z-fixed)}.header,.header-left{align-items:center;display:flex}.header-left{gap:var(--space-2)}.logo-text{color:var(--text-primary);font-size:var(--text-lg);font-weight:800;letter-spacing:.12em}.header-logo-img{border-radius:var(--radius-sm);filter:drop-shadow(0 0 12px rgba(99,102,241,.4));height:60px;object-fit:contain;width:60px}.header-center{align-items:center;display:flex}.hamburger-btn{border-radius:var(--radius-sm);color:var(--text-secondary);display:none;padding:var(--space-2);transition:color var(--transition-fast)}.hamburger-btn:hover{color:var(--text-primary)}.nav-pills{align-items:center;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);display:flex;gap:var(--space-1);padding:var(--space-1)}.nav-pill{background:#0000;border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.nav-pill:hover{background:var(--bg-glass);color:var(--text-primary)}.nav-pill--active{background:var(--bg-glass-strong);box-shadow:var(--shadow-sm);color:var(--text-primary)}.header-icons,.header-right{align-items:center;display:flex;gap:var(--space-2)}.header-icon-btn{align-items:center;border-radius:var(--radius-full);color:var(--text-secondary);display:flex;height:36px;justify-content:center;position:relative;transition:all var(--transition-fast);width:36px}.header-icon-btn:hover{background:var(--bg-glass);color:var(--text-primary)}.header-icon-dot{background:var(--color-danger);border-radius:50%;height:7px;position:absolute;right:6px;top:6px;width:7px}.header-avatar-wrap{align-items:center;border-radius:var(--radius-full);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-2);transition:background var(--transition-fast)}.header-avatar-wrap:hover{background:var(--bg-glass)}.header-username{color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.header-avatar{align-items:center;background:var(--bg-glass);border:2px solid var(--border-accent);border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.content{flex:1 1;min-height:calc(100vh - 60px);padding:76px var(--space-5) var(--space-5)}.panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:70vh;overflow-y:auto;padding:var(--space-4);position:absolute;right:var(--space-3);top:56px;z-index:var(--z-dropdown)}.panel-title{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-3)}.panel-empty{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4) 0;text-align:center}.panel-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.panel-filter-btn{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.panel-filter-btn:hover{border-color:var(--border-default);color:var(--text-primary)}.panel-filter-btn--active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.panel-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);margin-bottom:var(--space-1);padding:var(--space-2) var(--space-3);transition:background var(--transition-fast)}.panel-item:hover{background:var(--bg-card-hover)}.panel-item--unread{background:var(--bg-glass-strong)}.panel-item-icon{flex-shrink:0;font-size:var(--text-lg)}.panel-item-content{flex:1 1;min-width:0}.panel-item-text{color:var(--text-primary);font-size:var(--text-sm);line-height:1.4}.panel-item-time{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.notification-panel{width:clamp(280px,60vw,360px)}.task-panel{width:clamp(240px,50vw,320px)}.panel-task{align-items:center;background:var(--bg-glass);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3)}.panel-task--done{background:#10b9811a;color:var(--color-success)}.panel-task-status{font-size:var(--text-xs);white-space:nowrap}.messages-panel{display:flex;flex-direction:column;max-height:75vh;padding:0;width:clamp(320px,80vw,420px)}.panel-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.panel-back-btn,.panel-close-btn{align-items:center;border-radius:var(--radius-full);color:var(--text-muted);display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.panel-back-btn:hover{background:var(--bg-glass);color:var(--accent-primary)}.panel-close-btn:hover{background:#ef44441a;color:var(--color-danger)}.panel-body{flex:1 1;overflow-y:auto;padding:var(--space-3) var(--space-4)}.panel-search{border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3)}.panel-avatar,.panel-search{align-items:center;background:var(--bg-glass);display:flex}.panel-avatar{border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;font-size:var(--text-sm);height:32px;justify-content:center;overflow:hidden;width:32px}.panel-delete-btn{align-items:center;border-radius:var(--radius-full);color:var(--text-muted);display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.panel-delete-btn:hover{background:#ef44441a;color:var(--color-danger)}.chat-container{display:flex;flex-direction:column;height:100%}.chat-box{flex:1 1;gap:var(--space-2);max-height:300px;min-height:200px;overflow-y:auto;padding:var(--space-2);scroll-behavior:smooth}.chat-box,.chat-msg{display:flex;flex-direction:column}.chat-msg{border-radius:var(--radius-md);gap:2px;max-width:75%;padding:var(--space-2) var(--space-3)}.chat-msg--mine{align-self:flex-end;background:var(--accent-primary);border-radius:var(--radius-md) var(--radius-md) var(--radius-xs) var(--radius-md);color:#fff}.chat-msg--other{align-self:flex-start;background:var(--bg-glass-strong);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) var(--radius-xs);color:var(--text-primary)}.chat-msg-text{font-size:var(--text-sm)}.chat-msg-time{align-self:flex-end;color:#ffffff80;font-size:10px}.chat-input-row{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.auth-dropdown{padding:var(--space-3);width:clamp(200px,50vw,260px)}.dropdown-premium{background:#6366f114}.dropdown-level,.dropdown-premium{border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3)}.dropdown-level{align-items:center;background:var(--bg-glass)}.dropdown-xp-bar{background:var(--border-subtle);border-radius:2px;height:4px;overflow:hidden;width:100%}.dropdown-xp-fill{background:var(--accent-gradient);border-radius:2px;height:100%}.dropdown-item{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);text-align:left;transition:all var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--bg-glass);color:var(--text-primary)}.dropdown-item--danger{color:var(--color-danger)}.dropdown-item--danger:hover{background:#ef44441a;color:var(--color-danger)}.site-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding:var(--space-10) var(--space-5) var(--space-6)}.footer-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:2fr 1fr 1fr;margin:0 auto;max-width:1200px}.footer-col{display:flex;flex-direction:column;gap:var(--space-3)}.footer-brand{color:var(--text-primary);font-size:var(--text-lg);font-weight:800;letter-spacing:.1em}.footer-tagline{color:var(--text-muted);font-size:var(--text-sm)}.footer-address{color:var(--text-muted);font-size:var(--text-xs);line-height:1.6}.footer-heading{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1)}.footer-link{background:#0000;border:none;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-1) 0;text-align:left;transition:color var(--transition-fast)}.footer-link:hover{color:var(--accent-primary)}.footer-socials{display:flex;gap:var(--space-3)}.footer-social{align-items:center;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.footer-social:hover{background:var(--bg-glass-strong);border-color:var(--border-accent);color:var(--accent-primary)}.footer-phone{color:var(--text-muted);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-phone:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-xs);margin-left:auto;margin-right:auto;margin-top:var(--space-8);max-width:1200px;padding-top:var(--space-4);text-align:center}.logout-overlay{align-items:center;background:var(--bg-primary);display:flex;inset:0;justify-content:center;position:fixed;text-align:center;z-index:9999}.info-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.info-text p{margin-bottom:var(--space-3)}.info-text strong{color:var(--text-primary)}@media (max-width:768px){.hamburger-btn{display:flex}.nav-pills{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);display:none;flex-direction:column;left:0;padding:var(--space-3);position:absolute;right:0;top:56px}.nav-pills--open{display:flex}.nav-pill{padding:var(--space-3);text-align:center;width:100%}.header-username{display:none}.content{padding:68px var(--space-3) 80px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-col{align-items:center}.panel{max-width:92vw}.auth-dropdown,.panel{right:4vw;width:92vw!important}}@media (max-width:480px){.header{padding:var(--space-2) var(--space-3)}.logo-text{font-size:var(--text-base)}.header-icon-btn{height:30px;width:30px}.header-avatar{height:28px;width:28px}}.auth-container{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.auth-header{margin-bottom:var(--space-2);text-align:center}.auth-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1)}.auth-subtitle{color:var(--text-muted);font-size:var(--text-sm)}.auth-error{background:#ef44441a;border:1px solid #ef44444d;color:var(--color-danger);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);text-align:center}.auth-error,.google-button{border-radius:var(--radius-md)}.google-button{align-items:center;background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-primary);display:flex;font-size:var(--text-base);font-weight:500;gap:var(--space-2);justify-content:center;padding:var(--space-3);transition:all var(--transition-fast);width:100%}.google-button:hover{background:var(--bg-glass-strong);border-color:var(--border-default)}.google-button-icon{height:20px;width:20px}.auth-divider{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);letter-spacing:.05em;margin:var(--space-2) 0;text-align:center;text-transform:uppercase}.auth-divider:after,.auth-divider:before{border-bottom:1px solid var(--border-subtle);content:"";flex:1 1}.auth-divider:before{margin-right:var(--space-3)}.auth-divider:after{margin-left:var(--space-3)}.auth-form{gap:var(--space-3)}.auth-form,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{gap:var(--space-1);position:relative}.auth-input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.auth-warning{align-items:center;color:var(--color-warning);display:flex;font-size:var(--text-xs);gap:4px}.auth-forgot-password{align-self:flex-end;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);padding:0;transition:color var(--transition-fast)}.auth-forgot-password:hover{color:var(--accent-primary);text-decoration:underline}.auth-submit-btn{background:var(--accent-gradient);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:600;padding:var(--space-3);transition:all var(--transition-fast);width:100%}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.5}.auth-submit-btn:not(:disabled):hover{box-shadow:0 4px 12px var(--accent-glow-strong)}.auth-toggle-mode{color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);margin-top:var(--space-2);text-align:center;transition:color var(--transition-fast)}.auth-toggle-mode span{color:var(--accent-primary);font-weight:500}.auth-toggle-mode:hover span{text-decoration:underline}.auth-privacy{align-items:flex-start;display:flex;gap:var(--space-2);margin-top:var(--space-1)}.auth-privacy input[type=checkbox]{accent-color:var(--accent-primary);margin-top:4px}.auth-privacy label{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.4}.auth-privacy a{color:var(--accent-primary)}.reset-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--bg-overlay);display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.reset-modal-content{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-6);width:100%}.loading-overlay{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0a0a0a99;border-radius:var(--radius-md);display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:10}.spinner{animation:spin 1s linear infinite;border:3px solid var(--border-subtle);border-radius:50%;border-top-color:var(--accent-primary);height:32px;width:32px}.fab-container{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;position:fixed;right:24px;z-index:50}.fab-main-btn{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:50%;box-shadow:0 4px 12px #00e67666;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;outline:none;transition:box-shadow .2s ease;width:56px}.fab-main-btn:hover{box-shadow:0 6px 16px #00e67699}.fab-menu{align-items:flex-end;flex-direction:column;margin-bottom:16px}.fab-item,.fab-menu{display:flex;gap:12px}.fab-item{align-items:center;background:#0000;border:none;cursor:pointer;outline:none;padding:0}.fab-label{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e293be6;border:1px solid #ffffff1a;border-radius:8px;font-size:14px;font-weight:500;padding:6px 12px}.fab-icon-wrapper,.fab-label{box-shadow:0 4px 12px #0003;color:var(--text-primary)}.fab-icon-wrapper{align-items:center;background:var(--bg-card);border:1px solid #ffffff1a;border-radius:50%;display:flex;height:48px;justify-content:center;transition:background .2s ease,color .2s ease;width:48px}.fab-item:hover .fab-icon-wrapper{background:var(--accent-primary);color:#000}@media (max-width:768px){.fab-container{bottom:20px;right:20px}}.home-page{margin:0 auto;max-width:1200px;padding:var(--space-4) 0}.hero{align-items:center;display:flex;justify-content:center;min-height:70vh;overflow:hidden;padding:var(--space-16) var(--space-5);position:relative}.hero-content{max-width:700px}.hero-title{font-size:var(--text-hero);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-5)}.hero-logo{animation:float 4s ease-in-out infinite;display:block;filter:drop-shadow(0 0 24px rgba(99,102,241,.5));height:180px;margin:0 auto var(--space-6);object-fit:contain;width:180px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-subtitle{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;max-width:500px}.hero-timer{margin-top:var(--space-6)}.hero-timer-active{align-items:center;display:flex;flex-direction:column;gap:var(--space-4)}.hero-timer-display{color:var(--text-primary);font-size:clamp(3rem,10vw,5rem);font-weight:800}.hero-timer-controls{display:flex;gap:var(--space-3)}.hero-cta-card{margin-top:var(--space-6);padding:var(--space-6)!important;text-align:center}.section-title{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.01em;margin-bottom:var(--space-8);text-align:center}.feature-bento{padding:var(--space-12) var(--space-5)}.feature-icon-wrap{align-items:center;background:var(--accent-glow);border-radius:var(--radius-md);display:flex;height:48px;justify-content:center;margin-bottom:var(--space-4);width:48px}.feature-icon{font-size:var(--text-2xl)}.feature-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.feature-desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.feature-socials{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.dashboard-bento,.home-logged-in{display:flex;flex-direction:column;gap:var(--space-6)}.dashboard-welcome{padding:var(--space-2) 0}.dashboard-greeting{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-2)}.dashboard-quote{padding:var(--space-6)!important}.dashboard-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.leaderboard-card{padding:var(--space-5)!important}.leaderboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.leaderboard-title{font-size:var(--text-lg);font-weight:700}.leaderboard-row--me{background:#6366f11a;border-color:var(--border-accent)}.leaderboard-rank{color:var(--color-warning);font-weight:700;min-width:40px}.leaderboard-user{color:var(--accent-primary);flex:1 1;font-weight:500}.leaderboard-score{font-feature-settings:"tnum";color:var(--color-success);font-variant-numeric:tabular-nums;font-weight:600}.share-preview{margin:var(--space-3) 0}@media (max-width:768px){.hero{min-height:60vh;padding:var(--space-10) var(--space-4)}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-timer-display{font-size:clamp(2.5rem,10vw,4rem)}.dashboard-greeting{font-size:var(--text-2xl)}.dashboard-actions{flex-direction:column}.dashboard-actions .btn{width:100%}}.section-header{margin-bottom:var(--space-10);text-align:center}.section-eyebrow{color:var(--accent-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.15em;margin-bottom:var(--space-2);text-transform:uppercase}.section-subtitle{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:550px}.stats-bar{background:var(--bg-glass);border-bottom:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);padding:var(--space-6) var(--space-4)}.stats-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:900px;text-align:center}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-icon{margin-bottom:4px}.stat-value{color:var(--text-primary);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em}.stat-label{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.features-showcase{padding:var(--space-16) var(--space-4)}.features-layout{grid-gap:var(--space-6);align-items:start;display:grid;gap:var(--space-6);grid-template-columns:1fr 1.3fr;margin:0 auto;max-width:1100px}.feature-leaderboard-card{padding:var(--space-6)!important}.feature-card-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.feature-card-header h3{font-size:var(--text-xl);font-weight:700}.feature-icon-pill{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.feature-card-desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-4)}.mock-leaderboard-table{background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;overflow:hidden}.mock-lb-row{align-items:center;background:var(--bg-secondary);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background .2s}.mock-lb-row:hover{background:var(--bg-glass-strong)}.mock-lb-row--you{background:#6366f114;border:1px dashed var(--accent-primary);border-radius:var(--radius-sm)}.mock-lb-rank{font-size:var(--text-lg);text-align:center;width:32px}.mock-lb-name{color:var(--text-primary);flex:1 1;font-weight:500}.mock-lb-xp{color:var(--color-success);font-size:var(--text-sm);font-weight:600}.features-stack{display:flex;flex-direction:column;gap:var(--space-6)}.feature-tasks-card{padding:var(--space-6)!important}.mock-tasks-list{display:flex;flex-direction:column;gap:8px}.mock-task-row{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-2) var(--space-3)}.mock-task-done{opacity:.55;text-decoration:line-through}.mock-task-active{background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-primary)}.mock-task-check{align-items:center;background:var(--color-success);color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:center}.mock-task-check,.mock-task-circle{border-radius:4px;height:22px;width:22px}.mock-task-circle{border:2px solid var(--border-subtle);flex-shrink:0}.mock-task-xp{color:var(--accent-primary);font-size:var(--text-xs);font-weight:600;margin-left:auto}.features-mini-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.feature-mini-card{padding:var(--space-5)!important}.feature-mini-card h4{font-size:var(--text-base);font-weight:600;margin:var(--space-3) 0 var(--space-2)}.feature-mini-card .feature-card-desc{font-size:var(--text-xs);margin-bottom:0}.live-indicator{animation:pulse-danger 2s infinite;background:var(--color-danger);border-radius:50%;flex-shrink:0;height:10px;width:10px}@keyframes pulse-danger{0%{box-shadow:0 0 0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}.interactive-demo{overflow:hidden}.demo-task-item.locked:hover{background:#ef44440d!important;border-color:var(--color-danger)!important}.testimonials-section{overflow:hidden}.cta-section{padding-bottom:var(--space-16)}@media (max-width:900px){.features-layout,.features-mini-grid{grid-template-columns:1fr}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.stat-value{font-size:var(--text-xl)}}@media (max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-live-feed{font-size:var(--text-xs)!important;min-width:0!important;min-width:auto!important;width:90%}}.lesson-detail-page{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#f0f0f0;font-family:Inter,sans-serif;min-height:100vh;overflow:hidden;padding:40px;position:relative}.lesson-detail-page:before{background:url(https://www.transparenttextures.com/patterns/stardust.png);content:"";height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.add-button-container,.analysis-container,.cards-container,.error-text,.header-container{position:relative;z-index:1}.header-container{background:#ffffff0d;border:1px solid #00e67633;border-radius:16px;box-shadow:0 8px 24px #00000080;margin-bottom:40px;padding:20px;text-align:center}.title{color:#0fc;font-size:28px;margin-bottom:15px;text-shadow:0 0 10px #00e6764d}.progress-summary{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.progress-item{align-items:center;background:#ffffff1a;border:1px solid #00e67633;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;padding:10px 15px}.progress-label{color:#ccc;font-size:12px;margin-bottom:4px}.progress-value{color:#00e676;font-size:16px;font-weight:600}.cards-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.card{background:#ffffff0d;border:1px solid #00e67633;border-radius:16px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:15px;overflow:hidden;padding:20px;position:relative}.card:before{background:linear-gradient(90deg,#00e676,#00c853);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;top:0;width:100%}.card-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.input-text{background:#ffffff26;border:1px solid #2a2a2a;border-radius:8px;color:#f0f0f0;flex:1 1;font-size:16px;padding:10px;transition:border-color .2s ease}.input-text:focus{outline:none}.status-badge{border-radius:20px;box-shadow:0 2px 8px #0000004d;color:#fff;display:inline-block;font-size:13px;font-weight:700;padding:4px 10px}.card-body{display:flex;flex-direction:column;gap:12px}.info-row{align-items:center;display:flex;justify-content:space-between}.checkbox-container{flex:1 1}.label{align-items:center;color:#ccc;display:flex;font-size:14px;gap:4px}.checkbox{accent-color:#00e676;transform:scale(1.2)}.number-input-container{align-items:center;display:flex;gap:6px}.small-text{color:#ccc;font-size:14px}.number-input{background:#ffffff26;border:1px solid #2a2a2a;border-radius:4px;color:#f0f0f0;font-size:14px;padding:4px;transition:border-color .2s ease;width:50px}.number-input:focus{outline:none}.card-footer{display:flex;gap:10px;justify-content:space-between;margin-top:10px}.action-button{background:linear-gradient(135deg,#00e676,#00c853)}.action-button,.delete-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s ease}.delete-button{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.select-container{margin-top:10px}.select{background:#ffffff26;border:1px solid #2a2a2a;border-radius:6px;color:#f0f0f0;padding:8px;transition:border-color .2s ease;width:100%}.select:focus{outline:none}.add-button-container{margin-top:30px;text-align:center}.add-button{background:linear-gradient(135deg,#00e676,#00c853);border:none;border-radius:50px;box-shadow:0 4px 12px #00e6764d;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .2s ease}.analysis-container{background:#ffffff0d;border:1px solid #00e67633;border-radius:12px;box-shadow:0 8px 24px #00000080;margin:40px auto 20px;max-width:900px;overflow:hidden;padding:20px;position:relative}.analysis-container:before{background:radial-gradient(circle at 50% 0,#00e6761a,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.analysis-title{color:#0fc;font-size:20px;margin-bottom:20px;position:relative;text-align:center;text-shadow:0 0 8px #00e6764d;z-index:1}.analysis-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analysis-card{background:#ffffff1a;border:1px solid #00e67633;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:15px;position:relative;transition:all .3s ease}.analysis-card-header{align-items:center;color:#f0f0f0;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.analysis-status{align-items:center;display:flex;font-weight:700;gap:8px}.analysis-count{background:#00e67633;border-radius:12px;font-size:12px;padding:2px 8px}.progress-bar-container{background:#2a2a2a;border-radius:5px;height:8px;overflow:hidden;position:relative}.progress-bar{border-radius:5px;height:100%;transition:width .5s ease-out}.progress-percentage{background:#00000080;border-radius:8px;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.analysis-icon{font-size:24px;opacity:.3;position:absolute;right:10px;top:10px}.error-text{color:#f44336;font-size:14px;margin-top:20px;text-align:center}@media (max-width:768px){.lesson-detail-page{padding:20px}.header-container{padding:15px}.title{font-size:24px}.progress-item{padding:8px 12px}.progress-label{font-size:10px}.progress-value{font-size:14px}.cards-container{grid-template-columns:1fr}.card{width:100%}.input-text{font-size:14px}.label,.number-input,.small-text{font-size:12px}.number-input{width:40px}.status-badge{font-size:11px}.action-button,.delete-button{font-size:12px;padding:4px 8px}.select{font-size:12px}.add-button{font-size:14px;padding:10px 20px}.analysis-title{font-size:18px}.analysis-grid{grid-template-columns:1fr}.analysis-card{padding:10px}.analysis-card-header{font-size:12px}.progress-bar-container{height:6px}.progress-percentage{font-size:8px}.analysis-icon{font-size:20px}}.goals-page{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;padding:100px 20px 60px;position:relative}.goals-background{background:radial-gradient(circle at 10% 20%,#6366f114,#0000 50%),radial-gradient(circle at 90% 80%,#00e67614,#0000 50%),radial-gradient(circle at 50% 50%,#a855f70d,#0000 60%);bottom:0;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:-1}.bento-dashboard{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:320px 1fr;margin:0 auto;max-width:1400px;position:relative;width:100%;z-index:1}@media (max-width:1024px){.bento-dashboard{grid-template-columns:1fr}}.bento-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#14141999;border:1px solid #ffffff14;border-radius:var(--radius-2xl);box-shadow:0 10px 30px #0000004d;overflow:hidden;padding:var(--space-6);position:relative}.bento-card-header{border-bottom:1px solid #ffffff0d;padding-bottom:var(--space-4)}.bento-card-title{font-size:1.3rem;gap:10px}.history-action{align-items:center;background:#ffffff0d;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:6px 12px;transition:all .2s}.history-action:hover{background:#ffffff1a;color:var(--text-primary)}.bento-sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.progress-ring-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:var(--space-4) 0}.circular-chart{display:block;margin:0 auto;max-height:140px;max-width:140px}.circle-bg{stroke:#ffffff0d}.circle,.circle-bg{fill:none;stroke-width:3.8}.circle{stroke-linecap:round;transition:stroke-dasharray 1s ease-out}.percentage{fill:var(--text-primary);text-anchor:middle;font-family:var(--font-sans);font-size:.6em;font-weight:700}.ring-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:500;margin-top:var(--space-4)}.category-pill{align-items:center;background:#ffffff05;border:1px solid #0000;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-pill:hover{background:#ffffff0d;color:var(--text-primary)}.category-pill.active{background:#6366f126;border-color:#6366f166;color:#fff}.category-pill.active:after{content:"🎯";font-size:1.2rem}.bento-main{display:flex;flex-direction:column;gap:var(--space-6)}.goals-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:var(--space-4);max-height:400px;overflow-y:auto;padding-right:var(--space-2)}.goals-grid::-webkit-scrollbar{width:6px}.goals-grid::-webkit-scrollbar-track{background:#0003;border-radius:4px}.goals-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.bento-goal-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:space-between;min-height:110px;padding:var(--space-4);position:relative;transition:all .3s ease}.bento-goal-card:hover{background:#ffffff0d;border-color:#6366f14d;transform:translateY(-2px)}.bento-goal-card.completed{background:#10b9810d;border-color:#10b98133}.goal-card-top{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between}.goal-title{color:var(--text-primary);font-size:1.05rem;font-weight:600;line-height:1.4;margin:0}.goal-checkbox{align-items:center;-webkit-appearance:none;appearance:none;background:#0003;border:2px solid #fff3;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.goal-checkbox:checked{background:#10b981;border-color:#10b981}.goal-checkbox:checked:after{color:#fff;content:"✔";font-size:14px;font-weight:700}.goal-checkbox:hover:not(:checked){border-color:#ffffff80}.goal-card-bottom{display:flex;justify-content:flex-end;margin-top:var(--space-4)}.delete-icon-btn{background:none;border:none;color:#ef444499;cursor:pointer;font-size:1.1rem;padding:4px;transition:all .2s}.delete-icon-btn:hover{color:#ef4444;transform:scale(1.1)}.inline-add-goal{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:var(--radius-xl);display:flex;padding:6px 12px;transition:all .3s}.inline-add-goal:focus-within{background:#0000004d;border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f126}.add-goal-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:1.05rem;outline:none;padding:12px}.add-goal-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s;width:40px}.add-goal-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.bento-split-row{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}@media (max-width:768px){.bento-split-row{grid-template-columns:1fr}}.bento-split-row.single-col{grid-template-columns:1fr}.minimal-form{display:flex;flex:1 1;flex-direction:column;gap:var(--space-4)}.minimal-input-group{display:flex;flex-direction:column}.minimal-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.minimal-input,.minimal-textarea{background:#ffffff05;border:1px solid #ffffff0d;border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;outline:none;padding:12px 14px;transition:all .2s;width:100%}.minimal-input:focus,.minimal-textarea:focus{background:#ffffff0a;border-color:var(--accent-primary)}.minimal-textarea{min-height:80px;resize:vertical}.minimal-textarea.large{min-height:140px}.history-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:400px;overflow-y:auto}.history-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:var(--radius-lg);padding:var(--space-4)}.history-card-header{color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:var(--space-2)}.history-content{color:var(--text-primary);font-size:.95rem;line-height:1.5;margin-bottom:var(--space-2)}.history-actions{border-top:1px solid #ffffff0d;display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-3);padding-top:var(--space-3)}.congrats-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid #10b9814d;border-radius:var(--radius-lg);box-shadow:0 4px 15px #10b98133;color:#34d399;font-size:1.1rem;font-weight:600;margin-bottom:var(--space-6);padding:var(--space-4);text-align:center}.trial-page{align-items:center;background:#050505;background:var(--bg-primary,#050505);color:#f8fafc;color:var(--text-primary,#f8fafc);display:flex;flex-direction:column;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);min-height:100vh;overflow-x:hidden;padding:100px 20px 40px;position:relative}.trial-page:before{background:radial-gradient(circle,#10b98126 0,#0000 70%);filter:blur(80px);height:400px;right:-100px;top:-100px;width:400px}.trial-page:after,.trial-page:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:0}.trial-page:after{background:radial-gradient(circle,#4f46e51a 0,#0000 70%);bottom:-100px;filter:blur(100px);height:500px;left:-100px;width:500px}.trial-content-wrapper{display:flex;flex-direction:column;gap:32px;max-width:1000px;position:relative;width:100%;z-index:1}.trial-header{margin-bottom:20px;text-align:center}.trial-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text}.trial-subtitle{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:1.1rem}.trial-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:8px}.trial-tab-btn{background:#0000;border:none;border-radius:12px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.trial-tab-btn:hover{background:#ffffff0d;color:#f8fafc;color:var(--text-primary,#f8fafc)}.trial-tab-btn.active{background:#10b98126;box-shadow:0 0 20px #10b98133;color:#10b981}.trial-glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 20px 40px #0003;padding:32px}.trial-form-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.trial-form-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:12px}.btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background:#ffffff1a}.lesson-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:20px;padding:20px;transition:all .3s}.lesson-card:hover{background:#ffffff08;border-color:#10b98133}.lesson-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.lesson-title{color:#10b981;font-size:1.1rem;font-weight:700}.trial-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.trial-input{background:#0f172acc;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-primary);font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.trial-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}textarea.trial-input{min-height:100px;resize:vertical}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 10px 25px #10b9814d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:16px;padding:16px 32px;transition:all .2s;width:100%}.btn-primary:hover{box-shadow:0 15px 30px #10b98166;transform:translateY(-2px)}.btn-danger{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.btn-danger:hover{background:#ef444433}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:900px){.charts-grid{grid-template-columns:2fr 1fr}}.chart-card{background:#0f172a99;border:1px solid #ffffff0d;border-radius:24px;display:flex;flex-direction:column;padding:24px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.chart-title{color:var(--text-primary);font-size:1.2rem;font-weight:700}.entry-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:16px;overflow:hidden}.entry-header{align-items:center;cursor:pointer;padding:20px;transition:background .2s}.entry-header:hover{background:#ffffff0a}.entry-title{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:12px}.entry-date{font-size:13px}.entry-net-badge{background:#10b98126;border-radius:20px;color:#10b981;font-size:14px;font-weight:800;padding:4px 12px}.entry-content{background:#0003;border-top:1px solid #ffffff0d;padding:0 20px 20px}.entry-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:20px 0}.entry-detail-item{background:#ffffff08;border-radius:12px;padding:12px;text-align:center}.entry-detail-label{color:var(--text-secondary);font-size:11px;margin-bottom:4px;text-transform:uppercase}.entry-detail-value{color:var(--text-primary);font-size:14px;font-weight:700}.entry-comments{background:#ffffff05;border-left:3px solid #10b981;border-radius:12px;margin-bottom:20px;padding:16px}.entry-comment-item{font-size:14px;margin-bottom:12px}.entry-comment-item:last-child{margin-bottom:0}.entry-comment-item strong{color:#10b981;margin-right:8px}.entry-actions{gap:12px;justify-content:flex-end}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.trial-modal{background:#0f172af2;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px #00000080;max-width:500px;padding:32px;width:100%}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.custom-recharts-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:12px 16px}.custom-recharts-tooltip p{color:var(--text-primary);font-size:13px;margin:4px 0}.custom-recharts-tooltip p.label{border-bottom:1px solid #ffffff1a;color:#10b981;font-weight:700;margin-bottom:8px;padding-bottom:4px}.account-page{margin:0 auto;max-width:1200px;padding:var(--space-4) 0 var(--space-20)}.account-page-title{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-6)}.account-hero-banner{align-items:center;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;gap:var(--space-6);margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-6);position:relative}.account-hero-banner:before{background:radial-gradient(circle,var(--accent-glow) 0,#0000 60%);content:"";height:200%;pointer-events:none;position:absolute;right:-20%;top:-50%;width:50%;z-index:0}.hero-avatar-wrapper{align-items:center;background:var(--bg-card);border:3px solid var(--border-accent);border-radius:50%;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;position:relative;width:100px;z-index:1}.hero-info{flex:1 1;position:relative;z-index:1}.hero-username{color:var(--text-primary);font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-1)}.hero-character{background:var(--accent-glow);border-radius:var(--radius-full);color:var(--accent-secondary);display:inline-block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4);padding:2px 10px}.hero-level-row{align-items:center;display:flex;gap:var(--space-4)}.hero-level-text{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.hero-xp-bar-container{align-items:center;display:flex;flex:1 1;gap:var(--space-2);max-width:300px}.hero-xp-bar{background:var(--border-subtle);flex:1 1;height:8px;overflow:hidden}.hero-xp-bar,.hero-xp-fill{border-radius:var(--radius-full)}.hero-xp-fill{background:var(--accent-gradient);height:100%;transition:width var(--transition-base)}.hero-xp-text{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.bento-account-dashboard{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(12,1fr)}.bento-card{display:flex;flex-direction:column}.bento-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.bento-card-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:700;gap:var(--space-2)}.bento-col-span-12{grid-column:span 12}.bento-col-span-8{grid-column:span 8}.bento-col-span-4{grid-column:span 4}.bento-col-span-6{grid-column:span 6}.stats-mini-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:var(--space-4)}.stat-mini{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;padding:var(--space-4) var(--space-3);text-align:center}.stat-mini-value{color:var(--accent-primary);display:block;font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-1)}.stat-mini-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.badges-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.badges-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.badge-item{align-items:center;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;transition:all var(--transition-fast);width:44px}.badge-item:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:scale(1.1) translateY(-2px)}.badge-progress-bar{margin-top:var(--space-3)}.edit-field{margin-bottom:var(--space-4)}.edit-label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2)}.edit-input,.edit-textarea{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.edit-textarea{min-height:120px;resize:vertical}.edit-input:focus,.edit-textarea:focus{background:var(--bg-glass-strong);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.avatar-studio-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-4)}.avatar-preview-box{align-items:center;background:var(--bg-glass-strong);border:2px dashed var(--border-accent);border-radius:50%;display:flex;height:120px;justify-content:center;padding:var(--space-3);width:120px}.avatar-controls{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.char-type-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.char-type-btn{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.char-type-btn:hover{border-color:var(--border-default);color:var(--text-primary)}.char-type-btn--selected{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.settings-item{align-items:center;background:var(--bg-glass);border:1px solid #0000;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--space-2);padding:var(--space-3) var(--space-4);transition:border var(--transition-fast)}.settings-item:hover{border-color:var(--border-subtle)}.settings-label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2)}.settings-value{color:var(--text-primary);font-size:var(--text-sm);font-weight:500}.toggle-switch{background:var(--border-subtle);border-radius:12px;cursor:pointer;height:24px;padding:2px;transition:background var(--transition-fast);width:44px}.toggle-switch--on{background:var(--color-success)}.toggle-switch-thumb{background:#fff;border-radius:50%;height:20px;transition:transform var(--transition-fast);width:20px}.toggle-switch--on .toggle-switch-thumb{transform:translateX(20px)}.account-save-bar{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f172af2;border:1px solid #00ffcc4d;border-radius:16px;bottom:20px;box-shadow:0 10px 30px #000c,0 0 15px #00ffcc1a;box-sizing:border-box;display:flex;gap:16px;justify-content:space-between;left:20px;margin:0 auto;max-width:700px;padding:16px;position:fixed;right:20px;z-index:100}.account-save-info{display:flex;flex-direction:column}.account-save-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.account-save-subtitle{color:var(--text-muted);font-size:var(--text-xs)}.level-up-overlay{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.level-up-content{padding:var(--space-8);text-align:center}.level-up-emoji{filter:drop-shadow(0 0 20px rgba(255,255,255,.2));font-size:5rem;margin-bottom:var(--space-4)}.level-up-title{font-size:var(--text-4xl);font-weight:900;margin-bottom:var(--space-2)}.level-up-name{color:var(--accent-secondary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3)}.level-up-desc{color:var(--text-secondary);font-size:var(--text-base)}@media (max-width:1024px){.bento-col-span-4,.bento-col-span-6,.bento-col-span-8{grid-column:span 12}}@media (max-width:768px){.account-hero-banner{flex-direction:column;padding:var(--space-5);text-align:center}.hero-level-row{flex-direction:column;gap:var(--space-2)}.hero-xp-bar-container{max-width:100%;width:100%}.account-save-bar{bottom:16px;flex-wrap:wrap;gap:12px;justify-content:center;padding:16px}.account-save-info{text-align:center;width:100%}.account-save-bar button{width:100%}}.study-page{margin:0 auto;max-width:960px;padding:var(--space-6) var(--space-4)}.study-page-title{color:var(--text-secondary);font-size:var(--text-2xl);font-weight:300;letter-spacing:.1em;margin-bottom:var(--space-6);text-align:center;text-transform:uppercase}.study-page-title .text-gradient{font-weight:700}.mode-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:var(--radius-full);box-shadow:0 4px 30px #0000004d,inset 0 1px 1px #ffffff0d;display:flex;gap:8px;justify-content:center;margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;padding:6px;width:-webkit-fit-content;width:fit-content}.mode-toggle-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-full);color:#fff9;display:flex;font-size:var(--text-xs);font-weight:700;gap:8px;letter-spacing:.08em;padding:10px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-toggle-btn:hover{background:#ffffff14;color:#fff}.mode-toggle-btn--active{background:#10b98133;border:1px solid #10b98166;box-shadow:0 0 15px #10b98133;color:#10b981;text-shadow:0 0 8px #10b98180}.timer-status{align-items:center;display:flex;gap:8px;margin-bottom:var(--space-6)}.timer-status-dot{background:var(--text-muted);border-radius:50%;height:8px;transition:all .3s ease;width:8px}.timer-status-dot--active{animation:status-pulse 1.5s infinite;background:#10b981;box-shadow:0 0 12px #10b981cc}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.4}}.timer-status-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase}.timer-running .timer-status-label{color:#10b981}.timer-display-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) 0}.timer-giant-clock{align-items:flex-start;display:flex;gap:0;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.timer-digit-group{align-items:center;display:flex;flex-direction:column;gap:4px}.timer-digit{font-feature-settings:"tnum";color:var(--text-primary);font-family:var(--font-mono);font-size:clamp(5rem,18vw,11rem);font-variant-numeric:tabular-nums;font-weight:200;letter-spacing:-.04em;line-height:1;transition:text-shadow .5s ease}.timer-running .timer-digit{text-shadow:0 0 80px #10b98140}.timer-digit-label{color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.15em;opacity:.5;text-transform:uppercase}.timer-colon{color:var(--text-primary);font-family:var(--font-mono);font-size:clamp(4rem,14vw,9rem);font-weight:200;line-height:1;opacity:.6;padding:0 clamp(2px,.5vw,8px);transition:opacity .15s ease}.timer-colon--dim{opacity:.15}.timer-progress-bar{margin:var(--space-2) 0;max-width:500px;width:100%}.timer-progress-track{background:#ffffff0f;border-radius:2px;height:3px;overflow:hidden;width:100%}.timer-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;box-shadow:0 0 12px #10b98180;height:100%}.timer-controls{align-items:center;display:flex;gap:var(--space-4);margin-top:var(--space-6)}.timer-ctrl-btn{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:8px;justify-content:center;transition:all .25s ease}.timer-ctrl-btn--primary{background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 8px 32px #10b98159;color:#fff;height:72px;width:72px}.timer-ctrl-btn--primary:hover{box-shadow:0 12px 40px #10b98180;transform:scale(1.05)}.timer-ctrl-btn--primary:active{transform:scale(.95)}.timer-ctrl-btn--pause{background:#ffffff14;border:1px solid #ffffff26;box-shadow:none;color:var(--text-primary)}.timer-ctrl-btn--pause:hover{background:#ffffff1f;box-shadow:none}.timer-secondary-controls{display:flex;gap:var(--space-3)}.timer-ctrl-btn--ghost,.timer-ctrl-btn--save{border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;padding:10px 20px}.timer-ctrl-btn--save{background:#10b9811f;border:1px solid #10b98140;color:#10b981}.timer-ctrl-btn--save:hover{background:#10b98133}.timer-ctrl-btn--ghost{color:var(--text-muted)}.timer-ctrl-btn--ghost:hover{background:#ffffff0d;border-radius:var(--radius-full);color:var(--text-primary)}.timer-focus-shortcut{align-items:center;background:none;border:1px solid #ffffff14;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:500;gap:6px;letter-spacing:.05em;margin-top:var(--space-6);padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.timer-focus-shortcut:hover{background:#ffffff08;border-color:#fff3;color:var(--text-primary)}.timer-inputs{align-items:flex-end;display:flex;gap:var(--space-3);justify-content:center}.timer-input-group{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.timer-input{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:400;padding:var(--space-3);text-align:center;transition:border-color .2s;width:80px}.timer-input:focus{border-color:#10b98180;box-shadow:0 0 0 3px #10b9811a;outline:none}.timer-input-label{color:var(--text-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.manual-add{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.manual-add-group{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.entry-list-container{margin-top:var(--space-4)}.entry-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.entry-list-title{font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em}.entry-list-filter{align-items:center;display:flex;gap:var(--space-2)}.entry-date-group{background:#ffffff05;border:1px solid #ffffff0f;border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden}.entry-date-group--today{border-color:#10b98133}.entry-date-header{align-items:center;background:#0000;color:var(--text-primary);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);text-align:left;transition:background .2s;width:100%}.entry-date-header:hover{background:#ffffff08}.entry-date-info{align-items:center;display:flex;gap:var(--space-3)}.entry-date-label{font-size:var(--text-sm);font-weight:500}.entry-date-total{color:#10b981;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500}.entry-date-content{overflow:hidden}.entry-row{align-items:center;border-top:1px solid #ffffff0a;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-2) var(--space-4)}.entry-row:hover{background:#ffffff05}.entry-time{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500}.entry-timestamp{flex:1 1}.entry-actions{display:flex;gap:var(--space-1)}.entry-action-btn{align-items:center;border-radius:var(--radius-full);color:var(--text-muted);display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.entry-action-btn:hover{background:#10b9811a;color:#10b981}.entry-action-btn--delete:hover{background:#ef44441a;color:var(--color-danger)}.entry-edit-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%}.entry-edit-row .timer-input{font-size:var(--text-sm);width:50px}.focus-overlay{align-items:center;background:#000;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.focus-ambient-glow{background:radial-gradient(circle,#10b98114 0,#0000 70%);border-radius:50%;height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.focus-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-8);z-index:1}.focus-clock{align-items:baseline;display:flex;justify-content:center}.focus-digit{font-feature-settings:"tnum";color:#fff;font-family:var(--font-mono);font-size:clamp(6rem,22vw,16rem);font-variant-numeric:tabular-nums;font-weight:100;letter-spacing:-.04em;line-height:1;text-shadow:0 0 80px #10b98126}.focus-colon{color:#fff;font-family:var(--font-mono);font-size:clamp(5rem,18vw,13rem);font-weight:100;line-height:1;opacity:.4;padding:0 clamp(2px,.5vw,10px);transition:opacity .15s ease}.focus-colon--dim{opacity:.08}.focus-exit{align-items:center;background:none;border:1px solid #ffffff14;border-radius:var(--radius-full);color:#ffffff4d;cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:500;gap:8px;letter-spacing:.1em;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.focus-exit:hover{border-color:#fff3;color:#fff9}.study-action-bar{border-top:1px solid #ffffff14;display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-10);padding-top:var(--space-8)}.study-action-trigger{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:var(--radius-full);box-shadow:0 4px 20px #0003,inset 0 1px 1px #ffffff0d;color:#fff;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:700;gap:10px;letter-spacing:.05em;padding:14px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.study-action-trigger:hover{background:#10b9811a;border-color:#10b9814d;box-shadow:0 8px 30px #10b98126;color:#10b981;transform:translateY(-2px)}.study-action-trigger:active{transform:translateY(0)}.study-action-icon{color:#10b981;transition:transform .3s ease}.study-action-trigger:hover .study-action-icon{transform:scale(1.2)}.study-action-badge{background:#10b981;border-radius:var(--radius-full);box-shadow:0 0 10px #10b98166;color:#000;display:inline-flex;font-size:11px;font-weight:800;height:22px;min-width:22px;padding:0 8px}.study-action-badge,.study-modal-overlay{align-items:center;justify-content:center}.study-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;padding:var(--space-4);position:fixed;z-index:1000}.study-modal{background:#111;background:var(--bg-secondary,#111);border:1px solid #ffffff14;border-radius:20px;border-radius:var(--radius-2xl,20px);max-width:420px;overflow:hidden;width:100%}.study-modal--lg{max-width:600px}.study-modal-header{align-items:center;display:flex;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-3)}.study-modal-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em}.study-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--text-lg);height:32px;justify-content:center;transition:all .2s;width:32px}.study-modal-close:hover{background:#ffffff0f;color:var(--text-primary)}.study-modal-body{padding:var(--space-3) var(--space-5) var(--space-5)}.study-modal-body--scroll{max-height:60vh;overflow-y:auto}.study-modal-body--scroll::-webkit-scrollbar{width:4px}.study-modal-body--scroll::-webkit-scrollbar-track{background:#0000}.study-modal-body--scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.study-modal-submit{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;margin-top:var(--space-4);padding:14px;transition:all .2s;width:100%}.study-modal-submit:hover{box-shadow:0 8px 24px #10b9814d;transform:translateY(-1px)}.study-modal-submit:active{transform:translateY(0)}@media (max-width:768px){.study-page{padding:var(--space-4) var(--space-3)}.study-page-title{font-size:var(--text-lg);margin-bottom:var(--space-4)}.timer-digit{font-size:clamp(3.5rem,16vw,6rem)}.timer-colon{font-size:clamp(3rem,12vw,5rem)}.timer-ctrl-btn--primary{height:60px;width:60px}.timer-controls{flex-wrap:wrap;justify-content:center}.timer-secondary-controls{justify-content:center;width:100%}.entry-list-header{align-items:stretch;flex-direction:column}.manual-add{align-items:flex-end;flex-direction:row;justify-content:center}.focus-digit{font-size:clamp(4rem,18vw,8rem)}.focus-colon{font-size:clamp(3rem,14vw,6rem)}.study-action-bar{flex-direction:row}.study-modal{border-radius:16px;border-radius:var(--radius-xl,16px)}.study-modal,.study-modal--lg{max-width:100%}}.streak-page{margin:0 auto;max-width:1200px;padding:var(--space-4) 0 var(--space-10);position:relative;z-index:1}.streak-background{background:radial-gradient(circle at 50% -20%,#6366f126,#0000 70%),radial-gradient(circle at 100% 50%,#8b5cf61a,#0000 50%);inset:0;pointer-events:none;position:fixed;z-index:-1}.streak-header-banner{margin-bottom:var(--space-6);text-align:center}.streak-page-title{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;display:inline-block;font-size:var(--text-3xl);font-weight:900;margin-bottom:var(--space-2)}.streak-motivational-message{color:var(--text-secondary);font-size:var(--text-lg);font-weight:500}.streak-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6)}.streak-nav-pill{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.streak-nav-pill:hover{background:var(--bg-glass-strong);color:var(--text-primary)}.streak-nav-pill--active{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 4px 14px #6366f166;color:#fff}.bento-streak-dashboard{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(12,1fr)}.bento-streak-col-12{grid-column:span 12}.bento-streak-col-8{grid-column:span 8}.bento-streak-col-4{grid-column:span 4}.streak-card-header{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:700;gap:var(--space-2);margin-bottom:var(--space-4)}.podium-container{align-items:flex-end;display:flex;gap:var(--space-4);justify-content:center;min-height:250px;padding:var(--space-6) 0}.podium-item{flex-direction:column;position:relative;width:110px}.podium-avatar,.podium-item{align-items:center;display:flex}.podium-avatar{background:var(--bg-card);border:3px solid var(--border-accent);border-radius:50%;justify-content:center;margin-bottom:var(--space-2);overflow:hidden;z-index:2}.rank-1 .podium-avatar{border-color:#f59e0b;box-shadow:0 0 20px #f59e0b66}.rank-2 .podium-avatar{border-color:#9ca3af}.rank-3 .podium-avatar{border-color:#b45309}.podium-username{color:var(--text-primary);font-size:var(--text-sm);font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.podium-score{color:var(--accent-secondary);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-2)}.podium-step{align-items:flex-start;background:var(--bg-glass-strong);border-left:1px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;border-right:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);color:#ffffff80;display:flex;font-size:var(--text-xl);font-weight:900;justify-content:center;padding-top:var(--space-2);width:100%}.rank-1 .podium-step{background:linear-gradient(0deg,#f59e0b1a,#f59e0b4d);color:#f59e0b;height:120px}.rank-2 .podium-step{background:linear-gradient(0deg,#9ca3af1a,#9ca3af33);color:#9ca3af;height:90px}.rank-3 .podium-step{background:linear-gradient(0deg,#b453091a,#b4530933);color:#b45309;height:70px}.leaderboard-list{display:flex;flex-direction:column;gap:var(--space-2)}.leaderboard-row{align-items:center;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.leaderboard-row:hover{background:var(--bg-card-hover);border-color:var(--border-default)}.leaderboard-row.current-user{background:#6366f11a;border-color:var(--accent-primary)}.leaderboard-user-info{align-items:center;display:flex;gap:var(--space-3)}.rank-badge{align-items:center;background:var(--bg-glass-strong);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:800;height:32px;justify-content:center;width:32px}.leaderboard-username{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.leaderboard-streak{color:var(--text-muted);font-size:var(--text-xs)}.leaderboard-score-area{align-items:center;display:flex;gap:var(--space-3)}.score-value{background:#8b5cf61a;border-radius:var(--radius-full);color:var(--accent-secondary);font-size:var(--text-sm);font-weight:700;padding:4px 10px}.streak-stats-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;margin-bottom:var(--space-4)}.streak-stat-box{background:var(--bg-glass-strong);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.streak-stat-label{color:var(--text-muted);display:block;font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-1);text-transform:uppercase}.streak-stat-value{color:var(--text-primary);font-size:var(--text-3xl);font-weight:900}.streak-stat-value.highlight{color:var(--color-warning)}.badge-list li{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-2) 0}.badge-list li:last-child{border-bottom:none}.exam-dropdown-container{display:flex;justify-content:flex-end;margin-bottom:var(--space-4)}.exam-dropdown{appearance:none;-webkit-appearance:none;background:var(--bg-glass-strong);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);outline:none;padding:var(--space-2) var(--space-4)}@media (max-width:1024px){.bento-streak-col-4,.bento-streak-col-8{grid-column:span 12}}@media (max-width:768px){.streak-tabs{flex-direction:column;padding:0 var(--space-4)}.streak-nav-pill{text-align:center;width:100%}.podium-container{gap:var(--space-2)}.podium-item{width:90px}.leaderboard-row{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.leaderboard-score-area{justify-content:space-between;width:100%}}.forum-modern-page{color:var(--text-primary);min-height:100vh;padding:80px 20px 40px;position:relative}.forum-bg-glow{background:radial-gradient(circle at 10% 10%,#6366f10d,#0000 60%),radial-gradient(circle at 90% 90%,#00e6760d,#0000 60%);bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.forum-modern-container{margin:0 auto;max-width:1100px}.forum-layout{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:240px 1fr}@media (max-width:768px){.forum-layout{grid-template-columns:1fr}}.forum-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);height:-webkit-fit-content;height:fit-content;padding:var(--space-4)}.category-list{display:flex;flex-direction:column;gap:var(--space-2)}.category-header{color:var(--text-secondary);font-size:.9rem;letter-spacing:1px;margin-bottom:var(--space-2);margin-top:var(--space-2);text-transform:uppercase}.category-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-weight:500;padding:var(--space-2) var(--space-3);text-align:left;transition:all .2s ease}.category-btn:hover{background:#ffffff0d}.category-btn.active{background:#6366f11a;border-left:3px solid var(--accent-primary);color:var(--accent-primary)}.forum-search-bar{margin-bottom:var(--space-4)}.topic-list{display:flex;flex-direction:column;gap:var(--space-3)}.topic-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);transition:all .2s ease}.topic-card:hover{border-color:#6366f14d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.topic-avatar{align-items:center;background:var(--bg-surface);border-radius:50%;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.topic-card-body{flex:1 1}.topic-title{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-1)}.topic-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:var(--space-3)}.topic-author{color:var(--accent-primary)}.topic-card-stats{align-items:flex-end;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;gap:var(--space-2);justify-content:center;min-width:60px}.topic-detail-view{margin:0 auto;max-width:900px}.topic-entry{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4)}.main-entry{border:1px solid #6366f14d;box-shadow:0 4px 20px #0003}.comment-entry{background:#ffffff05;border-radius:var(--radius-md);margin-bottom:var(--space-3)}.entry-sidebar{flex-direction:column;flex-shrink:0;gap:var(--space-2);width:80px}.entry-avatar,.entry-sidebar{align-items:center;display:flex}.entry-avatar{background:var(--bg-surface);border-radius:50%;font-size:32px;height:64px;justify-content:center;width:64px}.comment-entry .entry-sidebar{width:60px}.comment-entry .entry-avatar{font-size:24px;height:48px;width:48px}.entry-author{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-align:center;word-break:break-all}.entry-content-wrap{display:flex;flex:1 1;flex-direction:column}.entry-header{align-items:flex-start;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.entry-title{font-size:1.3rem;font-weight:700;margin:0}.entry-date{color:var(--text-secondary);font-size:.8rem}.entry-body{font-size:1rem;line-height:1.6;margin-bottom:var(--space-4);white-space:pre-wrap}.entry-footer{align-items:center;border-top:1px dashed var(--border-subtle);display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--space-3)}.btn-like{background:#0000;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:4px 12px;transition:all .2s ease}.btn-like:hover{background:#ffffff0d}.btn-like.liked{background:#f43f5e1a;border-color:#f43f5e4d;color:#f43f5e}.comments-header{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-3);padding-left:var(--space-2)}.reply-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-top:var(--space-4);padding:var(--space-4)}.updates-page{align-items:center;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:flex;font-family:Orbitron,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.updates-page:before{animation:wave 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(0,230,118,0.1)' d='m0 160 48 16c48 16 144 48 240 37.3 96-10.3 192-64.3 288-74.6 96-10.7 192 21.3 288 42.6 96 21.7 192 31.7 288 16 96-16.3 192-58.3 240-80l48-21.3v224H0Z'/%3E%3C/svg%3E");background-position:bottom;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@keyframes wave{0%{background-position-x:0}to{background-position-x:1440px}}.updates-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:16px;box-shadow:0 12px 24px #000000b3;max-width:800px;padding:40px;position:relative;text-align:center;width:100%;z-index:1}.updates-header{color:#0fc;font-size:32px;font-weight:700;margin-bottom:30px;text-shadow:0 0 10px #0fc}.updates-timeline{margin-bottom:40px;position:relative}.updates-timeline:before{background:linear-gradient(180deg,#0fc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:2px;z-index:0}.update-item{background:#ffffff0d;border-radius:12px;box-shadow:0 4px 12px #0000004d;margin-bottom:20px;margin-left:30px;padding:20px;position:relative;text-align:left;transition:transform .3s ease}.update-item:hover{transform:translateX(5px)}.timeline-dot{background:#0fc;border-radius:50%;box-shadow:0 0 8px #00ffcc80;height:12px;left:-30px;position:absolute;top:20px;width:12px}.update-item h3{color:#0fc;font-size:24px;margin-bottom:10px}.update-item p{color:#b0bec5;font-size:16px;margin-bottom:10px}.update-item span{color:#00e676;font-size:14px}.vote-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.vote-button{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;padding:8px 16px;transition:transform .2s,box-shadow .3s,background .3s}.vote-button:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 4px 12px #00ffcc4d;transform:scale(1.05)}.vote-button.voted{background:linear-gradient(135deg,#0288d1,#4fc3f7)}.vote-button.voted:hover{background:linear-gradient(135deg,#4fc3f7,#0288d1)}.suggest-button{align-items:center;background:linear-gradient(135deg,#ffb300,#ffca28);border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:700;padding:8px 16px;transition:transform .2s,box-shadow .3s,background .3s}.suggest-button:hover{background:linear-gradient(135deg,#ffca28,#ffb300);box-shadow:0 4px 12px #ffca284d;transform:scale(1.05)}.feedback-section{margin-top:40px}.feedback-section h3{color:#0fc;font-size:24px;margin-bottom:20px}.feedback-section p{color:#b0bec5;font-size:16px;margin-bottom:20px}.feedback-button{background:linear-gradient(135deg,#0fc,#00e676);border:none;border-radius:12px;box-shadow:0 4px 12px #00ffcc4d;color:#000;cursor:pointer;font-size:18px;font-weight:700;padding:14px 28px;transition:transform .2s,box-shadow .3s}.feedback-button:hover{box-shadow:0 6px 16px #00ffcc80;transform:scale(1.05)}.feedback-modal{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1002}.feedback-modal-content{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);border:1px solid #00e67633;border-radius:12px;box-shadow:0 8px 24px #00000080;max-width:400px;padding:20px;position:relative;width:90vw}.feedback-modal-close{background:#ff5252;border:none;border-radius:50%;color:#fff;cursor:pointer;height:24px;position:absolute;right:10px;top:10px;width:24px}.feedback-intro{color:#b0bec5;font-size:clamp(14px,3.5vw,16px);margin-bottom:20px;text-align:center}.feedback-success-message{background:linear-gradient(90deg,#2e7d32,#1b5e20)}.feedback-error-message,.feedback-success-message{border-radius:8px;color:#fff;font-size:clamp(12px,3vw,14px);font-weight:700;margin-bottom:20px;padding:15px;text-align:center}.feedback-error-message{background:linear-gradient(90deg,#d32f2f,#b71c1c)}.feedback-form{display:flex;flex-direction:column;gap:15px}.feedback-form-group{display:flex;flex-direction:column;gap:5px}.feedback-label{color:#0fc;font-size:clamp(14px,3.5vw,16px)}.feedback-input,.feedback-select,.feedback-textarea{background:#ffffff26;border:1px solid #2a2a2a;border-radius:8px;color:#eee;font-size:clamp(14px,3.5vw,16px);padding:10px}.feedback-textarea{min-height:150px;resize:vertical}.feedback-submit-button{background:linear-gradient(135deg,#ffca28,#ffb300);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:clamp(14px,3.5vw,16px);font-weight:700;padding:12px 24px}.feedback-social-icons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.feedback-social-icon{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000080;color:#fff;display:flex;font-size:clamp(16px,4vw,20px);height:clamp(30px,8vw,40px);justify-content:center;text-decoration:none;transition:transform .3s ease;width:clamp(30px,8vw,40px)}.feedback-social-icon.whatsapp{background:#25d366}.feedback-social-icon.instagram{background:linear-gradient(45deg,#833ab4,#fd1d1d,#fcb045)}.feedback-social-icon.gmail{background:#d14836}@media (max-width:768px){.updates-container{padding:20px}.updates-header{font-size:24px}.update-item{margin-left:20px}.update-item h3{font-size:20px}.update-item p{font-size:14px}.update-item span{font-size:12px}.suggest-button,.vote-button{font-size:12px;padding:6px 12px}.timeline-dot{left:-20px}.updates-timeline:before{left:-10px}.feedback-section h3{font-size:20px}.feedback-section p{font-size:14px}.feedback-button{font-size:16px;padding:10px 20px}}@media (max-width:480px){.updates-container{padding:15px}.updates-header{font-size:20px}.update-item{margin-left:15px;padding:15px}.update-item h3{font-size:18px}.suggest-button,.vote-button{font-size:10px;padding:5px 10px}.timeline-dot{left:-15px}.updates-timeline:before{left:-5px}.feedback-button{font-size:14px;padding:8px 16px}}.avatar-creator-page{align-items:center;background:linear-gradient(180deg,#1a237e,#0d1457);display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.avatar-creator-page:before{animation:twinkle 4s infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600"><circle cx="50" cy="50" r="2" fill="%23fff"/><circle cx="150" cy="100" r="1" fill="%23fff"/><circle cx="200" cy="300" r="3" fill="%23fff"/><circle cx="300" cy="150" r="2" fill="%23fff"/><circle cx="400" cy="50" r="1" fill="%23fff"/><circle cx="500" cy="200" r="2" fill="%23fff"/><circle cx="600" cy="100" r="1" fill="%23fff"/><circle cx="700" cy="250" r="3" fill="%23fff"/></svg>') repeat;content:"";height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.8}}.avatar-creator-page h2{color:#4fc3f7;font-family:Inter,sans-serif;font-size:48px;font-weight:700;margin-bottom:40px;text-align:center;text-shadow:0 0 10px #4fc3f780}.avatar-preview-container{margin-bottom:40px;z-index:1}.avatar-preview-container,.avatar-wrapper{display:flex;justify-content:center;position:relative}.avatar-wrapper{align-items:center}.avatar-image{animation:swayAvatar 6s ease-in-out infinite;max-height:500px;max-width:400px;object-fit:contain;z-index:1}@keyframes swayAvatar{0%{transform:rotateY(0deg)}50%{transform:rotateY(20deg)}to{transform:rotateY(-20deg)}}.avatar-platform{animation:rotatePlatform 20s linear infinite;background:linear-gradient(90deg,#4fc3f7,#1a237e);border-radius:50%;bottom:-25px;box-shadow:0 10px 25px #4fc3f799,0 -6px 12px #fff3,inset 0 0 15px #ffffff4d;height:25px;position:absolute;width:280px;z-index:0}@keyframes rotatePlatform{0%{transform:rotateY(0deg)}50%{transform:rotateY(20deg)}to{transform:rotateY(-20deg)}}.no-avatar-placeholder{align-items:center;background:#ffffff1a;border:2px dashed #4fc3f7;border-radius:20px;display:flex;height:550px;justify-content:center;width:450px}.no-avatar-placeholder p{color:#d1c4e9;font-size:18px;padding:20px;text-align:center}.error-message{color:#ff6f61;font-size:16px;margin-top:10px;text-align:center}.share-section{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #4fc3f7;border-radius:16px;display:flex;flex-direction:column;margin-bottom:30px;max-width:600px;padding:20px;text-align:center;width:100%}.share-card{background:linear-gradient(135deg,#1a237e,#4fc3f7);border-radius:12px;box-shadow:0 4px 15px #4fc3f74d;height:400px;margin-bottom:20px;overflow:hidden;position:relative;width:300px}.share-card-image{height:70%;object-fit:contain;padding:20px;width:100%}.share-card-brand{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff26;border-radius:20px;box-shadow:0 2px 8px #4fc3f74d;display:flex;gap:8px;left:10px;padding:5px 10px;position:absolute;top:10px}.share-card-brand-text{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;text-shadow:0 0 5px #ffffff80}.share-card-brand-logo{border-radius:50%;box-shadow:0 0 8px #4fc3f780;height:28px;width:28px}.share-card-site{background:linear-gradient(90deg,#4fc3f7,#1a237e);border-radius:20px;box-shadow:0 2px 8px #4fc3f74d;color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:5px 10px;position:absolute;right:10px;top:10px;transition:all .3s ease}.share-card-site:hover{background:linear-gradient(90deg,#1a237e,#4fc3f7);box-shadow:0 4px 12px #4fc3f780;transform:scale(1.05)}.share-card-footer{background:#00000080;bottom:10px;color:#d1c4e9;font-size:10px;left:0;padding:5px;position:absolute;text-align:center;width:100%}.share-card-footer a{color:#4fc3f7;text-decoration:none}.share-card-footer a:hover{text-decoration:underline}.share-actions{display:flex;gap:15px}.download-button,.share-button{background:linear-gradient(90deg,#4fc3f7,#1a237e);border:none;border-radius:8px;box-shadow:0 2px 10px #4fc3f74d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.download-button:hover,.share-button:hover{background:linear-gradient(90deg,#1a237e,#4fc3f7);box-shadow:0 4px 15px #4fc3f780}.license-info{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #4fc3f74d;border-radius:12px;margin-top:20px;max-width:600px;padding:15px;text-align:center;width:100%}.license-info h3{color:#4fc3f7;font-size:18px;font-weight:700;margin-bottom:10px;text-shadow:0 0 5px #4fc3f74d}.license-info p{color:#d1c4e9;font-size:14px;margin:5px 0}.license-info ul{list-style:none;margin:10px 0;padding:0}.license-info li{align-items:center;color:#d1c4e9;display:flex;font-size:14px;gap:5px;justify-content:center;margin:5px 0}.license-info a{color:#4fc3f7;text-decoration:none}.license-info a:hover{text-decoration:underline}.iframe-modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.iframe-modal-content{background:#fff;border-radius:20px;box-shadow:0 0 30px #4fc3f780;max-width:800px;padding:20px;position:relative;width:90%}.close-modal-button{align-items:center;background:#4fc3f7;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:background .3s ease,transform .3s ease;width:40px;z-index:1001}.close-modal-button:hover{background:#1a237e;transform:scale(1.1)}.button-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px;max-width:600px;width:100%}.create-avatar-button,.generate-card-button,.submit-button{background:linear-gradient(90deg,#4fc3f7,#1a237e);border:none;border-radius:12px;box-shadow:0 4px 15px #4fc3f74d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:18px;font-weight:500;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s ease;z-index:10}.submit-button{background:linear-gradient(90deg,#ff6f61,#d81b60)}.create-avatar-button:after,.generate-card-button:after,.submit-button:after{background:radial-gradient(circle,#ffffff4d,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .5s ease;width:200%}.create-avatar-button:hover:after,.generate-card-button:after,.submit-button:after{opacity:1}.create-avatar-button:hover,.generate-card-button:hover,.submit-button:hover{background:linear-gradient(90deg,#1a237e,#4fc3f7);box-shadow:0 6px 20px #4fc3f780;transform:translateY(-2px)}.submit-button:hover{background:linear-gradient(90deg,#d81b60,#ff6f61)}@media (max-width:768px){.avatar-creator-page h2{font-size:36px}.avatar-image{max-height:375px;max-width:300px}.avatar-platform{bottom:-18px;height:18px;width:210px}.no-avatar-placeholder{height:420px;width:340px}.share-card{height:350px;width:250px}.share-card-brand{gap:6px;padding:4px 8px}.share-card-brand-text{font-size:14px}.share-card-brand-logo{height:24px;width:24px}.share-card-site{font-size:12px;padding:4px 8px}.share-card-footer{font-size:8px}.download-button,.share-button{font-size:12px;padding:8px 16px}.iframe-modal-content{padding:10px;width:95%}.create-avatar-button,.generate-card-button,.submit-button{font-size:16px;padding:14px;width:100%}.share-section{padding:15px}.close-modal-button{font-size:24px;height:36px;width:36px}.error-message{font-size:14px}.license-info h3{font-size:16px}.license-info li,.license-info p{font-size:12px}}.payment-page{margin:0 auto;max-width:600px;padding:20px;text-align:center}.payment-form{gap:15px}.form-group,.payment-form{display:flex;flex-direction:column}.form-group{text-align:left}.form-group label{font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:8px}.payment-page button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px}.payment-page button:disabled{background-color:#ccc;cursor:not-allowed}.error{color:red;margin-top:10px}.coach-page{background:#f8fafc;border-radius:32px;box-shadow:0 10px 40px #0003,inset 0 1px 0 #ffffff80;color:#1e293b;margin:20px auto 60px;max-width:1280px;overflow:hidden;padding:30px;position:relative}.coach-page:before{background:radial-gradient(circle,#6366f11a 0,#fff0 70%);height:500px;right:-200px;top:-200px;width:500px}.coach-page:after,.coach-page:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.coach-page:after{background:radial-gradient(circle,#10b98114 0,#fff0 70%);bottom:-200px;height:400px;left:-200px;width:400px}.coach-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:300px}.coach-loading-spinner{animation:spin .8s linear infinite;border:3px solid #6366f133;border-radius:50%;border-top-color:#6366f1;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.coach-hero{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 4px 20px #00000008;margin-bottom:32px;padding:32px 20px;position:relative;text-align:center;z-index:1}.coach-hero-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3rem;margin-bottom:8px}.coach-hero-title{color:#475569;font-size:1.8rem;font-weight:400;letter-spacing:.05em;margin:0;text-transform:uppercase}.coach-hero-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#0ea5e9);-webkit-background-clip:text;background-clip:text;font-weight:800}.coach-hero-subtitle{color:#64748b;font-size:14px;font-weight:500;margin-top:8px}.coach-layout{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:280px 1fr;position:relative;z-index:1}.coach-sidebar{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 4px 20px #00000008;overflow:hidden;padding-bottom:12px;position:-webkit-sticky;position:sticky;top:80px}.coach-sidebar-header{border-bottom:1px solid #f1f5f9;color:#475569;font-size:12px;gap:8px;letter-spacing:.12em;margin-bottom:8px;padding:20px 20px 16px;text-transform:uppercase}.coach-sidebar-badge,.coach-sidebar-header{align-items:center;display:flex;font-weight:800}.coach-sidebar-badge{background:#e0e7ff;border-radius:50%;color:#4f46e5;font-size:11px;height:24px;justify-content:center;margin-left:auto;width:24px}.coach-student-list{display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 260px);overflow-y:auto;padding:0 12px}.coach-student-empty{color:#94a3b8;padding:32px 16px;text-align:center}.coach-student-empty p{color:#475569;font-size:14px;font-weight:600;margin:12px 0 4px}.coach-student-empty span{font-size:12px}.coach-student-card{align-items:center;border:1px solid #0000;border-radius:16px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all .2s ease}.coach-student-card:hover{background:#f8fafc;border-color:#f1f5f9}.coach-student-card--active{background:#e0e7ff!important;border-color:#c7d2fe!important}.coach-student-indicator{background:#4f46e5;border-radius:0 4px 4px 0;height:24px;left:-1px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.coach-student-avatar{align-items:center;background:linear-gradient(135deg,#a5b4fc,#818cf8);border-radius:50%;box-shadow:0 2px 8px #6366f133;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.coach-student-card--active .coach-student-avatar{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 2px 8px #10b98133}.coach-student-info{flex:1 1;min-width:0}.coach-student-name{color:#1e293b;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coach-student-meta{color:#64748b;font-size:11px;font-weight:500;margin-top:2px}.coach-main{gap:24px}.coach-empty-state,.coach-main{display:flex;flex-direction:column;min-height:400px}.coach-empty-state{align-items:center;background:#fff;border:1px dashed #cbd5e1;border-radius:24px;color:#94a3b8;gap:16px;justify-content:center}.coach-empty-state h3{color:#475569;font-size:18px;font-weight:700}.coach-student-bar{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 4px 20px #00000008;justify-content:space-between;padding:20px 24px}.coach-student-bar,.coach-student-bar-left{align-items:center;display:flex;gap:16px}.coach-student-bar-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#0ea5e9);border-radius:50%;box-shadow:0 4px 12px #6366f133;color:#fff;display:flex;font-size:18px;font-weight:800;height:48px;justify-content:center;width:48px}.coach-student-bar-name{color:#1e293b;font-size:18px;font-weight:800;margin:0}.coach-student-bar-exam{color:#64748b;font-size:13px;font-weight:500}.coach-btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 20px;transition:all .2s ease}.coach-btn--outline{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.coach-btn--outline:hover{background:#e2e8f0;box-shadow:0 4px 12px #0000000d;color:#1e293b;transform:translateY(-1px)}.coach-week-stats{display:flex;gap:16px}.coach-week-stat{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 20px #00000008;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow:hidden;padding:20px 16px;position:relative}.coach-week-stat:after{background:#e2e8f0;background:var(--stat-color,#e2e8f0);content:"";height:4px;left:0;position:absolute;right:0;top:0}.coach-week-stat:first-child{--stat-color:#10b981}.coach-week-stat:nth-child(2){--stat-color:#f59e0b}.coach-week-stat:nth-child(3){--stat-color:#ef4444}.coach-week-stat:nth-child(4){--stat-color:#4f46e5}.coach-week-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.coach-week-stat-value{color:#1e293b;font-family:monospace;font-family:var(--font-mono,monospace);font-size:24px;font-weight:800;line-height:1}.coach-week-stat-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.coach-week-stat--rate{padding:12px 16px;position:relative}.coach-week-stat-ring{height:56px;margin-bottom:-4px;position:relative;width:56px}.coach-ring-svg{height:100%;transform:rotate(-90deg);width:100%}.coach-ring-text{align-items:center;color:#4f46e5;display:flex;font-family:monospace;font-family:var(--font-mono,monospace);font-size:13px;font-weight:800;inset:0;justify-content:center;position:absolute}.coach-week-nav-bar{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 20px #00000008;display:flex;gap:8px;padding:12px 20px}.coach-nav-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.coach-nav-btn:hover{background:#f1f5f9;color:#1e293b;transform:translateY(-1px)}.coach-nav-btn--today{background:#e0e7ff;border-color:#c7d2fe;color:#4f46e5;font-size:12px;font-weight:700;letter-spacing:.05em;margin-left:auto;padding:0 16px;width:auto}.coach-nav-btn--today:hover{background:#c7d2fe;color:#3730a3}.coach-week-nav-center{align-items:center;color:#1e293b;display:flex;font-family:monospace;font-family:var(--font-mono,monospace);font-size:15px;font-weight:700;gap:10px}.coach-week-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(7,1fr)}.coach-day-col{background:#fff;border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 2px 12px #00000005;display:flex;flex-direction:column;gap:8px;min-height:200px;padding:8px;transition:all .2s ease}.coach-day-col:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0000000a}.coach-day-col--today{background:#f0fdf4;border-color:#bbf7d0}.coach-day-header{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 6px;text-align:center}.coach-day-header--today{background:#dcfce7;border-color:#86efac}.coach-day-name{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.coach-day-header--today .coach-day-name{color:#166534}.coach-day-number{color:#1e293b;font-family:monospace;font-family:var(--font-mono,monospace);font-size:22px;font-weight:800;line-height:1.2;margin-top:2px}.coach-day-header--today .coach-day-number{color:#14532d}.coach-day-badge{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#94a3b8;display:inline-block;font-family:monospace;font-family:var(--font-mono,monospace);font-size:10px;font-weight:700;margin-top:4px;padding:2px 8px}.coach-day-tasks{display:flex;flex:1 1;flex-direction:column;gap:6px}.coach-task-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000005;overflow:hidden;padding:10px 10px 10px 14px;position:relative;transition:all .2s ease}.coach-task-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.coach-task-card--completed{background:#f8fafc;border-color:#e2e8f0;opacity:.6}.coach-task-card--skipped{background:#f8fafc;opacity:.4}.coach-task-color-bar{background:#4f46e5;background:var(--task-color,#4f46e5);bottom:0;left:0;position:absolute;top:0;width:4px}.coach-task-body{padding-right:8px}.coach-task-title{color:#334155;font-size:12px;font-weight:700;line-height:1.3;margin-bottom:2px}.coach-task-subject{color:#64748b;font-size:10px;font-weight:600}.coach-task-status-badge{align-items:center;border-radius:50%;display:flex;font-size:10px;font-weight:800;height:16px;justify-content:center;position:absolute;right:6px;top:6px;width:16px}.coach-task-status-badge--completed{background:#dcfce7;color:#16a34a}.coach-task-status-badge--skipped{background:#fee2e2;color:#dc2626}.coach-task-actions-group{bottom:6px;display:flex;gap:4px;opacity:0;position:absolute;right:6px;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.coach-task-card:hover .coach-task-actions-group{opacity:1;transform:translateY(0)}.coach-task-actions-group .coach-task-delete{align-items:center!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:8px!important;cursor:pointer;display:flex!important;height:24px!important;justify-content:center!important;opacity:1!important;position:static!important;transition:all .15s ease!important;width:24px!important}.coach-task-actions-group .coach-task-delete:hover{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 2px 8px #0000000d;transform:scale(1.05)}.coach-add-task-btn{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:700;height:36px;justify-content:center;margin-top:auto;transition:all .2s ease;width:100%}.coach-add-task-btn:hover{background:#e0e7ff;border-color:#4f46e5;color:#4f46e5}.coach-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.coach-modal{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:480px;overflow:hidden;width:100%}.coach-modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 30px 16px}.coach-modal-header h3{color:#1e293b;font-size:20px;font-weight:800;margin:0}.coach-modal-date{color:#4f46e5;display:block;font-family:monospace;font-family:var(--font-mono,monospace);font-size:13px;font-weight:600;margin-top:4px}.coach-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.coach-modal-close:hover{background:#e2e8f0;color:#1e293b}.coach-modal-body{display:flex;flex-direction:column;gap:20px;padding:24px 30px 30px}.coach-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.coach-form-group{display:flex;flex-direction:column;gap:8px}.coach-form-label{color:#475569;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.coach-form-input,.coach-form-select,.coach-form-textarea{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;color:#1e293b;font-family:inherit;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.coach-form-input:focus,.coach-form-select:focus,.coach-form-textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;outline:none}.coach-form-textarea{min-height:80px;resize:vertical}.coach-form-preview{align-items:center;background:#f1f5f9;border-radius:12px;color:#475569;display:flex;font-size:13px;font-weight:600;gap:10px;padding:12px 16px}.coach-form-preview-dot{border-radius:50%;height:12px;width:12px}.coach-form-submit{align-items:center;background:linear-gradient(135deg,#4f46e5,#0ea5e9);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:10px;justify-content:center;margin-top:8px;padding:16px;transition:all .2s ease;width:100%}.coach-form-submit:hover{box-shadow:0 8px 24px #4f46e54d;transform:translateY(-2px)}.coach-detail-header{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 4px 20px #00000008;display:flex;gap:20px;margin-bottom:30px;padding:24px 30px}.coach-detail-avatar{align-items:center;background:linear-gradient(135deg,#a5b4fc,#6366f1);border-radius:50%;box-shadow:0 4px 12px #6366f133;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:800;height:64px;justify-content:center;width:64px}.coach-detail-name{color:#1e293b;font-size:22px;font-weight:800}.coach-detail-exam{color:#64748b;font-size:14px;font-weight:500;margin-top:4px}.coach-stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.coach-stat-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 20px #00000008;padding:24px;text-align:center}.coach-stat-value{color:#4f46e5;font-family:monospace;font-family:var(--font-mono,monospace);font-size:32px;font-weight:800;line-height:1}.coach-stat-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.1em;margin-top:8px;text-transform:uppercase}.coach-notes-section{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 4px 20px #00000008;margin-top:30px;padding:30px}.coach-notes-title{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:800;gap:8px;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.coach-notes-textarea{background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;color:#1e293b;font-family:inherit;font-size:14px;font-weight:500;line-height:1.6;min-height:160px;padding:20px;resize:vertical;width:100%}.coach-notes-textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;outline:none}.coach-notes-save{align-items:center;background:#4f46e5;border:none;border-radius:100px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;margin-top:16px;padding:14px 28px;transition:all .2s ease}.coach-notes-save:hover{background:#4338ca;box-shadow:0 6px 16px #4f46e540;transform:translateY(-1px)}@media (max-width:1024px){.coach-layout{grid-template-columns:1fr}.coach-sidebar{position:static}.coach-student-list{flex-direction:row;max-height:none;overflow-x:auto;padding-bottom:12px}.coach-student-card{flex-shrink:0;min-width:220px}.coach-student-indicator{display:none}}@media (max-width:768px){.coach-week-grid{grid-template-columns:repeat(3,1fr)}.coach-week-stats{flex-wrap:wrap;gap:10px}.coach-week-stat{min-width:calc(50% - 5px);padding:16px 12px}.coach-student-bar{align-items:stretch;flex-direction:column;gap:16px}.coach-stats-row{grid-template-columns:1fr}.coach-detail-header{flex-direction:column;text-align:center}.coach-form-row{grid-template-columns:1fr}.coach-page{border-radius:24px;margin:10px;padding:16px}.coach-hero{padding:24px 20px}.coach-hero-title{font-size:1.4rem}.coach-modal{border-radius:20px;max-width:calc(100vw - 32px)}.coach-modal-body,.coach-modal-header{padding:20px}.coach-week-nav-bar{flex-wrap:wrap;gap:6px;padding:10px 14px}.coach-nav-btn{height:36px;width:36px}}@media (max-width:480px){.coach-week-grid{grid-template-columns:repeat(2,1fr)}.coach-page{border-radius:20px;margin:6px;padding:12px}.coach-hero-title{font-size:1.2rem}.coach-week-stat-value{font-size:20px}.coach-week-stat-label{font-size:9px}.coach-day-col{border-radius:16px;padding:6px}.coach-day-header{border-radius:12px;padding:10px 4px}.coach-day-number{font-size:18px}.coach-task-card{border-radius:10px;padding:8px 8px 8px 12px}.coach-student-bar-name{font-size:16px}.coach-student-bar-avatar{font-size:16px;height:42px;width:42px}}.sp-page{background:#f8fafc;border-radius:32px;box-shadow:0 10px 40px #0000001f,inset 0 1px 0 #ffffff80;color:#1e293b;margin:20px auto 80px;max-width:960px;overflow:hidden;padding:30px;position:relative}.sp-page:before{background:radial-gradient(circle,#10b9811a 0,#fff0 70%);height:400px;left:-150px;top:-150px;width:400px}.sp-page:after,.sp-page:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.sp-page:after{background:radial-gradient(circle,#6366f114 0,#fff0 70%);bottom:-150px;height:300px;right:-150px;width:300px}.sp-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px}.sp-loading-spinner{animation:spSpin .8s linear infinite;border:3px solid #10b98133;border-radius:50%;border-top-color:#10b981;height:32px;width:32px}@keyframes spSpin{to{transform:rotate(1turn)}}.sp-no-coach{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 4px 20px #00000008;padding:80px 20px;position:relative;text-align:center;z-index:1}.sp-no-coach-visual{height:120px;margin:0 auto 32px;position:relative;width:120px}.sp-no-coach-circle{animation:spPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#10b98126,#6366f126);border-radius:50%;inset:0;position:absolute}.sp-no-coach-emoji{align-items:center;display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3rem;inset:0;justify-content:center;position:absolute}@keyframes spPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.sp-no-coach h2{color:#1e293b;font-size:22px;font-weight:800;margin-bottom:12px}.sp-no-coach p{color:#64748b;font-size:15px;font-weight:500;line-height:1.6;margin:0 auto;max-width:400px}.sp-hero{align-items:flex-start;background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 4px 20px #00000008;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;padding:30px;position:relative;z-index:1}.sp-hero-title{color:#475569;font-size:1.6rem;font-weight:400;letter-spacing:.05em;margin:0;text-transform:uppercase}.sp-hero-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-weight:800}.sp-hero-coach{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:12px}.sp-hero-coach-avatar{align-items:center;background:linear-gradient(135deg,#34d399,#10b981);border-radius:50%;box-shadow:0 2px 8px #10b98133;color:#fff;display:flex;font-size:12px;font-weight:800;height:28px;justify-content:center;width:28px}.sp-hero-coach strong{color:#10b981;font-weight:700}.sp-streak{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:100px;box-shadow:0 4px 12px #f59e0b1a;display:flex;flex-shrink:0;gap:8px;padding:12px 24px}.sp-streak-fire{animation:spFlicker 1.5s ease-in-out infinite alternate;font-size:1.4rem}@keyframes spFlicker{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.15) rotate(5deg)}}.sp-streak-count{color:#d97706;font-family:monospace;font-family:var(--font-mono,monospace);font-size:22px;font-weight:800;line-height:1}.sp-streak-label{color:#d97706;font-size:11px;font-weight:700;letter-spacing:.06em;opacity:.9;text-transform:uppercase}.sp-stat-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:24px;position:relative;z-index:1}.sp-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:20px 12px;position:relative;transition:all .2s ease}.sp-stat-card:hover{box-shadow:0 8px 24px #0000000f;transform:translateY(-2px)}.sp-stat-card:after{background:#e2e8f0;background:var(--stat-color,#e2e8f0);content:"";height:4px;left:0;position:absolute;right:0;top:0}.sp-stat-card:first-child{--stat-color:#10b981}.sp-stat-card:nth-child(2){--stat-color:#f59e0b}.sp-stat-card:nth-child(3){--stat-color:#ef4444}.sp-stat-card:nth-child(4){--stat-color:#4f46e5}.sp-stat-icon{align-items:center;border-radius:14px;display:flex;font-size:18px;height:44px;justify-content:center;width:44px}.sp-stat-icon--done{background:#dcfce7;color:#16a34a}.sp-stat-icon--pending{background:#e0e7ff;color:#4f46e5}.sp-stat-icon--skipped{background:#fee2e2;color:#ef4444}.sp-stat-icon--rate{background:#f0fdf4}.sp-stat-value{color:#1e293b;font-family:monospace;font-family:var(--font-mono,monospace);font-size:28px;font-weight:800;line-height:1}.sp-stat-label{color:#64748b;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sp-stat-ring{height:56px;position:relative;width:56px}.sp-stat-ring-svg{height:100%;transform:rotate(-90deg);width:100%}.sp-stat-ring-text{align-items:center;color:#10b981;display:flex;font-family:monospace;font-family:var(--font-mono,monospace);font-size:13px;font-weight:800;inset:0;justify-content:center;position:absolute}.sp-progress{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 4px 20px #00000008;display:flex;gap:24px;margin-bottom:24px;padding:24px 30px;position:relative;z-index:1}.sp-progress-ring-wrap{flex-shrink:0;height:96px;position:relative;width:96px}.sp-progress-ring{height:100%;width:100%}.sp-progress-ring-text{align-items:center;display:flex;gap:2px;inset:0;justify-content:center;position:absolute}.sp-progress-ring-value{color:#10b981;font-family:monospace;font-family:var(--font-mono,monospace);font-size:26px;font-weight:800}.sp-progress-ring-unit{color:#10b981;font-size:13px;font-weight:700;margin-top:8px}.sp-progress-info{flex:1 1}.sp-progress-title{color:#10b981;font-size:12px;font-weight:800;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.sp-progress-bar-wrap{margin-bottom:12px}.sp-progress-bar{background:#f1f5f9;border-radius:100px;height:8px;overflow:hidden;width:100%}.sp-progress-fill{background:linear-gradient(90deg,#34d399,#10b981);border-radius:100px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.sp-progress-details{display:flex;gap:20px}.sp-progress-detail{align-items:center;display:flex;font-size:13px;font-weight:700;gap:6px}.sp-progress-detail--done{color:#10b981}.sp-progress-detail--left{color:#64748b}.sp-week-nav{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 20px #00000008;gap:8px;margin-bottom:20px;padding:12px 20px}.sp-week-btn,.sp-week-nav{align-items:center;display:flex}.sp-week-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;height:40px;justify-content:center;transition:all .2s ease;width:40px}.sp-week-btn:hover{background:#f1f5f9;color:#1e293b;transform:translateY(-1px)}.sp-week-center{color:#1e293b;flex:1 1;font-family:monospace;font-family:var(--font-mono,monospace);font-size:15px;gap:10px;justify-content:center}.sp-today-btn,.sp-week-center{align-items:center;display:flex;font-weight:700}.sp-today-btn{background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;color:#10b981;cursor:pointer;font-size:12px;gap:6px;height:40px;letter-spacing:.05em;margin-left:auto;padding:0 16px;transition:all .2s ease}.sp-today-btn:hover{background:#bbf7d0;color:#059669;transform:translateY(-1px)}.sp-day-tabs{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;position:relative;scrollbar-width:none;z-index:1}.sp-day-tabs::-webkit-scrollbar{display:none}.sp-day-tab{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #00000005;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:65px;padding:14px 16px;transition:all .2s ease}.sp-day-tab:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.sp-day-tab--active{background:#e0e7ff!important;border-color:#c7d2fe!important;box-shadow:0 4px 16px #6366f11a!important;transform:translateY(-2px)}.sp-day-tab--today{background:#f0fdf4;border-color:#bbf7d0}.sp-day-tab--done{background:#dcfce7;border-color:#86efac}.sp-day-tab-name{color:#64748b;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sp-day-tab--active .sp-day-tab-name{color:#4f46e5}.sp-day-tab-number{color:#1e293b;font-family:monospace;font-family:var(--font-mono,monospace);font-size:18px;font-weight:800}.sp-day-tab--active .sp-day-tab-number{color:#4f46e5}.sp-day-tab-dots{color:#94a3b8;font-family:monospace;font-family:var(--font-mono,monospace);font-size:10px;font-weight:700}.sp-day-tab--done .sp-day-tab-dots{color:#16a34a}.sp-day-tab-duration{color:#10b981;font-size:9px;font-weight:700;margin-top:2px}.sp-day-header{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 20px #00000008;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 20px;position:relative;z-index:1}.sp-day-header-left{align-items:center;display:flex;gap:12px}.sp-day-header-date{color:#1e293b;font-size:20px;font-weight:800}.sp-day-header-name{color:#64748b;font-size:14px;font-weight:600}.sp-day-header-right{align-items:center;display:flex;gap:10px}.sp-day-header-badge{align-items:center;border-radius:100px;display:flex;font-size:12px;font-weight:700;gap:4px;padding:6px 14px}.sp-day-header-badge--count{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.sp-day-header-badge--duration{background:#dcfce7;border:1px solid #bbf7d0;color:#10b981;font-weight:800}.sp-task-list{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.sp-empty{border:1px dashed #cbd5e1;border-radius:24px;color:#64748b;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.sp-empty,.sp-task{align-items:center;background:#fff;display:flex}.sp-task{border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 16px #00000008;gap:12px;overflow:hidden;padding:16px 20px;position:relative;transition:all .25s ease}.sp-task:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0000000f;transform:translateY(-2px)}.sp-task--completed{background:#f0fdf4;border-color:#bbf7d0;opacity:.7}.sp-task--skipped{background:#fef2f2;border-color:#fecaca;opacity:.5}.sp-task--celebrate{animation:spCelebrate .6s cubic-bezier(.34,1.56,.64,1);border-color:#34d399!important;box-shadow:0 0 0 4px #34d39933!important;z-index:10}@keyframes spCelebrate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.sp-task-stripe{align-self:stretch;border-radius:6px;flex-shrink:0;width:6px}.sp-task-content{flex:1 1;min-width:0}.sp-task-top{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.sp-task-title{color:#1e293b;font-size:15px;font-weight:700}.sp-task--completed .sp-task-title{color:#64748b;text-decoration:line-through}.sp-task-done-badge{background:#dcfce7;border-radius:100px;color:#166534;font-size:10px;font-weight:800;padding:4px 10px;white-space:nowrap}.sp-task-done-badge,.sp-task-meta{align-items:center;display:flex;gap:4px}.sp-task-meta{flex-wrap:wrap;margin-top:4px}.sp-task-tag{color:#475569;font-size:12px;font-weight:700}.sp-task-desc{color:#64748b;font-size:12px;font-weight:500;line-height:1.5;margin-top:6px}.sp-task-actions{display:flex;flex-shrink:0;gap:8px}.sp-action-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.sp-action-btn--done{background:#f0fdf4;border:1px solid #bbf7d0;color:#10b981}.sp-action-btn--done:hover{background:#10b981;box-shadow:0 8px 20px #10b9814d;color:#fff;transform:translateY(-2px)}.sp-action-btn--skip{background:#fef2f2;border:1px solid #fecaca;color:#ef4444}.sp-action-btn--skip:hover{background:#ef4444;box-shadow:0 8px 20px #ef44444d;color:#fff;transform:translateY(-2px)}.sp-action-btn--undo{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.sp-action-btn--undo:hover{background:#f1f5f9;color:#1e293b;transform:translateY(-2px)}.sp-coach-notes{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 4px 20px #00000008;margin-top:30px;overflow:hidden;position:relative;z-index:1}.sp-coach-notes-header{align-items:center;border-bottom:1px solid #f1f5f9;color:#4f46e5;display:flex;font-size:13px;font-weight:800;gap:10px;letter-spacing:.1em;padding:20px 24px;text-transform:uppercase}.sp-coach-notes-body{color:#334155;font-size:15px;font-weight:500;line-height:1.7;padding:24px;white-space:pre-wrap}.sp-drag-handle{align-items:center;color:#94a3b8;cursor:grab;display:flex;flex-shrink:0;justify-content:center;transition:color .15s;width:24px}.sp-drag-handle:hover{color:#475569}.sp-task:hover .sp-drag-handle{color:#64748b}@media (max-width:768px){.sp-page{border-radius:24px;margin:10px;padding:16px}.sp-hero{flex-direction:column;gap:16px;padding:24px}.sp-streak{align-self:flex-start}.sp-stat-cards{gap:10px;grid-template-columns:repeat(2,1fr)}.sp-stat-card{padding:16px 10px}.sp-stat-value{font-size:24px}.sp-stat-ring{height:48px;width:48px}.sp-progress{flex-direction:column;padding:24px;text-align:center}.sp-progress-details{justify-content:center}.sp-day-header{flex-direction:column;gap:10px;padding:14px 16px;text-align:center}.sp-day-header-right{justify-content:center}.sp-task{gap:10px;padding:14px 12px}.sp-action-btn{border-radius:12px;height:40px;width:40px}.sp-week-nav{padding:10px 14px}.sp-day-tabs{gap:6px}.sp-day-tab{min-width:55px;padding:10px 8px}.sp-day-tab-number{font-size:16px}}@media (max-width:480px){.sp-page{border-radius:20px;margin:6px;padding:12px}.sp-hero{padding:20px}.sp-hero-title{font-size:1.3rem}.sp-stat-cards{gap:8px;grid-template-columns:repeat(2,1fr)}.sp-stat-card{border-radius:16px;padding:14px 8px}.sp-stat-value{font-size:22px}.sp-stat-icon{border-radius:10px;font-size:15px;height:36px;width:36px}.sp-stat-ring{height:42px;width:42px}.sp-stat-ring-text{font-size:11px}.sp-stat-label{font-size:9px;letter-spacing:.08em}.sp-day-header{border-radius:16px;padding:12px 14px}.sp-task{border-radius:16px;gap:8px;padding:12px 10px}.sp-task-title{font-size:14px}.sp-action-btn{border-radius:10px;height:36px;width:36px}.sp-progress-ring-wrap{height:80px;width:80px}.sp-coach-notes{margin-top:20px}}.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;display:block;height:auto}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) 50% no-repeat}@font-face{font-family:slick;font-style:normal;font-weight:400;src:url(/static/media/slick.a4e97f5a2a64f0ab1323.eot);src:url(/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"),url(/static/media/slick.295183786cd8a1389865.woff) format("woff"),url(/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"),url(/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")}.slick-next,.slick-prev{border:none;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:#0000;color:#0000;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:slick;font-size:20px;line-height:1;opacity:.75}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;display:block;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.slick-dots li{display:inline-block;margin:0 5px;padding:0;position:relative}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-dots li button{background:#0000;border:0;color:#0000;display:block;font-size:0;line-height:0;outline:none;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:"•";font-family:slick;font-size:6px;height:20px;left:0;line-height:20px;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.slick-dots li.slick-active button:before{color:#000;opacity:.75}
/*# sourceMappingURL=main.b4a26ae7.css.map*/