:root{--font-ui:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Newsreader", ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:21px;--tap:44px;--gutter:20px;--radius:16px;--radius-lg:22px;--bg:#f5f1e9;--surface:#fffdf8;--surface-2:#ece8df;--ink:#17322d;--muted:#5c6b66;--line:#dcd8ce;--accent:#2e6f61;--accent-2:#d8e6df;--warm:#c57c55;--danger:#a04444;--danger-soft:#f2e2e2;--brand-mark-soft:#d8e6df;--shadow:0 12px 36px #1d302b17;--shadow-sm:0 2px 10px #1d302b0d;--hud-bg-1:#0b1a17;--hud-bg-2:#12302a;--hud-glow:#1c5348;--hud-ink:#eaf5f1;--hud-muted:#8fa8a1;--hud-line:#ffffff1c;--hud-surface:#ffffff0f;--bubble-a:#3fbfa1;--bubble-b:#63a4e8;--bubble-c:#d9a05b;--bubble-d:#b78ce0;--bubble-e:#d98cc4;--bubble-f:#74c98a;--bubble-danger:#ef6b6b;--bubble-quiet:#7f97a0;font-family:var(--font-ui);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111b19;--surface:#172522;--surface-2:#20302c;--ink:#edf4f0;--muted:#9aaba5;--line:#2d3d38;--accent:#75b7a5;--accent-2:#234238;--warm:#e0a17f;--danger:#e58989;--danger-soft:#3a2222;--brand-mark-soft:#234238;--shadow:0 12px 36px #0003;--shadow-sm:0 2px 10px #0000001f;--hud-bg-1:#0b1a17;--hud-bg-2:#12302a;--hud-glow:#1c5348;--hud-ink:#eaf5f1;--hud-muted:#8fa8a1;--hud-line:#ffffff1c;--hud-surface:#ffffff0f;--bubble-a:#3fbfa1;--bubble-b:#63a4e8;--bubble-c:#d9a05b;--bubble-d:#b78ce0;--bubble-e:#d98cc4;--bubble-f:#74c98a;--bubble-danger:#ef6b6b;--bubble-quiet:#7f97a0}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111b19;--surface:#172522;--surface-2:#20302c;--ink:#edf4f0;--muted:#9aaba5;--line:#2d3d38;--accent:#75b7a5;--accent-2:#234238;--warm:#e0a17f;--danger:#e58989;--danger-soft:#3a2222;--brand-mark-soft:#234238;--shadow:0 12px 36px #0003;--shadow-sm:0 2px 10px #0000001f;--hud-bg-1:#0b1a17;--hud-bg-2:#12302a;--hud-glow:#1c5348;--hud-ink:#eaf5f1;--hud-muted:#8fa8a1;--hud-line:#ffffff1c;--hud-surface:#ffffff0f;--bubble-a:#3fbfa1;--bubble-b:#63a4e8;--bubble-c:#d9a05b;--bubble-d:#b78ce0;--bubble-e:#d98cc4;--bubble-f:#74c98a;--bubble-danger:#ef6b6b;--bubble-quiet:#7f97a0}}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--ink);font-size:var(--text-base);margin:0;line-height:1.5}h1,h2,h3,p{margin-top:0}button,select,input{font:inherit;color:inherit}button{cursor:pointer}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(button,select,a):focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{background:var(--bg);width:100%;min-height:100dvh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-frame{width:100%;max-width:760px;margin:0 auto}.screen{padding:0 max(var(--gutter), env(safe-area-inset-left)) 40px max(var(--gutter), env(safe-area-inset-right))}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:var(--text-xs);margin:0 0 8px;font-weight:700}.persist-banner{margin:12px max(var(--gutter), env(safe-area-inset-left)) 0;border:1px solid color-mix(in srgb, var(--danger) 40%, var(--line));border-radius:var(--radius);background:var(--danger-soft);color:var(--ink);font-size:var(--text-sm);align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.45;display:flex}.persist-banner strong{color:var(--danger);margin-bottom:2px;display:block}.persist-message{flex:1;min-width:0}.persist-dismiss{min-width:var(--tap);min-height:var(--tap);color:var(--danger);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-8px -10px -8px 0;padding:0;display:grid}.primary-button{border-radius:var(--radius);width:100%;min-height:52px;color:var(--surface);background:var(--accent);font-size:var(--text-md);border:0;font-weight:700}.primary-button:disabled{opacity:.45;cursor:default}.app-shell[data-hud]{background:radial-gradient(135% 72% at 50% -12%, var(--hud-glow) 0%, transparent 62%), linear-gradient(180deg, var(--hud-bg-2) 0%, var(--hud-bg-1) 68%);height:100svh;min-height:0;color:var(--hud-ink);padding-bottom:0;position:relative;overflow:hidden}.app-shell[data-hud] .persist-banner{z-index:35;bottom:max(8px, env(safe-area-inset-bottom));width:min(100% - 24px,420px);margin:0;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #00000047}.app-shell[data-hud] .app-frame{flex-direction:column;height:100%;display:flex}.app-shell[data-hud=home] .app-frame{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.hud-screen{min-height:0;padding:max(4px, env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) 10px max(var(--gutter), env(safe-area-inset-left));flex-direction:column;flex:1;gap:8px;display:flex}.app-shell[data-hud] .eyebrow{color:var(--hud-muted)}.app-shell[data-hud] :where(button,select,a):focus-visible,.sheet-backdrop :where(button,select,a):focus-visible{outline-color:color-mix(in srgb, var(--bubble-a) 80%, transparent)}.tone-calm,.tone-clear{--tone:var(--bubble-a)}.tone-warm{--tone:var(--bubble-c)}.tone-pause{--tone:var(--bubble-quiet)}.hud-topbar{grid-template-columns:var(--tap) 1fr var(--tap);flex:none;align-items:center;min-height:46px;display:grid}.hud-icon-button{width:var(--tap);height:var(--tap);color:var(--hud-ink);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.hud-icon-button:disabled{opacity:.28;cursor:default}.hud-topbar>.hud-icon-button:last-child{justify-self:end}.hud-brand{--brand-mark-soft:#d8e6df;width:var(--tap);height:var(--tap);color:var(--hud-ink);place-items:center;display:grid}.hud-brand svg{width:27px;height:27px;display:block}.hud-title{text-align:center;font:600 var(--text-md)/1 var(--font-display);letter-spacing:.02em}.progress-dots{flex:none;justify-content:center;align-items:center;gap:7px;height:12px;display:flex}.progress-dots span{background:var(--hud-ink);border-radius:50%;width:5px;height:5px;display:block}.progress-dots span[data-state=active]{background:var(--tone,var(--bubble-a))}.hud-lead{flex:none;padding:2px 0 0}.hud-lead h1{font:600 clamp(26px, 7.6vw, 34px)/1.1 var(--font-display);letter-spacing:-.4px;margin:0}.cue-hero{flex:none;align-items:center;gap:13px;padding:2px 0;display:flex}.cue-orb{background:color-mix(in srgb, var(--tone,var(--bubble-a)) 22%, transparent);border:1px solid color-mix(in srgb, var(--tone,var(--bubble-a)) 55%, transparent);width:50px;height:50px;color:var(--tone,var(--bubble-a));border-radius:50%;flex:none;place-items:center;display:grid}.cue-live{flex:1;min-width:0}.cue-label{color:var(--hud-muted);text-transform:uppercase;letter-spacing:.12em;font-size:var(--text-xs);margin:0 0 2px;font-weight:700}.cue-live h1{font:700 clamp(23px, 6.6vw, 30px)/1.05 var(--font-ui);letter-spacing:.01em;color:var(--hud-ink);margin:0}.cue-headline{color:var(--hud-muted);font-size:var(--text-sm);margin:4px 0 0;line-height:1.35}.cue-detail-area{flex:none}.cue-detail-toggle{min-height:var(--tap);border:1px solid var(--hud-line);background:var(--hud-surface);color:var(--hud-muted);font-size:var(--text-xs);border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-weight:600;display:inline-flex}.cue-detail{color:var(--hud-muted);font-size:var(--text-sm);margin:7px 0 0;line-height:1.45}.cue-detail.is-urgent{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--bubble-danger) 45%, transparent);background:color-mix(in srgb, var(--bubble-danger) 14%, transparent);color:var(--hud-ink);font-size:var(--text-sm);flex:none;margin:0;padding:10px 12px;line-height:1.4}.hud-stage{flex:1;min-height:0;container-type:size}.bubble-orbit{--gap:clamp(10px, 3.2cqw, 16px);--label-h:48px;--cell-max:148px;--cell:min(calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols)), var(--cell-max));--orb:var(--cell);place-content:center;gap:var(--gap);width:100%;max-width:calc(var(--cols) * var(--cell) + (var(--cols) - 1) * var(--gap));flex-wrap:wrap;margin-inline:auto;display:flex}.hud-stage>.bubble-orbit{--orb:min(var(--cell), calc((100cqh - (var(--rows) - 1) * var(--gap)) / var(--rows) - var(--label-h)));height:100%}.bubble{width:var(--cell);color:var(--hud-ink);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:7px;padding:0;display:flex}.bubble-orb{width:var(--orb);height:var(--orb);background:radial-gradient(120% 120% at 32% 22%, color-mix(in srgb, var(--slot) 40%, transparent) 0%, color-mix(in srgb, var(--slot) 14%, transparent) 72%);border:1.5px solid color-mix(in srgb, var(--slot) 60%, transparent);box-shadow:0 8px 22px color-mix(in srgb, var(--slot) 20%, transparent);color:var(--slot);border-radius:50%;place-items:center;display:grid}.bubble[data-accent=a]{--slot:var(--bubble-a)}.bubble[data-accent=b]{--slot:var(--bubble-b)}.bubble[data-accent=c]{--slot:var(--bubble-c)}.bubble[data-accent=d]{--slot:var(--bubble-d)}.bubble[data-accent=e]{--slot:var(--bubble-e)}.bubble[data-accent=f]{--slot:var(--bubble-f)}.bubble[data-accent=danger]{--slot:var(--bubble-danger)}.bubble[data-accent=quiet]{--slot:var(--bubble-quiet)}.bubble-orb svg{width:34%;height:34%}.bubble-text{flex-direction:column;align-items:center;gap:1px;max-width:100%;display:flex}.bubble-subject{color:var(--hud-muted);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700;line-height:1.1}.bubble-label{text-align:center;text-wrap:balance;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(12px,3.4cqw,13.5px);font-weight:600;line-height:1.24}.hud-foot{flex:none}.hud-foot-button{width:100%;min-height:var(--tap);border:1px solid var(--hud-line);border-radius:var(--radius);background:var(--hud-surface);color:var(--hud-ink);font-size:var(--text-sm);padding:0 16px;font-weight:600}.advice-card{border:1px solid var(--hud-line);border-radius:var(--radius-lg);background:var(--hud-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:none;padding:11px 13px 6px}.advice-body{align-items:center;gap:8px;min-height:38px;display:flex}.advice-phrase{font:500 var(--text-base)/1.35 var(--font-display);color:var(--hud-ink);flex:1;margin:0}.advice-phrase.is-silence{color:var(--hud-muted);font-style:italic}.advice-next{min-width:var(--tap);min-height:var(--tap);color:var(--hud-muted);font-size:var(--text-xs);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:4px;font-weight:700;display:inline-flex}.copy-status{color:var(--hud-muted);font-size:var(--text-xs);margin:0;line-height:1.4}.advice-actions{gap:6px;margin-top:2px;display:flex}.advice-action{min-height:var(--tap);border-radius:var(--radius);color:var(--hud-muted);font-size:var(--text-sm);background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:7px;font-weight:600;display:inline-flex}.advice-action[aria-pressed=true]{color:var(--bubble-e)}.advice-action:disabled{opacity:.38;cursor:default}.complete-stage{place-items:center;display:grid}.complete-actions{flex-direction:column;gap:10px;width:100%;max-width:340px;display:flex}.hud-screen .primary-button{background:var(--bubble-a);color:#08211c}.text-button{min-height:var(--tap);color:var(--hud-muted);font-size:var(--text-sm);background:0 0;border:0;font-weight:600}.bottom-nav{z-index:20;height:calc(64px + env(safe-area-inset-bottom));padding:4px max(8px, env(safe-area-inset-left)) env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{min-height:var(--tap);color:var(--muted);font-size:var(--text-xs);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:600;display:flex}.nav-item.active{color:var(--accent);font-weight:700}.app-shell[data-hud] .bottom-nav{background:color-mix(in srgb, var(--hud-bg-1) 82%, transparent);border-top:1px solid var(--hud-line)}.app-shell[data-hud] .nav-item{color:var(--hud-muted)}.app-shell[data-hud] .nav-item.active{color:var(--bubble-a)}.sheet-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040c0a94;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.hud-sheet{width:100%;max-width:560px;max-height:86svh;padding:8px max(var(--gutter), env(safe-area-inset-left)) calc(16px + env(safe-area-inset-bottom));border:1px solid var(--hud-line);background:linear-gradient(180deg, var(--hud-bg-2) 0%, var(--hud-bg-1) 100%);color:var(--hud-ink);border-bottom:0;border-radius:26px 26px 0 0;flex-direction:column;display:flex}.sheet-handle{background:var(--hud-line);touch-action:none;cursor:grab;border-radius:999px;flex:none;width:44px;height:4px;margin:4px auto 12px}.sheet-heading{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet-heading h2{font:600 var(--text-xl)/1.15 var(--font-display);margin:0}.sheet-close{width:var(--tap);height:var(--tap);border:1px solid var(--hud-line);background:var(--hud-surface);color:var(--hud-ink);border-radius:50%;flex:none;place-items:center;display:grid}.sheet-body{flex:1;min-height:0;padding-top:8px;overflow-y:auto}.sheet-section{padding-bottom:18px}.sheet-section h3{font:600 var(--text-md)/1.2 var(--font-display);color:var(--hud-ink);margin:0 0 10px}.sheet-stage{container-type:inline-size}.sheet-stage .bubble-orbit{--cell-max:96px;--label-h:42px}.principle-details{flex-wrap:wrap;gap:7px;display:flex}.principle-pill{border:1px solid var(--hud-line);background:var(--hud-surface);color:var(--hud-ink);font-size:var(--text-xs);border-radius:8px;padding:7px 10px;font-weight:600;line-height:1.3}.sheet-reset{width:100%;min-height:var(--tap);border:1px solid var(--hud-line);border-radius:var(--radius);color:var(--hud-ink);font-size:var(--text-sm);background:0 0;margin-top:4px;font-weight:600}.tab-screen{padding-bottom:48px}.page-header{border-bottom:1px solid var(--line);padding:40px 0 24px}.page-header h1{margin-bottom:8px}.reflection-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);margin-top:22px;padding:22px 18px}.reflection-card h2{font:600 24px/1.2 var(--font-display);margin-bottom:16px}.reflect-context{background:var(--surface-2);color:var(--muted);font-size:var(--text-sm);border-radius:10px;margin:-8px 0 16px;padding:10px 12px;line-height:1.45}.reflection-card h3{color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;margin:26px 0 12px}.outcome-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.outcome-grid button{background:var(--bg);border:1px solid var(--line);min-height:78px;font-size:var(--text-sm);border-radius:13px;padding:8px 4px;font-weight:600;line-height:1.2}.outcome-grid button span{color:var(--accent);margin-bottom:5px;font-size:22px;display:block}.outcome-grid button.selected,.chip-grid button.selected{background:var(--accent-2);border-color:var(--accent);color:var(--accent)}.chip-grid{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.chip-grid button{min-height:var(--tap);background:var(--bg);border:1px solid var(--line);font-size:var(--text-sm);border-radius:22px;align-items:center;gap:5px;padding:8px 14px;font-weight:600;display:flex}.saved-banner{background:var(--accent-2);color:var(--accent);font-size:var(--text-sm);border-radius:12px;align-items:center;gap:9px;margin-top:18px;padding:13px 15px;font-weight:600;display:flex}.insight-card{background:color-mix(in srgb, var(--warm) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--warm) 30%, var(--line));border-radius:var(--radius);gap:14px;margin-top:14px;padding:18px;display:flex}.insight-icon{color:var(--warm);font-size:20px}.insight-card p:last-child{font:500 var(--text-md)/1.45 var(--font-display);margin:0}.recent-section{margin-top:30px}.recent-section h2,.settings-group h2{font:600 22px/1.2 var(--font-display)}.reflection-row{border-bottom:1px solid var(--line);font-size:var(--text-sm);grid-template-columns:62px 1fr;gap:4px 14px;padding:15px 2px;display:grid}.reflection-row>span{color:var(--muted);grid-row:span 2}.reflection-row small{color:var(--muted);font-size:var(--text-xs)}.filter-scroll{margin:18px calc(-1 * max(var(--gutter), env(safe-area-inset-left))) 4px;padding:2px max(var(--gutter), env(safe-area-inset-left)) 8px;scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.filter-scroll::-webkit-scrollbar{display:none}.filter-scroll button{min-height:var(--tap);border:1px solid var(--line);background:var(--surface);font-size:var(--text-sm);border-radius:22px;flex:none;padding:6px 16px;font-weight:600}.filter-scroll button.selected{background:var(--ink);color:var(--bg);border-color:var(--ink)}.principle-list article{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr;gap:14px;padding:22px 2px;display:grid}.principle-number{font:500 var(--text-md) var(--font-display);color:var(--accent)}.principle-category{color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em}.principle-list h2{font:600 var(--text-lg)/1.3 var(--font-display);margin:5px 0 7px}.principle-list p{color:var(--muted);font-size:var(--text-base);margin:0}.principle-list small{color:var(--accent);background:var(--accent-2);font-size:var(--text-xs);border-radius:6px;margin-top:10px;padding:5px 9px;font-weight:600;display:inline-block}.settings-group{margin-top:28px}.settings-group h2{margin-bottom:8px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:14px 0;display:flex}.setting-row>div{flex-direction:column;gap:4px;display:flex}.setting-row strong{font-size:var(--text-base)}.setting-row span{color:var(--muted);font-size:var(--text-sm);line-height:1.4}.toggle{background:var(--line);border:0;border-radius:20px;flex:none;width:52px;height:31px;padding:3px;transition:background .2s;position:relative}.toggle:after{content:"";position:absolute;inset:-7px -4px}.toggle>span{background:#fff;border-radius:50%;width:25px;height:25px;transition:transform .2s;display:block;box-shadow:0 1px 3px #00000040}.toggle.on{background:var(--accent)}.toggle.on>span{transform:translate(21px)}.theme-row select{min-height:var(--tap);border:1px solid var(--line);background:var(--surface);font-size:var(--text-sm);color:var(--ink);border-radius:12px;padding:8px 12px;font-weight:600}.privacy-note{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:16px;display:flex}.privacy-note svg{color:var(--accent);flex:none}.privacy-note p{font-size:var(--text-sm);margin:0;line-height:1.55}.clear-button{border:1px solid color-mix(in srgb, var(--danger) 45%, var(--line));width:100%;min-height:50px;color:var(--danger);font-size:var(--text-sm);background:0 0;border-radius:13px;margin-top:12px;font-weight:600}.mark{background:var(--ink);width:42px;height:42px;color:var(--bg);border-radius:13px;flex:none;place-items:center;display:grid}.mark svg{width:34px;height:34px;display:block}.about-card{background:var(--surface-2);border-radius:var(--radius);align-items:center;gap:14px;margin:34px 0 12px;padding:18px;display:flex}.about-card strong{font:600 var(--text-xl) var(--font-display)}.about-card p{color:var(--muted);font-size:var(--text-sm);margin:4px 0}.about-card small{color:var(--muted);font-size:var(--text-xs)}.about-card .about-credit{font-size:var(--text-xs);align-items:center;gap:4px;margin-top:9px;display:flex}.about-credit svg{color:var(--warm);flex:none}.about-credit a{min-height:var(--tap);color:var(--accent);align-items:center;font-weight:700;display:inline-flex}@media (width>=600px){:root{--gutter:34px}.app-shell{padding:18px 0 96px}.app-frame{background:var(--bg);border-radius:28px;min-height:calc(100dvh - 114px);overflow:clip;box-shadow:0 22px 80px #19272329}.app-shell[data-hud]{padding:0}.app-shell[data-hud] .app-frame{min-height:0;box-shadow:none;background:0 0;border-radius:0}.hud-screen{max-width:460px;margin-inline:auto}.bottom-nav{border:1px solid var(--line);width:460px;height:66px;box-shadow:var(--shadow);border-radius:22px;padding:4px 12px;bottom:16px;left:50%;right:auto;transform:translate(-50%)}}