/* Quiet, content-first interface inspired by modern Apple system UI. */
:root{--bg:#f5f5f7;--paper:#fff;--ink:#1d1d1f;--muted:#6e6e73;--line:#e5e5e7;--green:#23824f;--sage:#eef6f1;--orange:#a86e25;--red:#c9342f;--shadow:0 1px 2px #00000008,0 8px 28px #00000008}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:-.01em}
button,input,select,textarea{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0071e344;outline-offset:2px}

/* Navigation */
#sidebar{width:224px;padding:26px 16px 18px;background:#fbfbfd;border-right:1px solid #e7e7e9}
.main-shell{margin-left:224px}
.brand{gap:11px;padding:0 10px;font-size:22px;font-weight:650;letter-spacing:.08em}
.brand-symbol{width:36px;height:36px;border-radius:10px;background:#1d1d1f;color:#fff;box-shadow:none;font-size:25px}
.brand small{color:#86868b;font-size:7px;letter-spacing:.15em}
.workspace{margin:26px 0 24px;padding:12px 11px;background:#f2f2f4;border:0;border-radius:12px;color:#3a3a3c}
.workspace small{color:#86868b}.avatar{background:#fff;color:#3a3a3c;box-shadow:0 0 0 1px #e3e3e5}.status-dot{background:#34c759}
.nav-label{color:#a1a1a6;letter-spacing:.12em;margin-left:13px}
nav{gap:3px}nav a{padding:10px 13px;border-radius:9px;color:#5e5e63;font-size:13px;transition:background .15s,color .15s}nav a:hover{background:#ededf0}nav a.active,nav a.active:hover{background:#1d1d1f;color:#fff;box-shadow:none}.nav-dot,nav a.active .nav-dot{display:none}
.sidebar-bottom button{color:#6e6e73}.local-note{border-color:#e5e5e7;color:#6e6e73}.local-note small{color:#a1a1a6}
header{height:64px;padding:0 32px;background:#f5f5f7d9;border-color:#e5e5e7;backdrop-filter:saturate(180%) blur(18px);position:sticky;top:0;z-index:12}
.breadcrumb{color:#a1a1a6}.breadcrumb b{color:#515154}.header-right{color:#86868b}.account-chip{color:#3a3a3c;background:#fff;border:1px solid #e5e5e7;padding:7px 12px;border-radius:18px}
main{max-width:1400px;padding:34px 36px 38px}

/* Typography and common controls */
.page-heading{margin-bottom:24px}.page-heading h1,.record-intro h1{color:#1d1d1f;font-size:30px;font-weight:650;letter-spacing:-.035em}.page-heading p.sub,.record-intro p:not(.eyebrow){color:#6e6e73;font-size:13px}.eyebrow{color:#86868b;font-size:10px;letter-spacing:.13em}
.btn{min-height:36px;border:1px solid #d8d8dc;background:#fff;border-radius:9px;padding:8px 14px;color:#3a3a3c;box-shadow:none;transition:background .15s,border-color .15s,transform .15s}.btn:hover{background:#f5f5f7;border-color:#c7c7cc}.btn:active{transform:scale(.98)}.btn.primary{background:#1d1d1f;border-color:#1d1d1f;color:#fff;box-shadow:none}.btn.primary:hover{background:#343436;border-color:#343436}.btn.subtle{color:#6e6e73}
.mini-link{color:#257052;font-size:11px}.tag,.pill,.frequency{background:#f0f0f2!important;color:#6e6e73!important;border-radius:6px!important}
.card,.kpi,.unified-card,.more-actions,.quick-editor{background:#fff;border:1px solid #e5e5e7;border-radius:16px;box-shadow:var(--shadow)}
.card{padding:22px}.card h2{font-size:15px;color:#1d1d1f}.card .caption{color:#86868b}
.kpi-top{color:#86868b}.kpi-value,.learning-number{color:#1d1d1f}.kpi-top .icon-wrap,.kpi:nth-child(2) .icon-wrap,.kpi:nth-child(3) .icon-wrap,.kpi:nth-child(4) .icon-wrap{background:#f1f1f3;color:#515154}.kpi-foot{color:#86868b}
.widget-picker{background:#fff!important}.widget-controls{border-color:#d8d8dc}.widget-controls button,.widget-controls select{background:#f5f5f7;border-color:#d8d8dc;color:#515154}.widget.drop-target{outline-color:#0071e3}.is-editing .widget{border-color:#b8b8bd;box-shadow:var(--shadow)}

/* Recording */
.record-intro{display:block;background:transparent;border:0;border-radius:0;padding:3px 0 12px;margin-bottom:8px}.record-intro .leaf-mark{display:none}.record-note{color:#6e6e73;margin:10px 2px 20px}.record-note>span:last-child{color:#86868b}
.quick-checkin{max-width:900px;margin:0 auto 20px;padding:30px;background:#fff;border:1px solid #e5e5e7;border-radius:18px;box-shadow:var(--shadow)}
.quick-heading h1{color:#1d1d1f;font-size:30px;letter-spacing:-.035em}.quick-heading p:not(.eyebrow){color:#6e6e73}.quick-done,.quick-done.done{color:#515154;background:#f2f2f4;border:0;padding:7px 11px}
.quick-fields{gap:12px;margin:26px 0 20px}.quick-number,.mood-pick,.quick-text{background:#f7f7f8;border:1px solid transparent;border-radius:12px;padding:16px}.quick-number>span,.mood-pick legend,.quick-text>span{color:#6e6e73}.quick-number input{color:#1d1d1f;border-bottom-color:#d1d1d6}.quick-number input:focus{border-color:#0071e3}.quick-text input,.quick-text textarea,.quick-text select{background:#fff;border-color:#d8d8dc;color:#1d1d1f}
.mood-pick{border-color:transparent}.mood-pick label span{background:#fff;border-color:#e5e5e7;border-radius:10px}.mood-pick label input:checked+span{background:#eaf4ee;border-color:#79a98d;box-shadow:0 0 0 3px #23824f12;transform:none}
.more-actions{max-width:900px;padding:24px}.action-grid{gap:8px}.action-grid button{background:#f7f7f8;border:1px solid transparent;color:#3a3a3c;border-radius:11px;padding:13px}.action-grid button:hover{background:#efeff1;border-color:transparent}.action-grid small{color:#86868b}
.quick-editor{max-width:900px;background:#fff}.quick-module-list>div{border-color:#e5e5e7}.quick-module-list button{background:#f5f5f7;border-color:#d8d8dc;color:#515154}.quick-module-list input,.widget-options input{accent-color:#23824f}
.unified-card{box-shadow:var(--shadow)}.unified-top{background:#fff;border-color:#e5e5e7}.unified-top p{color:#86868b}.record-date{color:#6e6e73;background:#f5f5f7;border:0}.entry-section{border-color:#ededf0}.entry-section>summary:hover,.entry-section[open]>summary,.entry-section.enabled[open]>summary{background:#f7f7f8}.group-icon{background:#f0f0f2;color:#515154}.group-title small,.expand-label,.chevron{color:#86868b}.entry-body .form-grid input,.entry-body .form-grid select,.entry-body .form-grid textarea,.form-grid input,.form-grid select,.form-grid textarea{background:#fff;color:#1d1d1f;border-color:#d1d1d6;border-radius:9px}.form-grid label,.include-group{color:#515154}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e318}.unified-save{background:#fafafa;border-color:#ededf0}.unified-save b{color:#3a3a3c}.unified-save span{color:#86868b}.success-message{background:#edf7f0;color:#276642}
.draft-banner,.undo-bar{background:#f7f7f8;border-color:#e5e5e7;color:#3a3a3c}.draft-banner p{color:#6e6e73}

/* Data and review surfaces */
.demo-banner,.live-banner,.note-box{background:#f2f2f4;border-color:#e5e5e7;color:#6e6e73}.demo-banner strong{color:#3a3a3c}
.today-card{background:#fff;border-color:#e5e5e7}.today-card .wide{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.today-card .wide:hover{background:#343436}.check-icon,.check-icon.pending{background:#f0f0f2;color:#6e6e73}.quote{border-color:#e5e5e7;color:#86868b}
.tabs{background:#ededf0;border:0;border-radius:8px}.tabs button{color:#6e6e73}.tabs button.selected{color:#1d1d1f;box-shadow:0 1px 3px #00000010}.progress{background:#ededf0}.progress i{background:#579270}.calendar>span{background:#f2f2f4;color:#86868b}.calendar>span.done{background:#afcbb9}.calendar>span.strong{background:#3d7858}.history-tabs{border-color:#e5e5e7}.history-tabs button{background:#fff;border-color:#d8d8dc;color:#6e6e73}.history-tabs button.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.history-tabs button:hover{background:#f2f2f4;color:#3a3a3c}.history-tabs button.active:hover{background:#343436;color:#fff}
th{background:#f7f7f8;color:#6e6e73}td{color:#515154;border-color:#ededf0}.search{background:#fff;border-color:#d8d8dc}.week-hero{background:#fff;border-color:#e5e5e7;border-radius:16px;box-shadow:var(--shadow)}.week-hero p,.week-coverage>span{color:#6e6e73}.week-coverage strong{color:#1d1d1f}
dialog{border-color:#e5e5e7;border-radius:18px;color:#1d1d1f;box-shadow:0 24px 80px #0003}dialog::backdrop{background:#0005;backdrop-filter:blur(8px)}.icon-btn{background:#ededf0;color:#6e6e73}

/* Assistant */
.assistant-header-button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:18px;background:#1d1d1f;color:#fff;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer}.assistant-header-button span{color:#a7efc1;font-size:14px}.assistant-header-button:hover{background:#343436}
#assistantFab{right:22px;bottom:22px;display:flex;align-items:center;gap:10px;border-radius:16px;background:#1d1d1f;padding:11px 15px 11px 12px;box-shadow:0 10px 30px #0003;font-weight:550;text-align:left}.assistant-fab-icon{display:grid!important;place-items:center;width:30px;height:30px;margin:0!important;border-radius:9px;background:#fff;color:#1d1d1f;font-size:16px!important}.assistant-fab-copy{display:flex;flex-direction:column}.assistant-fab-copy b{font-size:12px;line-height:1.25}.assistant-fab-copy small{margin-top:2px;color:#b8b8bd;font-size:9px;font-weight:400}
#assistantPanel{background:#fff;border-color:#e5e5e7;border-radius:18px;box-shadow:0 22px 70px #0003}
.assistant-head{background:#fafafa;border-color:#e5e5e7}.assistant-avatar{background:#1d1d1f;color:#fff}.assistant-head small,.assistant-head>button{color:#86868b}.assistant-body{background:#f5f5f7}.assistant-message{background:#fff;border-color:#e5e5e7;color:#3a3a3c}.assistant-message.user{background:#e9f3ed;border-color:#d7e8de}.assistant-suggestions button{background:#fff;border-color:#d8d8dc;color:#515154}.assistant-privacy{color:#86868b}#assistantForm{border-color:#e5e5e7}#assistantInput{background:#f5f5f7;border-color:transparent;color:#1d1d1f}#assistantForm button{background:#1d1d1f}
#toast{background:#1d1d1fee;border-radius:10px;box-shadow:0 8px 30px #0003}

@media(max-width:1180px){#sidebar{width:205px}.main-shell{margin-left:205px}}
@media(max-width:850px){#sidebar{width:224px;box-shadow:12px 0 40px #0002}.main-shell{margin-left:0}header{padding:0 20px}.mobile-menu{color:#515154}}
@media(max-width:620px){main{padding:24px 15px 32px}.page-heading h1,.record-intro h1,.quick-heading h1{font-size:26px}.quick-checkin{padding:22px 16px;border-radius:16px}.quick-fields{gap:9px}.quick-number,.mood-pick,.quick-text{padding:13px 11px}.more-actions{padding:20px 15px}.card{padding:18px}.assistant-header-button{width:34px;height:34px;padding:0;justify-content:center;border-radius:50%;font-size:0}.assistant-header-button span{font-size:15px}#assistantFab{right:14px;bottom:14px}.assistant-fab-copy small{display:none}#assistantPanel{border-radius:18px 18px 0 0}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Smart routines: brief, natural-language capture, experiments, correlations. */
.daily-brief{max-width:900px;margin:0 auto 14px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#1d1d1f;color:#fff;border-radius:16px}.daily-brief h2{margin:5px 0 3px;font-size:17px;letter-spacing:-.02em}.daily-brief p{margin:0;color:#b8b8bd;font-size:12px}.smart-kicker{color:#68c88e;font-size:10px;font-weight:700;letter-spacing:.1em}.brief-alerts{display:grid;gap:6px;min-width:250px}.brief-alerts button{border:0;background:#ffffff12;color:#eeeef0;border-radius:8px;padding:8px 10px;text-align:left;font-size:11px;cursor:pointer}.brief-alerts button:hover{background:#ffffff1c}.brief-alerts button span{color:#ff9f0a;font-size:7px;margin-right:8px}.brief-clear{color:#a7efc1;font-size:11px;text-align:right}
.smart-tools{max-width:900px;margin:0 auto 14px;display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.smart-log,.experiment-panel{background:#fff;border:1px solid #e5e5e7;border-radius:16px;padding:20px;box-shadow:var(--shadow)}.smart-log h2,.experiment-panel h2{font-size:16px;margin:5px 0}.smart-log p,.empty-copy{color:#86868b;font-size:11px;margin:5px 0 14px}.smart-log form{display:flex;gap:8px}.smart-log input{flex:1;min-width:0;border:1px solid #d1d1d6;border-radius:9px;padding:10px 12px;background:#f7f7f8;color:#1d1d1f}.smart-preview{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid #ededf0}.smart-preview>span{font-size:10px;color:#86868b}.smart-preview>b{padding:5px 8px;background:#eef6f1;color:#276642;border-radius:6px;font-size:10px}.smart-preview .btn{min-height:30px;padding:5px 9px;font-size:10px}.experiment-panel .card-head{margin-bottom:12px}.experiment-form{display:grid;grid-template-columns:1fr 92px;gap:10px}.experiment-form label{display:grid;gap:5px;color:#6e6e73;font-size:10px}.experiment-form label.wide{grid-column:1/-1}.experiment-form input{width:100%;border:1px solid #d1d1d6;border-radius:8px;padding:9px;background:#f7f7f8}.experiment-form button{grid-column:1/-1}.experiment-list{display:grid;gap:8px}.experiment-list>div{display:grid;padding:10px;background:#f7f7f8;border-radius:9px}.experiment-list b{font-size:11px}.experiment-list span,.experiment-list small{color:#86868b;font-size:9px;margin-top:3px}.relation-card{margin-bottom:20px}.relation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.relation-grid>div{display:grid;gap:4px;padding:14px;background:#f7f7f8;border-radius:11px}.relation-grid b{font-size:11px}.relation-grid strong{font-size:22px}.relation-grid span,.relation-grid small{color:#6e6e73;font-size:10px}
@media(max-width:900px){.smart-tools{grid-template-columns:1fr}.relation-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.daily-brief{align-items:flex-start;flex-direction:column;padding:18px}.brief-alerts{min-width:0;width:100%}.brief-clear{text-align:left}.smart-log,.experiment-panel{padding:17px 14px}.smart-log form{align-items:stretch;flex-direction:column}.relation-grid{grid-template-columns:1fr}.smart-preview .btn{flex:1}}

/* Personal intelligence surface. */
.ai-nav-icon{width:19px;text-align:center;font-size:15px;color:#4dd27f}.ai-hero{position:relative;min-height:310px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:42px 48px;margin-bottom:14px;border-radius:22px;background:#101113;color:#fff;isolation:isolate}.ai-grid-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 45%,#1d704f66,transparent 25%),linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;mask-image:linear-gradient(90deg,transparent,#000 40%)}.ai-hero-copy{max-width:650px}.ai-live{display:flex;align-items:center;gap:8px;color:#7fe4a7;font-size:10px;letter-spacing:.14em}.ai-live i{width:7px;height:7px;border-radius:50%;background:#42d477;box-shadow:0 0 14px #42d477;animation:aiPulse 2s infinite}.ai-hero h1{max-width:620px;margin:18px 0 12px;font-size:34px;line-height:1.2;letter-spacing:-.04em}.ai-hero p{max-width:560px;color:#a1a1a6;font-size:13px}.ai-actions{display:flex;gap:9px;margin-top:26px}.ai-primary,.ai-secondary{border:0;border-radius:10px;padding:11px 15px;font-size:12px;cursor:pointer}.ai-primary{background:#fff;color:#1d1d1f;font-weight:650}.ai-secondary{background:#ffffff12;color:#fff}.ai-orbit{position:relative;width:190px;height:190px;display:grid;place-items:center;flex:0 0 190px}.ai-score{width:116px;height:116px;display:grid;place-content:center;text-align:center;border:1px solid #71d89a66;border-radius:50%;background:#14281d99;box-shadow:inset 0 0 35px #3ee87b12,0 0 50px #3ee87b13}.ai-score span{color:#8eaaa0;font-size:10px}.ai-score strong{font-size:45px;line-height:1}.ai-score small{color:#7fe4a7}.ai-orbit>i{position:absolute;border:1px solid #5bd78a44;border-radius:50%;animation:aiSpin 12s linear infinite}.orbit-one{inset:12px;border-top-color:#7fe4a7!important}.orbit-two{inset:0;border-left-color:#fff8!important;animation-direction:reverse!important;animation-duration:19s!important}.ai-status-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:14px;overflow:hidden;border:1px solid #2e3034;border-radius:16px;background:#2e3034}.ai-status-row>div{display:grid;gap:5px;padding:18px;background:#18191c;color:#fff}.ai-status-row span,.ai-status-row small{color:#89898f;font-size:10px}.ai-status-row b{font-size:20px}.ai-meter{height:3px;overflow:hidden;background:#33353a;border-radius:3px}.ai-meter i{display:block;height:100%;background:#4bd780}.ai-analysis-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:14px}.ai-panel{min-height:265px;padding:22px;background:#fff;border:1px solid #e5e5e7;border-radius:16px;box-shadow:var(--shadow)}.ai-panel-head{display:flex;justify-content:space-between;align-items:flex-start}.ai-panel-head span{color:#38a765;font-size:9px;font-weight:700;letter-spacing:.14em}.ai-panel-head h2{margin:5px 0 18px;font-size:16px}.scan-dot{width:7px;height:7px;border-radius:50%;background:#34c759;box-shadow:0 0 10px #34c759}.signal-list{display:grid}.signal-list>div{display:grid;grid-template-columns:1fr auto;gap:2px;padding:10px 0;border-bottom:1px solid #ededf0}.signal-list>div:last-child{border:0}.signal-list span{color:#6e6e73;font-size:11px}.signal-list b{font-size:13px}.signal-list small{grid-column:1/-1;color:#86868b;font-size:9px}.signal-list small.up{color:#24834e}.signal-list small.down{color:#ba433d}.pattern-core{display:grid;place-items:start;padding:20px;background:#111214;color:#fff;border-radius:13px}.pattern-core span,.pattern-core p{color:#8e8e93;font-size:10px}.pattern-core strong{margin-top:14px;font-size:16px}.pattern-core b{font-size:38px;color:#75df9d}.pattern-core p{margin:4px 0 0}.pattern-empty{padding:38px 10px;color:#86868b;font-size:12px;text-align:center}.ai-disclaimer{color:#a1a1a6;font-size:9px}.ai-recommend ol{list-style:none;margin:0;padding:0}.ai-recommend li{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #ededf0}.ai-recommend li:last-child{border:0}.ai-recommend li span{color:#38a765;font:700 9px/1.7 ui-monospace,monospace}.ai-recommend li p{margin:0;color:#515154;font-size:11px;line-height:1.65}
@keyframes aiPulse{50%{opacity:.45;transform:scale(.82)}}@keyframes aiSpin{to{transform:rotate(360deg)}}
@media(max-width:980px){.ai-analysis-grid{grid-template-columns:1fr 1fr}.ai-recommend{grid-column:1/-1}.ai-status-row{grid-template-columns:1fr 1fr}.ai-orbit{width:150px;height:150px;flex-basis:150px}.ai-score{width:100px;height:100px}}
@media(max-width:650px){.ai-hero{min-height:auto;padding:28px 22px}.ai-hero h1{font-size:27px}.ai-orbit{display:none}.ai-actions{flex-direction:column}.ai-status-row{grid-template-columns:1fr 1fr}.ai-status-row>div{padding:14px}.ai-analysis-grid{grid-template-columns:1fr}.ai-recommend{grid-column:auto}}