[hidden]{display:none!important}
:root{
  --bg:#05070b;--bg2:#090d16;--surface:rgba(11,16,28,.72);--surface-strong:rgba(8,12,22,.92);--surface-soft:rgba(255,255,255,.045);
  --text:#f8fbff;--muted:#8d98aa;--muted2:#667085;--line:rgba(255,255,255,.085);--line-strong:rgba(255,255,255,.15);
  --accent:#22d3ee;--accent-rgb:34,211,238;--iris:#7c83ff;--violet:#b275ff;--emerald:#2dd4a8;--rose:#ff6f91;--amber:#f6bb65;
  --shadow:0 30px 90px rgba(0,0,0,.42);--shadow-soft:0 18px 55px rgba(0,0,0,.26);--radius:26px;--radius-sm:18px;--top:74px;
  color-scheme:dark
}
html[data-theme="light"]{
  --bg:#f4f7fb;--bg2:#eef3f9;--surface:rgba(255,255,255,.74);--surface-strong:rgba(255,255,255,.94);--surface-soft:rgba(20,31,52,.045);
  --text:#111827;--muted:#667085;--muted2:#8a94a5;--line:rgba(17,24,39,.085);--line-strong:rgba(17,24,39,.14);
  --shadow:0 28px 72px rgba(70,84,110,.16);--shadow-soft:0 16px 42px rgba(70,84,110,.12);color-scheme:light
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden;transition:background .3s,color .3s}
button,input,textarea,select{font:inherit}button{color:inherit}a{color:inherit}::selection{background:rgba(var(--accent-rgb),.25);color:#fff}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(120,135,160,.28);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb),.5)}
#quantumCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none;opacity:.58}
.ambient{position:fixed;pointer-events:none;border-radius:999px;filter:blur(110px);z-index:-2;opacity:.18;animation:ambientFloat 18s ease-in-out infinite alternate}.ambient-a{width:34vw;height:34vw;right:-10vw;top:-10vw;background:#22d3ee}.ambient-b{width:32vw;height:32vw;left:-14vw;top:38vh;background:#705cf6;animation-delay:-7s}.ambient-c{width:28vw;height:28vw;right:18vw;bottom:-14vw;background:#be5cff;animation-delay:-12s}@keyframes ambientFloat{to{transform:translate3d(28px,-24px,0) scale(1.08)}}
.glass-ultra{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface) 74%,transparent));backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--shadow-soft)}
.topbar{height:var(--top);padding:0 clamp(16px,3vw,44px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;border-width:0 0 1px;background:color-mix(in srgb,var(--surface-strong) 82%,transparent)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,rgba(var(--accent-rgb),.24),rgba(124,131,255,.18));border:1px solid rgba(var(--accent-rgb),.24);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 12px 30px rgba(var(--accent-rgb),.08)}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-copy{min-width:0}.brand-line{display:flex;align-items:center;gap:8px}.brand strong{font-size:14px;letter-spacing:.08em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;margin-top:2px}.brand-led{width:6px;height:6px;border-radius:50%;background:#36e6a8;box-shadow:0 0 12px rgba(54,230,168,.9)}
.top-actions{display:flex;align-items:center;gap:8px}.icon-btn,.pill-btn,.control-btn,.mode-btn,.mini-action,.weather-refresh,.filter-chip,.page-btn,.action-btn,.quick-launch{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.icon-btn{width:40px;height:40px;border-radius:13px;display:grid;place-items:center}.pill-btn{height:40px;padding:0 13px;border-radius:13px;display:flex;align-items:center;gap:8px;font-weight:700}.icon-btn:hover,.pill-btn:hover,.control-btn:hover,.mode-btn:hover,.mini-action:hover,.weather-refresh:hover,.filter-chip:hover,.page-btn:hover,.action-btn:hover,.quick-launch:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.42);box-shadow:0 14px 34px rgba(var(--accent-rgb),.09)}
.clock-pill{height:40px;border:1px solid var(--line);border-radius:13px;padding:0 12px;display:flex;align-items:center;gap:8px;color:var(--muted);font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface-soft)}.clock-pill i{color:var(--accent)}
.page-shell{width:min(1420px,calc(100% - 40px));margin:0 auto}.hero-grid{padding:34px 0 22px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.7fr);gap:18px;align-items:stretch}.hero-panel{min-height:390px;border-radius:32px;padding:34px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.hero-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 38%);pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(55px);pointer-events:none;transition:.7s ease}.hero-orb-a{width:300px;height:300px;background:rgba(var(--accent-rgb),.12);right:-90px;top:-90px}.hero-orb-b{width:240px;height:240px;background:rgba(124,131,255,.11);left:40%;bottom:-130px}.hero-panel:hover .hero-orb-a{background:rgba(var(--accent-rgb),.18);transform:scale(1.07)}.hero-content,.hero-search-shell,.hero-meta{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font:750 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase}.eyebrow.muted{color:var(--muted)}.hero-panel h1{font-size:clamp(42px,5.5vw,78px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 18px;font-weight:780;max-width:840px;background:linear-gradient(135deg,#fff 0%,#f5fbff 38%,#b9c6d8 72%,#7f8da2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-panel p{font-size:clamp(14px,1.2vw,17px);line-height:1.75;color:var(--muted);max-width:760px;margin:0}.hero-search-shell{margin-top:30px;min-height:58px;border:1px solid var(--line-strong);border-radius:18px;background:rgba(2,6,13,.52);display:flex;align-items:center;padding:6px;gap:8px;box-shadow:inset 0 1px 12px rgba(0,0,0,.2);transition:.2s}.hero-search-shell:focus-within{border-color:rgba(var(--accent-rgb),.58);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08),0 16px 35px rgba(var(--accent-rgb),.08)}html[data-theme="light"] .hero-search-shell{background:rgba(255,255,255,.64)}.search-mode{height:44px;padding:0 13px;border-radius:13px;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent);display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750;white-space:nowrap}.hero-search-shell input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);padding:0 8px;font-size:14px}.hero-search-shell input::placeholder{color:var(--muted2)}kbd{font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--line);padding:7px 9px;border-radius:9px;margin-right:4px}.hero-meta{display:flex;align-items:center;gap:18px;margin-top:18px;color:var(--muted);font-size:11px}.hero-meta span{display:flex;align-items:center;gap:7px}.hero-meta i{color:var(--accent)}.hero-meta b{font-weight:700;color:var(--text)}.hero-meta em{font-style:normal}
.side-stack{display:grid;grid-template-rows:1fr auto;gap:12px}.weather-card{position:relative;min-height:295px;border-radius:30px;padding:24px;color:#fff;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.25);isolation:isolate}.weather-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.035));z-index:-1}.weather-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.13);filter:blur(35px);right:-50px;bottom:-70px;z-index:-1}.tone-clear{background:linear-gradient(145deg,#3f74aa,#78a6cc 48%,#dfa96c)}.tone-partly{background:linear-gradient(145deg,#46698d,#859bb5 48%,#bda389)}.tone-cloudy{background:linear-gradient(145deg,#404b59,#6c7887,#4f5c6b)}.tone-rain{background:linear-gradient(145deg,#234661,#3f6986,#20394f)}.tone-snow{background:linear-gradient(145deg,#6c8ba4,#a9c1d2,#829daf)}.tone-storm{background:linear-gradient(145deg,#34284e,#55446c,#26384c)}.tone-fog{background:linear-gradient(145deg,#656b72,#8b9297,#696f74)}.weather-top{display:flex;justify-content:space-between;align-items:center}.weather-kicker{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750;letter-spacing:.05em}.weather-refresh{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}.weather-main{display:flex;align-items:center;justify-content:space-between;margin-top:27px}.weather-main strong{font-size:62px;letter-spacing:-.07em;line-height:1;font-weight:720}.weather-main>i{font-size:52px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.15));animation:weatherFloat 6s ease-in-out infinite}.weather-desc{font-size:15px;font-weight:700;margin-top:7px}.weather-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:23px;padding-top:15px;border-top:1px solid rgba(255,255,255,.22)}.weather-meta span{display:flex;flex-direction:column;gap:3px}.weather-meta small{font-size:9px;opacity:.7}.weather-meta b{font-size:12px}.weather-source{display:flex;justify-content:space-between;gap:10px;margin-top:15px;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.72}@keyframes weatherFloat{50%{transform:translateY(-6px)}}
.quick-dock{border-radius:20px;padding:9px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-launch{min-height:62px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--muted)}.quick-launch i{color:var(--accent);font-size:14px}.quick-launch:hover{color:var(--text);background:rgba(var(--accent-rgb),.09)}
.player-dock{border-radius:23px;padding:14px 16px;margin:0 0 28px;display:grid;grid-template-columns:minmax(260px,1.2fr) auto minmax(220px,.7fr) auto;align-items:center;gap:16px}.player-dock-main{display:flex;align-items:center;gap:12px;min-width:0}.mini-cover{width:54px;height:54px;border-radius:16px;background:var(--surface-soft);border:1px solid var(--line);overflow:hidden;position:relative;display:grid;place-items:center;flex:0 0 auto}.mini-cover img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.mini-cover span{position:absolute;color:var(--muted)}.mini-track-copy{min-width:0}.mini-status{display:flex;align-items:center;gap:7px;color:var(--emerald);font:750 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.mini-status b{color:var(--muted);margin-left:4px}.mini-track-copy>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;margin:5px 0 2px}.mini-track-copy>small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.mini-controls{display:flex;gap:6px}.control-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.control-btn.primary{width:46px;height:46px;background:linear-gradient(145deg,#f6fbff,#cfe0ed);color:#0b111a;border-color:transparent;box-shadow:0 9px 28px rgba(181,216,235,.12)}html[data-theme="light"] .control-btn.primary{background:#111827;color:#fff}.mini-progress{min-width:0}.mini-progress input,.progress-wrap input,.volume{width:100%;accent-color:var(--accent)}.mini-progress>div{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:4px}.mini-actions{display:flex;gap:6px;align-items:center}.mini-action{height:38px;min-width:38px;border-radius:12px;display:grid;place-items:center}.mini-action.queue{display:flex;padding:0 11px;gap:7px;font-size:10px}.status-led{width:7px;height:7px;border-radius:50%;display:inline-block;background:#59636d;box-shadow:0 0 0 2px rgba(89,99,109,.12)}.status-led.large{width:8px;height:8px}.is-playing .status-led,.status-led.playing,.is-playing .brand-led{background:#32e0a0;box-shadow:0 0 0 3px rgba(50,224,160,.11),0 0 18px rgba(50,224,160,.8);animation:ledPulse 1s infinite}@keyframes ledPulse{0%,100%{opacity:.45}50%{opacity:1;box-shadow:0 0 0 4px rgba(50,224,160,.11),0 0 24px rgba(50,224,160,.95)}}
.workspace{padding:18px 0 72px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.section-head h2{font-size:clamp(28px,3vw,43px);letter-spacing:-.045em;margin:8px 0 6px}.section-head p{margin:0;color:var(--muted);font-size:13px}.count-badge{display:flex;align-items:baseline;gap:7px;color:var(--muted)}.count-badge span{font-size:27px;color:var(--text);font-weight:700}.count-badge small{font-size:9px;letter-spacing:.14em}.filter-row{display:flex;flex-wrap:wrap;gap:8px;padding:24px 0 18px}.filter-chip{white-space:nowrap;border-radius:999px;min-height:38px;padding:0 14px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.filter-chip.active{background:linear-gradient(135deg,rgba(var(--accent-rgb),.98),rgba(124,131,255,.92));color:#051018;border-color:transparent;box-shadow:0 10px 26px rgba(var(--accent-rgb),.18)}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.app-card{--mouse-x:50%;--mouse-y:50%;min-height:190px;background:linear-gradient(145deg,rgba(13,19,32,.74),rgba(8,12,22,.68));backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;flex-direction:column;color:inherit;position:relative;overflow:hidden;cursor:pointer;transition:transform .23s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;transform-style:preserve-3d;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}html[data-theme="light"] .app-card{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(246,249,253,.72))}.app-card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mouse-x) var(--mouse-y),rgba(var(--accent-rgb),.19),rgba(124,131,255,.08) 34%,transparent 68%);opacity:0;transition:opacity .28s;pointer-events:none}.app-card:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);opacity:.5;transition:.25s}.app-card:hover{border-color:rgba(var(--accent-rgb),.38);box-shadow:0 22px 44px -18px rgba(0,0,0,.7),0 0 32px rgba(var(--accent-rgb),.12)}.app-card:hover:before{opacity:1}.app-card:hover:after{background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.88),transparent);opacity:1}.app-card>*{position:relative;z-index:2}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.app-icon{width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid var(--line);display:grid;place-items:center;font-size:18px;overflow:hidden;color:var(--accent);transition:.25s}.app-icon img{width:100%;height:100%;object-fit:cover}.app-card:hover .app-icon{transform:translateZ(14px) scale(1.05);background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.25)}.card-arrow{color:var(--muted2);font-size:12px;transition:.2s}.app-card:hover .card-arrow{transform:translate(2px,-2px);color:var(--accent)}.app-card h3{font-size:14px;margin:20px 0 7px;letter-spacing:-.01em}.app-card p{font-size:11.5px;line-height:1.6;margin:0;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{margin-top:auto;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.04)}.card-cat{font:650 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;color:var(--muted);text-transform:uppercase}.featured-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.08),0 0 14px rgba(var(--accent-rgb),.5)}
.pagination{display:flex;justify-content:center;align-items:center;gap:7px;padding:28px 0 0}.pagination.compact{padding:16px 0 20px}.page-btn{min-width:36px;height:36px;padding:0 11px;border-radius:11px;font-size:11px;font-weight:700}.page-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}.page-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.empty-state{min-height:250px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted)}.empty-state i{font-size:32px;margin-bottom:9px}
.footer{width:min(1420px,calc(100% - 40px));margin:0 auto;padding:22px 0 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.footer>div:first-child{display:flex;align-items:center;gap:12px}.footer strong{color:var(--text);letter-spacing:.06em}.footer-actions{display:flex;align-items:center;gap:12px}.footer-actions a{color:var(--muted)}.footer-online{display:flex;align-items:center;gap:6px}.footer-online i{width:6px;height:6px;border-radius:50%;background:var(--emerald);box-shadow:0 0 12px rgba(45,212,168,.72)}.footer-online b{font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(2,5,9,.76);backdrop-filter:blur(18px)}.modal-panel{position:relative;z-index:1;width:min(730px,96vw);max-height:90vh;border-radius:27px;overflow:auto;background:var(--surface-strong);box-shadow:0 44px 130px rgba(0,0,0,.58)}.modal-panel>header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--surface-strong) 92%,transparent);backdrop-filter:blur(16px);z-index:3}.modal-panel h3{margin:7px 0 0;font-size:22px}.tool-body{padding:22px}.tool-field{display:grid;gap:8px;margin-bottom:13px}.tool-field label{font-size:11px;color:var(--muted)}.tool-field input,.tool-field textarea,.tool-field select{width:100%;background:var(--surface-soft);border:1px solid var(--line);border-radius:13px;color:var(--text);padding:11px 13px;outline:none}.tool-field input:focus,.tool-field textarea:focus,.tool-field select:focus{border-color:rgba(var(--accent-rgb),.48);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.07)}.tool-field textarea{min-height:140px;resize:vertical}.tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.action-btn{height:40px;padding:0 13px;border-radius:12px;display:flex;align-items:center;gap:7px;font-weight:700}.action-btn.primary{background:linear-gradient(135deg,var(--accent),var(--iris));border-color:transparent;color:#061018}.tool-output{white-space:pre-wrap;word-break:break-word;background:rgba(2,6,12,.55);border:1px solid var(--line);border-radius:13px;padding:13px;min-height:58px;color:var(--muted);font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.tool-tabs{display:flex;gap:6px;margin-bottom:14px}.tool-tab{height:34px;border-radius:10px;padding:0 12px;border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);cursor:pointer}.tool-tab.active{background:rgba(var(--accent-rgb),.14);color:var(--accent);border-color:rgba(var(--accent-rgb),.3)}.calc-screen{border:1px solid var(--line);background:rgba(2,6,12,.6);border-radius:16px;padding:16px;text-align:right;margin-bottom:13px}.calc-screen small{display:block;color:var(--muted);min-height:14px;font:10px ui-monospace,monospace}.calc-screen strong{display:block;font:700 27px ui-monospace,monospace;color:var(--accent);overflow:hidden;text-overflow:ellipsis}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.calc-key{height:46px;border-radius:12px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);cursor:pointer;font-weight:700}.calc-key.op{color:var(--accent)}.calc-key.eq{background:linear-gradient(135deg,var(--accent),var(--iris));border-color:transparent;color:#071018}.calc-key.danger{color:var(--rose);background:rgba(255,111,145,.08)}
.bin-status{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin:5px 0 12px}.bin-status i{width:7px;height:7px;border-radius:50%;background:var(--muted2)}.bin-status.loading i{background:var(--amber);animation:ledPulse 1s infinite}.bin-status.ok i{background:var(--emerald);box-shadow:0 0 14px rgba(45,212,168,.55)}.bin-status.error i{background:var(--rose)}.bin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.bin-item{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}.bin-item span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.bin-item strong{display:block;margin-top:5px;font-size:12px;word-break:break-word}.scratch-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:8px}.scratch-meta button{border:0;background:none;color:var(--muted);cursor:pointer}.scratch-meta button:hover{color:var(--accent)}
.music-panel{width:min(780px,96vw)}.now-playing{display:flex;align-items:center;gap:17px;padding:22px}.cover{width:84px;height:84px;border-radius:21px;overflow:hidden;background:var(--surface-soft);border:1px solid var(--line);position:relative;display:grid;place-items:center}.cover img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.cover-fallback{font-size:26px;color:var(--muted)}.track-copy{min-width:0;flex:1}.playing-label{display:flex;align-items:center;gap:7px;color:var(--emerald);font:750 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.playing-label b{margin-left:auto;color:var(--muted)}.track-copy strong{display:block;font-size:20px;margin:8px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy small{color:var(--muted)}.progress-wrap{padding:0 22px}.time-row{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:4px}.player-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:17px 22px 21px;border-bottom:1px solid var(--line)}.control-divider{width:1px;height:26px;background:var(--line);margin:0 4px}.volume{width:96px}.mode-btn{height:38px;border-radius:12px;padding:0 11px;gap:7px;display:flex;align-items:center;font-size:10px;font-weight:700}.playlist-head{display:flex;justify-content:space-between;padding:17px 22px 9px}.playlist-head span{color:var(--muted);font-size:11px}.playlist{padding:0 14px;display:grid;gap:7px}.track-row{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;border:1px solid transparent;border-radius:14px;padding:8px 10px;cursor:pointer;transition:.18s}.track-row:hover{background:var(--surface-soft)}.track-row.active{border-color:rgba(45,212,168,.27);background:rgba(45,212,168,.07)}.track-num{width:34px;height:34px;border-radius:11px;background:var(--surface-soft);display:grid;place-items:center;font:750 10px ui-monospace,monospace;color:var(--muted)}.track-row.active .track-num{color:var(--emerald)}.track-row strong{font-size:12px;display:block}.track-row small{font-size:10px;color:var(--muted)}.track-row .fa-play{color:var(--muted);font-size:10px}
.toast-stack{position:fixed;right:18px;bottom:18px;z-index:180;display:grid;gap:8px;pointer-events:none}.toast{min-width:230px;max-width:360px;border:1px solid var(--line);background:var(--surface-strong);backdrop-filter:blur(18px);border-radius:14px;padding:11px 13px;box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:9px;font-size:11px;animation:toastIn .25s ease}.toast i{color:var(--accent)}.toast.error i{color:var(--rose)}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1120px){.hero-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:1fr}.quick-dock{grid-template-columns:repeat(2,1fr)}.player-dock{grid-template-columns:1fr auto minmax(220px,.75fr)}.mini-actions{grid-column:1/-1;justify-content:flex-end}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){:root{--top:68px}.topbar{padding:0 14px}.clock-pill{display:none}.brand small{display:none}.page-shell,.footer{width:min(100% - 24px,1420px)}.hero-grid{padding-top:18px}.hero-panel{min-height:350px;padding:24px}.hero-panel h1{font-size:44px}.hero-search-shell{min-height:54px}.search-mode span{display:none}.side-stack{grid-template-columns:1fr}.quick-dock{grid-template-columns:repeat(4,1fr)}.player-dock{grid-template-columns:1fr auto;padding:12px}.mini-progress{grid-column:1/-1}.mini-actions{grid-column:1/-1;justify-content:flex-start}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:flex-start}.count-badge{display:none}.filter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.footer>div:first-child{display:grid;gap:3px}.footer{align-items:flex-start}.player-controls{flex-wrap:wrap}}
@media(max-width:520px){.brand strong{font-size:12px}.brand-mark{width:38px;height:38px}.top-actions{gap:5px}.top-actions .icon-btn{width:38px;height:38px}.pill-btn{height:38px;padding:0 10px}.hero-panel{padding:20px;min-height:330px}.hero-panel h1{font-size:36px}.hero-panel p{font-size:14px}.hero-meta{display:grid;gap:6px}.weather-card{padding:20px;min-height:270px}.weather-main strong{font-size:54px}.weather-main>i{font-size:44px}.quick-dock{grid-template-columns:repeat(2,1fr)}.player-dock{grid-template-columns:1fr}.mini-controls{justify-content:center}.mini-actions{justify-content:center}.card-grid{grid-template-columns:1fr}.app-card{min-height:168px}.modal{padding:9px}.modal-panel{border-radius:21px}.mode-btn span{display:none}.bin-grid{grid-template-columns:1fr}.footer{display:grid;gap:14px}.footer-actions{justify-content:space-between;width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.app-card{transform:none!important}}

/* v5.4.0 performance + unified local-tool UI */
body{background:
  radial-gradient(1000px 600px at 0% -10%,rgba(28,181,214,.08),transparent 58%),
  radial-gradient(920px 620px at 100% 0%,rgba(112,92,246,.075),transparent 60%),
  linear-gradient(180deg,var(--bg),var(--bg2));}
.ambient{display:none!important}
#quantumCanvas{opacity:.28}
.app-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform-style:flat!important;contain:layout paint style;will-change:auto}
.app-card:hover{transform:translateY(-2px)}
.app-card:hover .app-icon{transform:scale(1.035)}
.app-card.internal-card{background:linear-gradient(145deg,rgba(10,18,29,.94),rgba(8,13,22,.92));border-color:rgba(var(--accent-rgb),.12)}
.app-card.internal-card .app-icon{color:var(--accent);background:linear-gradient(145deg,rgba(var(--accent-rgb),.11),rgba(124,131,255,.075));border-color:rgba(var(--accent-rgb),.18)}
.app-card.external-card{background:linear-gradient(145deg,rgba(15,18,25,.90),rgba(10,13,18,.88));border-color:rgba(255,255,255,.065)}
.app-card.external-card:before{background:radial-gradient(380px circle at var(--mouse-x) var(--mouse-y),rgba(145,160,180,.10),transparent 65%)}
.app-card.external-card:hover{border-color:rgba(255,255,255,.15);box-shadow:0 18px 38px -20px rgba(0,0,0,.8)}
.app-card.external-card .app-icon{color:#a9b6c7;background:rgba(255,255,255,.035)}
.card-kind{display:inline-flex;align-items:center;gap:5px;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted2)}
.card-kind.local{color:var(--accent)}
.glass-ultra{backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%)}
.modal-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
/* Keep the premium glass hierarchy without making every large panel a GPU blur layer. */
.hero-panel,.quick-dock,.signal-strip,.player-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(155deg,rgba(10,16,27,.94),rgba(7,11,19,.92))}
html[data-theme="light"] .hero-panel,html[data-theme="light"] .quick-dock,html[data-theme="light"] .signal-strip,html[data-theme="light"] .player-dock{background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(244,248,252,.94))}

