/* AethexFlow final UI refinements — additive only. */
:root{--afx-bg:#080a0f;--afx-panel:rgba(18,19,26,.86);--afx-line:rgba(255,255,255,.09);--afx-red:#d01c30;--afx-text:#f1f2f7;--afx-muted:#9599a9;--afx-milk:rgba(255,255,255,.045)}
html{scroll-behavior:smooth}body{background:radial-gradient(900px 500px at 72% -10%,rgba(208,28,48,.17),transparent 60%),linear-gradient(180deg,#080a0f,#0b0d13 58%,#080a0f);}
.panel,.composer,.home-feature,.filecard,.tracks,.chat-aside{backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}
.panel{background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012)),rgba(18,19,26,.84);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 45px rgba(0,0,0,.16)}
.top{box-shadow:0 1px 0 rgba(255,255,255,.018)}
.nav a{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.nav a:hover{transform:translateX(2px)}
.accent,.simple,.circle,.chip{transition:transform .16s ease,filter .16s ease,border-color .16s ease}.accent:hover,.simple:hover,.circle:hover,.chip:hover{transform:translateY(-1px)}
.composer:focus-within{border-color:rgba(224,55,76,.68);box-shadow:0 18px 46px rgba(0,0,0,.26),0 0 0 3px rgba(208,28,48,.08)}
textarea,input,select{accent-color:var(--afx-red)}
.hero-art{width:min(38vw,360px);min-width:230px;display:flex;justify-content:flex-end}.hero-art img{width:100%;height:auto;max-height:250px;object-fit:contain;filter:drop-shadow(0 20px 36px rgba(0,0,0,.45))}
.card-art{height:92px;border:1px solid #343640;border-radius:12px;display:grid;place-items:center;font-size:28px;font-weight:800;letter-spacing:-.04em;background:radial-gradient(circle at 85% 15%,rgba(208,28,48,.22),transparent 45%),linear-gradient(145deg,#171a22,#11131a)}
.catalog-search{display:flex;align-items:center;gap:7px;border:1px solid #343640;background:#13151d;border-radius:10px;padding:7px 10px;min-width:min(360px,36vw)}.catalog-search input{border:0;background:transparent;color:inherit;outline:0;width:100%}
[data-engine-status]{max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.afx-collapse{width:37px;height:37px;border-radius:10px;border:1px solid #373945;background:#191b25;color:#e5e7ed;display:grid;place-items:center;cursor:pointer}
body.afx-nav-hidden .app{grid-template-columns:0 minmax(0,1fr)}body.afx-nav-hidden .sidebar{display:none}
body.afx-context-hidden .chat-shell{grid-template-columns:1fr}body.afx-context-hidden .chat-aside{display:none}
.afx-context-toggle{position:fixed;right:18px;bottom:18px;z-index:90}
.light{background:#f5f6f8!important;color:#171820!important}.light .sidebar,.light .top,.light .panel,.light .chat-aside,.light .composer,.light .tracks,.light .filecard{background:rgba(255,255,255,.91)!important;color:#171820!important;border-color:#d9dce3!important}.light .muted,.light .subtle,.light .tool-card small{color:#5e6470!important}.light .input,.light textarea.field,.light select.field{background:#fff!important;color:#171820!important;border-color:#d8dbe2!important}
@media(max-width:720px){.catalog-search{display:none}.hero-art{width:100%;min-width:0;justify-content:center}.home-feature{grid-template-columns:1fr}.afx-collapse{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}