:root{color-scheme:light;font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text-primary);background:var(--color-page-background);--font-family-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--line-height-base: 1.5;--font-weight-regular: 400;--font-weight-semibold: 600;--font-size-eyebrow: .8rem;--font-size-session-label: .78rem;--font-size-title: clamp(1.5rem, 6vw, 2.8rem);--letter-spacing-wide: .12em;--letter-spacing-medium: .08em;--measure-copy: 60ch;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 10px;--space-4: 12px;--space-5: 14px;--space-6: 16px;--space-7: 18px;--space-8: 20px;--space-9: 24px;--space-10: 28px;--radius-control: 14px;--radius-panel: 20px;--radius-session: 18px;--radius-pill: 999px;--border-color-soft: rgba(20, 33, 43, .08);--border-color-input: rgba(39, 66, 85, .18);--color-text-primary: #14212b;--color-text-secondary: #466071;--color-text-tertiary: #385365;--color-text-muted: #5a7487;--color-text-strong: #274255;--color-text-inverse: #f9fbfd;--color-accent-muted: #456983;--color-surface-base: rgba(255, 255, 255, .86);--color-surface-elevated: rgba(255, 255, 255, .82);--color-surface-subtle: #f3f6f8;--color-surface-secondary: #edf3f7;--color-input-background: #fdfefe;--color-error: #b2363d;--color-button-primary-start: #163043;--color-button-primary-end: #245d8c;--color-button-secondary-text: #173247;--color-nav-active: #163043;--color-page-background: radial-gradient(circle at top right, rgba(35, 93, 140, .12), transparent 28%), linear-gradient(180deg, #f5f2ea 0%, #f8fafc 100%);--shadow-header: 0 18px 60px rgba(27, 56, 79, .08);--shadow-surface: 0 18px 60px rgba(27, 56, 79, .06);--backdrop-blur: 16px;--transition-fast: .12s ease;--button-min-height: 48px;--status-panel-width: min(560px, 100%);--sidebar-width: 240px;--page-padding: var(--space-4);--shell-gap: var(--space-6);--section-padding-block: var(--space-8);--section-padding-inline: var(--space-6);--header-padding-block: var(--space-7);--header-padding-inline: var(--space-6);--header-gap: var(--space-6);--sidebar-padding: var(--space-4);--nav-gap: var(--space-2);--nav-padding-bottom: var(--space-1);--status-screen-padding: var(--space-6);--status-panel-padding-block: var(--space-9);--status-panel-padding-inline: var(--space-7);--stack-gap: var(--space-6);--placeholder-margin-top: var(--space-9);--placeholder-padding-block: var(--space-7);--placeholder-padding-inline: var(--space-8)}*{box-sizing:border-box}body{margin:var(--space-0);min-height:100vh;overflow-x:hidden;background:var(--color-page-background);color:var(--color-text-primary)}a{color:inherit;text-decoration:none}button,input{font:inherit}#root{min-height:100vh}.app-frame{min-height:100vh;padding:var(--page-padding)}.app-header{display:grid;gap:var(--header-gap);padding:var(--header-padding-block) var(--header-padding-inline);border:1px solid var(--border-color-soft);border-radius:var(--radius-panel);background:var(--color-surface-elevated);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));box-shadow:var(--shadow-header)}.app-header__badge,.status-screen__eyebrow,.page-shell__eyebrow{margin:var(--space-0) 0 var(--space-2);font-size:var(--font-size-eyebrow);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-accent-muted)}.app-header__title,.page-shell__title{margin:var(--space-0);font-size:var(--font-size-title)}.app-header__description,.page-shell__description,.status-screen__panel p{margin:var(--space-3) 0 0;max-width:var(--measure-copy);color:var(--color-text-secondary)}.app-header__session{display:grid;gap:var(--space-1);width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-session);background:var(--color-surface-subtle)}.app-header__session-label{font-size:var(--font-size-session-label);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-medium)}.app-shell{display:grid;grid-template-columns:1fr;gap:var(--shell-gap);margin-top:var(--shell-gap)}.app-shell__sidebar,.app-shell__content,.status-screen__panel,.placeholder-card,.page-shell{border:1px solid var(--border-color-soft);border-radius:var(--radius-panel);background:var(--color-surface-base);box-shadow:var(--shadow-surface)}.app-shell__sidebar{padding:var(--sidebar-padding);overflow-x:auto}.app-shell__content,.page-shell{padding:var(--section-padding-block) var(--section-padding-inline)}.app-nav{display:flex;gap:var(--nav-gap);overflow-x:auto;padding-bottom:var(--nav-padding-bottom);scrollbar-width:thin}.app-nav__link{flex:0 0 auto;white-space:nowrap;padding:var(--space-4) var(--space-5);border-radius:var(--radius-control);color:var(--color-text-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.app-nav__link:hover,.app-nav__link--active{background:var(--color-nav-active);color:var(--color-text-inverse);transform:translateY(-1px)}.stack-form{display:grid;gap:var(--stack-gap);max-width:100%;margin-top:var(--space-9)}.field{display:grid;gap:var(--space-2)}.field span{font-weight:var(--font-weight-semibold);color:var(--color-text-strong)}.field input{width:100%;padding:var(--space-4) var(--space-5);border:1px solid var(--border-color-input);border-radius:var(--radius-control);background:var(--color-input-background);min-height:var(--button-min-height)}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--button-min-height);padding:var(--space-4) var(--space-7);border:0;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-button-primary-start),var(--color-button-primary-end));color:var(--color-text-inverse);cursor:pointer}.button:disabled{opacity:.6;cursor:progress}.button--secondary{background:var(--color-surface-secondary);color:var(--color-button-secondary-text)}.form-error{margin:var(--space-0);color:var(--color-error)}.placeholder-card{margin-top:var(--placeholder-margin-top);padding:var(--placeholder-padding-block) var(--placeholder-padding-inline)}.placeholder-card p{margin:var(--space-0)}.status-screen{min-height:100vh;display:grid;place-items:center;padding:var(--status-screen-padding)}.status-screen__panel{width:var(--status-panel-width);padding:var(--status-panel-padding-block) var(--status-panel-padding-inline)}.status-screen__actions{display:grid;gap:var(--space-4);margin-top:var(--space-9)}@media(min-width:720px){:root{--page-padding: var(--space-7);--section-padding-block: var(--space-9);--section-padding-inline: var(--space-9);--header-padding-block: 22px;--header-padding-inline: var(--space-9)}.stack-form{max-width:420px}.button{width:fit-content}.status-screen__actions{display:flex;flex-wrap:wrap}}@media(min-width:960px){:root{--page-padding: var(--space-9);--shell-gap: var(--space-9);--section-padding-block: var(--space-10);--section-padding-inline: var(--space-10);--header-padding-block: var(--space-9);--header-padding-inline: var(--space-10);--header-gap: var(--space-9);--sidebar-padding: var(--space-7);--nav-gap: var(--space-3);--nav-padding-bottom: var(--space-0)}.app-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.app-shell__sidebar{overflow-x:visible}.app-nav{display:grid;gap:var(--nav-gap);overflow:visible}.app-nav__link{white-space:normal}.app-header__session{width:auto;min-width:160px;padding:var(--space-5) var(--space-6)}}