:root{--bg: #060609;--bg-subtle: #0b0b12;--surface: #111118;--surface-hover: #17171f;--border: #1a1a24;--border-hover: #252534;--accent: #2dd4bf;--accent-hover: #5eead4;--accent-alt: #14b8a6;--accent-glow: rgba(45, 212, 191, .15);--accent-glow-strong: rgba(45, 212, 191, .3);--text-primary: #eeeef2;--text-secondary:#c8c8d8;--text-muted: #8e8ea8;--text-dim: #6e6e88;--danger: #f87171;--success: #34d399;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);line-height:1.5;min-height:100dvh;overflow-x:hidden}#root{max-width:430px;margin:0 auto;min-height:100dvh;position:relative;background:var(--bg);overflow-y:auto;overflow-x:hidden;isolation:isolate}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.screen{flex:1;min-height:100dvh;width:100%;position:relative;z-index:1;background:var(--bg);animation:screen-enter .35s cubic-bezier(.22,1,.36,1)}@keyframes screen-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.screen-header{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0 .75rem}.header-btn{background:none;border:1px solid transparent;color:var(--text-muted);font-size:1.4rem;cursor:pointer;padding:.65rem .75rem;border-radius:var(--radius-sm);transition:all .25s ease;font-family:inherit;line-height:1;-webkit-tap-highlight-color:transparent}.header-btn:hover{color:var(--text-secondary);background:var(--surface);border-color:var(--border)}.screen-brand-btn{display:flex;flex-direction:column;align-items:center;gap:0;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .2s ease;-webkit-tap-highlight-color:transparent;line-height:1}.screen-brand-btn:hover{background:var(--surface)}.screen-brand-btn:active{transform:scale(.97)}.screen-brand-title{font-size:.85rem;font-weight:800;color:var(--text-primary);letter-spacing:.02em;font-family:var(--font)}.screen-brand-sub{font-size:.55rem;font-weight:600;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font)}.lang-selector{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--radius-sm);padding:3px;box-shadow:0 1px 6px #0000004d}.lang-btn{background:none;border:none;color:var(--text-muted);font-family:var(--font);font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:.35rem .5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.lang-btn:hover{color:var(--text-secondary)}.lang-btn:active{transform:scale(.93)}.lang-btn--active{background:var(--accent);color:#060609;box-shadow:0 0 8px var(--accent-glow)}.section-label{font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.12em}.section-heading{font-size:2.05rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.btn{display:flex;align-items:center;justify-content:center;width:100%;padding:1.15rem 1.75rem;border:none;border-radius:var(--radius-md);font-family:var(--font);font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;letter-spacing:.01em}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .2s}.btn:active:after{background:#ffffff0f}.btn-large{padding:1.3rem 1.75rem;font-size:1.1rem;border-radius:var(--radius-lg)}.btn-primary{background:linear-gradient(135deg,var(--accent-alt),var(--accent));color:#060609;font-weight:700;box-shadow:0 2px 12px var(--accent-glow),0 0 40px var(--accent-glow)}.btn-primary:hover{box-shadow:0 4px 20px var(--accent-glow-strong),0 0 60px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 12px var(--accent-glow)}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-text{background:none;border:none;color:var(--text-dim);font-family:var(--font);font-size:.95rem;font-weight:500;cursor:pointer;padding:.85rem;transition:color .25s;letter-spacing:.01em}.btn-text:hover{color:var(--text-muted)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.floating-buttons-stack{position:sticky;bottom:1.5rem;z-index:100;align-self:flex-end;margin-top:auto;padding:0 1.25rem .5rem 0;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;pointer-events:auto}.home-screen{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:1.25rem 1.5rem 1.75rem}.home-top-bar{display:flex;justify-content:space-between;align-items:center}.home-brand-btn{display:flex;flex-direction:column;align-items:flex-start;gap:0;background:none;border:none;cursor:pointer;padding:.25rem 0;transition:all .2s ease;-webkit-tap-highlight-color:transparent;line-height:1}.home-brand-btn:active{transform:scale(.97)}.home-brand-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);letter-spacing:.02em;font-family:var(--font)}.home-brand-sub{font-size:.6rem;font-weight:600;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font)}.home-top-right{display:flex;align-items:center;gap:.5rem}.home-exit-btn{display:flex;align-items:center;gap:.25rem;padding:.3rem .55rem;border-radius:999px;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);font-family:var(--font);font-size:.65rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.home-exit-btn:hover{border-color:#fff3;color:var(--text-muted)}.home-exit-btn:active{transform:scale(.95)}.home-exit-icon{font-size:.7rem;line-height:1}.home-exit-label{line-height:1}.home-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}.home-question-block{text-align:center}.home-question{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1.15;letter-spacing:-.02em;margin-bottom:1.25rem}.accent-text{color:var(--accent)}.home-subtitle{font-size:.95rem;color:var(--text-secondary);line-height:1.6;max-width:260px;margin:0 auto}.home-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:340px}.home-btn-checkin{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:1.4rem 1.35rem 1.4rem 1.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:var(--radius-xl);cursor:pointer;font-family:var(--font);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;transition:box-shadow .25s ease,transform .15s ease;box-shadow:0 4px 28px #22c55e73,0 0 60px #22c55e2e}.home-btn-checkin:before{content:"";position:absolute;top:0;left:0;width:55%;height:100%;background:linear-gradient(to right,rgba(255,255,255,.12) 0%,transparent 100%);pointer-events:none;border-radius:inherit}.home-btn-checkin:hover{box-shadow:0 6px 36px #22c55e8c,0 0 80px #22c55e40;transform:translateY(-2px)}.home-btn-checkin:active{transform:translateY(0) scale(.99);box-shadow:0 2px 16px #22c55e66,0 0 40px #22c55e26}.home-btn-checkin-left{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:0}.home-btn-checkin-eyebrow{font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;line-height:1;margin-bottom:.1rem}.home-btn-checkin-label{font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15}.home-btn-checkin-sub{font-size:.78rem;color:#ffffffbf;font-weight:500;letter-spacing:.01em;line-height:1.3;margin-top:.15rem}.home-btn-checkin-arrow{font-size:1.6rem;color:#fffc;flex-shrink:0;transition:opacity .2s ease,transform .2s ease;line-height:1}.home-btn-checkin:hover .home-btn-checkin-arrow{opacity:1;transform:translate(3px)}.home-btn-slip{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1.15rem 1.5rem;background:#f97316;color:#fff;font-family:var(--font);font-size:1.05rem;font-weight:700;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all .25s ease;letter-spacing:.01em;box-shadow:0 4px 18px #f9731659;-webkit-tap-highlight-color:transparent}.home-btn-slip:hover{background:#ea6c0a;box-shadow:0 6px 28px #f9731673;transform:translateY(-1px)}.home-btn-slip:active{transform:translateY(0);box-shadow:0 2px 10px #f973164d}.home-btn-motivation{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1.15rem 1.5rem;background:#3b82f6;color:#fff;font-family:var(--font);font-size:1.05rem;font-weight:700;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all .25s ease;letter-spacing:.01em;box-shadow:0 4px 18px #3b82f659;-webkit-tap-highlight-color:transparent}.home-btn-motivation:hover{background:#2563eb;box-shadow:0 6px 28px #3b82f673;transform:translateY(-1px)}.home-btn-motivation:active{transform:translateY(0);box-shadow:0 2px 10px #3b82f64d}.home-btn-control{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1.15rem 1.5rem;background:transparent;color:#fff;font-family:var(--font);font-size:1.05rem;font-weight:700;border:1.5px solid rgba(255,255,255,.55);border-radius:var(--radius-xl);cursor:pointer;transition:all .25s ease;letter-spacing:.01em;-webkit-tap-highlight-color:transparent}.home-btn-control:hover{background:#ffffff0f;border-color:#fffc;transform:translateY(-1px)}.home-btn-control:active{transform:translateY(0);background:#ffffff0a}.home-btn-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.home-secondary-row{display:flex;flex-direction:row;gap:.5rem;width:100%;max-width:340px;flex-wrap:nowrap}.home-secondary-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:46px;padding:.6rem .75rem;border-radius:999px;font-family:var(--font);font-size:.72rem;font-weight:700;letter-spacing:.03em;white-space:nowrap;cursor:pointer;transition:all .22s ease;-webkit-tap-highlight-color:transparent}.home-secondary-btn--program{background:#2dd4bf0f;border:1.5px solid rgba(45,212,191,.4);color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.home-secondary-btn--program:hover{background:#2dd4bf1f;border-color:var(--accent);box-shadow:0 0 18px var(--accent-glow-strong);transform:translateY(-1px)}.home-secondary-btn--timer{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.home-secondary-btn--timer:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px)}.home-secondary-btn:active{transform:translateY(0) scale(.96)}.home-learn-link{background:#2dd4bf0f;border:1px solid rgba(45,212,191,.18);border-radius:999px;color:#2dd4bfd9;font-family:var(--font);font-size:.8rem;font-weight:600;letter-spacing:.03em;cursor:pointer;padding:.45rem 1rem;margin-top:.5rem;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#2dd4bf4d;transition:background .2s ease,border-color .2s ease,color .2s ease,text-decoration-color .2s ease;-webkit-tap-highlight-color:transparent}.home-learn-link:hover{background:#2dd4bf1a;border-color:#2dd4bf59;color:var(--accent);text-decoration-color:#2dd4bf99}.home-learn-link:active{transform:scale(.97)}.home-quiz-link{color:#2dd4bfbf}.home-nav{display:flex;align-items:center;justify-content:space-evenly;gap:0;padding-top:1.25rem;width:100%}.nav-dot{display:none}.nav-link{background:none;border:none;color:var(--text-dim);font-size:.57rem;font-family:inherit;font-weight:700;cursor:pointer;padding:.5rem .2rem;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;max-width:80px;line-height:1.25;transition:color .25s;letter-spacing:.04em;text-transform:uppercase;-webkit-tap-highlight-color:transparent}.nav-link:hover{color:var(--text-muted)}.nav-link--commitment{color:var(--text-dim)}.home-feedback-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;background:none;border:none;border-top:1px solid rgba(255,255,255,.05);color:var(--text-dim);font-family:var(--font);font-size:.72rem;font-weight:500;letter-spacing:.02em;cursor:pointer;padding:.85rem 1rem 1.25rem;width:100%;margin-top:.5rem;opacity:.65;transition:opacity .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.home-feedback-btn:hover{opacity:1;color:var(--text-secondary)}.home-feedback-btn:active{transform:scale(.98)}.home-feedback-icon{font-size:.85rem;line-height:1}.context-screen{min-height:100dvh;padding:1rem 1.5rem 2rem;display:flex;flex-direction:column}.context-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-top:1.5rem;gap:2.5rem}.context-heading{display:flex;flex-direction:column;gap:.5rem}.context-question{font-size:2.3rem;font-weight:700;color:var(--text-primary);line-height:1.15;letter-spacing:-.02em}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:340px}.context-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s ease;font-family:inherit;-webkit-tap-highlight-color:transparent}.context-option:hover{background:var(--surface-hover);border-color:var(--accent);box-shadow:0 0 24px var(--accent-glow),0 4px 16px #0000004d;transform:translateY(-2px)}.context-option:active{transform:translateY(0);box-shadow:0 0 16px var(--accent-glow)}.context-icon{font-size:1.65rem;line-height:1}.context-label{font-size:.9rem;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.ctx-learn-link{background:none;border:none;color:var(--text-dim);font-family:var(--font);font-size:.7rem;font-weight:500;letter-spacing:.02em;cursor:pointer;padding:.25rem 0;opacity:.5;transition:opacity .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent;align-self:center}.ctx-learn-link:hover{opacity:.85;color:var(--accent)}.mode-screen{min-height:100dvh;padding:1rem 1.5rem 2rem;display:flex;flex-direction:column}.mode-content{flex:1;display:flex;flex-direction:column;padding-top:1.5rem;gap:2rem}.mode-heading{display:flex;flex-direction:column;gap:.5rem}.mode-question{font-size:2.3rem;font-weight:700;color:var(--text-primary);line-height:1.15;letter-spacing:-.02em}.mode-options{display:flex;flex-direction:column;gap:.75rem}.mode-card{display:flex;align-items:center;justify-content:space-between;padding:1.4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s ease;font-family:inherit;-webkit-tap-highlight-color:transparent;text-align:left}.mode-card:hover{background:var(--surface-hover);border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}.mode-card:active{transform:translateY(0)}.mode-card-left{display:flex;align-items:center;gap:.875rem}.mode-card-icon{font-size:1.35rem;color:var(--accent);width:2rem;text-align:center;flex-shrink:0}.mode-card-text{display:flex;flex-direction:column;gap:.15rem}.mode-card-title{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.mode-card-desc{font-size:.85rem;color:var(--text-muted)}.mode-card-badge{font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;background:#2dd4bf14;padding:.3rem .6rem;border-radius:var(--radius-sm);flex-shrink:0}.loop-options{display:flex;flex-direction:column;gap:.5rem;animation:screen-enter .25s cubic-bezier(.22,1,.36,1)}.loop-back{background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer;padding:.5rem 0;text-align:left;transition:color .25s;margin-bottom:.25rem}.loop-back:hover{color:var(--text-secondary)}.loop-card{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .25s ease;font-family:inherit;-webkit-tap-highlight-color:transparent}.loop-card:hover{background:var(--surface-hover);border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.loop-card:active{box-shadow:0 0 8px var(--accent-glow)}.loop-card--custom{border-style:dashed}.loop-card-label{font-size:1rem;font-weight:600;color:var(--text-primary)}.loop-card-detail{font-size:.85rem;color:var(--text-muted)}.custom-stepper{display:flex;flex-direction:column;gap:1.25rem;animation:screen-enter .25s cubic-bezier(.22,1,.36,1)}.stepper-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.stepper-label{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.stepper-row{display:flex;align-items:center;gap:1.5rem}.stepper-btn{width:48px;height:48px;border-radius:50%;background:var(--surface-hover);border:1px solid var(--border);color:var(--text-primary);font-size:1.35rem;font-family:inherit;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.stepper-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.stepper-btn:active:not(:disabled){transform:scale(.92)}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-value{font-size:2.75rem;font-weight:700;color:var(--text-primary);min-width:3.5rem;text-align:center;font-variant-numeric:tabular-nums}.stepper-detail{font-size:.85rem;color:var(--accent);font-weight:500}.timer-ring-container{position:relative;width:240px;height:240px;filter:drop-shadow(0 0 24px var(--accent-glow))}.timer-ring{width:100%;height:100%}.timer-ring-bg{stroke:var(--border-hover);opacity:.6}.timer-ring-progress{stroke:var(--accent);transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 4px var(--accent-glow))}.timer-display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.timer-digits{font-size:3.6rem;font-weight:700;color:#fff;letter-spacing:.04em;font-variant-numeric:tabular-nums}.timer-done-label{font-size:.85rem;color:var(--accent);font-weight:600;letter-spacing:.08em;text-transform:uppercase;animation:fade-in .5s ease}.timer-ring-countup{animation:ring-pulse 3s ease-in-out infinite}@keyframes ring-pulse{0%,to{filter:drop-shadow(0 0 20px var(--accent-glow))}50%{filter:drop-shadow(0 0 36px var(--accent-glow-strong))}}.timer-countup-label{font-size:.8rem;color:var(--text-secondary);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.timer-screen{min-height:100dvh;padding:1rem 1.5rem 2.5rem;display:flex;flex-direction:column}.timer-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem}.timer-block-indicator{font-size:.8rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;background:#2dd4bf1a;padding:.35rem .85rem;border-radius:var(--radius-sm);animation:block-pulse .6s cubic-bezier(.22,1,.36,1)}@keyframes block-pulse{0%{opacity:0;transform:scale(.85);box-shadow:0 0 #2dd4bf00}50%{box-shadow:0 0 18px #2dd4bf59}to{opacity:1;transform:scale(1);box-shadow:0 0 #2dd4bf00}}.timer-block-toast{font-size:.75rem;font-weight:500;color:var(--text-muted);letter-spacing:.04em;animation:toast-fade 2s ease forwards}@keyframes toast-fade{0%{opacity:0;transform:translateY(-4px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0}}.timer-message{font-size:.85rem;color:var(--text-secondary);font-weight:500;letter-spacing:.12em;text-transform:uppercase}.timer-learn-link{background:none;border:none;color:var(--text-dim);font-family:var(--font);font-size:.65rem;font-weight:500;letter-spacing:.03em;cursor:pointer;padding:.15rem 0;opacity:.45;transition:opacity .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent;margin-top:-.5rem}.timer-learn-link:hover{opacity:.75;color:var(--accent)}.timer-loop-done{font-size:.9rem;color:var(--accent);font-weight:600;letter-spacing:.04em;animation:fade-in .5s ease}.timer-program-cta{display:inline-flex;align-items:center;gap:.45rem;padding:.75rem 1.6rem;border-radius:999px;font-family:var(--font);font-size:.88rem;font-weight:700;letter-spacing:.035em;color:var(--accent);background:#2dd4bf0f;border:1.5px solid rgba(45,212,191,.45);box-shadow:0 0 14px var(--accent-glow);cursor:pointer;transition:all .22s ease;-webkit-tap-highlight-color:transparent;animation:cta-breathe 3.5s ease-in-out infinite}.timer-program-cta:hover{background:#2dd4bf21;border-color:var(--accent);box-shadow:0 0 22px var(--accent-glow-strong);transform:translateY(-2px)}.timer-program-cta:active{transform:translateY(0) scale(.96)}.timer-program-cta-icon{font-size:1rem;line-height:1}@keyframes cta-breathe{0%,to{box-shadow:0 0 10px var(--accent-glow)}50%{box-shadow:0 0 22px var(--accent-glow-strong)}}.timer-controls{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;max-width:320px;background:#2dd4bf0a;border:1px solid rgba(45,212,191,.2);border-radius:var(--radius-md);padding:.6rem;box-shadow:0 0 18px #2dd4bf14,0 2px 8px #0003}.timer-ctrl-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:54px;padding:.55rem .4rem;border-radius:var(--radius-md);font-family:var(--font);font-size:.78rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;border:1px solid var(--border);background:var(--surface);color:var(--text-primary)}.timer-ctrl-btn:hover{background:var(--surface-hover);border-color:var(--border-hover);color:#fff}.timer-ctrl-btn:active{transform:scale(.94)}.timer-ctrl-btn--add{border-color:#2dd4bf73;color:var(--accent);font-size:.82rem;font-weight:700;background:#2dd4bf0d}.timer-ctrl-btn--add:hover{border-color:var(--accent);background:#2dd4bf1f;color:var(--accent-hover);box-shadow:0 0 10px #2dd4bf26}.timer-ctrl-btn--primary{flex:1.35;min-height:58px;border-color:var(--accent);background:#2dd4bf1a;color:var(--accent);font-size:1rem;box-shadow:0 0 12px #2dd4bf2e}.timer-ctrl-btn--primary:hover{background:#2dd4bf2e;border-color:var(--accent-hover);color:var(--accent-hover);box-shadow:0 0 20px #2dd4bf47}.timer-ctrl-btn--paused{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);animation:paused-pulse 2s ease-in-out infinite}@keyframes paused-pulse{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow-strong)}}.timer-ctrl-label{font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.8;line-height:1}.timer-ctrl-btn--reset{color:var(--text-dim)}.timer-ctrl-btn--reset:hover{color:var(--text-secondary)}.timer-paused-label{font-size:.7rem;font-weight:700;color:var(--accent);letter-spacing:.15em;opacity:.8;animation:paused-blink 1.4s ease-in-out infinite}@keyframes paused-blink{0%,to{opacity:.5}50%{opacity:1}}.ctrl-section-label{font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);opacity:.9;width:100%;max-width:320px;text-align:left;padding-left:.1rem;margin-bottom:-.4rem}.audio-section{display:flex;flex-direction:column;align-items:center;gap:.45rem;width:100%;max-width:320px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:.55rem .6rem;opacity:.88}.audio-mode-selector{display:flex;align-items:center;gap:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px}.audio-mode-pill{background:transparent;border:none;color:var(--text-dim);font-family:inherit;font-size:.65rem;font-weight:600;letter-spacing:.02em;padding:.35rem .65rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap}.audio-mode-pill:hover{color:var(--text-muted)}.audio-mode-pill--active{background:#2dd4bf14;color:#2dd4bfbf}.audio-controls{display:flex;align-items:center;gap:.5rem}.audio-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);width:58px;height:58px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;cursor:pointer;transition:all .25s ease;font-family:inherit;-webkit-tap-highlight-color:transparent;padding:0}.audio-btn-icon{font-size:1.1rem;line-height:1}.audio-btn-label{font-size:.4rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;line-height:1}.audio-btn:hover{background:#ffffff0f;border-color:#ffffff2e;color:#fff}.audio-btn:active:not(:disabled){transform:scale(.92)}.audio-btn--disabled,.audio-btn:disabled{opacity:.3;cursor:not-allowed}.audio-error{font-size:.65rem;color:var(--text-dim);font-weight:500;letter-spacing:.02em}.playlist-panel{display:flex;flex-direction:column;gap:1px;width:100%;max-width:260px;background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);overflow:hidden;margin-top:.15rem}.playlist-track{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;-webkit-tap-highlight-color:transparent}.playlist-track:hover{background:#ffffff08}.playlist-track--active{color:var(--accent);background:#2dd4bf1a;font-weight:600}.playlist-track--locked{opacity:.55;cursor:default}.playlist-track--locked:hover{background:transparent}.playlist-track--session{opacity:.65;border-left:2px solid rgba(45,212,191,.5);padding-left:calc(.75rem - 2px);background:#2dd4bf08}.playlist-track--session:hover{background:#2dd4bf0f;border-left-color:var(--accent)}.playlist-track-info{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;overflow:hidden;flex:1}.playlist-track-sub{font-size:.55rem;font-weight:600;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;opacity:.75;white-space:nowrap}.playlist-track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-lock{font-size:.6rem;font-weight:600;color:var(--text-muted);letter-spacing:.04em;flex-shrink:0;margin-left:.5rem}.playlist-playing{font-size:.65rem;color:var(--accent);flex-shrink:0;margin-left:.5rem;animation:pulse-note 1.5s ease-in-out infinite}@keyframes pulse-note{0%,to{opacity:.5}50%{opacity:1}}.premium-toast{font-size:.7rem;font-weight:600;color:var(--accent);background:#2dd4bf14;border:1px solid rgba(45,212,191,.15);padding:.35rem .75rem;border-radius:var(--radius-sm);letter-spacing:.04em;animation:toast-pop 2s ease forwards}@keyframes toast-pop{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.timer-actions{display:flex;flex-direction:column;align-items:center;gap:.625rem;width:100%;max-width:300px}.timer-actions .btn-text{text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;color:var(--text-secondary)}.result-screen{min-height:100dvh;padding:1rem 1.5rem 2.5rem;display:flex;flex-direction:column}.result-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;text-align:center}.result-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent-alt),var(--accent));display:flex;align-items:center;justify-content:center;font-size:1.9rem;color:var(--bg);animation:result-pop .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 40px var(--accent-glow-strong),0 0 80px var(--accent-glow);margin-bottom:.75rem}@keyframes result-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.result-heading{font-size:1.85rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;line-height:1.25}.result-subtitle{font-size:1rem;color:var(--text-secondary);font-weight:400}.result-note{font-size:.9rem;color:var(--text-dim);max-width:260px;line-height:1.6;margin-bottom:.5rem}.result-content .btn{margin-top:1rem;max-width:300px;width:100%}.dashboard-screen{min-height:100dvh;padding:1rem 1.5rem 2.5rem;display:flex;flex-direction:column}.dashboard-content{flex:1;display:flex;flex-direction:column;padding-top:1.5rem;gap:1.75rem}.dashboard-heading{display:flex;flex-direction:column;gap:.35rem}.dashboard-cards{display:flex;flex-direction:column;gap:.625rem;width:100%}.dash-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color .25s,box-shadow .25s}.dash-card:hover{border-color:var(--border-hover);border-left-color:var(--accent);box-shadow:0 4px 20px #0000004d}.dash-card-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.dash-card-row{display:flex;align-items:center;justify-content:space-between}.dash-card-value{font-size:1.35rem;font-weight:700;color:var(--text-primary);line-height:1.3}.dash-card-value--accent{color:var(--accent);font-size:1.75rem}.dash-card-value--success{color:var(--success);font-size:1.75rem}.dash-card-value--danger-dim{color:var(--danger);font-size:1.75rem;opacity:.7}.dash-card-icon{font-size:1.1rem;color:var(--accent);opacity:.6}.dashboard-empty{color:var(--text-dim);font-size:.85rem;text-align:center;margin-top:1.5rem;line-height:1.6}.balance-section{display:flex;flex-direction:column;gap:.625rem;margin-top:.75rem;padding-top:1.5rem;border-top:1px solid var(--border)}.balance-section-header{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.balance-tagline{font-size:.6rem;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-weight:500;margin-top:.1rem}.balance-hero-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--success);border-radius:var(--radius-md);padding:1.25rem 1.35rem;transition:box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.balance-hero-card:before{content:"";position:absolute;top:0;left:0;width:120px;height:100%;background:radial-gradient(ellipse at left center,rgba(52,211,153,.07) 0%,transparent 70%);pointer-events:none}.balance-hero-card:hover{border-color:#34d39959;border-left-color:var(--success);box-shadow:0 4px 24px #34d39914}.balance-hero-inner{display:flex;align-items:center;justify-content:space-between}.balance-hero-left{display:flex;flex-direction:column;gap:.1rem}.balance-hero-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--success);opacity:.85}.balance-hero-value{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--success)}.balance-hero-sub{font-size:.7rem;color:var(--text-muted);letter-spacing:.02em;margin-top:.2rem}.balance-hero-icon{font-size:2rem;color:var(--success);opacity:.2;font-weight:800;line-height:1}.balance-sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.balance-sub-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.3rem;transition:box-shadow .2s ease}.balance-sub-card--slip{border-left:3px solid rgba(248,113,113,.35)}.balance-sub-card--score{border-left:3px solid var(--border)}.balance-sub-card--score-pos{border-left-color:var(--success)}.balance-sub-card--score-neg{border-left-color:var(--danger)}.balance-sub-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.balance-sub-value{font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--text-primary)}.balance-sub-card--slip .balance-sub-value{color:#f87171b3;font-size:1.65rem}.balance-sub-card--score-pos .balance-sub-value{color:var(--success)}.balance-sub-card--score-neg .balance-sub-value{color:var(--danger);opacity:.8}.checkin-wins-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid #22c55e;border-radius:var(--radius-md);padding:1.25rem 1.35rem;transition:box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.checkin-wins-card:before{content:"";position:absolute;top:0;left:0;width:130px;height:100%;background:radial-gradient(ellipse at left center,rgba(34,197,94,.09) 0%,transparent 70%);pointer-events:none}.checkin-wins-card:hover{border-color:#22c55e59;border-left-color:#22c55e;box-shadow:0 4px 24px #22c55e1a}.checkin-wins-inner{display:flex;align-items:center;justify-content:space-between}.checkin-wins-left{display:flex;flex-direction:column;gap:.1rem}.checkin-wins-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#22c55e;opacity:.8}.checkin-wins-value{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:#22c55e}.checkin-wins-sub{font-size:.7rem;color:var(--text-muted);letter-spacing:.02em;margin-top:.2rem}.checkin-wins-icon{font-size:2rem;color:#22c55e;opacity:.18;font-weight:800;line-height:1}.kpi-section{--kpi-amber: #f59e0b}.kpi-section{padding-top:1.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1.1rem}.kpi-header{display:flex;flex-direction:column;gap:.25rem}.kpi-sub{font-size:.78rem;color:var(--text-dim);line-height:1.55;margin-top:.1rem}.kpi-period-block{display:flex;flex-direction:column;gap:.625rem}.kpi-period-heading{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.kpi-empty{font-size:.82rem;color:var(--text-dim);line-height:1.5;padding:.5rem 0}.kpi-count-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.kpi-count{display:flex;flex-direction:column;gap:.2rem;padding:.85rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center}.kpi-count-value{font-size:1.75rem;font-weight:800;line-height:1;letter-spacing:-.04em}.kpi-count-label{font-size:.58rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);line-height:1.3}.kpi-count--on-structure .kpi-count-value{color:var(--success)}.kpi-count--near-slip .kpi-count-value{color:var(--kpi-amber)}.kpi-count--slip .kpi-count-value{color:var(--danger);opacity:.8}.kpi-stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.kpi-stat{display:flex;flex-direction:column;gap:.1rem;padding:.85rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center}.kpi-stat-value{font-size:1.65rem;font-weight:800;line-height:1;letter-spacing:-.04em}.kpi-stat-pct{font-size:.72rem;font-weight:600;line-height:1.2}.kpi-stat-label{font-size:.58rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);line-height:1.3;margin-top:.1rem}.kpi-stat--on-structure .kpi-stat-value,.kpi-stat--on-structure .kpi-stat-pct{color:var(--success)}.kpi-stat--near-slip .kpi-stat-value,.kpi-stat--near-slip .kpi-stat-pct{color:var(--kpi-amber)}.kpi-stat--slip .kpi-stat-value,.kpi-stat--slip .kpi-stat-pct{color:var(--danger);opacity:.8}.kpi-bar{display:flex;width:100%;height:8px;border-radius:100px;overflow:hidden;background:var(--border);gap:1.5px}.kpi-bar-seg{height:100%;min-width:2px;transition:width .4s ease}.kpi-bar-seg--on-structure{background:var(--success)}.kpi-bar-seg--near-slip{background:var(--kpi-amber)}.kpi-bar-seg--slip{background:var(--danger);opacity:.8}.kpi-legend{display:flex;flex-wrap:wrap;gap:.5rem .85rem}.kpi-legend-item{font-size:.68rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.kpi-legend-item--on-structure{color:var(--success)}.kpi-legend-item--near-slip{color:var(--kpi-amber)}.kpi-legend-item--slip{color:var(--danger);opacity:.85}.kpi-insight{padding:.9rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.kpi-insight-text{font-size:.85rem;color:var(--text-secondary);line-height:1.65;font-style:italic}.kpi-nn-review-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:.75rem}.kpi-nn-review-label{font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)}.kpi-nn-review-value{font-size:1.05rem;font-weight:800;color:var(--accent);letter-spacing:-.02em;line-height:1}.history-screen{min-height:100dvh;padding:1rem 1.5rem 2.5rem;display:flex;flex-direction:column}.history-content{flex:1;display:flex;flex-direction:column;padding-top:1.5rem;gap:1rem;overflow-y:auto}.history-heading{display:flex;flex-direction:column;gap:.35rem}.history-empty{color:var(--text-dim);font-size:.85rem;text-align:center;margin-top:2rem;line-height:1.6}.hist-range-bar{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px}.hist-range-pill{flex:1;background:none;border:none;color:var(--text-dim);font-family:var(--font);font-size:.6rem;font-weight:600;letter-spacing:.04em;padding:.3rem .4rem;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.hist-range-pill:hover{color:var(--text-muted)}.hist-range-pill--active{background:var(--accent);color:#060609}.hist-tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border)}.hist-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-family:var(--font);font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.5rem .25rem;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.hist-tab:hover{color:var(--text-muted)}.hist-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.hist-summary{display:flex;flex-direction:column;gap:1rem}.hist-stat-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.hist-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center}.hist-stat-value{font-size:.95rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.hist-stat-value--accent{color:var(--accent)}.hist-stat-label{font-size:.5rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.history-weeks{display:flex;flex-direction:column;gap:.5rem;width:100%}.history-week-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .25s,box-shadow .25s}.history-week-card:hover{border-color:var(--border-hover);border-left-color:var(--accent);box-shadow:0 4px 20px #00000040}.week-label{font-size:.6rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.week-stats{display:flex;gap:2rem}.week-stat{display:flex;flex-direction:column;gap:.15rem}.week-stat-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.week-stat-label{font-size:.6rem;color:var(--text-muted);letter-spacing:.02em}.trend{font-weight:700}.trend-good{color:var(--accent)}.trend-bad{color:var(--danger)}.trend-neutral{color:var(--text-dim)}.hist-log{display:flex;flex-direction:column;gap:.375rem}.hist-log-entry{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .85rem;display:flex;flex-direction:column;gap:.35rem;animation:fade-in .3s ease}.hist-log-top{display:flex;align-items:center;gap:.5rem}.hist-log-date{font-size:.6rem;font-weight:700;color:var(--text-secondary);letter-spacing:.02em}.hist-log-time{font-size:.55rem;color:var(--text-dim);font-weight:500}.hist-log-status{margin-left:auto;font-size:.5rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .4rem;border-radius:4px}.hist-log-status--recovered{color:var(--accent);background:#2dd4bf1a}.hist-log-status--extended{color:var(--text-muted);background:#ffffff0d}.hist-log-status--relapsed{color:var(--danger);background:#ef44441a}.hist-log-bottom{display:flex;align-items:center;justify-content:space-between}.hist-log-context{font-size:.65rem;color:var(--text-muted);font-weight:500}.hist-log-meta{font-size:.55rem;color:var(--text-dim);font-weight:500}.hist-footer{display:flex;justify-content:center;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border);margin-top:auto}.hist-footer-btn{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font);font-size:.55rem;font-weight:600;letter-spacing:.04em;padding:.4rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.hist-footer-btn:hover{color:var(--text-muted);border-color:var(--border-hover)}.hist-footer-btn--danger{color:var(--danger);border-color:#ef444433}.hist-footer-btn--danger:hover{border-color:#ef444466;background:#ef44440d}.hist-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease}.hist-modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;max-width:280px;width:90%;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 12px 40px #00000080}.hist-modal-text{font-size:.85rem;color:var(--text-secondary);line-height:1.5;text-align:center}.hist-modal-actions{display:flex;gap:.5rem}.hist-modal-btn{flex:1;padding:.6rem .75rem;font-family:var(--font);font-size:.75rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);-webkit-tap-highlight-color:transparent}.hist-modal-btn:hover{background:var(--surface-hover)}.hist-modal-btn--danger{background:#ef444426;border-color:#ef44444d;color:var(--danger)}.hist-modal-btn--danger:hover{background:#ef444440}.control-screen{min-height:100dvh;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}.control-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:control-enter .6s cubic-bezier(.22,1,.36,1)}.control-icon{width:80px;height:80px;border-radius:50%;background:#2dd4bf1a;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.control-message{font-size:1.5rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.5;letter-spacing:-.01em;max-width:300px}@keyframes control-enter{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.help-screen{padding:1rem 1.5rem 2rem;display:flex;flex-direction:column}.help-content{flex:1;display:flex;flex-direction:column;padding-top:1.5rem;gap:2rem}.help-heading{display:flex;flex-direction:column;gap:.5rem}.help-question{font-size:2.3rem;font-weight:700;color:var(--text-primary);line-height:1.15;letter-spacing:-.02em}.help-options{display:flex;flex-direction:column;gap:.75rem}.help-card{display:flex;align-items:center;justify-content:space-between;padding:1.4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s ease;font-family:inherit;-webkit-tap-highlight-color:transparent;text-align:left;width:100%}.help-card:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}.help-card:active:not(:disabled){transform:translateY(0)}.help-card--disabled{opacity:.4;cursor:not-allowed}.help-card-left{display:flex;align-items:center;gap:.875rem}.help-card-icon{font-size:1.35rem;width:2rem;text-align:center;flex-shrink:0}.help-card-text{display:flex;flex-direction:column;gap:.15rem}.help-card-title{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.help-card-desc{font-size:.85rem;color:var(--text-muted)}.help-card-badge{font-size:.7rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-hover);padding:.25rem .5rem;border-radius:var(--radius-sm)}.learn-screen{padding:1rem 1.5rem 2.5rem;display:flex;flex-direction:column}.learn-content{flex:1;display:flex;flex-direction:column;padding-top:1.5rem;gap:1.75rem}.learn-heading{display:flex;flex-direction:column;gap:.75rem}.learn-context-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem .85rem;font-size:.95rem;font-weight:600;color:var(--text-primary);align-self:flex-start}.learn-sections{display:flex;flex-direction:column;gap:.625rem}.learn-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.4rem;animation:learn-section-enter .4s cubic-bezier(.22,1,.36,1) backwards}.learn-section:nth-child(1){animation-delay:.05s}.learn-section:nth-child(2){animation-delay:.1s}.learn-section:nth-child(3){animation-delay:.15s}.learn-section:nth-child(4){animation-delay:.2s}@keyframes learn-section-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.learn-section-title{font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.learn-section-body{font-size:.95rem;color:var(--text-secondary);line-height:1.65;letter-spacing:.01em}.listen-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;-webkit-tap-highlight-color:transparent}.listen-btn:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text-primary)}.listen-btn:active{transform:scale(.98)}.listen-btn--active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.listen-btn-icon{font-size:1rem}.learn-actions{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding-top:.5rem}.daily-screen{min-height:100dvh;padding:1rem 1.5rem 0;display:flex;flex-direction:column}.daily-content{flex:1;display:flex;flex-direction:column;padding-top:1.5rem;gap:2rem;padding-bottom:1rem}.daily-heading{display:flex;flex-direction:column;gap:.35rem}.daily-slots{display:flex;flex-direction:column;gap:.75rem}.daily-slot{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s ease;font-family:inherit;-webkit-tap-highlight-color:transparent;text-align:left;width:100%}.daily-slot:hover{background:var(--surface-hover);border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}.daily-slot:active{transform:translateY(0)}.daily-slot--active{border-color:var(--accent);box-shadow:0 0 24px var(--accent-glow),0 4px 16px #0000004d}.daily-slot-icon{font-size:1.65rem;width:2.5rem;text-align:center;flex-shrink:0;line-height:1}.daily-slot-text{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.daily-slot-title{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.daily-slot-desc{font-size:.85rem;color:var(--text-secondary)}.daily-slot-action{font-size:1.1rem;color:var(--accent);flex-shrink:0;width:2rem;text-align:center;transition:transform .2s ease}.daily-slot--active .daily-slot-action{animation:action-pulse 2s ease-in-out infinite}@keyframes action-pulse{0%,to{opacity:.7}50%{opacity:1}}.daily-error{font-size:.8rem;color:var(--text-dim);font-weight:500;text-align:center;letter-spacing:.02em}.daily-start-timer{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1.4rem 1.5rem;background:linear-gradient(135deg,var(--accent-alt),var(--accent));color:var(--bg);font-family:var(--font);font-size:1.05rem;font-weight:700;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all .25s ease;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 20px var(--accent-glow-strong),0 0 48px var(--accent-glow)}.daily-start-timer:hover{box-shadow:0 6px 28px var(--accent-glow-strong),0 0 64px var(--accent-glow);transform:translateY(-2px)}.daily-start-timer:active{transform:translateY(0)}.daily-start-icon{font-size:1.15rem;line-height:1}.daily-controls{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem 1.5rem;background:var(--surface);border-top:1px solid var(--border);margin:0 -1.5rem}.daily-controls-label{font-size:.85rem;font-weight:600;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;animation:fade-in .3s ease}.daily-controls-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;width:100%;max-width:320px}.daily-ctrl-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;background:none;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:.85rem 1.1rem;min-width:72px;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.daily-ctrl-btn:hover{border-color:var(--accent);background:#2dd4bf0f}.daily-ctrl-btn:active{transform:scale(.95)}.daily-ctrl-icon{font-size:1.5rem;line-height:1}.daily-ctrl-text{font-family:var(--font);font-size:.65rem;font-weight:600;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.daily-ctrl-btn--next{padding:1rem 1.3rem;min-width:84px;border-color:var(--accent)}.daily-ctrl-btn--next .daily-ctrl-icon{font-size:1.75rem}.daily-ctrl-btn--next .daily-ctrl-text{font-size:.7rem;color:var(--accent)}.daily-ctrl-btn--next:hover{box-shadow:0 0 16px var(--accent-glow)}.daily-ctrl-btn--random{padding:.7rem .9rem;min-width:60px}.daily-ctrl-btn--random .daily-ctrl-icon{font-size:1.2rem}.daily-ctrl-btn--random .daily-ctrl-text{font-size:.55rem}.daily-ctrl-btn--play{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent-alt),var(--accent));border:none;padding:0;min-width:unset;box-shadow:0 2px 16px var(--accent-glow),0 0 40px var(--accent-glow)}.daily-ctrl-btn--play:hover{border:none;background:linear-gradient(135deg,var(--accent-alt),var(--accent));box-shadow:0 4px 24px var(--accent-glow-strong),0 0 60px var(--accent-glow);transform:scale(1.04)}.daily-ctrl-btn--play:active{transform:scale(.96);box-shadow:0 2px 12px var(--accent-glow)}.daily-ctrl-play-icon{font-size:2rem;color:var(--bg);line-height:1}.daily-timer-section{width:100%;padding:.85rem 1.5rem 1.75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center}.daily-timer-section:before{content:"TIMER";display:block;font-size:.58rem;font-weight:800;letter-spacing:.16em;color:var(--text-dim);opacity:.55;margin-bottom:.65rem;align-self:flex-start;padding-left:.25rem}.premium-screen{min-height:100dvh;padding:1rem 1.5rem 2.5rem;display:flex;flex-direction:column}.premium-content{flex:1;display:flex;flex-direction:column;padding-top:1rem;gap:2rem;overflow-y:auto}.premium-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.premium-badge{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-alt),var(--accent));display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--bg);box-shadow:0 0 32px var(--accent-glow-strong),0 0 64px var(--accent-glow);animation:badge-glow 3s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 0 24px var(--accent-glow),0 0 48px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow-strong),0 0 80px var(--accent-glow)}}.premium-title{font-size:1.85rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.premium-subtitle{font-size:.95rem;color:var(--text-muted);line-height:1.5;max-width:280px}.premium-features{display:flex;flex-direction:column;gap:.5rem}.premium-feat{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .25s}.premium-feat:hover{border-color:var(--border-hover)}.premium-feat-icon{font-size:1.25rem;width:2rem;text-align:center;flex-shrink:0;line-height:1.3}.premium-feat-text{display:flex;flex-direction:column;gap:.15rem}.premium-feat-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.premium-feat-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.premium-cta{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:.5rem}.premium-redirect{font-size:.72rem;color:var(--text-dim);text-align:center;margin-top:.25rem;line-height:1.4}.premium-value{display:flex;flex-direction:column;gap:.3rem;padding:1.25rem 1.4rem;background:#2dd4bf0d;border:1px solid rgba(45,212,191,.12);border-radius:var(--radius-md);text-align:center}.premium-value-line{font-size:.88rem;color:var(--text-secondary);line-height:1.55;font-weight:400}.premium-value-line:first-child{font-weight:600;color:var(--text-primary);font-size:.92rem}.tl-screen{padding:1rem 1.5rem 2.5rem;display:flex;flex-direction:column;min-height:100dvh}.tl-content{flex:1;display:flex;flex-direction:column;padding-top:1.5rem;gap:1.75rem}.tl-hero{display:flex;align-items:center;gap:1rem}.tl-hero-icon{font-size:2.5rem;line-height:1;flex-shrink:0}.tl-heading{font-size:1.45rem;font-weight:700;color:var(--text-primary);line-height:1.25;margin:0;padding:0;margin-top:.2rem}.tl-sections{display:flex;flex-direction:column;gap:.625rem}.tl-section{display:flex;gap:1rem;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.15rem;animation:tl-enter .4s cubic-bezier(.22,1,.36,1) backwards}@keyframes tl-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tl-section-icon{font-size:1.35rem;line-height:1;flex-shrink:0;padding-top:.1rem}.tl-section-text{display:flex;flex-direction:column;gap:.35rem;flex:1}.tl-section-title{font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin:0}.tl-section-body{font-size:.95rem;color:var(--text-secondary);line-height:1.65;letter-spacing:.01em;margin:0}.tl-actions{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding-top:.25rem}.quiz-screen{padding:1rem 1.5rem 2.5rem;display:flex;flex-direction:column;min-height:100dvh}.quiz-start-content{flex:1;display:flex;flex-direction:column;padding-top:1.5rem;gap:1.1rem}.quiz-start-heading{font-size:1.55rem;font-weight:800;letter-spacing:-.025em;color:var(--text-primary);line-height:1.2}.quiz-start-body{font-size:.95rem;color:var(--text-secondary);line-height:1.65}.quiz-start-meta{list-style:none;display:flex;flex-direction:column;gap:.3rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.quiz-start-meta li{font-size:.82rem;color:var(--text-muted);letter-spacing:.02em}.quiz-start-btn{margin-top:auto}.quiz-progress-bar{width:100%;height:3px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:.25rem;flex-shrink:0}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-alt),var(--accent));border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.quiz-q-content{flex:1;display:flex;flex-direction:column;padding-top:1.25rem;gap:1.1rem}.quiz-q-counter{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.quiz-q-text{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.35;letter-spacing:-.01em}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.quiz-option{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1rem;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;font-family:var(--font);-webkit-tap-highlight-color:transparent;animation:quiz-opt-enter .3s cubic-bezier(.22,1,.36,1) backwards}.quiz-option:nth-child(1){animation-delay:.03s}.quiz-option:nth-child(2){animation-delay:.07s}.quiz-option:nth-child(3){animation-delay:.11s}.quiz-option:nth-child(4){animation-delay:.15s}.quiz-option:nth-child(5){animation-delay:.19s}@keyframes quiz-opt-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quiz-option:hover{border-color:var(--border-hover);background:var(--surface-hover)}.quiz-option--selected{border-color:var(--accent);background:#2dd4bf0f;box-shadow:0 0 16px var(--accent-glow)}.quiz-option-dot{width:16px;height:16px;border:2px solid var(--border-hover);border-radius:50%;flex-shrink:0;transition:border-color .15s,background .15s}.quiz-option--selected .quiz-option-dot{border-color:var(--accent);background:var(--accent)}.quiz-option-text{flex:1;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.quiz-option--selected .quiz-option-text{color:var(--text-primary);font-weight:500}.quiz-option-pts{font-size:.62rem;font-weight:700;color:var(--text-dim);letter-spacing:.04em;flex-shrink:0;opacity:0}.quiz-option--selected .quiz-option-pts{opacity:1;color:var(--accent)}.quiz-next-btn{margin-top:auto}.quiz-next-btn:disabled{opacity:.35;cursor:default}.quiz-result-content{flex:1;display:flex;flex-direction:column;padding-top:1.25rem;gap:1.1rem}.quiz-result-heading{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.quiz-score-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.quiz-score-ring{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:1.25rem;border:3px solid var(--tier-color, var(--accent));border-radius:50%;width:120px;height:120px;justify-content:center;box-shadow:0 0 32px color-mix(in srgb,var(--tier-color, var(--accent)) 20%,transparent);transition:border-color .3s,box-shadow .3s;animation:quiz-ring-enter .5s cubic-bezier(.34,1.56,.64,1)}@keyframes quiz-ring-enter{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.quiz-score-emoji{font-size:1.5rem;line-height:1}.quiz-score-num{font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--text-primary);line-height:1}.quiz-score-max{font-size:.7rem;color:var(--text-muted);letter-spacing:.03em}.quiz-meter-wrap{width:100%;height:6px;background:var(--border);border-radius:999px;overflow:hidden}.quiz-meter-fill{height:100%;border-radius:999px;transition:width .8s cubic-bezier(.4,0,.2,1)}.quiz-meter-pct{font-size:.7rem;color:var(--text-muted);letter-spacing:.04em;font-weight:600}.quiz-tier-badge{align-self:flex-start;padding:.35rem .9rem;border:1px solid;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.quiz-result-body{font-size:.95rem;color:var(--text-secondary);line-height:1.65}.quiz-result-actions{display:flex;flex-direction:column;align-items:center;gap:.625rem;margin-top:auto}.ci-screen{--ci-amber: #f59e0b;--ci-green: #22c55e}.ci-screen{min-height:100dvh;display:flex;flex-direction:column}.ci-scrollable{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:0 1.5rem 2rem}.ci-title-block{display:flex;flex-direction:column;gap:.45rem;padding-top:1.5rem;padding-bottom:.5rem}.ci-title{font-size:1.6rem;font-weight:800;letter-spacing:-.025em;color:var(--text-primary);line-height:1.15}.ci-supporting{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.ci-hold-content{display:flex;flex-direction:column;width:100%}.ci-ring-area{display:flex;flex-direction:column;align-items:center;padding-top:.5rem;padding-bottom:1rem;justify-content:center;gap:1.25rem}.ci-ring-wrap{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.ci-ring-wrap:before{content:"";position:absolute;top:30px;right:30px;bottom:30px;left:30px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,0) 0%,transparent 70%);transition:background .3s ease;pointer-events:none}.ci-ring-wrap--holding:before{background:radial-gradient(circle,rgba(34,197,94,.18) 0%,transparent 70%)}.ci-ring-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.ci-ring-track{stroke:#ffffff0f}.ci-hold-btn{position:relative;z-index:1;width:130px;height:130px;border-radius:50%;border:2px solid rgba(34,197,94,.4);background:#22c55e14;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.ci-hold-btn:hover{border-color:var(--ci-green);background:#22c55e1f;box-shadow:0 0 20px #22c55e40}.ci-hold-btn--active{background:#22c55e26;border-color:var(--ci-green);box-shadow:0 0 28px #22c55e66,0 0 56px #22c55e26;transform:scale(.97)}.ci-hold-icon{font-size:2.25rem;color:#22c55e80;line-height:1;transition:color .2s ease}.ci-hold-btn:hover .ci-hold-icon,.ci-hold-btn--active .ci-hold-icon{color:var(--ci-green)}.ci-hold-pct{font-size:1.75rem;font-weight:800;color:var(--ci-green);letter-spacing:-.04em;line-height:1}.ci-hold-instruction-block{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:.5rem}.ci-hold-instruction{font-size:.95rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);text-align:center;line-height:1.25}.ci-hold-arrow{font-size:1.5rem;color:var(--ci-green);line-height:1;animation:ci-arrow-bounce 1.2s ease-in-out infinite;display:block}@keyframes ci-arrow-bounce{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(6px);opacity:1}}.ci-hold-label{font-size:.78rem;color:var(--text-muted);letter-spacing:.03em;text-align:center;transition:color .2s ease}.ci-choice-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.ci-status-list{display:flex;flex-direction:column;gap:.625rem;padding-top:.5rem}.ci-status-card{width:100%;display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.15rem;background:var(--surface);border:1.5px solid var(--border);border-left:4px solid var(--border);border-radius:var(--radius-md);text-align:left;cursor:pointer;font-family:var(--font);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .12s ease;-webkit-tap-highlight-color:transparent;animation:ci-card-enter .35s cubic-bezier(.22,1,.36,1) backwards}.ci-status-list .ci-status-card:nth-child(1){animation-delay:.05s}.ci-status-list .ci-status-card:nth-child(2){animation-delay:.12s}.ci-status-list .ci-status-card:nth-child(3){animation-delay:.19s}@keyframes ci-card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ci-status-card:active{transform:scale(.985)}.ci-status-card--on-structure{border-left-color:#34d39959}.ci-status-card--near-slip{border-left-color:#f59e0b59}.ci-status-card--slip{border-left-color:#f8717159}.ci-status-card--on-structure.ci-status-card--selected{border-color:var(--success);border-left-color:var(--success);background:#34d3990f;box-shadow:0 0 20px #34d39914}.ci-status-card--near-slip.ci-status-card--selected{border-color:var(--ci-amber);border-left-color:var(--ci-amber);background:#f59e0b0f;box-shadow:0 0 20px #f59e0b14}.ci-status-card--slip.ci-status-card--selected{border-color:var(--danger);border-left-color:var(--danger);background:#f871710f;box-shadow:0 0 20px #f8717114}.ci-status-top{display:flex;align-items:center;gap:.6rem}.ci-status-icon{font-size:1rem;line-height:1;flex-shrink:0}.ci-status-name{flex:1;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.ci-status-card--on-structure.ci-status-card--selected .ci-status-name{color:var(--success)}.ci-status-card--near-slip.ci-status-card--selected .ci-status-name{color:var(--ci-amber)}.ci-status-card--slip.ci-status-card--selected .ci-status-name{color:var(--danger)}.ci-status-check{font-size:.75rem;color:var(--text-dim);flex-shrink:0;transition:color .2s ease}.ci-status-card--on-structure.ci-status-card--selected .ci-status-check{color:var(--success)}.ci-status-card--near-slip.ci-status-card--selected .ci-status-check{color:var(--ci-amber)}.ci-status-card--slip.ci-status-card--selected .ci-status-check{color:var(--danger)}.ci-status-body{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.ci-status-card--selected .ci-status-body{color:var(--text-primary)}.ci-redo-link{background:none;border:none;color:var(--text-dim);font-family:var(--font);font-size:.72rem;letter-spacing:.03em;cursor:pointer;padding:.5rem 0;align-self:center;margin-top:auto;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.ci-redo-link:hover{color:var(--text-muted)}.ci-confirm-area{display:flex;flex-direction:column;align-items:center;gap:.625rem;margin-top:auto;padding-top:.5rem}.ci-confirm-btn{width:100%}.ci-confirm-btn:disabled{opacity:.3;cursor:default;box-shadow:none}.ci-done-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1.5rem 3rem;text-align:center;animation:ci-done-enter .45s cubic-bezier(.22,1,.36,1)}@keyframes ci-done-enter{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.ci-done-icon-wrap{width:88px;height:88px;border-radius:50%;border:2.5px solid;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.ci-done-icon-wrap--on-structure{border-color:var(--success);background:#34d39914;box-shadow:0 0 32px #34d39926}.ci-done-icon-wrap--near-slip{border-color:var(--ci-amber);background:#f59e0b14;box-shadow:0 0 32px #f59e0b26}.ci-done-icon-wrap--slip{border-color:var(--danger);background:#f8717114;box-shadow:0 0 32px #f8717126}.ci-done-icon{font-size:2rem;line-height:1}.ci-done-heading{font-size:1.55rem;font-weight:800;letter-spacing:-.025em;color:var(--text-primary);line-height:1.15}.ci-done-status{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.1rem}.ci-done-body{font-size:1rem;color:var(--text-secondary);line-height:1.65;max-width:22ch}.ci-done-header{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1.25rem 1.5rem 0;animation:ci-done-enter .4s cubic-bezier(.22,1,.36,1)}.ci-done-icon-wrap--sm{width:52px;height:52px;flex-shrink:0}.ci-done-icon-wrap--sm .ci-done-icon{font-size:1.35rem}.ci-done-header-text{display:flex;flex-direction:column;gap:.1rem}.ci-done-heading--sm{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.ci-done-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.6;padding:.5rem 1.5rem 0;animation:ci-done-enter .4s cubic-bezier(.22,1,.36,1) .08s backwards}.ci-support-section{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem 2rem;flex:1}.ci-support-heading{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding-bottom:.25rem}.ci-support-actions{display:flex;flex-direction:column;gap:.5rem}.ci-support-action{display:flex;align-items:center;gap:.85rem;padding:.875rem 1rem;background:var(--surface);border:1.5px solid var(--border);border-left:3px solid var(--border-hover);border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,background .2s ease,transform .1s ease;animation:ci-card-enter .35s cubic-bezier(.22,1,.36,1) backwards}.ci-support-actions .ci-support-action:nth-child(1){animation-delay:.08s}.ci-support-actions .ci-support-action:nth-child(2){animation-delay:.14s}.ci-support-actions .ci-support-action:nth-child(3){animation-delay:.2s}.ci-support-actions .ci-support-action:nth-child(4){animation-delay:.26s}.ci-support-action:hover{background:var(--surface-hover);transform:translate(2px)}.ci-support-action:active{transform:translate(1px) scale(.985)}.ci-support-action--motivation,.ci-support-action--timer{border-left-color:#2dd4bf73}.ci-support-action--why,.ci-support-action--ability{border-left-color:#f59e0b73}.ci-support-action-icon{font-size:1.05rem;color:var(--text-muted);flex-shrink:0;width:22px;text-align:center;line-height:1}.ci-support-action-text{flex:1;font-size:.92rem;font-weight:600;color:var(--text-primary);text-align:left;line-height:1.3}.ci-support-action-arrow{font-size:1.15rem;color:var(--accent);opacity:.5;flex-shrink:0;line-height:1;transition:opacity .2s ease,transform .2s ease}.ci-support-action:hover .ci-support-action-arrow{opacity:1;transform:translate(2px)}.ci-back-home{background:none;border:none;color:var(--text-dim);font-family:var(--font);font-size:.72rem;letter-spacing:.03em;cursor:pointer;padding:.5rem 0;align-self:center;margin-top:auto;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.ci-back-home:hover{color:var(--text-muted)}.ci-recovery-section{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem 2rem;flex:1}.ci-recovery-card{display:flex;flex-direction:column;gap:.85rem;padding:1.25rem;background:var(--surface);border:1.5px solid var(--border);border-left:4px solid var(--danger);border-radius:var(--radius-lg);animation:ci-card-enter .38s cubic-bezier(.22,1,.36,1) .1s backwards}.ci-recovery-badge{display:inline-flex;align-self:flex-start;padding:.25rem .65rem;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:100px;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--danger)}.ci-recovery-body{font-size:.93rem;color:var(--text-secondary);line-height:1.65}.ci-panel-screen{display:flex;flex-direction:column;justify-content:center}.ci-panel-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem 1.5rem 3rem;text-align:center;animation:ci-done-enter .4s cubic-bezier(.22,1,.36,1)}.ci-panel-badge{padding:.35rem .85rem;border-radius:100px;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem}.ci-panel-badge--amber{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--ci-amber)}.ci-panel-body{font-size:1.05rem;color:var(--text-secondary);line-height:1.75;max-width:24ch}.ci-panel-back{background:none;border:none;color:var(--text-dim);font-family:var(--font);font-size:.75rem;letter-spacing:.03em;cursor:pointer;padding:.5rem 0;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.ci-panel-back:hover{color:var(--text-muted)}.ci-near-slip-win{font-size:.92rem;font-weight:700;color:var(--ci-amber);text-align:center;padding:.65rem 1.5rem;background:#f59e0b12;border-top:1px solid rgba(245,158,11,.15);border-bottom:1px solid rgba(245,158,11,.15);animation:ci-done-enter .45s cubic-bezier(.22,1,.36,1) .05s backwards;letter-spacing:.01em}.cel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:cel-fade-in .25s ease forwards}@keyframes cel-fade-in{0%{opacity:0}to{opacity:1}}.cel-stage{position:relative;width:260px;height:260px;display:flex;align-items:center;justify-content:center}.cel-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:cel-pop .4s cubic-bezier(.22,1,.36,1) forwards}@keyframes cel-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.cel-checkmark{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 32px #22c55e99,0 0 64px #22c55e40;line-height:1}.cel-heading{font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-align:center}.cel-confetti-piece{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;background:hsl(var(--hue),80%,60%);animation:cel-confetti-fall 2s cubic-bezier(.25,.46,.45,.94) var(--i, 0) forwards;animation-delay:calc(var(--i) * .04s);transform-origin:center}@keyframes cel-confetti-fall{0%{transform:translateY(0) rotate(0) scaleX(1);opacity:1}60%{opacity:1}to{transform:translateY(280px) rotate(calc(var(--i) * 35deg + 180deg)) scaleX(.5);opacity:0}}.cel-spark{position:absolute;top:50%;left:50%;width:4px;height:18px;border-radius:100px;background:linear-gradient(to top,#fbbf24,#fef3c7);transform-origin:50% 100%;animation:cel-spark-shoot 1.5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * .05s);rotate:var(--angle)}@keyframes cel-spark-shoot{0%{opacity:1;transform:translateY(-10px) scaleY(1)}50%{opacity:1;transform:translateY(-90px) scaleY(1.3)}to{opacity:0;transform:translateY(-130px) scaleY(.2)}}.cel-particle{position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#34d399,#22c55e);animation:cel-particle-float 1.8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * .03s)}@keyframes cel-particle-float{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:.8;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.6)}to{opacity:0;transform:translate(calc(-50% + var(--x) * 1.3),calc(-50% + var(--y) * 1.3)) scale(0)}}.cel-ring{position:absolute;top:50%;left:50%;width:80px;height:80px;border-radius:50%;border:2px solid rgba(34,197,94,.7);transform:translate(-50%,-50%) scale(0);animation:cel-ring-expand 1.8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * .25s)}@keyframes cel-ring-expand{0%{opacity:.9;transform:translate(-50%,-50%) scale(0)}70%{opacity:.3;transform:translate(-50%,-50%) scale(2.5)}to{opacity:0;transform:translate(-50%,-50%) scale(3.2)}}.ci-pledge-section{display:flex;flex-direction:column;gap:.55rem;width:100%;margin-bottom:.5rem}.ci-pledge-banner{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;background:linear-gradient(135deg,#22c55e14,#22c55e0a);border:1px solid rgba(34,197,94,.22);border-radius:var(--radius-md)}.ci-pledge-icon{font-size:1rem;color:#22c55e;flex-shrink:0;line-height:1}.ci-pledge-text{font-size:.92rem;font-weight:700;color:#22c55e;line-height:1.3;letter-spacing:.01em}.ci-pledge-cards{display:flex;flex-direction:column;gap:.35rem}.ci-pledge-card{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-height:52px;transition:border-color .2s ease}.ci-pledge-card:hover{border-color:var(--border-hover)}.ci-pledge-card-body{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.ci-pledge-card-title{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);line-height:1}.ci-pledge-card-sub{font-size:.82rem;color:var(--text-primary);font-weight:500;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.ci-pledge-card-sub--empty{color:var(--text-dim);font-style:italic;font-weight:400}.ci-pledge-manage-btn{background:none;border:none;color:var(--accent);font-family:var(--font);font-size:.72rem;font-weight:700;letter-spacing:.04em;cursor:pointer;padding:.3rem .4rem;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;transition:color .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.ci-pledge-manage-btn:hover{color:var(--accent-hover);background:#2dd4bf0f}.ci-pledge-review-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.7rem 1rem;background:var(--surface);border:1.5px solid var(--border-hover);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font);font-size:.85rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .22s ease;-webkit-tap-highlight-color:transparent}.ci-pledge-review-btn:hover{border-color:var(--accent);color:var(--accent);background:#2dd4bf0a;box-shadow:0 0 12px #2dd4bf14}.ci-pledge-review-btn:active{transform:scale(.98)}.ci-pledge-review-icon{font-size:.9rem;opacity:.7}.ci-review-wrap{flex:1;display:flex;flex-direction:column;padding:0 1.5rem}.ci-review-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:1rem}.ci-review-list{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin-top:.25rem;padding-bottom:1rem}.ci-review-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);animation:ci-done-enter .3s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--index, 0) * .06s)}.ci-review-num{font-size:.65rem;font-weight:800;color:var(--accent);background:#2dd4bf14;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;margin-top:.05rem}.ci-review-text{font-size:.95rem;color:var(--text-primary);font-weight:500;line-height:1.4}.ci-review-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;text-align:center}.ci-review-empty p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.ci-review-footer{padding:1rem 1.5rem 2rem;background:linear-gradient(to top,var(--bg) 80%,transparent);position:sticky;bottom:0}.ci-review-toast{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:999px;color:#22c55e;font-family:var(--font);font-size:.82rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ci-toast-enter .35s cubic-bezier(.22,1,.36,1) forwards;box-shadow:0 4px 24px #22c55e33}.ci-review-toast-icon{font-size:.75rem;opacity:.8}@keyframes ci-toast-enter{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.commit-screen{display:flex;flex-direction:column}.commit-inner{flex:1;display:flex;flex-direction:column;padding:0 1.5rem}.commit-content{flex:1;display:flex;flex-direction:column;gap:2rem;padding-bottom:3rem;overflow-y:auto}.commit-heading-block{display:flex;flex-direction:column;gap:.35rem;padding-top:.5rem}.commit-heading{font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.15}.commit-section{display:flex;flex-direction:column;gap:.75rem}.commit-section-header{display:flex;align-items:baseline;gap:.5rem}.commit-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.commit-nn-count{font-size:.65rem;font-weight:600;color:var(--text-muted);letter-spacing:.05em}.commit-section-hint{font-size:.75rem;color:var(--text-dim);line-height:1.4;margin-top:-.25rem}.commit-list{display:flex;flex-direction:column;gap:.4rem}.commit-item{animation:commit-item-enter .2s ease forwards}@keyframes commit-item-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.commit-item-row{display:flex;align-items:center;gap:.65rem;padding:.75rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-height:52px;transition:border-color .2s ease}.commit-item-row:hover{border-color:var(--border-hover)}.commit-reason-dot{font-size:.6rem;color:var(--accent);flex-shrink:0;opacity:.7;line-height:1}.commit-nn-number{font-size:.65rem;font-weight:800;color:var(--text-muted);background:var(--bg);border:1px solid var(--border-hover);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.commit-item-text{flex:1;font-size:.9rem;color:var(--text-primary);line-height:1.35;font-weight:500;word-break:break-word;min-width:0}.commit-item-controls{display:flex;gap:.2rem;flex-shrink:0;align-items:center}.commit-icon-btn{background:none;border:none;color:var(--text-dim);font-size:.9rem;cursor:pointer;padding:.35rem .4rem;border-radius:var(--radius-sm);transition:background .15s ease,color .15s ease;line-height:1;-webkit-tap-highlight-color:transparent}.commit-icon-btn:hover{background:var(--surface-hover);color:var(--text-muted)}.commit-icon-btn--delete:hover{background:#f871711a;color:var(--danger)}.commit-item-edit,.commit-item-add{display:flex;flex-direction:column;gap:.5rem;padding:.7rem .85rem;background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--radius-md);box-shadow:0 0 12px #2dd4bf14}.commit-input{background:transparent;border:none;border-bottom:1px solid var(--border-hover);color:var(--text-primary);font-family:var(--font);font-size:.9rem;font-weight:500;padding:.3rem 0;outline:none;width:100%;transition:border-color .2s ease}.commit-input:focus{border-bottom-color:var(--accent)}.commit-input::placeholder{color:var(--text-dim)}.commit-item-actions{display:flex;gap:.5rem}.commit-btn{flex:1;padding:.55rem .75rem;border-radius:var(--radius-sm);font-family:var(--font);font-size:.78rem;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:all .2s ease;border:none;-webkit-tap-highlight-color:transparent}.commit-btn--save{background:var(--accent);color:#060609}.commit-btn--save:hover{background:var(--accent-hover)}.commit-btn--cancel{background:var(--surface-hover);color:var(--text-muted);border:1px solid var(--border-hover)}.commit-btn--cancel:hover{color:var(--text-secondary)}.commit-add-btn{background:none;border:1.5px dashed var(--border-hover);color:var(--text-dim);font-family:var(--font);font-size:.82rem;font-weight:600;cursor:pointer;padding:.65rem 1rem;border-radius:var(--radius-md);width:100%;text-align:left;transition:border-color .2s ease,color .2s ease,background .2s ease;letter-spacing:.02em;-webkit-tap-highlight-color:transparent}.commit-add-btn:hover{border-color:var(--accent);color:var(--accent);background:#2dd4bf0a}.commit-limit-msg{font-size:.75rem;color:var(--text-muted);padding:.5rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;letter-spacing:.02em}.floating-timer-btn{display:flex;align-items:center;gap:.45rem;background:var(--surface);border:1px solid var(--accent);border-radius:999px;padding:.7rem 1.1rem .7rem .85rem;font-family:var(--font);font-size:.82rem;font-weight:700;color:var(--accent);letter-spacing:.03em;cursor:pointer;transition:all .25s ease;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 12px #0006,0 0 16px var(--accent-glow)}.floating-timer-btn:hover{background:#2dd4bf1a;box-shadow:0 4px 20px #00000080,0 0 28px var(--accent-glow-strong);transform:translateY(-2px)}.floating-timer-btn:active{transform:translateY(0);box-shadow:0 1px 8px #0006,0 0 12px var(--accent-glow)}.floating-timer-icon{font-size:1rem;line-height:1}.floating-timer-label{line-height:1}.floating-program-btn{display:flex;align-items:center;gap:.35rem;background:var(--surface);border:1px solid rgba(45,212,191,.45);border-radius:999px;padding:.5rem .7rem .5rem .55rem;font-family:var(--font);font-size:.68rem;font-weight:600;color:var(--text-secondary);letter-spacing:.025em;white-space:nowrap;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 8px #00000059,0 0 10px var(--accent-glow)}.floating-program-btn:hover{border-color:var(--accent);color:var(--text-primary);box-shadow:0 2px 14px #00000073,0 0 18px var(--accent-glow);transform:translateY(-1px)}.floating-program-btn:active{transform:scale(.95);box-shadow:0 1px 6px #0000004d,0 0 8px var(--accent-glow)}.floating-program-icon{font-size:.85rem;line-height:1;flex-shrink:0}.floating-program-label{line-height:1}