.preview-page{min-height:100vh;background:#f3f8f6;color:#183936;font-family:system-ui,-apple-system,Noto Sans TC,sans-serif}.preview-wrap{width:min(100% - 24px,680px);margin:0 auto;padding:16px 0 48px}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 2px 18px}.preview-brand{display:flex;align-items:center;gap:10px}.preview-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;background:#176e62;font-weight:900;font-size:24px}.preview-brand strong{font-size:16px;display:block;letter-spacing:.025em}.preview-brand small{display:block;font-size:9px;color:#73938b;letter-spacing:.08em;margin-top:3px}.preview-pill{flex-shrink:0;padding:7px 11px;background:#e3f3ec;color:#176c5c;border-radius:999px;font-size:12px;font-weight:800}.preview-notice{display:grid;gap:5px;padding:14px;border:1px solid #f3dca4;background:#fff9e8;color:#7d5212;border-radius:15px;line-height:1.55;font-size:13px}.preview-notice strong{font-size:13px}.preview-hero{margin-top:18px;padding:28px 22px;border-radius:22px;background:linear-gradient(130deg,#0b6b60,#2b9b83);color:#fff}.preview-eyebrow{margin:0;color:#289383;font-size:12px;font-weight:900;letter-spacing:.12em}.preview-hero .preview-eyebrow{color:#c8f5e8}.preview-hero h1{margin:8px 0;font-size:clamp(27px,7vw,36px);line-height:1.2}.preview-hero>p:last-child{margin:0;font-size:14px;color:#e2f9f2}.preview-section{margin-top:22px}.preview-section h2,.preview-list h2{font-size:18px;margin:0 0 12px;color:#183d37}.preview-section-title{display:flex;align-items:baseline;justify-content:space-between}.preview-section-title span{font-size:12px;color:#6c8c81}.preview-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-metrics article{min-width:0;display:grid;gap:8px;padding:16px 12px;border:1px solid #d9e9e3;border-radius:16px;background:#fff}.preview-metrics article:last-child{grid-column:1/-1}.preview-metrics small{color:#5f7f75;font-size:12px;font-weight:700}.preview-metrics strong{font-size:clamp(21px,5vw,27px);overflow-wrap:anywhere;color:#143c34}.preview-metrics article span{font-size:12px;color:#748f88}.preview-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-quick button,.preview-submit{border-radius:13px;min-height:51px;padding:12px 10px;font-size:14px;font-weight:800}.preview-quick-primary,.preview-submit{border:1px solid #146e60;color:#fff;background:#146e60}.preview-quick-outline{border:1px solid #8dc8b8;color:#0d7462;background:#fff}.preview-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.preview-modules button{position:relative;display:grid;align-content:start;gap:9px;text-align:left;min-height:150px;padding:16px 13px;border:1px solid #dfe9e6;border-radius:16px;background:#fff;color:#173d37}.preview-module-index{font-size:12px;font-weight:900;color:#17816f}.preview-modules strong{font-size:18px}.preview-modules small{color:#6c8580;font-size:12px;line-height:1.6;padding-right:6px}.preview-module-chevron{position:absolute;top:13px;right:14px;color:#1d8270;font-size:19px}.preview-footer{margin:27px 0;color:#72877e;font-size:12px;line-height:1.6;text-align:center}.preview-back{border:0;background:transparent;color:#176e62;font-weight:800;padding:15px 0}.preview-detail{margin-top:13px;padding:22px 17px 26px;border:1px solid #d9e9e3;border-radius:20px;background:#fff}.preview-detail h1{font-size:26px;margin:8px 0}.preview-caption{font-size:14px;color:#67827a;line-height:1.7;margin:0 0 20px}.preview-form{display:grid;gap:16px}.preview-form label{display:grid;gap:7px;font-size:14px;color:#31544b;font-weight:700}.preview-form input{min-height:48px;width:100%;padding:11px 13px;border:1px solid #c9dad3;border-radius:11px;background:#fff;font:inherit;color:#133b34}.preview-form input:focus{outline:2px solid #73bbaa;outline-offset:1px}.preview-submit{margin-top:7px}.preview-list{margin-top:25px;display:grid;gap:10px}.preview-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2eae6;border-radius:12px;padding:12px;font-size:14px}.preview-list p{margin:0;color:#7a938a;font-size:14px}.preview-detail-metrics{margin-top:17px}.preview-empty{display:grid;gap:12px;padding:22px 16px;background:#f4faf7;border:1px solid #d9ebe3;border-radius:15px}.preview-empty p{margin:0;color:#64867a;line-height:1.7}.preview-feedback{margin:14px 0 0;padding:14px;border:1px solid #b5d9c6;border-radius:12px;background:#eaf7ef;font-size:14px;color:#236449}@media(max-width:359px){.preview-quick,.preview-metrics{grid-template-columns:1fr}.preview-metrics article:last-child{grid-column:auto}}.brain-root{--brain-text:#203b3b;--brain-muted:#637a77;min-height:100vh;background:#f6f9f7;color:var(--brain-text);font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;padding:max(18px,env(safe-area-inset-top)) 0 calc(28px + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased}.brain-root *,.brain-root *:before,.brain-root *:after{box-sizing:border-box}.brain-root button{font:inherit;cursor:pointer}.brain-root button:focus-visible{outline:3px solid #076d73;outline-offset:3px}.brain-root button:disabled{cursor:wait;opacity:.76}.brain-layout{width:min(calc(100% - 30px),770px);margin:0 auto}.brain-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0 23px}.brain-brand{display:flex;align-items:center;gap:10px}.brain-emblem{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#194f4f;color:#fff;font-size:25px;font-weight:800}.brain-brand-text{display:grid;gap:2px}.brain-brand-text strong{font-size:15px;letter-spacing:.12em;line-height:1.2}.brain-brand-text small{font-size:12px;color:#66837c}.brain-tag{background:#e9f2ee;border:1px solid #dceae5;border-radius:999px;padding:8px 12px;white-space:nowrap;color:#467369;font-size:12px;font-weight:800}.brain-hero{position:relative;isolation:isolate;overflow:hidden;min-height:235px;border-radius:28px;background:linear-gradient(125deg,#194a4c,#267477 68%,#327d77);padding:clamp(25px,5vw,42px);color:#fff}.brain-hero-copy{position:relative;z-index:2;max-width:520px}.brain-kicker{display:flex;align-items:center;gap:8px;color:#c5e7df;font-size:12px;font-weight:750;letter-spacing:.045em}.brain-kicker-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#cee6ad}.brain-hero h1{color:#fff;font-size:clamp(27px,5.2vw,39px);line-height:1.38;letter-spacing:-.035em;font-weight:850;margin:15px 0 12px}.brain-hero p{font-size:14px;color:#e0f3ed;line-height:1.95;max-width:410px;margin:0}.brain-decoration{position:absolute;right:-10px;top:50%;width:190px;height:190px;transform:translateY(-50%);display:grid;place-items:center;pointer-events:none;color:#e9f7df;opacity:.38}.brain-orbit{position:absolute;border:1px solid currentColor;border-radius:50%}.orbit-one{width:180px;height:180px}.orbit-two{width:126px;height:126px}.orbit-three{width:70px;height:70px}.brain-spark{font-size:41px}.brain-section-header{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:30px 2px 16px}.brain-eyebrow{font-weight:850;letter-spacing:.12em;font-size:11px;color:#63948a}.brain-section-header h2{font-size:clamp(20px,4.5vw,25px);margin:4px 0 0;color:#1e4647;line-height:1.35}.brain-count{font-size:12px;color:#839b94;white-space:nowrap;margin-bottom:4px}.brain-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.brain-choice{min-width:0;min-height:256px;border-radius:24px;border:2px solid transparent;padding:17px 16px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;box-shadow:none;transition:transform .16s,border-color .16s,box-shadow .16s}.brain-choice:active{transform:scale(.98)}.brain-choice:hover{box-shadow:0 8px 23px #1d434311}.brain-choice--active{border-color:var(--choice-ink)!important;box-shadow:0 0 0 2px #ffffff80 inset}.brain-choice--attention{background:#e4f3f3;--choice-ink:#197080}.brain-choice--memory{background:#fff0e7;--choice-ink:#a76a4b}.brain-choice--relax{background:#eaf2e5;--choice-ink:#577c53}.brain-choice--sleep{background:#eeedf9;--choice-ink:#7369a5}.brain-choice-top{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--choice-ink);opacity:.85}.brain-choice-next{font-size:23px;line-height:1}.brain-choice-icon{color:var(--choice-ink);display:flex;margin:9px 0 7px}.brain-choice-name{font-size:clamp(24px,5.7vw,30px);font-weight:900;color:#1c3e40;line-height:1.28}.brain-choice-en{font-size:10px;font-weight:900;letter-spacing:.14em;margin-top:3px;color:var(--choice-ink)}.brain-choice-description{margin-top:12px;line-height:1.6;color:#56726c;font-size:12px}.brain-choice-action{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:8px;color:var(--choice-ink);font-size:12px;font-weight:850;line-height:1.4}.brain-play-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffffffb0;font-size:11px;flex:0 0 auto}.brain-player{margin-top:22px;background:#fff;border:1px solid #dce9e4;border-radius:21px;padding:16px 17px;box-shadow:0 2px 7px #153d3606}.brain-player-header{display:flex;align-items:center;gap:12px}.brain-player-disc{background:#e2f2ec;color:#287f71;border-radius:50%;width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;font-size:28px}.brain-player-info{min-width:0;display:grid;gap:3px;flex:1}.brain-player-eyebrow{color:#668f84;letter-spacing:.12em;font-size:9px;font-weight:850}.brain-player-info strong{font-size:16px;font-weight:850;color:#214946}.brain-player-info small{font-size:11px;line-height:1.45;color:#6b827e}.brain-player-status{font-size:11px;font-weight:750;color:#387f70;white-space:nowrap;background:#f0f7f3;padding:6px 8px;border-radius:100px}.brain-player-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}.brain-control{border:0;border-radius:11px;background:#1b7069;color:#fff;min-height:44px;padding:10px 16px;font-size:13px!important;font-weight:800!important}.brain-stop{background:#eaf1ee;color:#42645d}.brain-volume{display:flex;flex:1;min-width:160px;align-items:center;gap:7px;font-size:12px;font-weight:750;color:#4b7069}.brain-volume input{min-width:50px;flex:1;width:100%;accent-color:#22786d;cursor:pointer}.brain-volume span:last-child{min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.brain-error{color:#b53e35;background:#fff2ee;padding:10px;border-radius:10px;margin:13px 0 0;font-size:13px}.brain-usage-note{font-size:12px;line-height:1.8;color:#6b837b;margin:18px 2px 0}.brain-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:#8ba09a;margin:24px 3px 4px}@media(max-width:420px){.brain-layout{width:calc(100% - 26px)}.brain-hero{min-height:245px;padding:25px 22px}.brain-hero h1{max-width:270px}.brain-hero p{max-width:265px}.brain-decoration{opacity:.17;right:-55px}.brain-choice{min-height:270px;padding:15px 13px}.brain-choice-description{font-size:12px}.brain-choice-action{font-size:11px}.brain-section-header{margin-top:25px}}@media(max-width:350px){.brain-choice{min-height:289px}.brain-card-grid{gap:9px}.brain-choice-action{gap:5px}.brain-play-dot{width:25px;height:25px}.brain-volume{flex-basis:100%}}@media(min-width:660px){.brain-choice{min-height:242px}.brain-hero{min-height:260px}.brain-choice-description{font-size:13px}}@media(prefers-reduced-motion:reduce){.brain-choice{transition:none}}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.65}.page{width:min(100% - 32px,480px);margin:0 auto;padding:32px 0}.auth-page{min-height:100vh;display:grid;align-items:center}.auth-card{width:100%;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 12px 32px #0f172a14}.auth-header h1,.auth-card h1{margin:6px 0 8px;font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.15}.eyebrow{margin:0;font-size:.86rem;font-weight:700;letter-spacing:.04em}.muted{margin:0;color:#64748b;line-height:1.65}.auth-form{display:grid;gap:16px;margin-top:24px}.field{display:grid;gap:8px;font-weight:700}.field input{width:100%;min-height:48px;padding:11px 13px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;outline:none}.field input:focus{border-color:#334155;box-shadow:0 0 0 3px #3341551f}.primary-button,.secondary-button{width:100%;min-height:48px;border-radius:12px;font-weight:800}.primary-button{border:1px solid #0f172a;background:#0f172a;color:#fff}.secondary-button{margin-top:20px;border:1px solid #cbd5e1;background:#fff;color:#0f172a}.auth-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:20px}.link-button{padding:6px 0;border:0;background:transparent;color:#334155;text-decoration:underline;text-underline-offset:3px}.form-message{margin:0;padding:12px 14px;border-radius:10px;line-height:1.5;font-weight:650}.form-message.error{background:#fef2f2;color:#991b1b}.form-message.success{background:#f0fdf4;color:#166534}@media(min-width:640px){.page{padding:48px 0}.auth-card{padding:32px}}.form-card{width:100%;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 12px 32px #0f172a14}.form-header h1{margin:6px 0 8px;font-size:clamp(1.6rem,6vw,2rem);line-height:1.2}.profile-form{display:grid;gap:16px;margin-top:24px}.field small{margin-left:4px;color:#64748b;font-weight:500}.field select{width:100%;min-height:48px;padding:11px 13px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;outline:none}.field select:focus{border-color:#334155;box-shadow:0 0 0 3px #3341551f}.field-grid{display:grid;gap:16px;grid-template-columns:1fr}.consent-box{display:grid;gap:12px;padding:16px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.checkbox-field{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;line-height:1.55}.checkbox-field input{width:18px;height:18px;margin-top:3px}@media(min-width:440px){.field-grid{grid-template-columns:1fr 1fr}}.level-preview,.summary-card{display:grid;gap:6px;padding:16px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.level-preview span,.summary-card span{color:#64748b;font-size:.9rem;font-weight:650}.level-preview strong{font-size:1.35rem}.level-preview small{color:#64748b;line-height:1.5}.summary-card{margin:24px 0;gap:14px}.summary-card div{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.measurement-section{display:grid;gap:16px}.measurement-section h2{margin:0;font-size:1.1rem}.collapsible-section{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.section-toggle{width:100%;min-height:48px;padding:12px 14px;display:flex;justify-content:space-between;gap:16px;border:0;background:#f8fafc;color:#0f172a;font-weight:800}.section-body{padding:16px}.field-full{grid-column:1 / -1}.calculation-note{grid-column:1 / -1;padding:12px 14px;border-radius:10px;background:#eff6ff;color:#1e3a8a;line-height:1.5}.segment-list{display:grid;gap:14px}.segment-card{display:grid;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.page-actions{display:grid;gap:10px;margin-top:12px}.records-header{display:grid;gap:16px}.compact-button{width:auto;justify-self:start;margin:0}.records-section{display:grid;gap:14px;margin-top:24px}.records-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.records-section-heading h2{margin:0;font-size:1.1rem}.records-section-heading span{color:#64748b;font-size:.88rem}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{display:grid;gap:4px;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.metric-card span,.metric-card small{color:#64748b;font-size:.82rem}.metric-card strong{font-size:1.35rem}.comparison-grid{display:grid;gap:10px;grid-template-columns:1fr}.comparison-item{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.history-list{display:grid;gap:10px}.history-card{display:grid;gap:10px;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.history-card-main{display:flex;justify-content:space-between;gap:12px;align-items:start}.history-card-main>div{display:grid;gap:4px}.history-card-main>div span{color:#64748b;font-size:.86rem}.history-metrics{display:flex;flex-wrap:wrap;gap:8px 14px;color:#475569;font-size:.88rem}.verification-badge,.mini-badge{width:fit-content;margin:0;padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:750}.verification-badge.verified,.mini-badge.verified{background:#f0fdf4;color:#166534}.verification-badge.pending,.mini-badge.pending{background:#fff7ed;color:#9a3412}.empty-state{display:grid;gap:10px;margin-top:24px;padding:20px;border:1px dashed #cbd5e1;border-radius:14px;text-align:center}.empty-state h2,.empty-state p{margin:0}@media(min-width:560px){.records-header{grid-template-columns:1fr auto;align-items:start}.metric-grid,.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.trend-section-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.trend-section-heading>div:first-child{display:grid;gap:4px}.trend-range-tabs{display:flex;gap:6px;flex-wrap:wrap}.trend-range-tabs button{border:1px solid #d8dee8;background:#fff;border-radius:999px;padding:7px 11px;font:inherit;cursor:pointer}.trend-range-tabs button.active{border-color:#0f766e;background:#ecfdf5;font-weight:700}.trend-grid{display:grid;gap:12px}.trend-card{border:1px solid #e4e7ec;border-radius:16px;padding:14px;background:#fff}.trend-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:end}.trend-card-heading>div{display:grid;gap:2px}.trend-card-heading span,.trend-card-heading small{color:#667085}.trend-card-heading strong{font-size:1.1rem}.trend-chart{width:100%;height:auto;margin-top:10px;overflow:visible}.chart-axis{stroke:#d0d5dd;stroke-width:1}.chart-line{stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.trend-empty{min-height:116px;display:grid;place-items:center;text-align:center;color:#667085;font-size:.92rem;padding:12px}.trend-note{margin-top:10px}@media(min-width:760px){.trend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-header{display:grid;gap:4px}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.home-action-card{min-height:150px;padding:18px;display:grid;align-content:start;gap:8px;text-align:left;border:1px solid #dbe3ec;border-radius:18px;background:#fff;color:#0f172a;box-shadow:0 8px 20px #0f172a0d}.home-action-card:focus-visible{outline:3px solid rgba(15,118,110,.2);border-color:#0f766e}.home-action-title{font-size:1.15rem;font-weight:850}.home-action-description{color:#64748b;font-size:.9rem;line-height:1.5}.home-action-badge{width:fit-content;margin-top:auto;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:750}.home-health-note{margin-top:20px;font-size:.85rem}@media(max-width:359px){.home-grid{grid-template-columns:1fr}}.food-total-card{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-top:24px;padding:16px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.food-total-card span{color:#64748b;font-weight:700}.food-total-card strong{font-size:1.4rem}.food-list{display:grid;gap:10px;margin-top:24px}.food-list h2{margin:0 0 2px;font-size:1.05rem}.food-list-item{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.steps-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.steps-summary-card,.steps-list-item{padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.steps-summary-card{display:grid;gap:6px}.steps-summary-card span,.steps-list-item span{color:#64748b}.steps-list{display:grid;gap:10px;margin-top:24px}.steps-list h2{margin:0;font-size:1.1rem}.steps-list-item{display:flex;justify-content:space-between;gap:12px}.daily-summary-section{margin-top:24px}.daily-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.daily-summary-grid .metric-card{min-width:0}.daily-summary-grid .metric-card strong{font-size:clamp(1.1rem,5vw,1.35rem);overflow-wrap:anywhere}@media(max-width:359px){.daily-summary-grid{grid-template-columns:1fr}}.pwa-install-card{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:560px;margin:0 auto;padding:14px 16px;border-radius:16px;background:#111827f5;color:#fff;box-shadow:0 12px 32px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pwa-install-card strong{display:block;font-size:15px;margin-bottom:3px}.pwa-install-card p{margin:0;font-size:12px;line-height:1.45;color:#d1d5db}.pwa-install-card button{border:0;border-radius:12px;padding:10px 14px;white-space:nowrap;font-weight:700;background:#fff;color:#111827}@media(min-width:720px){.pwa-install-card{left:50%;right:auto;transform:translate(-50%);width:min(560px,calc(100% - 24px))}}.social-login-list{display:grid;gap:12px;margin-top:24px}.social-login-button{width:100%;min-height:54px;padding:10px 14px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;border:1px solid #d7dde5;border-radius:14px;background:#fff;color:#111827;font-weight:800;text-align:center}.social-login-button:after{content:"›";justify-self:end;color:#94a3b8;font-size:1.4rem}.social-login-button:focus-visible{outline:3px solid rgba(15,118,110,.18);border-color:#0f766e}.social-login-mark{width:34px;height:34px;display:grid;place-items:center;justify-self:start;border-radius:10px;background:#f1f5f9;font-weight:900;font-size:.9rem}.social-line .social-login-mark{background:#06c755;color:#fff;font-size:.68rem}.social-google .social-login-mark{background:#fff;color:#4285f4;border:1px solid #e5e7eb;font-size:1.1rem}.social-facebook .social-login-mark{background:#1877f2;color:#fff;font-size:1.2rem}.social-wechat .social-login-mark{background:#07c160;color:#fff}.social-login-error{margin-top:16px}.social-login-note{margin:18px 0 0;color:#64748b;font-size:.82rem;line-height:1.55;text-align:center}.companion-card{display:grid;gap:14px;margin-top:16px;padding:16px;border:1px solid #dbeafe;border-radius:16px;background:#eff6ff}.companion-card h2{margin:2px 0 6px;font-size:1.08rem}.companion-card .muted{margin:0;line-height:1.6}.companion-speak-button{width:100%}.demo-mode-banner{margin-top:18px;padding:12px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:.86rem;line-height:1.55}.demo-dashboard-card{max-width:760px}.demo-dashboard-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.demo-dashboard-header h1{margin:4px 0 6px}.demo-pill{padding:6px 10px;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:.78rem;font-weight:800;white-space:nowrap}.demo-feature-grid{display:grid;gap:14px;margin-top:20px}.demo-feature-card{display:grid;gap:12px;padding:16px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 6px 18px #0f172a0a}.demo-feature-card h2{margin:0 0 4px;font-size:1.08rem}.demo-feature-card p{margin:0;line-height:1.55}.demo-feature-number{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#0f766e;color:#fff;font-weight:900}.visually-hidden-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.demo-photo-preview{display:grid;gap:8px}.demo-photo-preview img{width:100%;max-height:300px;object-fit:contain;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.demo-photo-preview span{font-size:.8rem;color:#64748b;overflow-wrap:anywhere}.weight-compare-row{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:#f8fafc}.weight-compare-row.secondary{background:#f1f5f9}.weight-compare-row label{display:grid;gap:5px;flex:1;color:#64748b;font-size:.82rem;font-weight:700}.weight-compare-row input{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;font-size:1rem}.weight-compare-row strong{font-size:1.15rem;white-space:nowrap}.weight-delta{padding:10px 12px;border-radius:12px;background:#f1f5f9;font-weight:800}.weight-delta.up{background:#fff7ed;color:#c2410c}.weight-delta.down{background:#ecfdf5;color:#047857}.calorie-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.calorie-summary div{min-width:0;display:grid;gap:5px;padding:12px 8px;border-radius:14px;background:#f8fafc;text-align:center}.calorie-summary span{color:#64748b;font-size:.78rem}.calorie-summary strong{font-size:.98rem;overflow-wrap:anywhere}.demo-inline-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-inline-inputs label{display:grid;gap:6px;color:#64748b;font-size:.8rem;font-weight:700}.demo-inline-inputs input{min-width:0;min-height:42px;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;font-size:1rem}.companion-feature-card{border-color:#bfdbfe;background:#eff6ff}.voice-status{font-weight:700;color:#334155}.companion-audio-player{width:100%}@media(max-width:420px){.calorie-summary,.demo-inline-inputs{grid-template-columns:1fr}}.app-version-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-2px 0 14px;padding:9px 12px;border-radius:12px;background:#0f172a;color:#fff;font-size:.82rem}.app-version-bar span{opacity:.78}.app-version-bar strong{font-size:.96rem;letter-spacing:.02em}.ordering-card{max-width:760px}.ordering-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ordering-header h1{margin:4px 0 6px;font-size:clamp(1.4rem,5vw,1.9rem)}.ordering-assistant{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:start;margin-top:18px;padding:16px;border:1px solid #fecaca;border-radius:18px;background:#fff7ed}.assistant-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#dc2626;color:#fff;font-size:1.4rem;font-weight:900}.ordering-assistant p{margin:4px 0 0;line-height:1.6;color:#7c2d12}.ordering-mic{margin-top:14px;min-height:58px;font-size:1.05rem}.ordering-text-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.ordering-text-row input{min-width:0;min-height:48px;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px}.ordering-text-row button{border:0;border-radius:12px;padding:0 16px;font-weight:800;background:#334155;color:#fff}.ordering-menu,.ordering-cart,.kitchen-orders,.daily-item-summary{display:grid;gap:10px;margin-top:22px}.ordering-menu h2,.ordering-cart h2,.daily-item-summary h2{margin:0;font-size:1.05rem}.ordering-menu button{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;text-align:left}.ordering-cart>div,.daily-item-summary>div{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;background:#f8fafc}.ordering-total{margin-top:4px;border-top:1px solid #e2e8f0}.sales-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.sales-summary div{display:grid;gap:4px;padding:14px;border-radius:14px;background:#f8fafc}.sales-summary span{color:#64748b;font-size:.82rem}.sales-summary strong{font-size:1.25rem}.kitchen-order-card{display:grid;gap:8px;padding:14px;border:1px solid #fecaca;border-radius:14px;background:#fff7ed}.kitchen-order-card>div{display:flex;justify-content:space-between;gap:12px}.kitchen-order-card p{margin:0;font-size:1rem;font-weight:750}@media(max-width:420px){.ordering-header{display:grid}.ordering-header .compact-button{justify-self:start}.sales-summary,.ordering-text-row{grid-template-columns:1fr}.ordering-text-row button{min-height:44px}}.measurement-upload-section{padding:16px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff}.measurement-upload-actions{display:grid;grid-template-columns:1fr;gap:10px}.measurement-upload-secondary{margin-top:0}.measurement-photo-preview{display:grid;gap:8px}.measurement-photo-preview img{width:100%;max-height:320px;object-fit:contain;border-radius:14px;border:1px solid #e2e8f0;background:#fff}.ocr-status{background:#eff6ff;color:#1e3a8a}@media(min-width:440px){.measurement-upload-actions{grid-template-columns:1fr 1fr}}.food-photo-section{display:grid;gap:14px;margin-top:24px;padding:16px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff}.food-photo-section h2{margin:0 0 6px;font-size:1.08rem}.food-photo-actions{display:grid;grid-template-columns:1fr;gap:10px}.food-photo-secondary{margin-top:0}.food-photo-preview img{width:100%;max-height:320px;object-fit:contain;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.food-recognition-status{background:#eff6ff;color:#1e3a8a}.food-recognition-results{display:grid;gap:10px;padding:14px;border:1px solid #bfdbfe;border-radius:14px;background:#fff}.food-recognition-heading,.food-recognition-item{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.food-recognition-heading span,.food-recognition-item span{color:#64748b;font-size:.82rem}.food-recognition-item{padding:10px 0;border-top:1px solid #eef2f7}.food-recognition-item>div{display:grid;gap:3px}.food-recognition-item>strong{white-space:nowrap}.food-estimate-note{font-size:.84rem}@media(min-width:440px){.food-photo-actions{grid-template-columns:1fr 1fr}}.steps-upload-section{display:grid;gap:14px;margin-top:24px;padding:16px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff}.steps-upload-section h2{margin:0 0 6px;font-size:1.08rem}.steps-upload-actions{display:grid;grid-template-columns:1fr;gap:10px}.steps-upload-secondary{margin-top:0}.steps-photo-preview img{width:100%;max-height:320px;object-fit:contain;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.steps-ocr-status{background:#eff6ff;color:#1e3a8a}.steps-note{font-size:.84rem}@media(min-width:440px){.steps-upload-actions{grid-template-columns:1fr 1fr}}.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;padding:4px;border-radius:14px;background:#f1f5f9}.auth-mode-tabs button{min-height:42px;border:0;border-radius:10px;background:transparent;color:#64748b;font-weight:800}.auth-mode-tabs button.active{background:#fff;color:#0f172a;box-shadow:0 2px 8px #0f172a14}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0 0;color:#94a3b8;font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e2e8f0}.account-section{display:grid;gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid #e2e8f0}.account-section h2{margin:0;font-size:1.1rem}.danger-zone{padding:16px;border:1px solid #fecaca;border-radius:16px;background:#fff7f7}.danger-button{width:100%;min-height:48px;border:1px solid #b91c1c;border-radius:12px;background:#b91c1c;color:#fff;font-weight:800}.daily-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page{width:min(calc(100% - 24px),760px);padding:18px 0 48px}.home-shell{padding:clamp(16px,4vw,32px);border-color:#e2eee9;background:#fff}.home-header .eyebrow{color:#0d766a;font-size:.78rem;letter-spacing:.085em}.home-header h1{color:#142c33;font-size:clamp(1.8rem,6vw,2.45rem)}.home-overview{margin-top:22px;padding:clamp(16px,3vw,26px);border:1px solid #cde5db;border-radius:22px;background:linear-gradient(145deg,#effcf6,#f6fcfb 57%,#fff)}.home-overview-heading,.home-feature-heading{display:flex;justify-content:space-between;align-items:end;gap:12px}.home-overview-heading h2,.home-feature-heading h2{margin:2px 0 0;font-size:1.2rem;color:#123940}.home-section-kicker{margin:0;color:#177c6c;font-size:.69rem;font-weight:800;letter-spacing:.13em}.home-today-date,.home-feature-heading span{color:#557b77;font-size:.82rem;white-space:nowrap}.home-stats{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-stat{min-width:0;display:flex;flex-direction:column;gap:7px;padding:14px 12px;border:1px solid #d9e9e3;border-radius:15px;background:#ffffffed}.home-stat-label{font-size:.76rem;font-weight:750;color:#49706b}.home-stat strong{color:#16373a;font-size:clamp(.95rem,3.4vw,1.48rem);line-height:1.25;overflow-wrap:anywhere}.home-stat small{font-size:.69rem;color:#647d7b;line-height:1.4}.home-load-error{margin-top:12px;padding:11px 12px;border-radius:12px;background:#fff6ed;color:#9a3412;font-size:.85rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.home-load-error button{border:1px solid #fed7aa;background:#fff;color:#9a3412;border-radius:9px;min-height:38px;padding:6px 12px;font-weight:750}.home-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.home-quick-actions button{min-height:50px;padding:12px;border-radius:13px;font-weight:800;line-height:1.3}.home-primary-action{border:1px solid #0f766e;background:#0f766e;color:#fff}.home-secondary-action{border:1px solid #afd5c7;background:#fff;color:#08645d}.home-feature-section{margin-top:28px}.home-feature-heading{align-items:center}.home-feature-heading span{background:#eef7f4;padding:4px 8px;border-radius:999px;font-weight:700}.home-feature-section .home-grid{margin-top:14px}.home-feature-section .home-action-card{position:relative;min-height:146px;gap:7px;padding:16px;border-color:#e1ebe7;box-shadow:none;transition:transform .15s,border-color .15s,background .15s}.home-feature-section .home-action-card:hover{transform:translateY(-2px);background:#fbfefd;border-color:#8ebfb0}.home-action-index{color:#1b8978;font-size:.73rem;font-weight:850;letter-spacing:.04em}.home-feature-section .home-action-title{font-size:1.12rem;color:#173b3c}.home-feature-section .home-action-description{padding-right:6px}.home-action-arrow{position:absolute;top:14px;right:16px;font-size:1.1rem;color:#0c776d}.home-signout{margin-top:14px}@media(max-width:440px){.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stat:last-child{grid-column:1 / -1}.home-stat strong{font-size:1.35rem}}@media(max-width:359px){.home-quick-actions{grid-template-columns:1fr}.home-today-date{font-size:.74rem}}@media(prefers-reduced-motion:reduce){.home-feature-section .home-action-card{transition:none}}:root{--dy-bg: #f4f6f4;--dy-surface: #e9efec;--dy-surface-2: #ffffff;--dy-ink: #17211d;--dy-muted: #66716c;--dy-accent: #0f766e;--dy-accent-ink: #ffffff}.dayong-app-shell{min-height:100vh;background:var(--dy-bg);color:var(--dy-ink);padding:max(20px,env(safe-area-inset-top)) 0 calc(88px + env(safe-area-inset-bottom))}.dayong-app{width:min(calc(100% - 32px),720px);margin:0 auto}.dayong-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dayong-topbar h1{margin:0;font-size:clamp(1.35rem,5.8vw,1.8rem);line-height:1.15;letter-spacing:-.025em}.dayong-product-scope{margin:7px 0 0;color:var(--dy-muted);font-size:.9rem;line-height:1.5}.dayong-avatar{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:var(--dy-surface);color:var(--dy-accent);font-weight:900}.dayong-date-row{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--dy-muted);font-size:.82rem}.dayong-hero-card{margin-top:18px;padding:20px 0 0}.dayong-hero-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.dayong-hero-heading h2,.dayong-section-title h2{margin:0;font-size:1.08rem;line-height:1.25}.dayong-hero-heading>span,.dayong-section-title>span{color:var(--dy-muted);font-size:.76rem;text-align:right}.dayong-metric-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px 0;background:transparent}.dayong-metric{min-width:0;display:grid;gap:5px;padding:0;background:transparent}.dayong-metric span{color:var(--dy-muted);font-size:.76rem}.dayong-metric strong{min-width:0;font-size:clamp(1.35rem,5vw,2rem);line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.035em;overflow-wrap:anywhere}.dayong-metric small{color:var(--dy-muted);font-size:.7rem;line-height:1.4}.dayong-inline-error{margin-top:8px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7e8df;color:#7c2d12;font-size:.82rem}.dayong-inline-error button{border:0;padding:8px 10px;background:var(--dy-surface-2);color:#7c2d12;font-weight:800}.dayong-quick-section,.dayong-tools-section{margin-top:34px}.dayong-section-title{display:flex;align-items:end;justify-content:space-between;gap:12px}.dayong-quick-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dayong-quick-card{min-height:100px;padding:16px;display:block;text-align:left;border:0;border-radius:0;background:var(--dy-surface);color:var(--dy-ink)}.dayong-quick-card.primary{background:var(--dy-accent);color:var(--dy-accent-ink)}.dayong-quick-card>span{display:grid;gap:7px}.dayong-quick-card strong{font-size:1rem;line-height:1.25}.dayong-quick-card small{color:var(--dy-muted);font-size:.76rem;line-height:1.45}.dayong-quick-card.primary small{color:#fffc}.dayong-tool-list{margin-top:12px;display:grid;gap:6px}.dayong-tool-card{width:100%;min-height:72px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px 14px;text-align:left;border:0;border-radius:0;background:var(--dy-surface-2);color:var(--dy-ink)}.dayong-tool-copy{min-width:0;display:grid;gap:4px}.dayong-tool-copy strong{font-size:.96rem}.dayong-tool-copy small{color:var(--dy-muted);font-size:.76rem;line-height:1.45}.dayong-chevron{color:var(--dy-muted);font-size:1.35rem}.dayong-insight-card{margin-top:34px;padding:18px;background:#e9ede7}.dayong-insight-card strong{display:block;font-size:1rem}.dayong-insight-card p{margin:8px 0 0;color:var(--dy-muted);font-size:.82rem;line-height:1.6}.dayong-disclaimer{margin:22px 4px 0;color:var(--dy-muted);font-size:.72rem;line-height:1.55;text-align:left}.dayong-signout-link{display:block;margin:14px 0 0;padding:0;border:0;background:transparent;color:var(--dy-muted);font-size:.8rem;text-decoration:underline;text-underline-offset:3px}.dayong-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:repeat(4,1fr);padding:8px max(16px,calc((100vw - 720px)/2)) max(8px,env(safe-area-inset-bottom));background:var(--dy-surface-2)}.dayong-bottom-nav button{min-height:48px;border:0;border-radius:0;background:transparent;color:var(--dy-muted);font-weight:750}.dayong-bottom-nav button.active{color:var(--dy-accent);background:var(--dy-surface)}.dayong-avatar:focus-visible,.dayong-quick-card:focus-visible,.dayong-tool-card:focus-visible,.dayong-bottom-nav button:focus-visible{outline:2px solid var(--dy-accent);outline-offset:2px}@media(max-width:430px){.dayong-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dayong-metric:last-child{grid-column:1 / -1;padding-top:4px}.dayong-quick-grid{grid-template-columns:1fr}}@media(min-width:700px){.dayong-app-shell{padding-top:32px}.dayong-tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}