.signal-strip{min-height:58px;border-radius:20px;margin:0 0 12px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:hidden}
.world-clocks,.health-metrics{display:flex;align-items:center;min-width:0}
.world-clocks{gap:13px}.world-clocks>i{width:1px;height:26px;background:var(--line);flex:0 0 auto}.signal-live-dot{width:7px;height:7px;border-radius:50%;background:#22d3ee;box-shadow:0 0 16px rgba(34,211,238,.8);flex:0 0 auto}
.city-clock{display:flex;align-items:baseline;gap:9px;white-space:nowrap}.city-clock small{font-size:9px;color:var(--muted);letter-spacing:.12em}.city-clock strong{font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);letter-spacing:.04em}
.health-metrics{gap:10px;margin-left:auto}.health-metrics>u{width:3px;height:3px;border-radius:50%;background:var(--muted2);text-decoration:none;opacity:.65}.health-metrics>span{display:flex;align-items:center;gap:5px;white-space:nowrap;font:650 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.health-metrics i{color:var(--accent)}.health-metrics b{color:var(--text);font-weight:750}.health-metrics em{font-style:normal;color:var(--muted2);font-size:8px}

.market-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}
.market-card{min-height:72px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(11,18,29,.92),rgba(8,12,20,.90));padding:12px 14px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);position:relative;overflow:hidden}
.market-card:after{content:"";position:absolute;inset:auto -35px -55px auto;width:130px;height:100px;border-radius:50%;background:rgba(var(--accent-rgb),.07);filter:blur(30px);pointer-events:none}
.market-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.035);font-size:16px}.market-btc .market-icon{color:#f3b33d;background:rgba(243,179,61,.08);border-color:rgba(243,179,61,.18)}.market-eth .market-icon{color:#8793ff;background:rgba(135,147,255,.08);border-color:rgba(135,147,255,.17)}.market-sol .market-icon{color:#c56cff;background:rgba(197,108,255,.08);border-color:rgba(197,108,255,.17)}
.market-card small{display:block;font:650 8px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);letter-spacing:.12em}.market-card strong{display:block;margin-top:4px;font:750 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}.market-change{justify-self:end;padding:5px 8px;border-radius:9px;border:1px solid var(--line);font:750 9px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.market-change.up{color:#2dd4a8;background:rgba(45,212,168,.07);border-color:rgba(45,212,168,.19)}.market-change.down{color:#ff6f91;background:rgba(255,111,145,.07);border-color:rgba(255,111,145,.19)}

.legacy-tool-panel{width:min(1180px,96vw);height:min(860px,92vh);overflow:hidden;display:grid;grid-template-rows:auto 1fr}.legacy-tool-panel header{position:static!important}.legacy-tool-panel iframe{display:block;width:100%;height:100%;border:0;background:#05070b}.tool-window-actions{display:flex;align-items:center;gap:7px}.tool-window-actions a{text-decoration:none}

@media(max-width:780px){.signal-strip{align-items:flex-start;flex-direction:column}.health-metrics{margin-left:0;width:100%;justify-content:flex-start}.world-clocks{width:100%;overflow-x:auto;padding-bottom:2px}.market-strip{grid-template-columns:1fr}.market-card{min-height:66px}.legacy-tool-panel{width:100%;height:94vh}.app-card{contain:layout paint}}
@media(max-width:520px){.health-metrics em{display:none}.city-clock{gap:6px}.city-clock small{font-size:8px}.city-clock strong{font-size:10px}.signal-strip{padding:10px 12px}.market-strip{gap:8px}}
@media(prefers-reduced-motion:reduce){#quantumCanvas{display:none!important}}

/* Automatic low-power mode: preserves layout while removing costly compositing. */
html.perf-lite .glass-ultra,html.perf-lite .modal-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.perf-lite .glass-ultra{background:var(--surface-strong)}
html.perf-lite #quantumCanvas,html.perf-lite .hero-orb{display:none!important}
html.perf-lite .app-card:before{display:none!important}

/* v5.4.0 mobile compositor budget: keep the premium glass look without forcing full-screen blur layers. */
@media(max-width:780px){
  .glass-ultra{backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%)}
  .modal-backdrop{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
}

/* v5.4.1 layout refinement: top status, compact market, modal-only audio */
.topbar{
  min-height:var(--top);height:auto;
  display:grid;grid-template-columns:minmax(190px,auto) minmax(500px,760px) auto;
  align-items:center;gap:22px;padding-top:9px;padding-bottom:9px;
}
.top-signal{
  min-height:44px;margin:0;padding:6px 12px;border-radius:15px;
  background:linear-gradient(145deg,rgba(11,18,30,.72),rgba(7,12,21,.62));
  border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-theme="light"] .top-signal{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(245,248,252,.76));border-color:rgba(17,24,39,.08)}
.top-signal .world-clocks{gap:11px;justify-content:center}
.top-signal .world-clocks>i{height:19px}
.top-signal .signal-live-dot{width:6px;height:6px}
.top-signal .city-clock{gap:7px}
.top-signal .city-clock small{font-size:8px;letter-spacing:.10em}
.top-signal .city-clock strong{font-size:10px;letter-spacing:.035em}
.top-signal .health-metrics{gap:8px;margin-left:14px;padding-left:13px;border-left:1px solid var(--line)}
.top-signal .health-metrics>span{gap:4px;font-size:9px}
.top-signal .health-metrics em{font-size:7px}
.top-signal .health-metrics>u{width:2px;height:2px}
.local-clock[hidden]{display:none!important}

.hero-grid{padding-top:28px;padding-bottom:14px}
.hero-panel{min-height:372px}
.hero-panel h1{font-size:clamp(40px,4.8vw,68px);margin-top:16px;margin-bottom:15px}
.hero-panel p{font-size:clamp(13px,1vw,16px)}

.market-strip{gap:12px;margin:0 0 26px}
.market-card{min-height:78px;border-radius:19px;padding:13px 15px;grid-template-columns:40px 1fr auto;gap:12px}
.market-icon{width:40px;height:40px;border-radius:13px;font-size:17px}
.market-card small{font-size:9px;letter-spacing:.11em}
.market-card strong{font-size:14px;margin-top:5px;letter-spacing:.01em}
.market-change{font-size:9.5px;padding:5px 9px}

/* The compact player lives only in the modal. The top-right headphone is the launcher. */
.player-dock{display:none!important}
.music-launch{position:relative}
body.is-playing .music-launch{border-color:rgba(50,224,160,.42);box-shadow:0 0 0 3px rgba(50,224,160,.07),0 10px 28px rgba(50,224,160,.12)}
body.is-playing .music-launch:after{content:"";position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;background:#32e0a0;box-shadow:0 0 12px rgba(50,224,160,.95);animation:ledPulse 1s infinite}
.workspace{padding-top:12px}

@media(max-width:1240px){
  .topbar{grid-template-columns:1fr auto;gap:8px 16px;padding-bottom:8px}
  .top-signal{grid-column:1/-1;grid-row:2;width:100%;min-height:42px}
  .hero-grid{padding-top:22px}
  .hero-panel{min-height:350px}
  .hero-panel h1{font-size:clamp(40px,5.4vw,62px)}
}
@media(max-width:900px){
  .top-signal .health-metrics{margin-left:auto}
  .market-card{min-height:72px;padding:11px 12px;grid-template-columns:36px 1fr auto}
  .market-icon{width:36px;height:36px;font-size:15px}
  .market-card strong{font-size:13px}
}
@media(max-width:780px){
  .topbar{position:sticky;grid-template-columns:minmax(0,1fr) auto;padding:8px 12px 7px}
  .top-signal{padding:7px 10px;border-radius:14px;overflow:hidden}
  .top-signal .world-clocks{width:100%;justify-content:space-between;gap:7px;overflow:visible;padding:0}
  .top-signal .health-metrics{display:none}
  .top-signal .city-clock{gap:5px}
  .top-signal .city-clock small{font-size:7.5px}
  .top-signal .city-clock strong{font-size:9.5px}
  .top-signal .world-clocks>i{height:17px}
  .hero-grid{padding-top:16px;padding-bottom:12px}
  .hero-panel{min-height:330px}
  .hero-panel h1{font-size:clamp(36px,8vw,50px)}
  .market-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px;margin-bottom:22px;scrollbar-width:none}
  .market-strip::-webkit-scrollbar{display:none}
  .market-card{flex:0 0 min(76vw,330px);scroll-snap-align:start;min-height:70px}
  .workspace{padding-top:6px}
}
@media(max-width:520px){
  .topbar{gap:7px 10px;padding-left:10px;padding-right:10px}
  .brand{gap:8px}.brand-copy{max-width:112px}.brand strong{font-size:11px;letter-spacing:.045em}
  .top-signal{min-height:39px;padding:6px 8px}
  .top-signal .signal-live-dot{display:none}
  .top-signal .city-clock{display:grid;gap:1px;text-align:center}
  .top-signal .city-clock small{font-size:7px;line-height:1.1}
  .top-signal .city-clock strong{font-size:9px;line-height:1.2}
  .top-signal .world-clocks>i{height:24px}
  .hero-panel{min-height:305px}
  .hero-panel h1{font-size:34px;line-height:1.06;margin-bottom:12px}
  .hero-panel p{font-size:13px;line-height:1.6}
  .market-card{flex-basis:84vw}
}
@media(max-width:390px){
  .pill-btn{width:38px;padding:0;justify-content:center}.pill-btn span{display:none}
  .top-actions{gap:4px}.top-actions .icon-btn{width:36px;height:36px}.pill-btn{height:36px;width:36px}
  .brand-mark{width:36px;height:36px;border-radius:12px}.brand-copy{max-width:96px}
  .market-card{flex-basis:88vw}
}

/* Tablet balance: keep weather and quick tools vertically aligned instead of a tall narrow tool rail. */
@media(min-width:781px) and (max-width:1120px){
  .side-stack{grid-template-columns:1fr;grid-template-rows:auto auto}
  .quick-dock{grid-template-columns:repeat(4,minmax(0,1fr))}
  .quick-launch{min-height:58px}
  .weather-card{min-height:275px}
}

/* v5.4.2 contrast system + embedded market placement */
:root{
  --text-primary:#f7faff;
  --text-secondary:#aab6c6;
  --text-tertiary:#8796aa;
  --card-bg:#0b111b;
  --card-bg-2:#0e1623;
  --input-bg:#080d15;
  --market-bg:rgba(8,13,22,.78);
  --market-line:rgba(255,255,255,.095);
}
html[data-theme="light"]{
  --text-primary:#132033;
  --text-secondary:#53647a;
  --text-tertiary:#62748a;
  --card-bg:#ffffff;
  --card-bg-2:#f5f8fc;
  --input-bg:#ffffff;
  --market-bg:rgba(255,255,255,.86);
  --market-line:rgba(26,43,67,.12);
}
body{color:var(--text-primary)}
.brand strong,.hero-meta b,.section-head h2,.app-card h3,.market-card strong,.count-badge span{color:var(--text-primary)}
.brand small,.hero-panel p,.section-head p,.app-card p,.card-cat,.market-card small,.hero-meta,.count-badge small{color:var(--text-secondary)}
.card-arrow,.market-change{color:var(--text-tertiary)}
.hero-panel h1{
  background:linear-gradient(135deg,#ffffff 0%,#eef5ff 42%,#c8d5e6 74%,#8797ac 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
html[data-theme="light"] .hero-panel h1{
  background:linear-gradient(135deg,#101a2b 0%,#24344c 42%,#475d78 75%,#6a7c92 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
html[data-theme="light"] .eyebrow{color:#9a641d}
html[data-theme="light"] .eyebrow.muted{color:#65758a}
html[data-theme="light"] .app-card{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,248,252,.96));
  border-color:rgba(28,45,67,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 34px rgba(59,76,99,.08)
}
html[data-theme="light"] .app-card p{color:#53647a}
html[data-theme="light"] .app-card .card-cat{color:#62738a}
html[data-theme="light"] .app-card .card-kind{color:#526379;border-color:rgba(36,56,82,.12);background:rgba(31,48,72,.045)}
html[data-theme="light"] .app-card.internal-card .card-kind{color:#137c8e;border-color:rgba(13,130,151,.18);background:rgba(13,130,151,.07)}
html[data-theme="light"] .hero-search-shell{background:rgba(255,255,255,.9);border-color:rgba(34,52,78,.15);box-shadow:inset 0 1px 10px rgba(65,79,100,.05)}
html[data-theme="light"] .hero-search-shell input{color:#132033}
html[data-theme="light"] .hero-search-shell input::placeholder{color:#62748a}
html[data-theme="light"] kbd{color:#53647a;background:rgba(27,43,64,.04);border-color:rgba(26,43,67,.12)}

.hero-footer-row{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(470px,1fr);align-items:end;gap:22px;margin-top:18px}
.hero-footer-row .hero-meta{margin-top:0;min-width:max-content;align-self:center}
.hero-market-strip{margin:0;gap:7px;min-width:0}
.hero-market-strip .market-card{min-height:52px;border-radius:14px;padding:8px 9px;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;background:var(--market-bg);border-color:var(--market-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.hero-market-strip .market-icon{width:28px;height:28px;border-radius:9px;font-size:12px}
.hero-market-strip .market-card small{font-size:7px;letter-spacing:.09em;line-height:1.1;color:var(--text-tertiary)}
.hero-market-strip .market-card strong{font-size:10.5px;line-height:1.2;margin-top:2px;white-space:nowrap}
.hero-market-strip .market-change{font-size:7.5px;padding:3px 5px;border-radius:7px;white-space:nowrap}
.hero-market-strip .market-card:after{display:none}
html[data-theme="light"] .hero-market-strip .market-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 7px 18px rgba(55,70,92,.06)}

/* Make internal cards visually legible in both themes without flattening external cards. */
.app-card.internal-card{border-color:rgba(var(--accent-rgb),.16)}
.app-card.internal-card h3{color:var(--text-primary)}
.app-card.internal-card p{color:var(--text-secondary)}
.app-card.internal-card .card-cat{color:var(--text-tertiary)}
.app-card.internal-card .card-kind.local{color:#69e3f1;border-color:rgba(var(--accent-rgb),.22);background:rgba(var(--accent-rgb),.075)}
html[data-theme="light"] .app-card.internal-card .card-kind.local{color:#08798a;background:rgba(8,121,138,.07);border-color:rgba(8,121,138,.18)}

@media(max-width:1320px){
  .hero-footer-row{grid-template-columns:1fr;gap:12px}
  .hero-footer-row .hero-meta{min-width:0}
  .hero-market-strip{width:100%}
}
@media(max-width:1120px){
  .hero-market-strip .market-card{min-height:54px}
  .hero-market-strip .market-card strong{font-size:11px}
}
@media(max-width:780px){
  .hero-footer-row{gap:11px;margin-top:15px}
  .hero-footer-row .hero-meta{display:flex;flex-wrap:wrap;gap:8px 14px}
  .hero-market-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:2px;scrollbar-width:none}
  .hero-market-strip::-webkit-scrollbar{display:none}
  .hero-market-strip .market-card{flex:0 0 min(72vw,260px);scroll-snap-align:start;min-height:52px}
}
@media(max-width:520px){
  .hero-panel{min-height:auto}
  .hero-market-strip .market-card{flex-basis:min(82vw,270px)}
  .hero-market-strip .market-card strong{font-size:10.5px}
  .hero-footer-row .hero-meta{font-size:10px}
}

/* v5.4.2 global secondary-text normalization */
:root{--muted:#aab6c6;--muted2:#8796aa}
html[data-theme="light"]{--muted:#53647a;--muted2:#62748a}

/* ==========================================================================\n   v5.4.3 — Dynamic weather scene\n   Lightweight CSS-only atmosphere. Only the active weather tone is animated.\n   ========================================================================== */
.weather-card{
  --wx-sky-a:#378fd6;
  --wx-sky-b:#78bce7;
  --wx-sky-c:#d3b68c;
  --wx-shade-left:.34;--wx-shade-mid:.20;--wx-shade-right:.10;--wx-shade-bottom:.24;
  background:linear-gradient(155deg,var(--wx-sky-a) 0%,var(--wx-sky-b) 58%,var(--wx-sky-c) 120%);
  border:1px solid rgba(255,255,255,.18);
  transition:background .8s ease,border-color .35s ease,box-shadow .35s ease;
}
.weather-card::before{
  z-index:2;
  background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 35%,rgba(0,0,0,.06));
  pointer-events:none;
}
.weather-card::after{
  z-index:2;
  width:190px;height:190px;right:-62px;bottom:-84px;
  background:rgba(255,255,255,.12);
  pointer-events:none;
}
.weather-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.weather-readability{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(5,15,26,var(--wx-shade-bottom)) 0%,transparent 58%),linear-gradient(90deg,rgba(5,15,26,var(--wx-shade-left)) 0%,rgba(5,15,26,var(--wx-shade-mid)) 54%,rgba(5,15,26,var(--wx-shade-right)) 100%)}
.weather-top,.weather-main,.weather-meta,.weather-source{position:relative;z-index:3;text-shadow:0 1px 5px rgba(0,0,0,.36),0 0 14px rgba(0,0,0,.10)}
.weather-card .weather-refresh{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:rgba(255,255,255,.13)}
.weather-card .weather-main>i{position:relative;z-index:4;color:rgba(255,255,255,.96)}
.weather-card .weather-meta{border-top-color:rgba(255,255,255,.25)}

/* Theme palettes */
.weather-card.tone-clear{--wx-sky-a:#178ee9;--wx-sky-b:#56baf2;--wx-sky-c:#d9c68e;--wx-shade-left:.31;--wx-shade-mid:.17}
.weather-card.tone-partly{--wx-sky-a:#3a91cf;--wx-sky-b:#8fc6e7;--wx-sky-c:#b9c9d6;--wx-shade-left:.35;--wx-shade-mid:.21}
.weather-card.tone-cloudy{--wx-sky-a:#526d87;--wx-sky-b:#91a6b9;--wx-sky-c:#677e91;--wx-shade-left:.30}
.weather-card.tone-rain{--wx-sky-a:#173e5c;--wx-sky-b:#356784;--wx-sky-c:#203a52;--wx-shade-left:.27;--wx-shade-mid:.14;--wx-shade-bottom:.20}
.weather-card.tone-snow{--wx-sky-a:#739dbb;--wx-sky-b:#c7ddea;--wx-sky-c:#89a9bd;--wx-shade-left:.42;--wx-shade-mid:.27;--wx-shade-right:.15;--wx-shade-bottom:.31}
.weather-card.tone-storm{--wx-sky-a:#211936;--wx-sky-b:#4c4168;--wx-sky-c:#1f3448;--wx-shade-left:.24;--wx-shade-mid:.12;--wx-shade-bottom:.18}
.weather-card.tone-fog{--wx-sky-a:#687a85;--wx-sky-b:#aeb9bf;--wx-sky-c:#75858d;--wx-shade-left:.41;--wx-shade-mid:.27;--wx-shade-bottom:.30}

/* Sun */
.wx-sun{position:absolute;width:86px;height:86px;border-radius:50%;right:42px;top:56px;opacity:0;transform:scale(.92);background:radial-gradient(circle at 34% 34%,#fff9d6 0 9%,#ffe48a 25%,#ffc95f 54%,rgba(255,190,75,.18) 72%,transparent 73%);box-shadow:0 0 28px rgba(255,224,135,.75),0 0 72px rgba(255,204,92,.42);animation:wxSunPulse 5.5s ease-in-out infinite}
.weather-card.tone-clear .wx-sun,.weather-card.tone-partly .wx-sun{opacity:.88}
.weather-card.tone-partly .wx-sun{opacity:.58;right:30px;top:48px;transform:scale(.78)}

/* Clouds: CSS geometry keeps the effect sharp at every DPR. */
.wx-cloud{position:absolute;width:118px;height:34px;border-radius:999px;background:rgba(255,255,255,.72);opacity:0;filter:drop-shadow(0 8px 18px rgba(16,42,62,.12));will-change:transform}
.wx-cloud::before,.wx-cloud::after{content:"";position:absolute;border-radius:50%;background:inherit}
.wx-cloud::before{width:58px;height:58px;left:18px;bottom:7px}
.wx-cloud::after{width:44px;height:44px;right:16px;bottom:5px}
.wx-cloud-a{right:-22px;top:104px;transform:scale(.82);animation:wxCloudA 13s ease-in-out infinite alternate}
.wx-cloud-b{left:-36px;bottom:62px;transform:scale(.62);animation:wxCloudB 18s ease-in-out infinite alternate-reverse}
.wx-cloud-c{right:70px;top:28px;transform:scale(.42);animation:wxCloudC 22s ease-in-out infinite alternate}
.weather-card.tone-partly .wx-cloud-a,.weather-card.tone-partly .wx-cloud-c{opacity:.64}
.weather-card.tone-cloudy .wx-cloud,.weather-card.tone-rain .wx-cloud-a,.weather-card.tone-rain .wx-cloud-c,.weather-card.tone-storm .wx-cloud-a,.weather-card.tone-storm .wx-cloud-c,.weather-card.tone-snow .wx-cloud-a{opacity:.66}
.weather-card.tone-cloudy .wx-cloud-a{opacity:.83}.weather-card.tone-cloudy .wx-cloud-b{opacity:.55}.weather-card.tone-cloudy .wx-cloud-c{opacity:.44}
.weather-card.tone-rain .wx-cloud,.weather-card.tone-storm .wx-cloud{background:rgba(214,228,239,.38);filter:drop-shadow(0 10px 22px rgba(4,19,31,.22))}
.weather-card.tone-snow .wx-cloud{background:rgba(245,251,255,.62)}

/* Rain: two inexpensive gradient sheets create depth without canvas/GIF/video. */
.wx-rain{position:absolute;inset:-42px -36px -64px;opacity:0;transform:skewX(-8deg);background-image:repeating-linear-gradient(106deg,transparent 0 20px,rgba(221,244,255,.60) 21px 22px,transparent 23px 42px);background-size:46px 58px;will-change:background-position;animation:wxRain .82s linear infinite}
.wx-rain-b{opacity:0;background-image:repeating-linear-gradient(106deg,transparent 0 31px,rgba(202,234,250,.34) 32px 33px,transparent 34px 62px);background-size:66px 86px;animation-duration:1.15s;animation-delay:-.4s}
.weather-card.tone-rain .wx-rain-a{opacity:.68}.weather-card.tone-rain .wx-rain-b{opacity:.34}
.weather-card.tone-storm .wx-rain-a{opacity:.72}.weather-card.tone-storm .wx-rain-b{opacity:.44}

/* Snow */
.wx-snow{position:absolute;inset:-80px 0 -40px;opacity:0;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 2px,transparent 2.4px),radial-gradient(circle,rgba(255,255,255,.62) 0 1.2px,transparent 1.6px),radial-gradient(circle,rgba(240,249,255,.82) 0 1.7px,transparent 2.1px);background-size:54px 62px,39px 45px,76px 83px;background-position:7px 2px,22px 14px,41px 28px;will-change:background-position;animation:wxSnow 9s linear infinite}
.wx-snow-b{filter:blur(.35px);transform:scale(1.08);animation-duration:14s;animation-delay:-6s}
.weather-card.tone-snow .wx-snow-a{opacity:.82}.weather-card.tone-snow .wx-snow-b{opacity:.48}

/* Fog */
.wx-fog{position:absolute;left:-22%;width:145%;height:64px;border-radius:50%;opacity:0;background:linear-gradient(90deg,transparent,rgba(245,250,252,.38) 22%,rgba(255,255,255,.54) 52%,rgba(231,239,243,.30) 78%,transparent);filter:blur(12px);will-change:transform;animation:wxFog 12s ease-in-out infinite alternate}
.wx-fog-a{top:36%;}.wx-fog-b{top:62%;animation-duration:17s;animation-direction:alternate-reverse}
.weather-card.tone-fog .wx-fog-a{opacity:.62}.weather-card.tone-fog .wx-fog-b{opacity:.42}

/* Lightning */
.wx-lightning{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 76% 22%,rgba(224,235,255,.88),rgba(145,169,255,.18) 24%,transparent 52%);animation:wxLightningFlash 8.5s linear infinite}
.wx-lightning::after{content:"";position:absolute;right:24%;top:23%;width:24px;height:76px;background:linear-gradient(#fff,#c4d6ff);clip-path:polygon(46% 0,100% 0,64% 40%,92% 40%,18% 100%,39% 53%,8% 53%);filter:drop-shadow(0 0 10px rgba(213,226,255,.95));opacity:0;animation:wxBolt 8.5s linear infinite}
.weather-card.tone-storm .wx-lightning{opacity:1}

@keyframes wxSunPulse{0%,100%{transform:scale(.92);filter:saturate(1)}50%{transform:scale(1);filter:saturate(1.12)}}
@keyframes wxCloudA{from{transform:translate3d(-10px,0,0) scale(.82)}to{transform:translate3d(24px,-4px,0) scale(.86)}}
@keyframes wxCloudB{from{transform:translate3d(-8px,0,0) scale(.62)}to{transform:translate3d(36px,3px,0) scale(.66)}}
@keyframes wxCloudC{from{transform:translate3d(0,0,0) scale(.42)}to{transform:translate3d(-34px,4px,0) scale(.46)}}
@keyframes wxRain{to{background-position:-18px 116px}}
@keyframes wxSnow{to{background-position:24px 540px,-38px 480px,52px 610px}}
@keyframes wxFog{from{transform:translate3d(-5%,0,0) scaleX(.96)}to{transform:translate3d(6%,3px,0) scaleX(1.04)}}
@keyframes wxLightningFlash{0%,88%,91%,94%,100%{background-color:transparent;filter:brightness(1)}89%{background-color:rgba(222,232,255,.40);filter:brightness(1.45)}90%{background-color:transparent;filter:brightness(1.05)}92%{background-color:rgba(213,226,255,.26);filter:brightness(1.32)}93%{background-color:transparent;filter:brightness(1)}}
@keyframes wxBolt{0%,88%,91%,94%,100%{opacity:0}89%{opacity:.95}90%{opacity:.08}92%{opacity:.72}93%{opacity:0}}

/* Mobile/tablet: retain the atmosphere but reduce paint work. */
@media(max-width:820px){
  .wx-cloud-b,.wx-rain-b,.wx-snow-b,.wx-fog-b{display:none}
  .wx-cloud{filter:none}
  .wx-rain{animation-duration:1s}
  .wx-snow{animation-duration:12s}
  .wx-fog{filter:blur(10px);animation-duration:16s}
  .wx-sun{box-shadow:0 0 24px rgba(255,224,135,.6),0 0 46px rgba(255,204,92,.28)}
}
@media(max-width:520px){
  .wx-cloud-a{right:-45px;top:108px;transform:scale(.68)}
  .wx-sun{right:28px;top:52px;width:72px;height:72px}
}
@media(prefers-reduced-motion:reduce){
  .weather-scene *{animation:none!important}
  .weather-card .weather-main>i{animation:none!important}
  .weather-card.tone-storm .wx-lightning{opacity:.08}
  .weather-card.tone-storm .wx-lightning::after{opacity:.20}
}
/* Pause invisible scene layers so inactive weather effects consume no animation time. */
.wx-sun,.wx-cloud,.wx-rain,.wx-snow,.wx-fog,.wx-lightning{animation-play-state:paused}
.wx-lightning::after{animation-play-state:paused}
.weather-card.tone-clear .wx-sun,
.weather-card.tone-partly .wx-sun,
.weather-card.tone-partly .wx-cloud-a,
.weather-card.tone-partly .wx-cloud-c,
.weather-card.tone-cloudy .wx-cloud,
.weather-card.tone-rain .wx-cloud-a,
.weather-card.tone-rain .wx-cloud-c,
.weather-card.tone-rain .wx-rain,
.weather-card.tone-snow .wx-cloud-a,
.weather-card.tone-snow .wx-snow,
.weather-card.tone-storm .wx-cloud-a,
.weather-card.tone-storm .wx-cloud-c,
.weather-card.tone-storm .wx-rain,
.weather-card.tone-storm .wx-lightning,
.weather-card.tone-fog .wx-fog{animation-play-state:running}
.weather-card.tone-storm .wx-lightning::after{animation-play-state:running}


/* ==========================================================================\n   ZWINA v6.0 · Smart Command Center / local personalization\n   ========================================================================== */
.card-top-actions{display:flex;align-items:center;gap:7px;margin-left:auto}
.card-favorite{width:28px;height:28px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--muted2);display:grid;place-items:center;cursor:pointer;opacity:.25;transition:opacity .18s,color .18s,background .18s,border-color .18s,transform .18s}
.app-card:hover .card-favorite,.app-card:focus-within .card-favorite,.card-favorite.active{opacity:1}
.card-favorite:hover{transform:translateY(-1px);color:var(--amber);background:rgba(246,187,101,.08);border-color:rgba(246,187,101,.18)}
.card-favorite.active{color:var(--amber);background:rgba(246,187,101,.09);border-color:rgba(246,187,101,.22);box-shadow:0 0 18px rgba(246,187,101,.10)}
.card-favorite i{font-size:11px}

.command-center{position:fixed;inset:0;z-index:100;display:grid;place-items:start center;padding:8vh 18px 24px;overflow:auto}
.command-backdrop{position:absolute;inset:0;background:rgba(1,4,10,.68);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}
.command-shell{position:relative;width:min(920px,calc(100vw - 36px));max-height:min(790px,84vh);border-radius:28px;overflow:hidden;display:grid;grid-template-rows:auto auto auto minmax(180px,1fr) auto;background:linear-gradient(150deg,rgba(10,16,28,.985),rgba(6,10,19,.975));border-color:rgba(var(--accent-rgb),.16);box-shadow:0 45px 130px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.025),0 0 70px rgba(var(--accent-rgb),.075)}
html[data-theme="light"] .command-shell{background:linear-gradient(150deg,rgba(255,255,255,.99),rgba(242,247,252,.985));box-shadow:0 38px 110px rgba(56,72,98,.22),0 0 0 1px rgba(255,255,255,.6)}
.command-shell:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.7),rgba(124,131,255,.5),transparent);pointer-events:none}
.command-head{min-height:76px;padding:17px 20px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.command-brand{display:flex;align-items:center;gap:12px;min-width:0}.command-brand-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:var(--accent);background:linear-gradient(145deg,rgba(var(--accent-rgb),.15),rgba(124,131,255,.10));border:1px solid rgba(var(--accent-rgb),.20);box-shadow:0 13px 32px rgba(var(--accent-rgb),.10)}
.command-brand>span:last-child{display:grid;gap:2px}.command-brand small{color:var(--accent);font:750 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.command-brand strong{font-size:18px;letter-spacing:-.02em}
.command-input-shell{margin:17px 20px 10px;min-height:62px;border:1px solid var(--line-strong);border-radius:18px;background:rgba(1,5,12,.62);display:flex;align-items:center;gap:11px;padding:7px 9px 7px 16px;box-shadow:inset 0 1px 15px rgba(0,0,0,.20);transition:border-color .2s,box-shadow .2s}
html[data-theme="light"] .command-input-shell{background:rgba(255,255,255,.82)}
.command-input-shell:focus-within{border-color:rgba(var(--accent-rgb),.58);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.07),inset 0 1px 15px rgba(0,0,0,.08)}
.command-input-shell>i{color:var(--accent);font-size:14px}.command-input-shell input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text-primary,var(--text));font-size:15px;font-weight:620;letter-spacing:.005em}.command-input-shell input::placeholder{color:var(--text-tertiary,var(--muted2))}.command-mode{font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:var(--accent);padding:6px 7px;border-radius:8px;border:1px solid rgba(var(--accent-rgb),.18);background:rgba(var(--accent-rgb),.07)}
.command-hints{padding:0 20px 13px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.command-hints::-webkit-scrollbar{display:none}.command-hint{flex:0 0 auto;border:1px solid var(--line);background:var(--surface-soft);color:var(--text-secondary,var(--muted));border-radius:999px;padding:7px 10px;font-size:10px;cursor:pointer;transition:.18s}.command-hint:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.07)}
.command-content{overflow:auto;padding:4px 20px 18px;scrollbar-gutter:stable}.command-section{margin-top:12px}.command-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.command-section-head strong{font-size:11px;letter-spacing:.04em}.command-section-head span{font:650 9px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-tertiary,var(--muted2));text-transform:uppercase;letter-spacing:.09em}
.command-smart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.command-smart-item{min-height:64px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));border-radius:15px;padding:10px 11px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;color:inherit;cursor:pointer;text-align:left;transition:.18s}.command-smart-item:hover{border-color:rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.055);transform:translateY(-1px)}.command-smart-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--accent);background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.14)}.command-smart-copy{min-width:0}.command-smart-copy strong,.command-result-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-smart-copy small,.command-result-copy small{display:block;margin-top:3px;font-size:9.5px;color:var(--text-secondary,var(--muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-smart-meta{font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-tertiary,var(--muted2));white-space:nowrap}
.command-empty-note{border:1px dashed var(--line);border-radius:15px;padding:15px;color:var(--text-secondary,var(--muted));font-size:10px;line-height:1.7;background:rgba(255,255,255,.018)}
.command-answer{margin:8px 0 14px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:18px;padding:15px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.075),rgba(124,131,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.command-answer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.command-answer-title{display:flex;align-items:center;gap:9px;min-width:0}.command-answer-title>i{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;color:var(--accent);background:rgba(var(--accent-rgb),.10);border:1px solid rgba(var(--accent-rgb),.18)}.command-answer-title strong{font-size:13px}.command-answer-title small{display:block;color:var(--text-secondary,var(--muted));font-size:9px;margin-top:2px}.command-copy{width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);cursor:pointer}.command-copy:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.3)}.command-answer-value{font:750 15px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-primary,var(--text));white-space:pre-wrap;word-break:break-word}.command-answer-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.command-answer-row{border:1px solid var(--line);border-radius:12px;padding:9px 10px;background:rgba(0,0,0,.08)}html[data-theme="light"] .command-answer-row{background:rgba(31,48,72,.025)}.command-answer-row small{display:block;color:var(--text-tertiary,var(--muted2));font-size:8px;text-transform:uppercase;letter-spacing:.09em}.command-answer-row strong{display:block;margin-top:4px;font-size:10px;word-break:break-word}.command-answer-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.command-answer-action{border:1px solid rgba(var(--accent-rgb),.20);background:rgba(var(--accent-rgb),.08);color:var(--accent);border-radius:10px;padding:8px 10px;font-size:9.5px;font-weight:750;cursor:pointer}.command-answer-action:hover{background:rgba(var(--accent-rgb),.14)}
.command-matches{display:grid;gap:6px}.command-result{width:100%;min-height:60px;border:1px solid transparent;border-radius:14px;background:transparent;padding:8px 9px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;color:inherit;cursor:pointer;transition:.14s}.command-result:hover,.command-result.active{background:rgba(var(--accent-rgb),.065);border-color:rgba(var(--accent-rgb),.14)}.command-result-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--accent);background:rgba(var(--accent-rgb),.075);border:1px solid rgba(var(--accent-rgb),.14);overflow:hidden}.command-result-icon img{width:100%;height:100%;object-fit:cover}.command-result-side{display:flex;align-items:center;gap:8px}.command-result-kind{font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-tertiary,var(--muted2));padding:5px 7px;border:1px solid var(--line);border-radius:8px}.command-result-fav{width:30px;height:30px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--muted2);cursor:pointer}.command-result-fav:hover,.command-result-fav.active{color:var(--amber);background:rgba(246,187,101,.08);border-color:rgba(246,187,101,.17)}
.command-footer{min-height:45px;padding:9px 20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;color:var(--text-tertiary,var(--muted2));font-size:9px}.command-footer span{display:flex;align-items:center;gap:5px}.command-footer kbd{padding:3px 5px;margin:0;font-size:8px}.command-footer em{font-style:normal}.command-privacy{margin-left:auto}.command-privacy i{color:var(--accent)}
.command-fab{position:fixed;right:22px;bottom:22px;z-index:38;height:56px;border-radius:18px;padding:6px 9px 6px 7px;border:1px solid rgba(var(--accent-rgb),.23);background:linear-gradient(145deg,rgba(9,17,29,.96),rgba(7,11,20,.94));color:#eefaff;display:flex;align-items:center;gap:9px;cursor:pointer;box-shadow:0 20px 50px rgba(0,0,0,.36),0 0 30px rgba(var(--accent-rgb),.10),inset 0 1px 0 rgba(255,255,255,.055);transition:transform .18s,border-color .18s,box-shadow .18s}.command-fab:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.48);box-shadow:0 24px 58px rgba(0,0,0,.42),0 0 38px rgba(var(--accent-rgb),.16)}.command-fab-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--accent);background:linear-gradient(145deg,rgba(var(--accent-rgb),.14),rgba(124,131,255,.10));border:1px solid rgba(var(--accent-rgb),.18)}.command-fab-copy{display:grid;text-align:left;line-height:1.05}.command-fab-copy strong{font-size:10px;letter-spacing:.04em}.command-fab-copy small{font-size:8px;color:#8796aa;margin-top:4px}.command-fab kbd{margin:0 0 0 3px;padding:5px 6px;color:#95a4b7;background:rgba(255,255,255,.04)}html[data-theme="light"] .command-fab{background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(239,246,251,.95));color:#142238;box-shadow:0 18px 45px rgba(52,72,102,.18),0 0 28px rgba(var(--accent-rgb),.07)}html[data-theme="light"] .command-fab-copy small{color:#62748a}
body.command-center-open{overflow:hidden}.command-center-opening .command-shell{animation:commandIn .18s cubic-bezier(.2,.8,.2,1)}@keyframes commandIn{from{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:760px){.command-center{padding:10px}.command-shell{width:100%;max-height:calc(100dvh - 20px);border-radius:22px}.command-head{min-height:67px;padding:13px 14px 10px}.command-brand-icon{width:38px;height:38px}.command-brand strong{font-size:15px}.command-input-shell{margin:12px 13px 8px;padding-left:13px;min-height:56px}.command-input-shell input{font-size:14px}.command-input-shell kbd,.command-mode{display:none}.command-hints{padding:0 13px 9px}.command-content{padding:3px 13px 13px}.command-smart-grid{grid-template-columns:1fr}.command-answer-rows{grid-template-columns:1fr}.command-footer{padding:8px 13px;gap:10px}.command-privacy{display:none!important}.command-fab{right:14px;bottom:14px;width:54px;height:54px;border-radius:17px;padding:5px}.command-fab-icon{width:42px;height:42px}.command-fab-copy,.command-fab>kbd{display:none}.card-favorite{opacity:.65}}
@media(max-width:420px){.command-center{padding:0}.command-shell{min-height:100dvh;max-height:100dvh;border-radius:0;border:0}.command-head{padding-top:max(12px,env(safe-area-inset-top))}.command-result{grid-template-columns:36px minmax(0,1fr) auto;padding-left:6px;padding-right:6px}.command-result-kind{display:none}.command-footer{padding-bottom:max(8px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.command-center-opening .command-shell{animation:none}.command-fab,.command-smart-item,.command-result{transition:none!important}}

/* v6.1 live audio spectrum */
.music-panel{width:min(920px,96vw)}
.now-playing{display:grid;grid-template-columns:84px minmax(150px,.72fr) minmax(280px,1.28fr);align-items:center;gap:17px;padding:22px}
.spectrum-panel{--beat:.15;min-width:0;height:116px;position:relative;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.18);border-radius:18px;background:linear-gradient(180deg,rgba(3,8,17,.86),rgba(4,7,14,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.18)}
.spectrum-panel:before{content:"";position:absolute;inset:-35% -10%;background:radial-gradient(circle at 24% 70%,rgba(28,238,202,.11),transparent 34%),radial-gradient(circle at 75% 24%,rgba(115,94,255,.12),transparent 34%),radial-gradient(circle at 90% 82%,rgba(247,75,150,.08),transparent 30%);pointer-events:none}
.spectrum-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%,transparent 76%,rgba(37,232,199,.035));pointer-events:none}
.spectrum-head{position:absolute;left:12px;right:12px;top:9px;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.spectrum-head span,.spectrum-head small{font:750 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.spectrum-head span{color:rgba(221,232,244,.68)}.spectrum-head span i{color:#27e8c7;margin-right:5px}.spectrum-head small{color:rgba(111,132,153,.8)}.is-playing .spectrum-head small{color:#35e3b5}.spectrum-panel canvas{position:absolute;left:9px;right:9px;bottom:7px;width:calc(100% - 18px);height:82px;display:block;z-index:2}.spectrum-floor{position:absolute;left:11px;right:11px;bottom:10px;height:1px;z-index:1;background:linear-gradient(90deg,transparent,rgba(43,224,196,.35),rgba(111,95,255,.24),transparent);box-shadow:0 0 10px rgba(43,224,196,.14)}
html[data-theme="light"] .spectrum-panel{background:linear-gradient(180deg,rgba(20,30,45,.95),rgba(9,15,25,.97));border-color:rgba(22,163,174,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(40,64,86,.14)}
html[data-theme="light"] .spectrum-head span{color:rgba(235,243,250,.74)}
@media(max-width:780px){.now-playing{grid-template-columns:72px minmax(0,1fr);gap:14px}.spectrum-panel{grid-column:1/-1;height:104px}.spectrum-panel canvas{height:72px}.cover{width:72px;height:72px}}
@media(max-width:520px){.music-panel{width:min(100%,96vw)}.now-playing{padding:16px}.spectrum-panel{height:92px;border-radius:15px}.spectrum-panel canvas{left:7px;right:7px;width:calc(100% - 14px);height:62px}.spectrum-head{top:7px;left:10px;right:10px}.spectrum-head span,.spectrum-head small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.spectrum-panel:before{opacity:.65}}

/* 6.1.3 FX converter modal: four quick-launch tiles stay unchanged in layout. */
.fx-modal-widget{display:flex;flex-direction:column;gap:9px;padding:13px 14px;min-width:0}
.fx-header,.fx-heading,.fx-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0}
.fx-heading{justify-content:flex-start}.fx-icon{height:32px;width:32px;display:grid;place-items:center;border-radius:11px;background:rgba(var(--accent-rgb),.11);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.2);flex:0 0 auto}
.fx-heading strong,.fx-heading small{display:block}.fx-heading strong{font-size:12px;font-weight:750}.fx-heading small{font-size:9px;color:var(--muted);margin-top:2px}
.fx-refresh,.fx-swap{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--accent);height:30px;width:30px;flex:none}.fx-refresh:disabled{opacity:.5;cursor:wait}.fx-refresh:hover,.fx-swap:hover{background:rgba(var(--accent-rgb),.13)}
.fx-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 27px minmax(0,1.1fr);align-items:end;gap:6px;min-width:0}
.fx-field{min-width:0}.fx-field label{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.fx-field input,.fx-field select{display:block;width:100%;min-width:0;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);height:34px;border-radius:9px;padding:0 7px;outline:none;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}.fx-field select{padding-left:4px;font-size:10px;text-overflow:ellipsis}.fx-field input:focus-visible,.fx-field select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.14)}.fx-swap{width:27px;height:34px}
.fx-result{border:1px solid var(--line);background:rgba(var(--accent-rgb),.035);border-radius:11px;padding:8px 10px;min-width:0}.fx-result-label{font-size:9px;color:var(--muted)}#fxResult{display:block;font-size:19px;font-weight:800;letter-spacing:-.025em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0}#fxPair{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.fx-footer{font-size:9px;color:var(--muted);align-items:flex-start}.fx-footer #fxDate{text-align:right;white-space:nowrap}.fx-footer #fxStatus{flex:1;min-width:0}
@media(max-width:520px){.fx-modal-widget{padding:13px}.fx-controls{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 27px minmax(0,1.1fr)}#fxResult{font-size:18px}}
@media(max-width:370px){.fx-controls{grid-template-columns:1fr 27px 1fr}.fx-controls .fx-field:first-child{grid-column:1/-1}.fx-controls .fx-field:nth-child(2){grid-column:1}.fx-controls .fx-swap{grid-column:2}.fx-controls .fx-field:last-child{grid-column:3}}

.fx-modal-widget{display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);border-radius:19px;background:var(--surface-soft);padding:18px;min-width:0}
.fx-modal-widget .fx-heading strong{font-size:14px}
.fx-modal-widget .fx-heading small{font-size:11px}
.fx-modal-widget .fx-field input,.fx-modal-widget .fx-field select{height:40px;font-size:12px}
.fx-modal-widget .fx-swap{height:40px}
.fx-disclaimer{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
@media(max-width:520px){.fx-modal-widget{padding:12px}.fx-controls{grid-template-columns:1fr 32px 1fr}.fx-controls .fx-field:first-child{grid-column:1/-1}.fx-controls .fx-field:nth-child(2){grid-column:1}.fx-controls .fx-swap{grid-column:2;width:32px}.fx-controls .fx-field:last-child{grid-column:3}}

/* FX-6.1.4 native currency selectors: avoid low-contrast option text on Windows/Chromium.
   Scope to the FX modal only; preserve every other dropdown and shortcut tile. */
#fxCard #fxFrom,
#fxCard #fxTo {color-scheme:dark;}
#fxCard #fxFrom option,
#fxCard #fxTo option {background-color:#172538;color:#f4f8ff;}
html[data-theme="light"] #fxCard #fxFrom,
html[data-theme="light"] #fxCard #fxTo {color-scheme:light;}
html[data-theme="light"] #fxCard #fxFrom option,
html[data-theme="light"] #fxCard #fxTo option {background-color:#ffffff;color:#142234;}
