:root{--bg:#0d1117;--bg-elevated:#161b22;--panel:rgba(22,27,34,0.9);--panel-border:rgba(48,54,61,0.6);--ink:#e6edf3;--ink-secondary:#c9d1d9;--muted:#8b949e;--accent:#c96f42;--accent-hover:#d4834f;--accent-glow:rgba(201,111,66,0.25);--ring-green:#3fb950;--ring-yellow:#d29922;--ring-red:#f85149;--ring-blue:#58a6ff;--ring-purple:#bc8cff;--cat-sleep:#58a6ff;--cat-activity:#3fb950;--cat-nutrition:#d29922;--cat-mental:#bc8cff;--period-morning:linear-gradient(180deg,#d29922,#c96f42);--period-afternoon:linear-gradient(180deg,#c96f42,#f85149);--period-night:linear-gradient(180deg,#6e40c9,#1f6feb);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:600ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Space Grotesk,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;min-height:100dvh}.mono,code,pre{font-family:IBM Plex Mono,ui-monospace,Cascadia Code,monospace}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.app-shell{max-width:480px;margin:0 auto;padding:var(--space-md);padding-bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom, 0px))}@media (min-width:768px){.app-shell{max-width:560px;padding:var(--space-xl)}}@media (min-width:1024px){.app-shell{max-width:640px;padding:var(--space-2xl)}}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;margin-bottom:var(--space-lg)}.header-brand{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.header-brand span{color:var(--accent)}.header-actions{gap:var(--space-sm)}.header-actions,.icon-btn{display:flex;align-items:center}.icon-btn{justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out);color:var(--muted)}.icon-btn:hover{background:var(--panel);color:var(--ink)}.persona-pills{display:flex;gap:var(--space-xs);background:var(--panel);border:1px solid var(--panel-border);padding:3px}.persona-pill,.persona-pills{border-radius:var(--radius-full)}.persona-pill{font-size:.75rem;font-weight:500;padding:6px 14px;transition:all var(--duration-fast) var(--ease-out);color:var(--muted);white-space:nowrap}.persona-pill:hover{color:var(--ink-secondary)}.persona-pill.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}.panel+.panel{margin-top:var(--space-md)}.score-ring-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) 0}.score-ring-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.score-ring-svg{transform:rotate(-90deg)}.score-ring-track{fill:none;stroke:var(--panel-border)}.score-ring-progress{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1.5s var(--ease-out),stroke .4s var(--ease-out)}.score-ring-center{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px}.score-ring-value{font-size:3rem;font-weight:700;line-height:1;letter-spacing:-.03em}.score-ring-label{font-size:.75rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.category-grid{flex-direction:column}.category-bar,.category-grid{display:flex;gap:var(--space-md)}.category-bar,.category-icon{align-items:center}.category-icon{display:flex;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);flex-shrink:0}.category-icon.sleep{background:rgba(88,166,255,.12);color:var(--cat-sleep)}.category-icon.activity{background:rgba(63,185,80,.12);color:var(--cat-activity)}.category-icon.nutrition{background:rgba(210,153,34,.12);color:var(--cat-nutrition)}.category-icon.mental{background:rgba(188,140,255,.12);color:var(--cat-mental)}.category-info{flex:1 1;min-width:0}.category-label{font-size:.8125rem;font-weight:500;color:var(--ink-secondary);margin-bottom:4px}.category-track{height:6px;background:rgba(255,255,255,.06);overflow:hidden}.category-fill,.category-track{border-radius:var(--radius-full)}.category-fill{height:100%;transition:width 1.2s var(--ease-out)}.category-fill.sleep{background:var(--cat-sleep)}.category-fill.activity{background:var(--cat-activity)}.category-fill.nutrition{background:var(--cat-nutrition)}.category-fill.mental{background:var(--cat-mental)}.category-score{font-size:.875rem;font-weight:600;min-width:28px;text-align:right}.category-detail,.category-score{font-family:IBM Plex Mono,monospace}.category-detail{font-size:.6875rem;color:var(--muted)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.section-action{font-size:.75rem;color:var(--accent);font-weight:500}.insight-cards{display:flex;flex-direction:column;gap:var(--space-sm)}.insight-card{background:var(--bg-elevated);border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:var(--space-md);padding-left:calc(var(--space-md) + 4px);position:relative;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out)}.insight-card:hover{border-color:rgba(255,255,255,.1)}.insight-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.insight-card.morning:before{background:var(--period-morning)}.insight-card.afternoon:before{background:var(--period-afternoon)}.insight-card.night:before{background:var(--period-night)}.insight-period{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.insight-card.morning .insight-period{color:var(--ring-yellow)}.insight-card.afternoon .insight-period{color:var(--accent)}.insight-card.night .insight-period{color:var(--ring-blue)}.insight-title{font-size:.875rem;font-weight:600;margin-bottom:4px;color:var(--ink)}.insight-summary{font-size:.8125rem;color:var(--muted);line-height:1.5}.insight-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-sm)}.confidence-badge{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);font-family:IBM Plex Mono,monospace}.confidence-badge.high{background:rgba(63,185,80,.12);color:var(--ring-green)}.confidence-badge.medium{background:rgba(210,153,34,.12);color:var(--ring-yellow)}.confidence-badge.low{background:rgba(248,81,73,.12);color:var(--ring-red)}.connector-list{display:flex;flex-direction:column;gap:var(--space-sm)}.connector-card{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-elevated);border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color var(--duration-fast) var(--ease-out)}.connector-card:hover{border-color:rgba(255,255,255,.1)}.connector-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:rgba(201,111,66,.1);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.connector-info{flex:1 1;min-width:0}.connector-name{font-size:.875rem;font-weight:600}.connector-meta{font-size:.6875rem;color:var(--muted);font-family:IBM Plex Mono,monospace}.connector-status{display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.connected{background:var(--ring-green)}.status-dot.syncing{background:var(--ring-yellow);animation:pulse-dot 1.4s ease-in-out infinite}.status-dot.disconnected{background:var(--ring-red)}.status-label{font-size:.6875rem;font-weight:500;text-transform:capitalize}.status-label.connected{color:var(--ring-green)}.status-label.syncing{color:var(--ring-yellow)}.status-label.disconnected{color:var(--ring-red)}.sync-btn{font-size:.6875rem;font-weight:600;color:var(--accent);padding:4px 10px;border:1px solid var(--accent);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.sync-btn:hover{background:var(--accent);color:#fff}.btn-primary,.quick-actions{display:flex;gap:var(--space-sm)}.btn-primary{flex:1 1;align-items:center;justify-content:center;padding:12px var(--space-md);background:var(--accent);color:#fff;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);box-shadow:0 2px 12px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.btn-secondary{flex:1 1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px var(--space-md);background:var(--bg-elevated);border:1px solid var(--panel-border);color:var(--ink-secondary);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.btn-secondary:hover{border-color:var(--accent);color:var(--ink)}.household-grid{display:flex;gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-xs);scrollbar-width:none}.household-grid::-webkit-scrollbar{display:none}.household-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);min-width:100px;padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--panel-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out)}.household-card:hover{border-color:rgba(255,255,255,.1)}.household-name{font-size:.8125rem;font-weight:600;text-align:center;white-space:nowrap}.household-relation{font-size:.6875rem;color:var(--muted)}.timeline-list{display:flex;flex-direction:column}.timeline-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--panel-border)}.timeline-item:last-child{border-bottom:none}.timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex-shrink:0}.timeline-dot.sleep{background:var(--cat-sleep)}.timeline-dot.activity{background:var(--cat-activity)}.timeline-dot.nutrition{background:var(--cat-nutrition)}.timeline-dot.mental{background:var(--cat-mental)}.timeline-content{flex:1 1;min-width:0}.timeline-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:2px}.timeline-date{font-size:.6875rem;color:var(--muted);font-family:IBM Plex Mono,monospace}.timeline-source{background:rgba(201,111,66,.12);color:var(--accent);font-family:IBM Plex Mono,monospace}.category-pill,.timeline-source{font-size:.6rem;font-weight:600;padding:1px 6px;border-radius:var(--radius-full)}.category-pill{text-transform:uppercase;letter-spacing:.04em}.category-pill.sleep{background:rgba(88,166,255,.12);color:var(--cat-sleep)}.category-pill.activity{background:rgba(63,185,80,.12);color:var(--cat-activity)}.category-pill.nutrition{background:rgba(210,153,34,.12);color:var(--cat-nutrition)}.category-pill.mental{background:rgba(188,140,255,.12);color:var(--cat-mental)}.timeline-metric{font-size:.875rem;font-weight:500}.timeline-value{font-weight:700;font-family:IBM Plex Mono,monospace}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fade-in var(--duration-normal) var(--ease-out)}@media (min-width:768px){.modal-overlay{align-items:center}}.add-record-page{padding-top:var(--space-lg)}.url-input-group{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.url-input{flex:1 1;padding:12px var(--space-md);background:var(--bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--ink);font-size:.875rem;font-family:IBM Plex Mono,monospace;outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.url-input::placeholder{color:var(--muted)}.url-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.url-remove-btn{display:flex;align-items:center;justify-content:center;width:40px;border-radius:var(--radius-md);color:var(--muted);transition:color var(--duration-fast)}.url-remove-btn:hover{color:var(--ring-red)}.add-url-btn{display:flex;align-items:center;gap:var(--space-sm);font-size:.8125rem;font-weight:500;color:var(--accent);padding:var(--space-sm) 0;margin-bottom:var(--space-lg)}.add-url-btn:hover{color:var(--accent-hover)}.extraction-list{display:flex;flex-direction:column;gap:var(--space-md)}.extraction-item{background:var(--bg-elevated);border:1px solid var(--panel-border);border-radius:var(--radius-md);overflow:hidden}.extraction-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md)}.extraction-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.extraction-icon.pending{background:rgba(139,148,158,.12);color:var(--muted)}.extraction-icon.active{background:rgba(201,111,66,.12);color:var(--accent)}.extraction-icon.complete{background:rgba(63,185,80,.12);color:var(--ring-green)}.extraction-icon.error{background:rgba(248,81,73,.12);color:var(--ring-red)}.extraction-info{flex:1 1;min-width:0}.extraction-url{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extraction-status{font-size:.6875rem;font-family:IBM Plex Mono,monospace}.extraction-status.pending{color:var(--muted)}.extraction-status.active{color:var(--accent)}.extraction-status.complete{color:var(--ring-green)}.extraction-status.error{color:var(--ring-red)}.extraction-progress-bar{height:3px;background:rgba(255,255,255,.04)}.extraction-progress-fill{height:100%;background:var(--accent);transition:width .4s var(--ease-out)}.extraction-progress-fill.complete{background:var(--ring-green)}.extraction-progress-fill.error{background:var(--ring-red)}.extraction-expand{padding:var(--space-md);border-top:1px solid var(--panel-border);background:var(--bg)}.extraction-expand-btn{font-size:.75rem;color:var(--accent);display:flex;align-items:center;gap:var(--space-xs)}.retry-btn{font-size:.75rem;font-weight:600;color:var(--ring-red);padding:4px 10px;border:1px solid var(--ring-red);border-radius:var(--radius-full);margin-left:auto}.retry-btn:hover{background:rgba(248,81,73,.12)}input,select,textarea{font-family:inherit}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:var(--space-sm)}.form-input{width:100%;padding:12px var(--space-md);background:var(--bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--ink);font-size:.875rem;outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.filter-bar{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);overflow-x:auto;scrollbar-width:none;padding-bottom:var(--space-xs)}.filter-bar::-webkit-scrollbar{display:none}.filter-pill{font-size:.75rem;font-weight:500;padding:6px 14px;border-radius:var(--radius-full);white-space:nowrap;border:1px solid var(--panel-border);color:var(--muted);transition:all var(--duration-fast) var(--ease-out)}.filter-pill:hover{border-color:var(--accent);color:var(--ink-secondary)}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.load-more-btn{width:100%;padding:12px;text-align:center;font-size:.8125rem;font-weight:600;color:var(--accent);border:1px dashed var(--panel-border);border-radius:var(--radius-md);margin-top:var(--space-md);transition:all var(--duration-fast) var(--ease-out)}.load-more-btn:hover{border-color:var(--accent);background:rgba(201,111,66,.06)}.back-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.8125rem;font-weight:500;color:var(--muted);margin-bottom:var(--space-lg);transition:color var(--duration-fast)}.back-link:hover{color:var(--ink)}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-lg)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes score-count-up{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade-in{animation:fade-in var(--duration-slow) var(--ease-out) both}.animate-fade-in-delay-1{animation:fade-in var(--duration-slow) var(--ease-out) .1s both}.animate-fade-in-delay-2{animation:fade-in var(--duration-slow) var(--ease-out) .2s both}.animate-fade-in-delay-3{animation:fade-in var(--duration-slow) var(--ease-out) .3s both}.animate-fade-in-delay-4{animation:fade-in var(--duration-slow) var(--ease-out) .4s both}.animate-fade-in-delay-5{animation:fade-in var(--duration-slow) var(--ease-out) .5s both}.spin{animation:spin 1.2s linear infinite}.mt-section{margin-top:var(--space-xl)}.placeholder-box{height:200px;border:2px dashed var(--panel-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.875rem}.result-count{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:rgba(63,185,80,.12);color:var(--ring-green);font-family:IBM Plex Mono,monospace}