:root{--palette-pink: #f72585;--palette-magenta: #b5179e;--palette-purple: #7209b7;--palette-violet: #560bad;--palette-indigo: #480ca8;--phase-foundation: #480ca8;--phase-build: #560bad;--phase-power: #b5179e;--phase-peak: #f72585;--font-title: "Orbitron", sans-serif;--font-header: "Outfit", sans-serif;--font-body: "Merriweather", Georgia, serif}:root,.theme-dark{--bg: #08060f;--bg-dark: #050308;--surface: #0e0a16;--surface-raised-top: #161024;--surface-raised-bot: #120e1c;--surface-subtle: #ffffff04;--inset-bg: #120e1c;--accent: #f72585;--accent-deep: #560bad;--accent-on: #ffffff;--hockey-accent: #f72585;--primary-gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);--text-primary: #f1f5f9;--text-secondary: #d4dce8;--text-body: #c8d2e0;--text-muted: #a8b4c4;--text-dim: #8b97a8;--text-label: #9aa8ba;--text-soft: #6b7a8f;--border: #ffffff10;--border-strong: #ffffff18;--border-soft: #ffffff08;--hover-surface: #ffffff08;--hover-border: #ffffff28;--btn-primary-shadow: 0 16px 32px #00000040;--overlay: #08060fcc;--inactive-bg: #1a1528;--inactive-border: #ffffff18}.theme-light{--bg: #faf8fc;--bg-dark: #f3eef8;--surface: #ffffff;--surface-raised-top: #ffffff;--surface-raised-bot: #f3eef8;--surface-subtle: #00000004;--inset-bg: #f3eef8;--accent: #d61f75;--accent-deep: #560bad;--accent-on: #ffffff;--hockey-accent: #d61f75;--text-primary: #0f172a;--text-secondary: #334155;--text-body: #475569;--text-muted: #64748b;--text-dim: #94a3b8;--text-label: #64748b;--text-soft: #94a3b8;--border: #00000010;--border-strong: #00000018;--border-soft: #00000008;--hover-surface: #00000008;--hover-border: #00000028;--btn-primary-shadow: 0 16px 32px #00000018;--overlay: #08060f99;--inactive-bg: #ebe4f4;--inactive-border: #00000018}.theme-light .logo{filter:invert(1)}.shell{color:var(--text-primary);font-family:var(--font-body)}.input{width:100%;box-sizing:border-box;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:12px 14px;color:var(--text-primary);font-size:15px;font-family:var(--font-body);outline:none}.link-btn{background:none;border:none;padding:0;color:var(--text-label);font-size:inherit;font-family:inherit;cursor:pointer;text-decoration:underline}.card-subtle{background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px}.panel-inset{background:var(--inset-bg);border:1px solid var(--border);border-radius:8px}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:var(--accent-on);border:none;border-radius:10px;box-shadow:var(--btn-primary-shadow);cursor:pointer;font-family:var(--font-header);font-weight:700}.btn-ghost{background:var(--hover-surface);border:1px solid var(--border-strong);color:var(--text-secondary);border-radius:8px;cursor:pointer}.gradient-hero{background:linear-gradient(165deg,var(--bg) 0%,var(--bg-dark) 45%,var(--bg-dark) 100%)}.gradient-card{background:linear-gradient(180deg,var(--surface-raised-top) 0%,var(--surface-raised-bot) 100%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{width:100%;max-width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}img,svg,video{max-width:100%;height:auto}.shell{flex:1;min-height:100vh;width:100%;max-width:100%;min-width:0;background:var(--bg)}.shell-inner{width:100%;max-width:100%;min-width:0;min-height:100vh;position:relative}@media (min-width: 768px){.shell-inner{max-width:none;box-shadow:none}}.app{width:100%;max-width:100%;min-width:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.app-body{display:flex;flex:1;min-height:0;width:100%;max-width:100%;min-width:0}.app-main{flex:1;min-width:0;width:100%;max-width:100%;display:flex;flex-direction:column}.identity-header{width:100%;max-width:100%;min-width:0}.identity-content{width:100%;max-width:100%;min-width:0;padding:20px 24px 40px}.hockey-panel{width:100%;max-width:100%;min-width:0}@media (max-width: 767px){.identity-header{padding:24px 16px 16px!important}.identity-content{padding:16px 16px 32px!important}.plan-picker{padding:24px 16px 32px!important}.hero-title{font-size:clamp(22px,6.5vw,28px)!important}.header-subtitle-row{flex-direction:column!important;align-items:stretch!important}.header-actions{justify-content:space-between!important;width:100%}}@media (min-width: 768px){.app-main{padding-bottom:0}.app-main--padded{padding:0 32px 32px;width:100%;flex:1}}.side-nav{display:none}@media (min-width: 768px){.side-nav{display:flex;flex-direction:column;width:220px;flex-shrink:0;padding:20px 12px;gap:4px;border-right:1px solid var(--border-soft);background:transparent}.side-nav--hockey{border-right-color:var(--border-soft);background:transparent}.side-nav-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 14px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.side-nav-btn:hover{background:var(--hover-surface)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}@media (min-width: 768px){.bottom-nav{display:none}}.top-nav{display:flex;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0}.top-nav::-webkit-scrollbar{display:none}@media (min-width: 768px){.top-nav--identity,.top-nav--plan{display:none}}.plan-picker{padding:32px 20px 40px}.plan-grid{display:flex;flex-direction:column;gap:14px}@media (min-width: 768px){.plan-picker{max-width:960px;margin:0 auto;padding:48px 40px 56px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}}html.modal-open,body.modal-open{overflow:hidden!important;overscroll-behavior:none}.modal-overlay{padding-top:max(16px,env(safe-area-inset-top))!important;padding-right:0!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;padding-left:0!important}.modal-sheet{display:flex;flex-direction:column;max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));overflow:hidden}.modal-sheet-header{flex-shrink:0}.modal-sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-sheet-footer{flex-shrink:0;padding-top:4px}@media (min-width: 768px){.modal-overlay{align-items:center!important;padding:24px!important}.modal-sheet{border-radius:16px!important;max-width:440px;max-height:calc(100dvh - 48px)}}.calendar-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}@media (min-width: 768px){.calendar-grid{gap:8px;max-width:900px}.identity-content{padding:28px 32px 48px!important}.identity-header{padding:40px 32px 24px!important}}@media (min-width: 768px){.hockey-panel{padding:24px 0 32px!important}}.font-title{font-family:var(--font-title)}.font-header{font-family:var(--font-header)}.font-body{font-family:var(--font-body)}.month-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;width:100%;max-width:520px;min-width:0}.month-calendar-weekday{font-family:var(--font-header);font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--text-dim);text-align:center;padding:4px 0}.month-calendar-day{width:100%;min-width:0;min-height:42px;border:1px solid var(--border-soft);border-radius:5px;background:var(--surface-subtle);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;transition:background .15s,border-color .15s;font-family:var(--font-header);box-sizing:border-box}.month-calendar-day:hover:not(:disabled){background:var(--hover-surface)}.month-calendar-day--today{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent) inset,0 0 12px color-mix(in srgb,var(--accent) 35%,transparent)}.month-calendar-day--today:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 18%,transparent)}.month-calendar-day--selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.month-calendar-day--selected.month-calendar-day--today{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent),0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}.month-calendar-day--done{background:color-mix(in srgb,var(--accent) 18%,transparent)}.month-calendar-day--muted{opacity:.35;cursor:default}.month-calendar-day--outside{opacity:.2;pointer-events:none}@media (min-width: 768px){.month-calendar{gap:5px;max-width:560px}.month-calendar-day{min-height:52px}}.landing{width:100%;max-width:100%;min-width:0}.landing-inner{width:100%;max-width:960px;margin:0 auto;padding:40px 20px 32px}@media (max-width: 767px){.landing-inner{padding:28px 16px 24px}}.landing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.auth-card{width:100%;max-width:min(400px,100%)}.plan-picker{width:100%;max-width:100%;min-width:0}.guide-row-3{display:grid;grid-template-columns:50px 1fr 1fr;gap:12px;align-items:center}.guide-row-3--steps{grid-template-columns:30px 1fr 1fr}.guide-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 560px){.guide-row-3,.guide-row-3--steps{grid-template-columns:1fr;gap:4px}.guide-2col{grid-template-columns:1fr}}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}@media (max-width: 480px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}