:root{
  --bg:#f4f1eb;--surface:#fffdf8;--surface2:#ebe7df;--text:#1c2522;--muted:#69736f;
  --accent:#235f53;--accent2:#b7d9ca;--accentInk:#fff;--line:rgba(28,37,34,.10);--danger:#9c3c39;
  --shadow:0 18px 60px rgba(28,37,34,.09);--radius:26px;--safe-b:env(safe-area-inset-bottom,0px);
}
:root.dark{
  --bg:#111715;--surface:#18201d;--surface2:#202a26;--text:#f2f1ec;--muted:#a9b2ae;
  --accent:#8fc7b4;--accent2:#315e51;--accentInk:#10201b;--line:rgba(255,255,255,.09);--danger:#e48c86;
  --shadow:0 18px 60px rgba(0,0,0,.28);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}.app-shell{max-width:780px;margin:0 auto;min-height:100vh;padding-bottom:calc(94px + var(--safe-b))}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px)}.brand{border:0;background:none;color:var(--text);display:flex;align-items:center;gap:10px;padding:0;text-align:left}.brand b{display:block;letter-spacing:.12em;font-size:15px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.brand-mark{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--accent);display:grid;place-items:center}.brand-mark span{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 12%,transparent)}.top-actions{display:flex;gap:8px}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center;font-size:21px;cursor:pointer}.screen{display:none;padding:18px}.screen.active{display:block}.hero{padding:36px 4px 12px;text-align:center}.presence-orb{width:132px;height:132px;border-radius:50%;margin:8px auto 34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);background:radial-gradient(circle,var(--accent2) 0 28%,transparent 29%),var(--surface);box-shadow:0 0 0 18px color-mix(in srgb,var(--accent) 6%,transparent),0 0 0 38px color-mix(in srgb,var(--accent) 3%,transparent)}.presence-orb span{width:22px;height:22px;background:var(--accent);border-radius:50%;animation:pulse 3.4s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.22);opacity:.72}}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--accent);margin:0 0 10px}.hero h1,.section-head h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}.hero h1{font-size:clamp(42px,10vw,72px);line-height:.95;margin:0}.hero h1 em{color:var(--accent);font-style:italic}.hero-copy{font-size:16px;line-height:1.55;color:var(--muted);max-width:520px;margin:24px auto 28px}.primary,.secondary,.danger-btn{border:0;border-radius:18px;min-height:56px;padding:14px 20px;font-weight:800;cursor:pointer;transition:.18s ease}.primary{background:var(--accent);color:var(--accentInk);box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 22%,transparent)}.primary:active,.secondary:active{transform:scale(.985)}.primary.giant{font-size:19px;width:min(100%,430px);min-height:68px}.secondary{display:block;background:var(--surface);border:1px solid var(--line);color:var(--text);margin:10px auto 0;min-width:220px}.full{width:100%;margin:10px 0}.danger-btn{background:transparent;border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.mini-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;gap:14px;align-items:center;cursor:pointer;min-height:92px}.mini-card b{display:block;font-size:14px}.mini-card small{display:block;color:var(--muted);margin-top:5px;line-height:1.3}.mini-icon{width:38px;height:38px;border-radius:14px;background:var(--surface2);display:grid;place-items:center;color:var(--accent);font-size:20px;flex:0 0 auto}.gentle-note{font-size:12px;line-height:1.55;color:var(--muted);padding:18px;margin-top:12px;border-top:1px solid var(--line)}.section-head{padding:18px 0 14px}.section-head h2{font-size:38px;line-height:1.02;margin:0 0 12px}.section-head>p:last-child{color:var(--muted);line-height:1.55;margin:0;max-width:600px}.subhead{font-size:14px;margin:25px 2px 10px}.stack{display:grid;gap:10px}.insight-card,.stat-card,.history-card,.program-card,.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 7px 28px rgba(0,0,0,.025)}.insight-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent2) 58%,var(--surface)),var(--surface));font-size:17px;line-height:1.5}.stat-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.stat-card b{font-size:15px}.stat-card small{display:block;color:var(--muted);margin-top:4px}.stat-value{font-family:Georgia,serif;font-size:27px;color:var(--accent)}.bar{grid-column:1/-1;height:7px;border-radius:999px;background:var(--surface2);overflow:hidden}.bar>i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.history-card .history-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.history-card time{font-size:11px;color:var(--muted)}.score-chip{font-weight:800;padding:7px 10px;border-radius:999px;background:var(--surface2);font-size:12px;white-space:nowrap}.history-card p{color:var(--muted);line-height:1.45;font-size:13px}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11px;padding:6px 9px;border-radius:999px;background:var(--surface2);color:var(--muted)}.program-card h3{font-family:Georgia,serif;font-size:25px;font-weight:500;margin:0 0 8px}.program-card>p{color:var(--muted);font-size:13px;line-height:1.5}.progress-line{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:16px 0 8px}.program-steps{display:grid;gap:7px;margin-top:15px}.step-check{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.4}.step-check input{width:20px;height:20px;accent-color:var(--accent);flex:0 0 auto}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.toggle-row:last-child{border-bottom:0}.toggle-row b,.toggle-row small{display:block}.toggle-row small{color:var(--muted);margin-top:3px}.toggle-row input{display:none}.toggle-row i{width:48px;height:28px;border-radius:999px;background:var(--surface2);position:relative;flex:0 0 auto}.toggle-row i:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:var(--surface);top:3px;left:3px;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:.2s}.toggle-row input:checked+i{background:var(--accent)}.toggle-row input:checked+i:after{transform:translateX(20px)}.legal-copy{font-size:12px;line-height:1.55;color:var(--muted);padding:12px 3px 30px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,780px);height:calc(74px + var(--safe-b));padding:8px 8px var(--safe-b);display:grid;grid-template-columns:repeat(5,1fr);z-index:20;background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(22px)}.nav-item{border:0;background:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:18px}.nav-item small{font-size:9px;font-weight:700}.nav-item.active{color:var(--accent)}
