:root,:root[data-theme=light]{color-scheme:light;--bg-top: #fff4df;--bg-bottom: #dfe9ee;--ink: #16313c;--ink-soft: #3d5864;--muted: #6f8792;--line: rgba(22, 49, 60, .12);--panel: rgba(252, 249, 243, .72);--panel-strong: #fff7ed;--panel-solid: #fffaf1;--surface-solid: #ffffff;--surface-contrast: rgba(240, 247, 250, .9);--user-bubble: #e6eff3;--accent: #d8653a;--accent-strong: #b34722;--danger: #9f2c20;--ok: #215c39;--surface-rgb: 255, 255, 255;--ink-rgb: 22, 49, 60;--shadow-rgb: 17, 38, 46;--bg-glow-accent: rgba(216, 101, 58, .24);--bg-glow-ink: rgba(22, 49, 60, .16);--dock-rgb: 247, 241, 230}:root[data-theme=dark]{color-scheme:dark;--bg-top: #1b2a31;--bg-bottom: #0f1a1f;--ink: #eef3f4;--ink-soft: #c3d0d5;--muted: #8ea3ab;--line: rgba(238, 243, 244, .12);--panel: rgba(28, 44, 51, .82);--panel-strong: #223740;--panel-solid: #1c2c33;--surface-solid: #223740;--surface-contrast: rgba(30, 46, 54, .9);--user-bubble: #243b45;--accent: #ec8a5f;--accent-strong: #f3a582;--danger: #ff8a76;--ok: #7fc9a4;--surface-rgb: 44, 66, 76;--ink-rgb: 238, 243, 244;--shadow-rgb: 0, 0, 0;--bg-glow-accent: rgba(236, 138, 95, .14);--bg-glow-ink: rgba(0, 0, 0, .3);--dock-rgb: 18, 30, 36}*{box-sizing:border-box}html{font-size:16px}body{background:radial-gradient(circle at top left,var(--bg-glow-accent),transparent 32%),radial-gradient(circle at right 20%,var(--bg-glow-ink),transparent 26%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom));color:var(--ink);font-family:Segoe UI Variable Display,Candara,sans-serif;margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,strong{font-family:Bahnschrift,Trebuchet MS,sans-serif}code,pre{font-family:Cascadia Code,Consolas,monospace}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--panel);border:1px solid rgba(var(--surface-rgb),.65);border-radius:28px;box-shadow:0 24px 70px rgba(var(--shadow-rgb),.12);padding:24px}.grid{display:grid;gap:24px}.two-up{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.section-tag{color:var(--accent-strong);font-size:.78rem;font-weight:700;letter-spacing:.16em;margin:0;text-transform:uppercase}.field{display:grid;gap:8px}.field span{color:var(--ink-soft);font-size:.9rem}input,select,textarea{background:rgba(var(--surface-rgb),.78);border:1px solid transparent;border-radius:18px;color:var(--ink);min-height:52px;outline:none;padding:14px 16px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}textarea{min-height:148px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#d8653a7a;box-shadow:0 0 0 4px #d8653a1f}.primary-action,.secondary-action,.ghost-action{align-items:center;border-radius:999px;display:inline-flex;font-weight:700;justify-content:center;min-height:48px;padding:0 20px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.primary-action{background:var(--accent);border:none;box-shadow:0 16px 32px #d8653a47;color:#fff}.secondary-action,.ghost-action{background:transparent;border:1px solid var(--line);color:var(--ink)}.primary-action:hover,.secondary-action:hover,.ghost-action:hover{transform:translateY(-1px)}.primary-action:disabled,.secondary-action:disabled,.ghost-action:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-text{color:var(--danger);margin:0}.success-box{color:var(--ok)}.fade-in{animation:fade-in .42s ease}.stagger{animation:rise-in .52s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.two-up,.three-up{grid-template-columns:1fr}.panel{padding:20px}}@media(max-width:840px){html{font-size:15px}h1{font-size:1.5rem;line-height:1.2}.panel{border-radius:20px;padding:16px}.app-main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-main table th{white-space:nowrap}.app-main table td{min-width:140px}.primary-action,.secondary-action,.ghost-action{min-height:44px;padding:0 16px}}
