:root{--font-ui:"IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;--font-editorial:"Instrument Serif", Georgia, serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--q-ink:#15130f;--q-charcoal:#26231e;--q-soot:#37322a;--q-ash:#686157;--q-muted:#91887a;--q-line:#d8d0c3;--q-paper:#f4efe6;--q-rice:#faf7f0;--q-hanji:#f2ece1;--q-bone:#f8f3ea;--q-signal-jade:#2fb7a8;--q-signal-jade-dark:#176d65;--q-hos-violet:#695b8f;--q-warning-ochre:#b98a3a;--q-danger-cinnabar:#c54432;--q-line-strong:#15130f47;--surface-page:var(--q-paper);--surface-card:#faf7f0d6;--shadow-float:0 18px 54px #15130f1a;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--focus-ring:2px solid var(--q-signal-jade-dark);font-family:var(--font-ui);color:var(--q-ink);background:var(--surface-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{background:var(--surface-page)}body{min-width:320px;min-height:100vh;color:var(--q-ink);background:radial-gradient(circle at 18% 0%, #ffffff4d, transparent 34%), radial-gradient(#15130f09 1px, transparent 1px) 0 0 / 7px 7px, var(--surface-page);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:var(--q-signal-jade-dark)}:where(button,a,input,textarea):focus-visible{outline:var(--focus-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.app-frame{min-height:100svh;padding:0 24px calc(40px + env(safe-area-inset-bottom))}.app-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4efe6f0;border-bottom:1px solid #15130f24;justify-content:space-between;align-items:center;gap:20px;width:min(1120px,100%);min-height:64px;margin:0 auto 36px;padding:14px 0;display:flex;position:sticky;top:0}.brand-lockup,.top-nav,.hero-actions,.choice-row,.row-actions,.chat-controls,.report-actions{align-items:center;gap:12px;display:flex}.brand-lockup{color:var(--q-ink);background:0 0;border:0;padding:0}.brand-lockup strong{font-family:var(--font-display);font-size:20px;font-weight:760;line-height:1}.brand-mark{border:1px solid var(--q-line-strong);width:32px;height:32px;color:var(--q-signal-jade-dark);font-family:var(--font-editorial);border-radius:50%;place-items:center;font-size:21px;display:inline-grid}.top-nav{scrollbar-width:none;overflow-x:auto}.top-nav::-webkit-scrollbar{display:none}.top-nav button{min-height:44px;color:var(--q-soot);font-family:var(--font-mono);letter-spacing:.075em;text-transform:uppercase;background:0 0;border:0;padding:0 2px;font-size:10px;font-weight:600}.top-nav button.active{color:var(--q-signal-jade-dark)}.landing,.setup-page,.archive-page,.chat-page,.report-page,.auth-page{width:min(1120px,100%);margin:0 auto}.hero{border:1px solid var(--q-line);border-radius:var(--radius-xl);background:linear-gradient(90deg, transparent 0 94%, #ffffff2e 94% 100%) 0 0 / 34px 100%, linear-gradient(0deg, transparent 0 94%, #ffffff38 94% 100%) 0 0 / 100% 34px, var(--q-hanji);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:42px;min-height:540px;padding:54px;display:grid;overflow:hidden}.hero-copy h1,.section-heading h1,.setup-card h1,.auth-card h1,.status-card h1,.chat-header h1{font-family:var(--font-display);letter-spacing:0;margin:10px 0 14px;font-size:clamp(38px,7vw,82px);line-height:.94}.hero-subcopy,.landing-band p,.setup-card p,.auth-card p,.status-card p,.session-row p,.chat-header p,.report-page p{color:var(--q-ash);line-height:1.55}.hero-subcopy{max-width:680px;font-size:19px}.beta-ribbon{border-radius:var(--radius-sm);width:fit-content;color:var(--q-signal-jade-dark);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#2f785e14;border:1px solid #2f785e47;margin:22px 0 0;padding:8px 12px;font-size:11px;font-weight:700}.eyebrow{color:var(--q-muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.hero-panel{gap:14px;display:grid}.hero-panel div,.paper-card,.landing-band,.session-row,.message,.safety-notice,.emergency-help{background:var(--surface-card);border:1px solid var(--q-line);border-radius:var(--radius-md)}.hero-panel div{padding:20px}.hero-panel span{color:var(--q-hos-violet);font-family:var(--font-editorial);font-size:44px;line-height:.9;display:block}.hero-panel strong{margin-top:12px;font-size:18px;display:block}.primary-action,.secondary-action,.danger-action,.link-button{border-radius:var(--radius-sm);justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:750;text-decoration:none;display:inline-flex}.primary-action{border:1px solid var(--q-signal-jade-dark);background:var(--q-signal-jade-dark);color:#fff}.secondary-action{border:1px solid var(--q-line);color:var(--q-ink);background:#faf7f0c7}.danger-action{color:var(--q-danger-cinnabar);background:#c5443214;border:1px solid #c5443257}.text-link{min-height:44px;color:var(--q-signal-jade-dark);text-underline-offset:4px;background:0 0;border:0;padding:0;font-weight:760;text-decoration:underline}.landing-band,.paper-card,.session-row,.safety-notice,.emergency-help{padding:24px}.landing-band{margin-top:24px}.setup-grid{gap:20px;display:grid}.setup-card h2{margin:8px 0 16px;font-size:24px;line-height:1.1}.hos-summary{grid-template-columns:170px 1fr;gap:14px;margin:22px 0;display:grid}.hos-code,.hos-domains div{border-radius:var(--radius-sm);background:#f8f3eaa8;border:1px solid #15130f1f;padding:14px}.hos-code strong{color:var(--q-hos-violet);font-family:var(--font-editorial);font-size:64px;line-height:.9;display:block}.hos-domains{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hos-domains span,.hos-code span,.message-meta,.counter{color:var(--q-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.mode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.mode-card{text-align:left;border:1px solid var(--q-line);border-radius:var(--radius-sm);min-height:150px;color:var(--q-ink);background:#faf7f0b8;padding:16px}.mode-card.selected{border-color:var(--q-signal-jade-dark);box-shadow:inset 0 0 0 1px var(--q-signal-jade-dark)}.mode-card strong,.mode-card span,.mode-card small{display:block}.mode-card span{color:var(--q-ash);margin-top:10px}.mode-card small{color:var(--q-danger-cinnabar);margin-top:10px;line-height:1.35}.field-label{margin-bottom:10px;font-size:20px;font-weight:760;display:block}textarea{border:1px solid var(--q-line);border-radius:var(--radius-sm);width:100%;color:var(--q-ink);resize:vertical;background:#faf7f0d1;padding:14px}.consent-row{grid-template-columns:22px 1fr;align-items:start;gap:12px;min-height:44px;margin:14px 0;display:grid}.consent-row input{width:20px;height:20px;margin-top:2px}.emergency-note{border-left:3px solid var(--q-warning-ochre);padding-left:12px}.beta-callout{border-radius:var(--radius-sm);background:#2f785e14;border:1px solid #2f785e3d;margin:14px 0 18px;padding:14px}.beta-callout strong{color:var(--q-signal-jade-dark);display:block}.beta-callout p{margin:6px 0 0}.beta-code-label{margin-top:16px;font-size:15px}.beta-code-label input{border:1px solid var(--q-line);border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--q-ink);font:inherit;background:#faf7f0d1;margin-top:8px;padding:0 14px}.pay-action{width:100%;margin-top:10px}.center-state{text-align:center;place-items:center;width:min(680px,100%);min-height:360px;margin:0 auto;display:grid}.status-card{width:min(680px,100%)}.error-text{color:var(--q-danger-cinnabar)}.checkout-reference{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:12px}.section-heading{margin-bottom:22px}.session-list,.report-sections,.transcript{gap:14px;display:grid}.session-row{grid-template-columns:1fr auto;align-items:center;gap:20px;display:grid}.session-row h2{margin:6px 0 8px;font-size:22px}.chat-page{gap:14px;padding-bottom:112px;display:grid}.chat-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:1fr auto;align-items:center;gap:18px;display:grid;position:sticky;top:76px}.chat-header h1{font-size:clamp(30px,4vw,48px)}.emergency-help{padding:14px 18px}.emergency-help button{min-height:44px;color:var(--q-danger-cinnabar);background:0 0;border:0;padding:0;font-weight:760}.message{white-space:pre-wrap;width:min(760px,100%);padding:18px}.message.user{background:#2fb7a81a;justify-self:end}.message.assistant{justify-self:start}.message.streaming{border-color:var(--q-signal-jade-dark)}.composer{width:min(1120px,100% - 48px);left:50%;bottom:env(safe-area-inset-bottom);background:linear-gradient(180deg, #f4efe600, var(--q-paper) 28%);grid-template-columns:1fr auto;gap:12px;padding:14px 0 18px;display:grid;position:fixed;transform:translate(-50%)}.composer textarea{min-height:56px;max-height:180px}.status-pill{border:1px solid var(--q-line);border-radius:var(--radius-sm);color:var(--q-ash);margin:0;padding:12px 16px}.mode-switcher{position:relative}.mode-sheet{z-index:30;border:1px solid var(--q-line);border-radius:var(--radius-md);background:var(--q-rice);width:min(360px,88vw);box-shadow:var(--shadow-float);gap:8px;padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.mode-sheet button{border:1px solid var(--q-line);border-radius:var(--radius-sm);min-height:54px;color:var(--q-ink);text-align:left;background:#faf7f0cc;padding:10px}.mode-sheet span{color:var(--q-ash);font-size:13px;display:block}.safety-notice{background:#c5443214;border-color:#c544325c}.report-actions{margin-bottom:16px}.google-action{place-items:center start;gap:8px;min-height:44px;display:grid}.google-action span{color:var(--q-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.report-section h2{margin:0 0 10px;font-size:24px}.dialog-backdrop{z-index:80;background:#15130f52;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--q-line);border-radius:var(--radius-md);background:var(--q-rice);width:min(520px,100%);box-shadow:var(--shadow-float);padding:24px}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.hero,.chat-header,.session-row{grid-template-columns:1fr}.hero{min-height:auto;padding:32px}.mode-grid,.hos-domains{grid-template-columns:repeat(2,minmax(0,1fr))}.hos-summary{grid-template-columns:1fr}.chat-header{top:64px}}@media (width<=560px){.app-frame{padding-inline:14px}.app-header{margin-bottom:18px}.hero{border-radius:var(--radius-lg);padding:24px}.hero-actions,.choice-row,.row-actions,.chat-controls,.report-actions{flex-direction:column;align-items:stretch}.mode-grid,.hos-domains{grid-template-columns:1fr}.composer{grid-template-columns:1fr;width:calc(100% - 24px)}.primary-action,.secondary-action,.danger-action,.link-button{width:100%}}@media print{.app-header,.top-nav,.report-actions,.composer,.emergency-help{display:none!important}body,.app-frame{background:#fff}.paper-card{break-inside:avoid;border-color:#bbb}}