:root{color-scheme:light;--bg:#edf4fa;--panel:#fbfdff;--side:#eaf2fa;--raised:#eaf1f8;--text:#203449;--muted:#4c6279;--subtle:#536b83;--line:#c6d7e6;--accent:#356b98;--accent-strong:#295f8c;--accent-light:#295f8c;--soft:#dcebf7;--success:#28705c;--warning:#805721;--warning-bg:#fff5e5;--warning-line:#e6cea5;--glow:rgba(114,169,212,.14);--ease:cubic-bezier(.22,1,.36,1)}
:root{--pending:#536b83}
/* Ice Blue Glass: translucent navigation over calm, readable content surfaces. */
body{background:radial-gradient(ellipse at 0 0,#d7eafa 0,transparent 56%),radial-gradient(ellipse at 100% 65%,#dfeef8 0,transparent 52%),#f2f6fa}
.workspace{border-color:#ffffffdb;background:#ffffffa6;box-shadow:inset 0 1px 0 #fff,0 22px 65px #3f6b9412,0 2px 8px #3f6b9408}
.guide.visual-panel{background:linear-gradient(145deg,#eef7fdde,#e4eff9b8);border-color:#c9dce8}
.main-panel.form-panel{background:#fbfdfff0}
.status-chip,.lang-button,.tabs{background:linear-gradient(135deg,#ffffffbd,#e9f3fc99);border:1px solid #ffffffed;box-shadow:inset 0 1px 0 #fff,0 3px 12px #335e8610}
.tabs{border-radius:22px;padding:5px;gap:5px}
.tabs .tab{border-radius:17px}
.tabs .tab.active{background:linear-gradient(150deg,#ffffffed,#f5faffd9);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 2px 7px #37597918;color:var(--text)}
.field,input:not([type=checkbox]),textarea,select{background:#ffffffd9;border-color:#8ca8c0;box-shadow:inset 0 1px 3px #39648a06}
.primary{background:linear-gradient(160deg,#397cae,#295f8c);border:1px solid #2f6795;box-shadow:inset 0 1px 0 #ffffff3d,0 5px 12px #2d648c18;text-shadow:0 1px 1px #153c5e22}
.primary:hover{background:linear-gradient(160deg,#306f9f,#22537d);box-shadow:inset 0 1px 0 #ffffff35,0 7px 18px #2d648c22}
.secondary{background:linear-gradient(150deg,#f5faff,#e9f2fa);border-color:var(--line);color:var(--accent-strong);box-shadow:inset 0 1px 0 #fff}
.subscription-card{--card-left:#4a83a8;--card-center:#2b5779;--card-right:#7394b1;--card-secondary:#e5f0fa;background:radial-gradient(ellipse at 0 0,#d7f4ff40,transparent 65%),linear-gradient(120deg,var(--card-left),var(--card-center) 59%,var(--card-right));border-color:#ffffff99;box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #ffffff20,0 12px 26px #315c8220}
.subscription-card[data-provider=anthropic]{--card-left:#6e8da6;--card-center:#395970;--card-right:#91a9ba}
.subscription-card[data-provider=xai]{--card-left:#718da4;--card-center:#304d67;--card-right:#6d8da8}
.subscription-confirmed{background:#183d5dd1;border-color:#ffffff50}
.subscription-confirmed i{background:#d1edf8}
.subscription-card:before{background:repeating-radial-gradient(ellipse at 120% -30%,transparent 0,transparent 10px,#ffffff16 11px,transparent 12px)}
.progress .step-orb{box-shadow:inset 0 1px 0 #ffffffb3,0 2px 6px #3759790a}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.status-chip,.lang-button,.tabs{-webkit-backdrop-filter:blur(14px) saturate(125%);backdrop-filter:blur(14px) saturate(125%)}}
@media(prefers-reduced-transparency:reduce){.workspace,.main-panel.form-panel{background:#fbfdff}.guide.visual-panel{background:#eaf2fa}.status-chip,.lang-button,.tabs{background:#eaf2fa;-webkit-backdrop-filter:none;backdrop-filter:none}.tabs .tab.active{background:#fff}}
@media(prefers-contrast:more){:root{--muted:#314b65;--subtle:#314b65;--line:#849fb6}.workspace{border-color:#849fb6}.status-chip,.lang-button,.tabs{background:#eaf2fa;border-color:#849fb6;-webkit-backdrop-filter:none;backdrop-filter:none}.main-panel.form-panel{background:#fff}.guide.visual-panel{background:#eaf2fa}}

/* Reflections belong to controls; content remains readable and stable. */
.tabs{background:linear-gradient(135deg,#ffffffb8,#dcecf8c9)}
.tabs .tab.active{border-color:#ffffff;box-shadow:inset 0 1px 0 #fff,0 2px 9px #37597920}
@media(hover:hover) and (pointer:fine){.subscription-card[data-lit]{transform:perspective(900px) translateY(-3px) rotateX(var(--light-tilt-x,0deg)) rotateY(var(--light-tilt-y,0deg))}}
