:root{--font-body:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-mono:"SFMono-Regular", "Consolas", "Liberation Mono", monospace;--color-bg:#f5f2ea;--color-surface:#fffcf6e0;--color-surface-strong:#fffdf8;--color-border:#d5ccba;--color-text:#1d2430;--color-muted:#5f6772;--color-accent:#1f5fbf;--color-accent-strong:#174a96;--color-accent-soft:#1f5fbf1a;--color-accent-aura:#1f5fbf14;--color-accent-ring:#1f5fbf33;--color-success:#1f7a52;--color-success-soft:#1f7a521f;--color-danger:#9d2f2f;--color-danger-soft:#9d2f2f1f;--color-warning:#8b5a14;--color-warning-soft:#8b5a141f;--color-glass:#ffffff8f;--color-glass-soft:#ffffff7a;--color-page-top:#f8f5ee;--color-page-bottom:#f1ece1;--color-code-bg:#1b2230;--color-code-text:#edf3ff;--color-success-border:#1f7a523d;--color-danger-border:#9d2f2f3d;--color-warning-border:#8b5a143d;--color-border-soft:#d5ccbab3;--shadow-soft:0 22px 45px #221c1214;--radius-sm:12px;--radius-md:18px;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem}*{box-sizing:border-box}html{color:var(--color-text);background:var(--color-bg)}body{min-width:320px;min-height:100vh;font-family:var(--font-body);background:radial-gradient(circle at top, var(--color-accent-aura), transparent 35%), linear-gradient(180deg, var(--color-page-top) 0%, var(--color-page-bottom) 100%);margin:0}body,button,input,textarea,select{font:inherit}#root{min-height:100vh}button{border:1px solid #0000;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s}button:hover:not(:disabled){transform:translateY(-1px)}button:focus-visible{outline:3px solid var(--color-accent-ring);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.7}code,pre{font-family:var(--font-mono)}a{color:inherit}.app-shell{width:min(1100px, calc(100% - (2 * var(--space-4))));padding:var(--space-6) 0;margin:0 auto}.page-header{max-width:52rem;margin-bottom:var(--space-5)}.eyebrow{margin:0 0 var(--space-2);color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.875rem;font-weight:700}.page-header h1{margin:0;font-size:clamp(2.3rem,5vw,4rem);line-height:1.05}.page-subtitle{margin:var(--space-3) 0 0;max-width:44rem;color:var(--color-muted);font-size:1.05rem;line-height:1.7}.panel-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.panel{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel-heading h2,.profile-header h3{margin:0;font-size:1.4rem}.panel-heading p,.profile-header p,.panel-note,.app-footer,.session-details dt{color:var(--color-muted)}.panel-heading p,.profile-header p,.panel-note,.app-footer p{margin:var(--space-2) 0 0;line-height:1.6}.choice-grid{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.choice-button,.button-row button{min-height:3.25rem;padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:1rem;font-weight:700}.choice-button,.button-row button:first-child{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-surface-strong)}.choice-button:hover:not(:disabled),.button-row button:first-child:hover:not(:disabled){background:var(--color-accent-strong)}.secondary-button{border-color:var(--color-border);background:var(--color-surface-strong);color:var(--color-text)}.secondary-button:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft)}.status-banner,.callout,.state-pill{border:1px solid var(--color-border);border-radius:var(--radius-sm)}.status-banner,.callout{margin:0 0 var(--space-4);padding:var(--space-3);line-height:1.5}.status-banner.is-success{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success)}.status-banner.is-error{border-color:var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-danger)}.status-banner.is-muted{background:var(--color-glass-soft)}.callout.is-warning{margin-top:var(--space-4);border-color:var(--color-warning-border);background:var(--color-warning-soft);color:var(--color-warning)}.session-summary{margin-top:var(--space-4)}.state-pill{min-height:2.25rem;padding:0 var(--space-3);margin-bottom:var(--space-4);background:var(--color-glass);align-items:center;font-size:.92rem;font-weight:700;display:inline-flex}.state-pill.is-success{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success)}.state-pill.is-muted{color:var(--color-muted)}.session-details{gap:var(--space-3);margin:0 0 var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.session-details div{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-glass)}.session-details dt,.session-details dd{margin:0}.session-details dd{margin-top:var(--space-1);font-weight:700}.button-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.profile-block{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-soft)}.json-preview{margin:var(--space-4) 0 0;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-code-bg);color:var(--color-code-text);line-height:1.6;overflow-x:auto}.panel-note,.app-footer{font-size:.95rem}.app-footer{margin-top:var(--space-4)}@media (width<=840px){.app-shell{width:min(100% - (2 * var(--space-3)), 1100px);padding:var(--space-5) 0}.panel-grid,.session-details{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.choice-grid,.button-row{grid-template-columns:1fr}.button-row{display:grid}}