:root{--color-bg: #111114;--color-surface-1: #18181d;--color-surface-2: #222229;--color-surface-3: #2a2a33;--color-border: #2c2c38;--color-border-strong: #38384a;--color-text: #eeeef5;--color-text-muted: #9090a8;--color-text-subtle: #606075;--color-accent: oklch(62% .2 270);--color-accent-subtle: oklch(62% .2 270 / 18%);--color-accent-border: oklch(62% .2 270 / 40%);--color-on-accent: #fff;--color-brand-surface: #fff;--color-success: oklch(65% .18 145);--color-success-subtle: oklch(65% .18 145 / 12%);--color-success-border: oklch(65% .18 145 / 30%);--color-warning: oklch(72% .18 70);--color-warning-subtle: oklch(72% .18 70 / 12%);--color-warning-border: oklch(72% .18 70 / 30%);--color-danger: oklch(58% .22 25);--color-danger-subtle: oklch(58% .22 25 / 12%);--color-danger-border: oklch(58% .22 25 / 30%);--color-info: oklch(62% .2 240);--color-info-subtle: oklch(62% .2 240 / 14%);--color-info-border: oklch(62% .2 240 / 30%);--color-overlay: rgb(0 0 0 / 60%);--color-overlay-strong: rgb(0 0 0 / 70%);--font-family-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-family-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--font-size-micro: 11px;--font-size-small: 12px;--font-size-base: 13.5px;--font-size-large: 15px;--font-size-xl: 19px;--font-size-2xl: 28px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-compact: 1.25;--line-height-base: 1.45;--line-height-relaxed: 1.6;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-full: 999px;--shadow-xs: 0 1px 3px rgb(0 0 0 / 8%);--shadow-sm: 0 2px 8px rgb(0 0 0 / 15%);--shadow-md: 0 4px 16px rgb(0 0 0 / 15%);--shadow-lg: 0 10px 30px rgb(0 0 0 / 30%);--shadow-xl: 0 20px 40px rgb(0 0 0 / 40%);--duration-fast: .12s;--duration-normal: .15s;--duration-slow: .2s;--ease-standard: ease;--ease-out: ease-out;--z-base: 0;--z-sticky: 50;--z-popover: 300;--z-overlay: 900;--z-dialog: 1000;--z-toast: 1100;--z-tooltip: 1200;--window-chrome-height: 32px}:root[data-theme=light]{--color-bg: #f8f9fa;--color-surface-1: #fff;--color-surface-2: #f1f3f5;--color-surface-3: #e9ecef;--color-border: #dee2e6;--color-border-strong: #ced4da;--color-text: #1a1a24;--color-text-muted: #5a5c7a;--color-text-subtle: #8a8c9e;--color-accent: oklch(55% .2 270);--color-accent-subtle: oklch(55% .2 270 / 12%);--color-accent-border: oklch(55% .2 270 / 30%);--color-success: oklch(58% .18 145);--color-success-subtle: oklch(58% .18 145 / 12%);--color-success-border: oklch(58% .18 145 / 30%);--color-warning: oklch(65% .18 70);--color-warning-subtle: oklch(65% .18 70 / 12%);--color-warning-border: oklch(65% .18 70 / 30%);--color-danger: oklch(52% .22 25);--color-danger-subtle: oklch(52% .22 25 / 12%);--color-danger-border: oklch(52% .22 25 / 30%);--color-info: oklch(55% .18 240);--color-info-subtle: oklch(55% .18 240 / 12%);--color-info-border: oklch(55% .18 240 / 30%)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-ui);font-size:var(--font-size-base);line-height:var(--line-height-base)}button,input,select,textarea{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button,input,select,textarea{color-scheme:dark}:root[data-theme=light] button,:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{color-scheme:light}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none;scroll-behavior:auto;transition:none}}:root{color-scheme:dark;background:var(--color-bg);color:var(--color-text)}body{min-width:320px;min-height:100dvh;margin:0}.top-navigation{display:flex;align-items:center;min-height:56px}main{min-height:100dvh}#application-root{display:grid;height:100dvh;min-height:100dvh;grid-template-rows:auto 1fr auto;padding:max(16px,env(safe-area-inset-top)) 20px max(12px,env(safe-area-inset-bottom));overflow:hidden}h1{margin:0;font-size:clamp(1.5rem,5vw,2rem)}.surface-host{display:grid;min-height:0;align-content:start;justify-items:stretch;gap:var(--space-4);overflow:auto;overscroll-behavior:contain;padding-block:var(--space-4)}.work-surface{display:grid;align-content:start;gap:var(--space-3)}.work-surface h2{margin:0;font-size:1.125rem}.work-surface ul,.session-transcript{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.session-transcript li{max-width:min(90%,48rem);padding:var(--space-3) var(--space-4);border-radius:var(--radius-2xl);background:var(--color-surface-1);white-space:pre-wrap;overflow-wrap:anywhere}.work-surface textarea{min-height:5rem;resize:vertical;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-2xl);background:var(--color-surface-1);color:inherit;font:inherit}.device-actions{display:grid;width:min(100%,36rem);gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-2xl);background:var(--color-surface-1)}.device-actions h2{margin:0;font-size:1rem}.domain-surface{display:grid;align-content:start;gap:var(--space-4)}.domain-surface article{padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-2xl);background:var(--color-surface-1)}.domain-surface h3,.domain-surface p{margin:0;padding:0;border:0;background:transparent}.domain-surface button{min-height:44px;padding-inline:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-2xl);background:var(--color-surface-1);color:inherit;font:inherit}.device-actions button,nav button{min-height:48px;padding-inline:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-2xl);background:var(--color-surface-1);color:inherit;font:inherit}p{align-self:center;justify-self:center;max-width:36rem;margin:0;padding:24px;border:1px solid var(--color-border-strong);border-radius:var(--radius-2xl);background:var(--color-surface-1);color:var(--color-text-muted)}nav{padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);padding-top:var(--space-3)}nav button[aria-current=page]{border-color:var(--color-accent-border);background:var(--color-accent-subtle)}@media(prefers-reduced-motion:no-preference){#application-root>*{animation:appear var(--duration-slow) var(--ease-out)}@keyframes appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}