/* Artwork stays behind opaque market panels; prices retain the A-share color convention. */
:root{--accent-soft:var(--accent-dim);--theme-x:0px;--theme-y:0px;--wallpaper-opacity:.16}
[data-family=yone]{--bg:#10101b;--sidebar:#12121e;--panel:#171823;--panel-raised:#202132;--hover:#292a40;--text:#eeeefa;--muted:#a0a2bb;--subtle:#81859e;--line:#32354b;--line-soft:#272a3e;--accent:#bdb1fa;--accent-dim:#bdb1fa16;--glass-panel:#171823}
[data-family=yasuo]{--bg:#101615;--sidebar:#121a18;--panel:#17211e;--panel-raised:#1e2b25;--hover:#2b3830;--text:#edf3e9;--muted:#a2b3aa;--subtle:#839b8c;--line:#35463c;--line-soft:#2a382f;--accent:#dcc48d;--accent-dim:#dcc48d14;--glass-panel:#17211e}
[data-family=dilraba]{--bg:#181215;--sidebar:#1b1519;--panel:#231c21;--panel-raised:#2e252b;--hover:#3a2e36;--text:#f6edf0;--muted:#bca6b1;--subtle:#a08995;--line:#49343f;--line-soft:#382a33;--accent:#eac0cf;--accent-dim:#eac0cf14;--glass-panel:#231c21}
[data-family=aurora]{--bg:#09171c;--sidebar:#0c1b20;--panel:#11232a;--panel-raised:#172e37;--hover:#1c3941;--text:#e3f2f2;--muted:#8cadba;--subtle:#75939f;--line:#26444e;--line-soft:#203841;--accent:#78ded7;--accent-dim:#78ded714;--glass-panel:#11232a}
[data-theme=light][data-family=yone]{--bg:#f1eff8;--sidebar:#fcfbff;--panel:#fdfcff;--panel-raised:#f2eff9;--hover:#e9e4f5;--text:#2c2740;--muted:#746787;--subtle:#847992;--line:#dcd4ea;--line-soft:#e9e3f0;--accent:#745aa6;--accent-dim:#745aa611;--glass-panel:#fdfcff}
[data-theme=light][data-family=yasuo]{--bg:#f2f3e9;--sidebar:#fdfef8;--panel:#fdfef9;--panel-raised:#eff2e8;--hover:#e6ebdb;--text:#2f392e;--muted:#68785f;--subtle:#7c8974;--line:#d5deca;--line-soft:#e3e9da;--accent:#726b32;--accent-dim:#726b3211;--glass-panel:#fdfef9}
[data-theme=light][data-family=dilraba]{--bg:#f7eff2;--sidebar:#fffafb;--panel:#fffcfd;--panel-raised:#f8f0f3;--hover:#f2e5eb;--text:#3e2933;--muted:#876875;--subtle:#977d87;--line:#e9d4de;--line-soft:#f0e2e8;--accent:#a15b78;--accent-dim:#a15b7811;--glass-panel:#fffcfd}
[data-theme=light][data-family=aurora]{--bg:#ecf5f5;--sidebar:#faffff;--panel:#fcffff;--panel-raised:#eef8f8;--hover:#e1f1f1;--text:#193840;--muted:#547983;--subtle:#6d8791;--line:#cee4e6;--line-soft:#dfeef0;--accent:#157b80;--accent-dim:#157b8011;--glass-panel:#fcffff}
[data-theme=light] .button.primary{color:#fff}
#theme-wallpaper{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;display:none}
html:not([data-family=classic]) #theme-wallpaper{display:block}
html:not([data-family=classic]) .quant-universe{background:var(--bg)}
html:not([data-family=classic]) .quant-universe>*{opacity:.1}
#theme-wallpaper:before{content:'';position:absolute;inset:-3%;background-image:var(--theme-image);background-size:cover;background-position:center 27%;opacity:var(--wallpaper-opacity);mask-image:linear-gradient(90deg,transparent 12%,#000 75%);transform:translate3d(var(--theme-x),var(--theme-y),0);animation:theme-breathe 30s ease-in-out infinite alternate;will-change:transform}
#theme-wallpaper:after{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse at 84% 16%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 44%);animation:theme-light 22s ease-in-out infinite alternate}
html:not([data-family=classic]) .quant-panorama{background:var(--panel);isolation:isolate;min-height:208px}
html:not([data-family=classic]) .quant-panorama:before{content:'';position:absolute;inset:-2%;z-index:-2;background-image:var(--theme-image);background-size:auto 230%;background-position:right 20%;background-repeat:no-repeat;opacity:.8;animation:theme-breathe 26s ease-in-out infinite alternate;transform:translate3d(var(--theme-x),var(--theme-y),0)}
html:not([data-family=classic]) .quant-panorama:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--panel) 0%,color-mix(in srgb,var(--panel) 96%,transparent) 25%,color-mix(in srgb,var(--panel) 26%,transparent) 70%,color-mix(in srgb,var(--panel) 20%,transparent))}
html:not([data-family=classic]) .panorama-market{display:none}
html:not([data-family=classic]) .panorama-copy h2{color:var(--text)}
html:not([data-family=classic]) .panorama-copy p{color:var(--muted)}
html:not([data-family=classic]) .panorama-copy .eyebrow,html:not([data-family=classic]) .panorama-link{color:var(--accent)}
html:not([data-family=classic]) .panorama-caption{color:var(--text);font-size:10px;background:color-mix(in srgb,var(--panel) 82%,transparent);padding:4px 8px;border-radius:5px;backdrop-filter:blur(8px)}
html:not([data-family=classic]) .motion-control{background:color-mix(in srgb,var(--panel) 87%,transparent);color:var(--text);border-color:var(--line)}
html[data-family=dilraba] .quant-panorama:before{background-size:auto 180%;background-repeat:no-repeat;background-position:91% top;opacity:.92}
[data-family=dilraba] #theme-wallpaper:before{background-size:auto 115%;background-position:right top;background-repeat:no-repeat}
[data-family=aurora] #theme-wallpaper:before,[data-family=aurora] .quant-panorama:before{background-image:radial-gradient(ellipse at 70% 70%,#52c6b990,transparent 55%),radial-gradient(ellipse at 100% 0%,#5250caaa,transparent 60%),linear-gradient(115deg,#173945,#253b58);opacity:.7}
#theme-toggle{width:auto;gap:7px;padding:7px 9px;font-size:12px;border:1px solid var(--line);height:32px}
.theme-dialog{width:min(960px,calc(100% - 28px));max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);box-shadow:0 35px 130px #0007;overflow:auto}
.theme-dialog::backdrop{background:#080b17ae;backdrop-filter:blur(9px)}
.theme-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:27px 30px 22px;border-bottom:1px solid var(--line)}
.theme-dialog-head h2{font-size:25px;letter-spacing:-.5px}.theme-dialog-head p{font-size:12px;color:var(--muted);margin-top:6px}.theme-dialog-head .icon-button{background:var(--panel-raised);width:35px;height:35px}
#theme-settings-content{padding:22px 30px 26px}.theme-current{font-size:12px;color:var(--accent);padding:10px 12px;background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:7px;margin-bottom:24px}
.theme-section-label{font-size:14px;font-weight:600;margin-bottom:14px}.theme-section-label span{float:right;font-size:11px;font-weight:400;color:var(--muted)}
.theme-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:25px}.theme-card{padding:0;text-align:left;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--bg);transition:transform .2s,border-color .2s;min-width:0}.theme-card:hover{transform:translateY(-2px);border-color:var(--muted)}.theme-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.theme-preview{height:114px;position:relative;background-size:cover;background-position:center 24%;background-color:#121922}.theme-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#0a0c17b0)}.theme-preview>span{position:absolute;bottom:11px;left:13px;z-index:1;font:9px var(--mono);letter-spacing:1.4px;color:#fff}.theme-preview>b{position:absolute;top:9px;right:9px;z-index:1;color:#fff;border-radius:50%;background:#1118;font-size:12px;width:21px;height:21px;text-align:center;line-height:21px}.theme-preview>b:empty{display:none}.preview-classic{background:linear-gradient(118deg,#11161d 50%,#eff2f7 50%)}.preview-classic:before{content:'Xyl';position:absolute;top:22px;left:20px;font:32px var(--mono);color:#72e4c0}.preview-dilraba{background-position:50% 19%}.preview-aurora{background:radial-gradient(ellipse at 75% 75%,#4fbdc4,transparent 60%),linear-gradient(115deg,#203049,#584caf)}
.theme-card-copy{padding:12px 13px 14px}.theme-card-copy strong{display:block;font-size:13px;font-weight:550}.theme-card-copy small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:5px}
.theme-light-settings{border-top:1px solid var(--line);padding-top:23px}.theme-mode-options{display:flex;gap:8px;flex-wrap:wrap}.theme-mode-options button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px}.theme-mode-options button svg{width:14px;height:14px}.theme-mode-options button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}
.theme-schedule-fields{display:grid;grid-template-columns:1fr 1fr 1.35fr auto;gap:12px;align-items:end;padding-top:17px}.theme-schedule-fields label{display:grid;gap:7px;font-size:11px;color:var(--muted)}.theme-schedule-fields input,.theme-schedule-fields select{min-width:0;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);height:36px}.theme-schedule-fields>p{grid-column:1/-1;font-size:12px;color:var(--accent)}.theme-small-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:11px}
.theme-motion-settings{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:20px 0;margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.theme-motion-label{display:flex;align-items:center;gap:9px;font-size:13px}.theme-motion-label input{accent-color:var(--accent);width:15px;height:15px}.theme-intensity{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px;min-width:180px}.theme-intensity output{font:12px var(--mono);color:var(--accent)}.theme-intensity input{grid-column:1/-1;accent-color:var(--accent);width:100%}.theme-credits{font-size:11px;color:var(--muted);margin-top:14px}.theme-credits summary{cursor:pointer}.theme-credits p{margin:10px 0;line-height:1.7}.theme-credits a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
@keyframes theme-breathe{from{transform:translate3d(var(--theme-x),var(--theme-y),0) scale(1)}to{transform:translate3d(calc(var(--theme-x) - 8px),calc(var(--theme-y) - 3px),0) scale(1.035)}}
@keyframes theme-light{from{transform:translate3d(-1%,0,0);opacity:.4}to{transform:translate3d(2%,2%,0);opacity:.85}}
[data-motion=paused] #theme-wallpaper:before,[data-motion=paused] #theme-wallpaper:after,[data-motion=paused] .quant-panorama:before,[data-page-visible=no] #theme-wallpaper:before,[data-page-visible=no] #theme-wallpaper:after,[data-page-visible=no] .quant-panorama:before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#theme-wallpaper:before,#theme-wallpaper:after,.quant-panorama:before{animation:none!important;transform:none!important}.theme-card:hover{transform:none}}
@media(max-width:640px){.theme-dialog-head{padding:20px}.theme-dialog-head h2{font-size:21px}#theme-settings-content{padding:18px}.theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-preview{height:100px}.theme-card-copy{padding:10px}.theme-card-copy strong{font-size:12px}.theme-card-copy small{font-size:10px}.theme-section-label span{float:none;display:block;margin-top:4px}.theme-mode-options{display:grid;grid-template-columns:1fr 1fr}.theme-mode-options button{padding:9px}.theme-schedule-fields{grid-template-columns:1fr 1fr}.theme-motion-settings{display:block}.theme-intensity{margin-top:18px}.theme-current{font-size:11px}#theme-toggle span{display:none}#theme-toggle{border:0;padding:0;width:28px}html:not([data-family=classic]) .quant-panorama:after{background:linear-gradient(90deg,var(--panel),color-mix(in srgb,var(--panel) 60%,transparent))}html:not([data-family=classic]) .panorama-caption{max-width:80%;font-size:9px}.theme-preview.preview-dilraba{background-position:50% 18%}}