.flow{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;max-width:780px;margin:0 auto}.flow-top{height:68px;padding:10px 14px;display:grid;grid-template-columns:44px 1fr 44px;gap:12px;align-items:center}.flow-progress{height:4px;background:var(--surface2);border-radius:999px;overflow:hidden}.flow-progress span{display:block;height:100%;width:15%;background:var(--accent);border-radius:inherit;transition:width .35s ease}.flow-body{flex:1;overflow:auto;padding:24px 20px calc(28px + var(--safe-b));display:flex;flex-direction:column}.flow-card{width:min(100%,560px);margin:auto}.flow-card.top{margin:10px auto auto}.flow-card h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(35px,8vw,54px);line-height:1.03;letter-spacing:-.03em;margin:0 0 14px}.flow-card .lead{color:var(--muted);line-height:1.55;margin:0 0 22px}.cause-box{width:100%;min-height:150px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--text);padding:18px;font-size:17px;line-height:1.5;resize:none;outline:none}.cause-box:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent)}.voice-row{display:flex;justify-content:center;margin:16px 0}.mic-btn{width:70px;height:70px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--accent);font-size:27px;display:grid;place-items:center;position:relative}.mic-btn.recording{background:var(--danger);color:#fff;animation:micpulse 1.2s ease-in-out infinite}@keyframes micpulse{50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--danger) 12%,transparent)}}.helper{text-align:center;color:var(--muted);font-size:12px}.range-wrap{padding:24px 0}.score-big{text-align:center;font-family:Georgia,serif;font-size:92px;line-height:1;color:var(--accent);margin:8px 0 24px}.anxiety-range{width:100%;accent-color:var(--accent)}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:8px}.analysis-card{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:22px;margin:18px 0}.analysis-card .chip{display:inline-block;font-size:11px;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent2) 45%,transparent);padding:7px 10px;border-radius:999px;margin-bottom:14px}.analysis-card p{margin:0;line-height:1.55}.practice-stage{display:flex;flex-direction:column;min-height:100%;text-align:center}.practice-meta{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800}.practice-stage h2{font-family:Georgia,serif;font-size:42px;font-weight:500;margin:9px 0 8px}.practice-stage>p{color:var(--muted);margin:0 auto;max-width:490px}.practice-visual{height:260px;position:relative;display:flex;align-items:center;justify-content:center;margin:16px 0}.moving-dot{width:38px;height:38px;border-radius:50%;background:var(--accent);position:absolute;left:7%;animation:leftright 3.2s ease-in-out infinite alternate}@keyframes leftright{to{left:86%}}.bilateral{display:flex;justify-content:space-between;width:76%}.bilateral i{width:76px;height:76px;border-radius:50%;background:var(--surface2);transition:.15s}.bilateral i.on{background:var(--accent);box-shadow:0 0 0 18px color-mix(in srgb,var(--accent) 10%,transparent)}.breath-orb{width:120px;height:120px;border-radius:50%;background:var(--accent2);border:2px solid var(--accent);display:grid;place-items:center;color:var(--text);font-weight:800;animation:breathe 10s ease-in-out infinite}.breath-orb span{font-size:14px}@keyframes breathe{0%,100%{transform:scale(.78)}40%{transform:scale(1.22)}60%{transform:scale(1.22)}}.countdown{font-family:Georgia,serif;font-size:78px;color:var(--accent)}.instruction-box{min-height:86px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;place-items:center;font-size:16px;line-height:1.45;margin-bottom:12px}.practice-actions{margin-top:auto}.text-btn{border:0;background:none;color:var(--muted);padding:13px}.feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.feedback-grid button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:18px;min-height:60px;font-weight:800}.feedback-grid button:first-child{background:color-mix(in srgb,var(--accent2) 50%,var(--surface));color:var(--accent)}.feedback-grid button:last-child{color:var(--danger)}.safety-card{border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));background:color-mix(in srgb,var(--danger) 5%,var(--surface));border-radius:26px;padding:22px;line-height:1.55}.safety-card h3{margin-top:0}.crisis-btn{display:block;text-align:center;text-decoration:none;background:var(--danger);color:#fff;border-radius:18px;padding:18px;font-weight:800;margin-top:18px}.result-delta{text-align:center;font-family:Georgia,serif;font-size:64px;color:var(--accent);margin:16px 0 2px}.toast{position:fixed;left:50%;bottom:105px;transform:translateX(-50%);max-width:min(90vw,520px);z-index:200;background:var(--text);color:var(--bg);padding:12px 16px;border-radius:14px;box-shadow:var(--shadow);font-size:13px}.hidden{display:none!important}.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:22px}.skeleton-card{min-height:100px}
@media(max-width:520px){.home-grid{grid-template-columns:1fr}.hero{padding-top:20px}.presence-orb{width:104px;height:104px;margin-bottom:28px}.section-head h2{font-size:34px}.flow-body{padding-left:16px;padding-right:16px}.feedback-grid button{font-size:12px}.nav-item small{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* v1.1 — calmer SOS flow */
.orient-visual{display:flex;align-items:center;justify-content:center;gap:18px;min-width:260px}.orient-visual span{font-family:Georgia,serif;font-size:34px;color:var(--accent);margin-right:4px}.orient-visual i{width:16px;height:16px;border-radius:50%;background:var(--surface2);animation:orientpulse 3s ease-in-out infinite}.orient-visual i:nth-of-type(2){animation-delay:.45s}.orient-visual i:nth-of-type(3){animation-delay:.9s}@keyframes orientpulse{0%,100%{transform:scale(.85);background:var(--surface2)}45%{transform:scale(1.35);background:var(--accent)}}
.practice-symbol{min-width:210px;min-height:110px;padding:22px;border-radius:30px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-family:Georgia,serif;font-size:28px;color:var(--accent);box-shadow:0 14px 40px rgba(0,0,0,.035)}
.practice-timer{font-size:11px;color:var(--muted);margin:-2px 0 8px}.practice-actions{display:grid;gap:2px;margin-top:auto}.practice-actions .secondary{margin-top:0}.practice-actions .primary{margin-top:6px}.instruction-box{min-height:112px}.score-empty{color:var(--muted)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.result-compare{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px 0 4px;font-family:Georgia,serif}.result-compare b{font-size:58px;font-weight:500;color:var(--accent)}.result-compare span{font-size:28px;color:var(--muted)}
@media(max-width:520px){.practice-visual{height:210px}.practice-symbol{min-height:96px;font-size:25px}.instruction-box{min-height:120px}.result-compare b{font-size:50px}}