/* Flux: midnight glass, restrained spectral edges, readable working surfaces. */
:root { --bg:#080b15; --bg-card:rgba(24,32,51,.68); --border:rgba(201,221,255,.14); --text:#f3f7ff; --muted:#aab7d0; --accent:#8bffdb; --radius-lg:26px; }
body { background:radial-gradient(ellipse at 15% 3%,#123b465c,transparent 48%),radial-gradient(ellipse at 92% 38%,#39327655,transparent 45%),#080b15; }
.card,.app-header,.app-sidebar,.bottom-nav,.chat-input-wrap,.modal-content {
  background:linear-gradient(135deg,rgba(222,238,255,.1),rgba(30,38,60,.62) 38%,rgba(14,22,37,.79));
  border:1px solid rgba(207,225,255,.17);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);
  box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ffffff05,0 16px 48px #00000035;
}
.card { transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s,box-shadow .32s; }
@media(hover:hover){.card:hover {transform:translateY(-3px);border-color:#a9e8dc55;box-shadow:inset 0 1px 0 #ffffff29,0 22px 54px #00000040;}}
.btn,.chip,.nav-item,.sidebar-chat-item {transition:transform .18s,background .25s,box-shadow .25s;}
button:active,.btn:active {transform:scale(.97);}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {outline:2px solid var(--accent);outline-offset:4px;}
button:disabled {opacity:.55;cursor:wait;}
.tab-panel.active,.sub-panel.active {animation:surface-in .36s cubic-bezier(.2,.8,.2,1);}
.chat-bubble {animation:surface-in .28s ease-out;}
.btn.primary {background:linear-gradient(130deg,#9affdf,#63cfdd);color:#071720;box-shadow:inset 0 1px 0 #ffffff85,0 4px 20px #6de7d31a;}
.aurora {opacity:.16;animation-duration:22s;}
@keyframes surface-in {from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.sync-indicator {font:inherit;font-size:12px;white-space:nowrap;border:1px solid #b7eddd25;background:#85edcc0c;color:#b5ccce;padding:8px 11px;border-radius:100px;cursor:pointer;}
.sync-indicator[data-online=true] {color:#9df1ce;}
.workspace-launcher {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 18px;padding:16px;border:1px solid #a5ffe63b;border-radius:18px;color:#c2ffec;background:linear-gradient(115deg,#80ffd51a,#8eacff10);font:inherit;font-weight:600;cursor:pointer;}
.flux-workspace {color:#eff5ff;width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:26px;border:1px solid #e3efff38;border-radius:30px;background:linear-gradient(145deg,#28384ef2,#10192af7 46%,#19172bf5);box-shadow:inset 0 1px 0 #ffffff30,0 30px 140px #0009;backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);}
.flux-workspace::backdrop {background:#020611ba;backdrop-filter:blur(10px);}
.flux-workspace[open] {display:flex;flex-direction:column;animation:surface-in .28s ease-out;}
.workspace-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.workspace-kicker {font-size:11px;font-weight:650;letter-spacing:.18em;color:#8ee8d6;}
.workspace-heading h2 {font-size:30px;letter-spacing:-1px;margin:7px 0 0;}
.workspace-description {font-size:14px;line-height:1.6;color:#aebdd2;margin:12px 0 18px;}
.workspace-close {width:42px;height:42px;border:1px solid #ffffff20;border-radius:50%;color:inherit;background:#ffffff08;cursor:pointer;}
.workspace-shortcuts {display:flex;flex-wrap:wrap;gap:7px;max-height:116px;overflow:auto;padding:2px 3px 14px;flex-shrink:0;}
.workspace-shortcuts button {font:inherit;font-size:13px;border:1px solid #d9eaff24;border-radius:100px;padding:9px 13px;color:#cfdeef;background:#d6eaff09;cursor:pointer;transition:background .2s;}
.workspace-shortcuts button:hover {background:#9dffe522;color:#d4fff1;}
.workspace-feed {min-height:140px;overflow:auto;padding:4px 3px 14px;scroll-behavior:smooth;overscroll-behavior:contain;}
.workspace-card {margin:10px 0 14px;padding:20px;border:1px solid #e1eeff20;border-radius:20px;background:linear-gradient(130deg,#def3ff0d,#0d152660);box-shadow:inset 0 1px 0 #ffffff12;animation:surface-in .25s;}
.workspace-message {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:15px;}
.workspace-message a {color:#9dffe1;}
.workspace-message pre {overflow:auto;padding:12px;background:#0003;border-radius:12px;}
.workspace-card img {max-width:100%;max-height:420px;object-fit:contain;margin:14px 0;border-radius:14px;}
.workspace-button-row {display:flex;flex-wrap:wrap;gap:8px;margin-top:9px;}
.workspace-action {flex:1;min-width:120px;border:1px solid #b9f5e32d;border-radius:12px;background:#9affdb0c;color:#d5f8ec;padding:12px;font:inherit;font-size:14px;line-height:1.4;cursor:pointer;}
.workspace-action:hover {background:#9affdb20;}
.workspace-compose {display:flex;align-items:center;gap:9px;margin-top:12px;border:1px solid #e3f0ff2b;border-radius:20px;background:#ffffff08;padding:8px;flex-shrink:0;}
.workspace-input {min-width:0;flex:1;color:inherit;background:transparent!important;border:0!important;padding:10px!important;font:inherit;font-size:16px;}
.workspace-file {cursor:pointer;padding:8px;font-size:24px;color:#a5f6e0;}
.workspace-file-label {margin:7px 4px 0;font-size:12px;color:#aebbd1;}
.workspace-pending {color:#a0edda;font-size:14px;animation:soft-pulse 1.5s infinite;}
@keyframes soft-pulse {50%{opacity:.5}}
@media(max-width:600px){.flux-workspace{width:calc(100vw - 12px);max-height:calc(100dvh - 16px);padding:18px 12px;border-radius:24px}.workspace-heading h2{font-size:25px}.workspace-card{padding:15px}.workspace-compose .btn{font-size:0;padding:12px;min-width:40px}.workspace-compose .btn::after{content:'↑';font-size:22px}.sync-indicator{font-size:10px;max-width:112px;overflow:hidden;text-overflow:ellipsis}.workspace-description{font-size:13px}.workspace-shortcuts{max-height:94px}.aurora{filter:blur(60px);width:260px;height:260px}.card{backdrop-filter:blur(16px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}.aurora{display:none}}
@supports not (backdrop-filter:blur(1px)){.card,.app-header,.app-sidebar,.flux-workspace{background:#152032}}