:root{--color-brand:#0f766e;--color-brand-mid:#149b90;--color-brand-accent:#0f9f91;--color-brand-bright:#14b8a6;--color-brand-deep:#134e4a;--color-brand-soft:#ccfbf1;--color-brand-tint:#f0fdfa;--color-brand-border:#99f6e4;--color-success-tint:#ecfdf5;--color-success:#065f46;--color-success-text:#047857;--color-screen-bg:#f7faf9;--color-page-bg:#eef6f8;--color-surface:#fff;--color-surface-muted:#f1f5f9;--color-border:#dce6e4;--color-border-header:#e6efed;--color-border-dashed:#cbd5e1;--color-divider:#e2e8f0;--color-text:#0f172a;--color-text-sub:#334155;--color-muted-strong:#475569;--color-muted:#64748b;--color-disabled:#94a3b8;--color-disabled-bg:#cbd5e1;--color-danger:#be123c;--color-danger-text:#9f1239;--color-danger-tint:#fff1f2;--color-danger-border:#fecdd3;--color-warning-text:#9a3412;--color-warning-tint:#fff7ed;--gradient-brand:linear-gradient(135deg, #0f766e, #149b90);--gradient-page:radial-gradient(circle at 18% 15%, #69dcd933, transparent 25rem), linear-gradient(135deg, #f8fafc, #eef6f8);--radius-sm:.4rem;--radius-md:.62rem;--radius-lg:.8rem;--radius-xl:1rem;--radius-pill:999px;--shadow-card:0 1px 2px #0f172a0a, 0 6px 16px #0f172a0f;--shadow-toast:0 14px 34px #0f172a33;--shadow-selected:0 0 0 2px #14b8a61f;--focus-ring:0 0 0 3px #14b8a659;--font-sans:Arial, Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--tap-min:44px;--content-max:480px;--header-height:56px;--bottom-bar-height:76px}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--gradient-page);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background-attachment:fixed;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-shell{background:var(--color-screen-bg);max-width:var(--content-max);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}@media (min-width:481px){.app-shell{border-left:1px solid var(--color-border-header);border-right:1px solid var(--color-border-header);box-shadow:0 28px 70px #0f172a1a}}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border-header);min-height:var(--header-height);z-index:10;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1.15rem;display:flex;position:sticky;top:0}.app-preview-banner{color:#9a3412;background:#fff7ed;border-bottom:1px solid #fed7aa;padding:.55rem 1.15rem;font-size:.8125rem;line-height:1.5}.app-brand{color:var(--color-brand);letter-spacing:.14em;min-height:var(--tap-min);align-items:center;font-size:1.1rem;font-weight:900;display:inline-flex}.app-env-badge{background:var(--color-warning-tint);border-radius:var(--radius-pill);color:var(--color-warning-text);letter-spacing:.06em;padding:.15rem .55rem;font-size:.72rem;font-weight:800}.app-main{flex:1;padding:1.1rem 1rem 2rem}