:root{--color-ink:#16332f;--color-canvas:#fff9f2;--color-surface:#fff;--color-primary:#1f5e57;--color-primary-soft:#ddeeea;--color-sun:#f2b84b;--color-coral-soft:#f4d6cb;--color-lavender-soft:#e9e4f5;--color-blue-soft:#dceaf5;--color-border:#d8d3cb;--color-danger:#a93434;color:var(--color-ink);background:var(--color-canvas);font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.55}*{box-sizing:border-box}body{background:linear-gradient(180deg, #ddeeeab8, transparent 280px), var(--color-canvas);min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;overflow-wrap:anywhere;white-space:normal;min-width:0;max-width:100%}button:disabled{cursor:not-allowed;opacity:.58}:focus-visible{outline:3px solid var(--color-sun);outline-offset:3px;box-shadow:0 0 0 2px var(--color-ink)}.app-frame{width:min(100%,680px);min-width:0;min-height:100vh;margin:0 auto;padding:16px 16px 104px}.app-frame.live{padding-bottom:max(190px,12rem)}.app-header,.live-header{justify-content:space-between;align-items:center;gap:16px;padding:12px 0 8px;display:flex}.live-header>span{overflow-wrap:anywhere;min-width:0}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;font-size:1.75rem;line-height:1.18}h2{font-size:1.375rem;line-height:1.25}h3{font-size:1.125rem;line-height:1.3}.screen,.stack{gap:16px;display:grid}.panel,.activity-card,.hero-panel,.resume,.blocked,.phone-down,.notice{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;box-shadow:0 10px 30px #16332f14}.hero-panel{background:var(--color-primary-soft);margin-bottom:16px}.notice{background:var(--color-blue-soft);box-shadow:none;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.notice svg{flex:none;margin-top:2px}.eyebrow{color:var(--color-primary);letter-spacing:0;margin-bottom:4px;font-size:.875rem;font-weight:700}.meta,.supporting,small,.empty{color:#16332fb8}label{gap:6px;margin-bottom:14px;font-weight:700;display:grid}input,textarea,select{border:1px solid var(--color-border);width:100%;min-height:48px;color:var(--color-ink);background:#fff;border-radius:8px;padding:10px 12px}textarea{min-height:96px}fieldset{border:1px solid var(--color-border);border-radius:8px;min-width:0;margin:0 0 20px;padding:14px}legend{padding:0 6px;font-weight:800}.field-group{flex-wrap:wrap;gap:8px;margin:8px 0 16px;display:flex}.segmented>span{margin-bottom:6px;font-weight:700;display:block}.chip,.secondary,.quiet,.icon-button,.primary,.danger{border:1px solid var(--color-border);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 14px;display:inline-flex}.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);width:100%;font-weight:800}.secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary);font-weight:700}.quiet{color:var(--color-primary);background:0 0;border-color:#0000}.danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff;font-weight:800}.chip{background:var(--color-surface);color:var(--color-ink)}.chip.selected{background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:inset 0 0 0 2px var(--color-primary)}.check-list{gap:8px;display:grid}.check-row{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;grid-template-columns:24px 1fr;align-items:start;gap:12px;padding:12px}.check-row input{width:22px;min-height:22px;margin-top:4px}.check-row small{display:block}.profile-form,.safety-answer-list{gap:12px;display:grid}.safety-answer{background:#fbf7f1;margin:0}.safety-answer>p{color:#16332fb8;margin-bottom:10px}.radio-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.radio-options label{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;min-height:48px;margin:0;padding:8px}.radio-options input{width:22px;min-height:22px;margin:0}.profile-form-actions{gap:10px;display:grid}.form-error,.save-confirmation{border-left:4px solid var(--color-danger);background:var(--color-coral-soft);padding:10px 12px}.save-confirmation{border-left-color:var(--color-primary);background:var(--color-primary-soft)}.profile-summary{gap:8px;display:grid}.profile-summary div{grid-template-columns:minmax(7rem,.45fr) 1fr;gap:12px;display:grid}.profile-summary dt{font-weight:800}.profile-summary dd{margin:0}.profile-answer-summary{padding-left:20px}html[data-large-text=true]{font-size:125%}html[data-reduced-motion=true] *,html[data-reduced-motion=true] :before,html[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.activity-card{gap:8px;display:grid}.activity-card.unavailable{background:#fbf7f1}.why{background:var(--color-lavender-soft);border-radius:8px;padding:12px}.why ul{margin:8px 0 0;padding-left:18px}.safety-copy{border-left:4px solid var(--color-danger);padding-left:12px}.review-note{background:var(--color-coral-soft);border-radius:8px;padding:12px}.bottom-nav,.live-controls{width:min(100%,680px);padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);z-index:5;background:#fff9f2f5;gap:8px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav{grid-template-columns:repeat(4,1fr)}.nav-button{min-height:56px;color:var(--color-ink);background:0 0;border:0;border-radius:8px;justify-items:center;gap:2px;padding:6px;display:grid}.nav-button svg{width:20px}.nav-button.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:800}.resume,.blocked{gap:12px;margin-bottom:16px;display:grid}.phone-down{text-align:center;align-content:center;gap:18px;min-height:54vh;display:grid}.timer{background:var(--color-primary-soft);border:2px solid var(--color-primary);border-radius:999px;place-items:center;width:104px;height:104px;margin:0 auto;font-size:1.75rem;font-weight:800;display:grid}.observation-grid{gap:10px;display:grid}.observation{border:1px solid var(--color-border);background:var(--color-surface);min-height:56px;color:var(--color-ink);text-align:left;border-radius:8px;padding:12px}.live-controls{grid-template-columns:1fr 1fr}.live-controls .quiet{grid-column:1/-1}.icon-button{background:var(--color-surface);width:48px;min-width:48px;color:var(--color-primary);border-color:var(--color-primary);flex:0 0 48px;padding:0}.safety-panel{border-color:var(--color-danger)}#safety-exit-heading:focus{outline:3px solid var(--color-sun);outline-offset:3px;box-shadow:0 0 0 2px var(--color-ink)}.callout{background:var(--color-blue-soft);border-radius:8px;margin-bottom:16px;padding:12px}.data-review{white-space:pre-wrap;border:1px solid var(--color-border);background:#fbf7f1;border-radius:8px;max-height:260px;padding:12px;overflow:auto}.journey-item{border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}@media (width>=760px){.app-frame{padding-top:28px}.resume,.blocked{grid-template-columns:1fr auto;align-items:center}}@media (width<=360px){.app-frame.live{padding-bottom:16px}.live-controls{width:100%;padding:10px 0 calc(10px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);margin-top:16px;position:static;transform:none}.live-controls .quiet{grid-column:auto}}@media (width<=520px){.radio-options{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}