:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-secondary:#ec4899;--color-background:#000;--color-surface:#1a1a1a;--color-surface-light:#2a2a2a;--color-text:#fff;--color-text-muted:#94a3b8;--color-text-secondary:#9ca3af;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-stress-low:#22c55e;--color-stress-medium:#3b82f6;--color-stress-high:#ef4444;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--color-surface-hover:#333;--color-chart-grid:hsla(0,0%,100%,.1);--color-scrollbar:#4b4b4b;--color-scrollbar-hover:#6b6b6b;--color-empty-bar:#333;--color-spinner-border:#333;--color-nav-button-bg:hsla(0,0%,100%,.1);--color-nav-button-hover:hsla(0,0%,100%,.2);--color-overlay-subtle:hsla(0,0%,100%,.05);--color-overlay-medium:hsla(0,0%,100%,.1);--color-overlay-strong:hsla(0,0%,100%,.2)}.theme-light{--color-background:#fff;--color-surface:#fff;--color-surface-light:#f0f0f5;--color-text:#1c1c1e;--color-text-muted:#636366;--color-text-secondary:#8e8e93;--color-surface-hover:#f5f5f7;--color-chart-grid:rgba(0,0,0,.08);--color-scrollbar:#c7c7cc;--color-scrollbar-hover:#aeaeb2;--color-empty-bar:#e5e5ea;--color-spinner-border:#e5e5ea;--color-nav-button-bg:rgba(0,0,0,.06);--color-nav-button-hover:rgba(0,0,0,.1);--color-overlay-subtle:rgba(0,0,0,.04);--color-overlay-medium:rgba(0,0,0,.08);--color-overlay-strong:rgba(0,0,0,.14)}.theme-light .app-container{background-color:#fff}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--color-background);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overscroll-behavior:none}#__nuxt,body,html{height:100%}.app-container{background-color:var(--color-background);display:flex;flex-direction:column;height:100%;overflow:hidden}.page-content{flex:1;padding:0;padding-bottom:calc(80px + var(--safe-area-bottom))}.dot-label-backdrop{background:linear-gradient(90deg,var(--color-background) 70%,transparent 100%);display:inline-block;padding:.25rem .75rem}h1{font-size:2rem;font-weight:700}h1,h2{margin-bottom:.5rem}h2{font-size:1.5rem}h2,h3{font-weight:600}h3{font-size:1.25rem}p{color:var(--color-text-muted);line-height:1.5}.card{background-color:var(--color-surface);border-radius:16px;margin-bottom:1rem;padding:1.5rem}.card-header{display:flex;justify-content:space-between;margin-bottom:1rem}.btn,.card-header{align-items:center}.btn{border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.btn-primary:active{opacity:.9;transform:scale(.98)}.btn-secondary{background-color:var(--color-surface-light);color:var(--color-text)}.btn-icon{border-radius:50%;height:44px;padding:0;width:44px}.bottom-nav{background-color:var(--color-surface);border-top:1px solid var(--color-surface-light);bottom:0;left:0;padding-bottom:var(--safe-area-bottom);position:fixed;right:0;z-index:100}.bottom-nav-inner{display:flex;justify-content:space-around;padding:.75rem 0}.nav-item{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;text-decoration:none;transition:color .2s ease}.nav-item.active{color:var(--color-primary)}.nav-item svg{height:24px;width:24px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-light) 50%,var(--color-surface) 75%);background-size:200% 100%;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.theme-comic-dark,.theme-comic-light{--comic-border:3px solid #000;--comic-border-radius:4px;--comic-shadow:4px 4px 0 #000;--comic-shadow-sm:2px 2px 0 #000;--comic-font:"Bangers",cursive}.theme-comic-dark{--color-background:#0d0d0d;--color-surface:#1a1a1a;--color-surface-light:#2a2a2a;--color-primary:gold;--color-primary-dark:#e6c200;--color-secondary:#f36;--color-text:#fff;--color-text-muted:#a0a0a0;--color-text-secondary:#888;--color-success:#00e676;--color-warning:gold;--color-danger:#ff1744;--color-stress-low:#00e676;--color-stress-medium:#448aff;--color-stress-high:#ff1744;--color-surface-hover:#333;--color-chart-grid:hsla(0,0%,100%,.12);--color-scrollbar:#4b4b4b;--color-scrollbar-hover:#6b6b6b;--color-empty-bar:#333;--color-spinner-border:#333;--color-nav-button-bg:rgba(255,215,0,.1);--color-nav-button-hover:rgba(255,215,0,.2);--color-overlay-subtle:hsla(0,0%,100%,.05);--color-overlay-medium:hsla(0,0%,100%,.1);--color-overlay-strong:hsla(0,0%,100%,.2);--comic-border:3px solid gold;--comic-shadow:none;--comic-shadow-sm:none}.theme-comic-light{--color-background:#fff;--color-surface:#fff;--color-surface-light:#f0f0f5;--color-primary:#d50000;--color-primary-dark:#b71c1c;--color-secondary:#2962ff;--color-text:#1a1a1a;--color-text-muted:#5c5c5c;--color-text-secondary:#757575;--color-success:#2e7d32;--color-warning:#f9a825;--color-danger:#c62828;--color-stress-low:#2e7d32;--color-stress-medium:#1565c0;--color-stress-high:#c62828;--color-surface-hover:#e8e8ed;--color-chart-grid:rgba(0,0,0,.1);--color-scrollbar:#c7c7cc;--color-scrollbar-hover:#aeaeb2;--color-empty-bar:#e5e5ea;--color-spinner-border:#e5e5ea;--color-nav-button-bg:rgba(213,0,0,.08);--color-nav-button-hover:rgba(213,0,0,.14);--color-overlay-subtle:rgba(0,0,0,.04);--color-overlay-medium:rgba(0,0,0,.08);--color-overlay-strong:rgba(0,0,0,.14);--comic-border:3px solid #1a1a1a}.theme-comic-dark,.theme-comic-light{font-family:var(--comic-font);letter-spacing:.5px}.theme-comic-dark *,.theme-comic-light *{font-family:inherit}.theme-comic-dark h1,.theme-comic-dark h2,.theme-comic-dark h3,.theme-comic-light h1,.theme-comic-light h2,.theme-comic-light h3{font-family:var(--comic-font);letter-spacing:1px}.theme-comic-dark .card,.theme-comic-dark .settings-card,.theme-comic-light .card,.theme-comic-light .settings-card{border:var(--comic-border);border-radius:var(--comic-border-radius);box-shadow:var(--comic-shadow)}.theme-comic-dark .brain-battery-card,.theme-comic-dark .insight-card,.theme-comic-light .brain-battery-card,.theme-comic-light .insight-card{border:none;box-shadow:none}.theme-comic-dark .day-card,.theme-comic-dark .hourly-detail,.theme-comic-dark .metric-card,.theme-comic-dark .sleep-chart,.theme-comic-dark .stat-card,.theme-comic-dark .stress-chart,.theme-comic-dark .timeseries-chart,.theme-comic-light .day-card,.theme-comic-light .hourly-detail,.theme-comic-light .metric-card,.theme-comic-light .sleep-chart,.theme-comic-light .stat-card,.theme-comic-light .stress-chart,.theme-comic-light .timeseries-chart{border:var(--comic-border);border-radius:var(--comic-border-radius);box-shadow:var(--comic-shadow)}.theme-comic-dark .day-card,.theme-comic-dark .metric-chart,.theme-comic-light .day-card,.theme-comic-light .metric-chart{border-radius:12px}.theme-comic-dark .day-card.selected,.theme-comic-light .day-card.selected{box-shadow:var(--comic-shadow)}.theme-comic-dark .btn,.theme-comic-light .btn{border:var(--comic-border);border-radius:var(--comic-border-radius);box-shadow:var(--comic-shadow-sm);font-family:var(--comic-font);letter-spacing:1px;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease}.theme-comic-dark .btn:hover,.theme-comic-light .btn:hover{transform:rotate(-1deg) scale(1.02)}.theme-comic-dark .btn:active,.theme-comic-light .btn:active{box-shadow:1px 1px #000;transform:translateY(2px)}.theme-comic-dark .btn-primary,.theme-comic-light .btn-primary{background:var(--color-primary);color:#000}.theme-comic-dark .segment-control,.theme-comic-light .segment-control{border:var(--comic-border);border-radius:var(--comic-border-radius);box-shadow:var(--comic-shadow-sm)}.theme-comic-dark .segment-button.active,.theme-comic-light .segment-button.active{font-family:var(--comic-font);letter-spacing:1px}.theme-comic-dark .bottom-nav,.theme-comic-light .bottom-nav{border-top:var(--comic-border);box-shadow:0 -3px #0000004d}.theme-comic-dark .top-nav,.theme-comic-light .top-nav{border-bottom:var(--comic-border)}.theme-comic-dark .nav-item,.theme-comic-light .nav-item{font-family:var(--comic-font);letter-spacing:.5px}.theme-comic-dark .nav-item.active,.theme-comic-light .nav-item.active{font-weight:400}.theme-comic-dark .toggle-slider,.theme-comic-light .toggle-slider{border:2px solid #000;border-radius:28px;box-sizing:border-box}.theme-comic-dark .toggle-slider:before,.theme-comic-light .toggle-slider:before{bottom:2px;height:20px;left:2px;width:20px}.theme-comic-dark .toggle input:checked+.toggle-slider,.theme-comic-light .toggle input:checked+.toggle-slider{background-color:var(--color-primary)}.theme-comic-dark .toggle input:checked+.toggle-slider:before,.theme-comic-light .toggle input:checked+.toggle-slider:before{transform:translate(24px)}.theme-comic-dark .number-input,.theme-comic-light .number-input{border:2px solid #000;border-radius:var(--comic-border-radius);font-family:var(--comic-font);font-size:1.1rem}.theme-comic-dark .modal,.theme-comic-light .modal{border:var(--comic-border);border-radius:var(--comic-border-radius);box-shadow:6px 6px #000}.theme-comic-dark .modal h3,.theme-comic-light .modal h3{font-family:var(--comic-font);font-size:1.5rem;letter-spacing:1px}.theme-comic-dark .setting-button,.theme-comic-light .setting-button{font-family:var(--comic-font);letter-spacing:.5px;transition:transform .1s ease}.theme-comic-dark .setting-button:active,.theme-comic-light .setting-button:active{transform:scale(.98)}.theme-comic-dark .app-container,.theme-comic-light .app-container{background-image:none}.theme-comic-dark .skeleton,.theme-comic-light .skeleton{border:2px solid rgba(0,0,0,.2);border-radius:var(--comic-border-radius)}.theme-comic-dark .build-stamp,.theme-comic-light .build-stamp{font-family:var(--comic-font)}.theme-comic-dark .theme-option,.theme-comic-light .theme-option{border:var(--comic-border);border-radius:var(--comic-border-radius);box-shadow:var(--comic-shadow-sm)}.theme-comic-dark .theme-option.active,.theme-comic-light .theme-option.active{box-shadow:var(--comic-shadow)}.theme-comic-light .brain-icon{filter:brightness(0) invert(.3)}.theme-comic-dark .hourly-detail,.theme-comic-dark .metric-chart{background:#000!important}.theme-comic-light .hourly-detail,.theme-comic-light .metric-chart{background:#fff!important}.top-nav[data-v-551352ad]{background-color:var(--color-surface);border-bottom:1px solid var(--color-surface-light);left:0;padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;z-index:100}.top-nav-inner[data-v-551352ad]{align-items:center;display:flex;height:44px;justify-content:flex-end;padding:.5rem 1rem}.top-nav-spacer[data-v-551352ad]{flex:1}.settings-btn[data-v-551352ad]{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:color .2s ease,background-color .2s ease;width:36px}.settings-btn[data-v-551352ad]:active{background-color:var(--color-surface-light)}.settings-btn[data-v-551352ad]:hover{color:var(--color-text)}.settings-btn.active[data-v-551352ad]{color:var(--color-primary)}.hk-gate-page[data-v-e39bede1]{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 124px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:2rem}.hk-gate-content[data-v-e39bede1]{max-width:400px;text-align:center;width:100%}.icon-row[data-v-e39bede1]{gap:1.25rem;margin-bottom:1.5rem}.health-icon[data-v-e39bede1],.icon-row[data-v-e39bede1]{display:flex;justify-content:center}.health-icon[data-v-e39bede1]{align-items:center;border-radius:14px;height:48px;width:48px}.health-icon.heart[data-v-e39bede1]{background:#ff3b3026;color:#ff3b30}.health-icon.activity[data-v-e39bede1]{background:#34c75926;color:#34c759}.health-icon.steps[data-v-e39bede1]{background:#007aff26;color:#007aff}h2[data-v-e39bede1]{color:var(--color-text,#fff);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.description[data-v-e39bede1]{color:var(--color-text-muted,#a0aec0);font-size:.9375rem;line-height:1.6;margin-bottom:2rem}.btn-connect[data-v-e39bede1]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.0625rem;font-weight:600;padding:1rem;transition:opacity .2s,transform .2s;width:100%}.btn-connect[data-v-e39bede1]:hover:not(:disabled){transform:translateY(-1px)}.btn-connect[data-v-e39bede1]:disabled{cursor:not-allowed;opacity:.6}.mock-toggle[data-v-e39bede1]{align-items:center;color:var(--color-text-muted,#a0aec0);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-bottom:1rem}.mock-checkbox[data-v-e39bede1]{accent-color:#667eea;height:18px;width:18px}.error-message[data-v-e39bede1]{color:#ff3b30;font-size:.875rem;margin-top:1rem}.sync-progress[data-v-e39bede1]{align-items:center;display:flex;flex-direction:column;gap:.75rem}.sync-icon[data-v-e39bede1]{margin-bottom:1rem}.sync-progress h2[data-v-e39bede1]{margin-bottom:.25rem}.sync-detail[data-v-e39bede1]{font-size:.9375rem}.sync-detail[data-v-e39bede1],.sync-samples[data-v-e39bede1]{color:var(--color-text-muted,#a0aec0)}.sync-samples[data-v-e39bede1]{font-size:.8125rem;opacity:.7}.progress-bar[data-v-e39bede1]{background:var(--color-overlay-medium);border-radius:3px;height:6px;margin-top:.5rem;max-width:280px;overflow:hidden;width:100%}.progress-fill[data-v-e39bede1]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .3s ease}.bottom-nav[data-v-97fa86cc]{background-color:var(--color-surface);border-top:1px solid var(--color-surface-light);bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:100}.bottom-nav-inner[data-v-97fa86cc]{display:flex;justify-content:space-around;padding:.5rem 0 .25rem}.nav-item[data-v-97fa86cc]{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.7rem;font-weight:500;gap:.25rem;padding:.25rem 1rem;text-decoration:none;transition:color .2s ease}.nav-item[data-v-97fa86cc]:active{transform:scale(.95)}.nav-item.active[data-v-97fa86cc]{color:var(--color-primary)}.nav-item svg[data-v-97fa86cc]{height:24px;width:24px}.page-wrapper{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-top:calc(44px + env(safe-area-inset-top,0px))}.page-wrapper.no-nav{padding-top:0}.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}.build-stamp{bottom:2px;color:#fff9;font-family:monospace;font-size:9px;left:0;pointer-events:none;position:fixed;right:0;text-align:center;z-index:9999}