:root{color-scheme:dark;--canvas:#10171d;--surface:#222c34;--panel:#18222a;--ink:#ecf1f4;--muted:#9baab5;--line:#3b485244;--accent:#f1d27a;--accent-soft:#373728;--accent-ink:#171b1e;--short:#382c32;--short-ink:#f4aaa3;--long:#363226;--long-ink:#e4c989;--loss:#213b31;--loss-ink:#a1d3b5;--header:#10171df2;--gold:#f1d27a;--shadow:0 7px 24px #0002;font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;font-size:13px}
[data-theme=light]{color-scheme:light;--canvas:#e5e9eb;--surface:#f9fbfc;--panel:#eaf0f2;--ink:#26343f;--muted:#687a86;--line:#bdcbd46b;--accent:#82651d;--accent-soft:#f1e8c9;--accent-ink:#fff;--short:#fff0ef;--short-ink:#a94d47;--long:#fbf3df;--long-ink:#886721;--loss:#e5f3e9;--loss-ink:#34744d;--header:#14212af5;--shadow:0 8px 28px #223a4a08}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);overflow:hidden}[hidden],.hidden{display:none!important}button,input,select{font:inherit;color:inherit}button,a,input,select,[role=button]{outline-offset:3px}:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer;border:1px solid var(--line);border-radius:3px;background:var(--surface);padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:500;transition:background .18s,border-color .18s,transform .18s}button:hover{background:var(--accent-soft);border-color:var(--accent)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button svg,span[data-icon] svg{display:block;width:17px;height:17px;flex:none}input,select{border:1px solid var(--line);background:var(--surface);padding:9px 10px;border-radius:3px;min-width:0}select{cursor:pointer}input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}p{line-height:1.7}.subtle{font-size:11px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ambient-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 90% 0%,#40576825,transparent 55%),linear-gradient(125deg,transparent 45%,#587e8b0e 45.1%,transparent 75%)}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#8297a708 1px,transparent 1px),linear-gradient(90deg,#8297a708 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(140deg,transparent,#0008)}.terrain-lines{position:absolute;inset:0;width:100%;height:100%;color:#9ab9c5;opacity:.12;animation:terrain-drift 40s ease-in-out infinite alternate}.ambient-glow{position:absolute;width:700px;height:700px;right:-300px;top:-300px;background:radial-gradient(circle,#e8c98012,transparent 65%);animation:ambient-drift 22s ease-in-out infinite alternate}.app-shell{height:100dvh;display:grid;grid-template-rows:54px minmax(0,1fr);isolation:isolate}
.topbar{background:var(--header);color:#e8eff4;display:flex;align-items:center;gap:28px;padding:0 22px;border-bottom:1px solid #a0b1bd15;min-width:0;z-index:3}.brand{display:flex;gap:10px;align-items:center;flex-shrink:0}.brand:hover{text-decoration:none}.brand-mark{height:33px;width:33px;stroke:var(--gold);fill:none;stroke-width:1.2}.brand-mark .radar-dot{fill:var(--gold);stroke:none}.brand strong{font-size:17px;letter-spacing:1px;font-weight:650}.brand small{display:block;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:7px;letter-spacing:1.8px;color:#a0b1bd;margin-top:3px}.brand small span{color:#70818e;font-size:6px;letter-spacing:1.1px}.market-tabs{display:flex;gap:1px;padding:3px;background:#090f1455;border:1px solid #5364703d;border-radius:4px}.market-tabs button{color:#a8b7c2;border:0;background:transparent;min-width:52px;padding:6px 10px;font-size:11px;border-radius:2px}.market-tabs button[aria-pressed=true]{color:#17212a;background:#dfe9ee;font-weight:650;box-shadow:0 0 14px #dbebff10}.market-tabs button:hover{background:#52667544}.market-tabs button[aria-pressed=true]:hover{background:#fff}.top-actions{display:flex;gap:3px;align-items:center;margin-left:auto}.sync-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#a1b3bf;margin-right:10px;white-space:nowrap}.sync-status i{width:5px;height:5px;background:#9fceb0;box-shadow:0 0 9px #9fceb055;display:inline-block;flex:none;animation:status-breathe 4s ease-in-out infinite}#connection-dot.offline{background:#dcb976;animation:none}.icon-button{padding:8px;width:32px;height:32px;flex:none}.top-actions .icon-button{color:#b8c7d1;background:transparent;border-color:transparent}.top-actions .icon-button:hover{background:#34455366;border-color:#64768455}.top-actions button[aria-pressed=true]{background:#5a4e2c66;color:var(--gold)}
.workspace-frame{display:grid;grid-template-columns:104px minmax(0,1fr);min-height:0}.side-rail{display:flex;flex-direction:column;min-height:0;border-right:1px solid #7b9bac20;background:linear-gradient(180deg,#17232cba,#111b24d9);backdrop-filter:blur(12px);padding:14px 9px 12px;z-index:2}.workspace-nav{display:flex;flex-direction:column;gap:8px}.workspace-nav button{height:90px;position:relative;flex-direction:column;gap:6px;color:#9babb6;background:transparent;border:1px solid transparent;padding:12px 6px 9px;border-radius:3px}.nav-index{position:absolute;left:7px;top:6px;font:9px Bahnschrift,sans-serif;color:#687f8e}.nav-label{font-size:13px;letter-spacing:.5px;white-space:nowrap}.workspace-nav button small{font:7px Bahnschrift,sans-serif;letter-spacing:1.3px;opacity:.55}.workspace-nav button>span[data-icon] svg{width:23px;height:23px;stroke-width:1.3}.workspace-nav button:hover{background:#91afc414;color:#dce5e9;border-color:#91afc420}.workspace-nav button[aria-pressed=true]{color:#f3d991;background:linear-gradient(125deg,#e1c47a22,#e1c47a07);border-color:#d3bd7e33;box-shadow:inset 2px 0 0 #e8ce8a,0 4px 16px #0001}.workspace-nav button[aria-pressed=true] .nav-index{color:#e8ce8a8c}.workspace-nav button[aria-pressed=true]::after{content:"";position:absolute;right:-10px;top:calc(50% - 4px);border:4px solid transparent;border-left-color:var(--gold)}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;gap:18px}.rail-decoration{display:flex;gap:3px;justify-content:center;opacity:.25}.rail-decoration span{height:3px;width:13px;transform:skewX(-30deg);background:#9fb4c3}.settings-button{background:transparent;border-color:transparent;flex-direction:column;color:#bac7d0;font-size:11px;gap:7px;padding:11px 4px;width:100%}.settings-button small{font-size:8px;color:#7f95a4}.settings-button:hover{background:#90adbf16;border-color:#748d9f44}.settings-button svg{width:20px;height:20px}
.workspace{min-height:0;min-width:0;display:flex;flex-direction:column;padding:4px 20px 0;overflow:hidden}.commandbar{height:56px;flex:none;display:flex;align-items:center;gap:10px;min-width:0}.page-heading{display:flex;align-items:baseline;gap:9px;min-width:0}.page-heading>span:first-child{font:11px Bahnschrift,sans-serif;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:3px;margin-right:2px}.page-heading h1{font-size:21px;font-weight:650;letter-spacing:.5px;white-space:nowrap}.count{font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.search-tools{margin-left:auto;flex:0 1 280px;min-width:140px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 75%,transparent);padding:0 10px;height:34px;color:var(--muted);border-radius:4px;transition:border-color .2s,box-shadow .2s}.search input{border:0;background:none;outline:0;box-shadow:none;width:100%;padding:6px 0;font-size:12px}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}.search svg{width:15px!important;height:15px!important}kbd{font-family:inherit;border:1px solid var(--line);padding:0 4px;line-height:16px;font-size:10px;opacity:.65;border-radius:2px}.filter-button{height:34px;font-size:11px;flex:none;background:color-mix(in srgb,var(--surface) 70%,transparent)}.filter-button b{font:10px Bahnschrift,sans-serif;background:var(--accent);color:var(--accent-ink);padding:2px 4px;border-radius:2px}.context-toolbar{height:39px;display:flex;align-items:center;gap:12px;margin-bottom:11px;padding-bottom:8px;border-bottom:1px solid var(--line);flex:none;min-width:0}.scope-tabs{display:flex;align-items:center;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 60%,transparent);padding:2px;gap:2px;flex:none;border-radius:3px}.scope-tabs button{font-size:11px;border:0;background:transparent;padding:5px 9px;white-space:nowrap;color:var(--muted);border-radius:2px}.scope-tabs button[aria-pressed=true]{background:color-mix(in srgb,var(--ink) 12%,transparent);color:var(--ink)}.filter-tabs{display:flex;align-items:center;gap:3px;flex:none}.filter-tabs button{background:none;border:1px solid transparent;color:var(--muted);font-size:11px;height:29px;padding:5px 9px;white-space:nowrap}.filter-tabs button[aria-pressed=true]{background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--ink);border-color:var(--line)}.filter-tabs button[data-filter=short][aria-pressed=true]{background:var(--short);border-color:#ca8a8055;color:var(--short-ink)}.filter-tabs button[data-filter=long][aria-pressed=true]{background:var(--long);border-color:#83ac9855;color:var(--long-ink)}.filter-tabs svg{width:12px;height:12px}.legend-dot{width:5px;height:5px;display:inline-block;flex:none;transform:rotate(45deg)}.legend-dot.red{background:#e49b94}.legend-dot.green{background:#9ac9ac}#favorite-count{font-size:9px;opacity:.65}.inline-select select{height:29px;font-size:11px;padding:4px 8px;max-width:160px;background:color-mix(in srgb,var(--surface) 70%,transparent)}.sort-indicator{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.text-button{border:0;background:transparent;padding:5px 0;color:var(--muted);font-size:10px;flex:none}.text-button:hover{background:transparent;color:var(--ink)}.active-filters{display:flex;flex-wrap:wrap;gap:5px;margin:-3px 0 8px;flex:none}.active-filters button{font-size:10px;gap:5px;padding:3px 6px;background:var(--panel);color:var(--muted)}.active-filters svg{width:11px;height:11px}
.columns{display:flex;flex:1;min-height:0;min-width:0}.column{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-content:start;gap:14px;overflow:auto;min-height:0;flex:1;padding:2px 5px 12px 1px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8097a54d transparent;overscroll-behavior:contain;outline-offset:-3px}.list>.empty,.load-more{grid-column:1/-1}
.card{position:relative;display:flex;flex-direction:column;min-width:0;background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface) 83%,transparent));border:1px solid var(--line);border-left:2px solid #8fa6b84a;border-radius:4px;padding:14px 14px 7px;box-shadow:var(--shadow);transition:transform .2s,border-color .2s,box-shadow .2s}.card::before{content:"";position:absolute;right:6px;top:6px;width:5px;height:5px;border-top:1px solid #a9bfcb66;border-right:1px solid #a9bfcb66}.card:hover{border-color:#9aadb66b;box-shadow:0 10px 22px #0002;transform:translateY(-2px)}.card.short{background:linear-gradient(125deg,var(--short),color-mix(in srgb,var(--short) 87%,transparent));border-color:color-mix(in srgb,var(--short-ink) 20%,transparent);border-left-color:var(--short-ink)}.card.long{background:linear-gradient(125deg,var(--long),color-mix(in srgb,var(--long) 87%,transparent));border-color:color-mix(in srgb,var(--long-ink) 20%,transparent);border-left-color:var(--long-ink)}.card-main{cursor:pointer;outline-offset:5px;flex:1}.item-top{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:10px;align-items:center}.item-picture{width:60px;height:60px;position:relative;background:linear-gradient(135deg,#a8c1ce14,#0000000b);border:1px solid #93a5b126;border-radius:3px;display:grid;place-items:center;flex:none}.item-picture img{max-width:95%;max-height:95%;object-fit:contain;filter:drop-shadow(0 5px 4px #0004);transition:transform .25s}.card:hover .item-picture img{transform:scale(1.06)}.item-picture .rank{position:absolute;top:-6px;left:-5px;font:9px/16px Bahnschrift,sans-serif;min-width:18px;height:16px;text-align:center;background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:2px}.item-info{min-width:0}.item-name{font-weight:600;font-size:14px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-right:2px}.item-category{font-size:10px;line-height:1.4;color:var(--muted);margin-top:5px;display:flex;gap:4px;align-items:center;flex-wrap:wrap}.money{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.money strong{display:block;font-family:Bahnschrift,"Arial Narrow","Segoe UI",sans-serif;font-size:29px;line-height:1.1;font-weight:500;letter-spacing:-.7px}.money .unit{font-size:10px;color:var(--muted);margin-top:5px;display:block}.money .positive{color:var(--accent)}.card.short .money strong{color:var(--short-ink)}.card.long .money strong{color:var(--long-ink)}.tag{font-size:9px;line-height:16px;display:inline-flex;align-items:center;gap:3px;padding:0 5px;border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:2px}.tag.short-tag{color:var(--short-ink);background:transparent;border-color:color-mix(in srgb,var(--short-ink) 25%,transparent)}.tag.long-tag{color:var(--long-ink);background:transparent;border-color:color-mix(in srgb,var(--long-ink) 25%,transparent)}.tag.event-tag{color:var(--accent);background:var(--accent-soft)}.tag svg{width:10px;height:10px}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;padding-top:10px;margin-top:12px;border-top:1px solid #a5bbc521}.metrics>div:last-child{text-align:right}.metrics label{font-size:10px;color:var(--muted);display:block;white-space:nowrap}.metrics b{font:15px Bahnschrift,"Segoe UI",sans-serif;display:block;margin-top:5px;font-variant-numeric:tabular-nums;white-space:nowrap}.card-extra{display:flex;justify-content:space-between;gap:7px;margin-top:10px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap}.card-tail{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted);margin-top:7px;padding-top:4px;border-top:1px solid #87929b18;min-height:25px}.tail-spacer{flex:1}.card-tail button{width:24px;height:24px;padding:4px;border:0;background:transparent;color:var(--muted)}.card-tail button:hover{background:#93a5b11c;color:var(--ink)}.card-tail svg{width:14px;height:14px}.favorite.active{color:var(--accent)!important}.favorite.active svg{fill:#f1d27a33}.favorite:active svg{transform:scale(1.3)}.age-old{color:#c8b08b}.quote-dot{width:4px;height:4px;background:#9ac9ac;border-radius:50%}.quote-dot.old{background:#c8b08b}.route{display:flex;align-items:center;gap:6px;margin-top:11px;font-size:10px;color:var(--muted)}.route img{width:23px;height:23px;object-fit:cover;background:var(--panel);border-radius:2px}.route>span:last-child{margin-left:auto;white-space:nowrap}.condition-tag{font-size:9px;color:var(--accent);font-weight:400}.ingredients{display:flex;align-items:center;gap:5px;margin-top:8px;flex-wrap:wrap}.ingredient{display:inline-flex;align-items:center;gap:3px;max-width:100%;padding:2px 5px 2px 2px;background:#96a9b108;border:1px solid #87929b20;font-size:9px;color:var(--muted);border-radius:2px}.ingredient img{width:21px;height:21px;object-fit:contain}.ingredient i{font-style:normal;color:var(--ink)}.spark{width:53px;height:16px;display:inline-block;vertical-align:middle;flex:none;opacity:.65}.spark path{stroke:currentColor;fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke}
.empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px;color:var(--muted);line-height:1.7;gap:10px}.empty>svg{width:32px;height:32px;opacity:.5}.empty strong{font-weight:500;font-size:14px;color:var(--ink)}.empty p{font-size:11px;max-width:300px}.empty button{font-size:11px;margin-top:5px}.load-more{width:100%;font-size:11px;background:var(--panel);color:var(--muted);margin:3px 0;min-height:38px}.skeleton{height:192px;border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:15px;position:relative;overflow:hidden}.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 10%,#a8bfca0e 50%,transparent 90%);transform:translateX(-100%);animation:shimmer 1.8s ease-in-out infinite}.skeleton div{background:#9caebd20;height:9px;margin:12px 0;width:75%;border-radius:2px}.skeleton div:first-child{height:55px;width:55px;float:left;margin:0 14px 22px 0}.skeleton div:nth-child(3){width:40%}.skeleton div:last-child{clear:both;width:100%}.notice{margin:0 0 8px;padding:7px 11px;font-size:11px;flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:3px}.notice.warning,.notice.pending{background:var(--accent-soft);color:var(--accent);border:1px solid var(--line)}.notice>span{display:flex;gap:8px;align-items:center}.notice button{font-size:11px;padding:3px 9px}.notice svg{width:13px;height:13px}footer{display:flex;justify-content:space-between;gap:10px;align-items:center;height:25px;flex:none;font-size:9px;color:var(--muted)}footer>div{display:flex;align-items:center;gap:13px}footer button{padding:0;border:0;background:none;font-size:9px;color:var(--muted)}footer a{font-size:9px}

dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 100px #0c181333;padding:0;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px)}dialog::backdrop{background:#14251b75;backdrop-filter:blur(3px)}dialog .icon-button{border:0;background:transparent;color:var(--muted)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px 13px}.dialog-heading h2{font-size:20px;font-weight:650}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);display:block;margin-bottom:7px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:15px 24px;border-top:1px solid var(--line);background:var(--panel)}.primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.primary:hover{opacity:.9;background:var(--accent);color:var(--surface)}.settings-dialog{width:710px}.settings-scroll{max-height:65dvh;overflow:auto;padding:0 24px 20px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:16px 0}.settings-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}.settings-grid input,.settings-grid select{width:100%;font-size:12px;color:var(--ink)}.settings-scroll h3{font-size:13px;padding-top:18px;margin-top:16px;border-top:1px solid var(--line);font-weight:650}.help{color:var(--muted);font-size:11px;line-height:1.8;margin-top:6px}.levels{grid-template-columns:repeat(4,1fr);gap:12px}.levels label>span{display:flex;align-items:center;gap:6px}.levels img{width:24px;height:24px;object-fit:cover;border-radius:5px}.station-settings{margin-top:12px;display:grid;gap:9px}.station-setting{display:grid;grid-template-columns:1fr 100px 150px;align-items:center;gap:10px;font-size:11px}.station-setting>span{display:flex;align-items:center;gap:7px}.station-setting img{width:25px;height:25px;object-fit:contain}.station-setting input,.station-setting select{width:100%;font-size:11px}.task-settings{max-height:170px;overflow:auto;margin-top:10px;border:1px solid var(--line);border-radius:7px;padding:8px}.task-settings label{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.6;padding:4px}#task-search{width:100%;margin-top:12px;font-size:11px}.utility-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.utility-actions button{font-size:10px;padding:6px 9px}.small-dialog{width:510px}.small-dialog .settings-grid,.small-dialog .check-line,.small-dialog .help{margin-left:24px;margin-right:24px}.check-line{display:flex;align-items:center;gap:7px;margin:12px 0;font-size:12px}.small-dialog .dialog-actions{margin-top:18px}.small-dialog #info-content{padding:0 24px 24px;max-height:70dvh;overflow:auto}.small-dialog p,.small-dialog li{font-size:12px;line-height:1.9;color:var(--muted)}.small-dialog h3{font-size:13px;margin:18px 0 7px}.small-dialog code{font-size:11px;word-break:break-all;background:var(--panel);padding:3px}.small-dialog pre{font-family:inherit;font-size:12px;line-height:1.8;white-space:pre-wrap;color:var(--ink)}.detail-dialog{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:460px;max-width:100vw;border-radius:14px 0 0 14px;border-right:0;overflow-y:auto}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:13px 22px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);position:sticky;top:0;background:var(--surface);z-index:2}#detail-content{padding:23px}.detail-identity{display:flex;gap:16px;align-items:center}.detail-identity .item-picture{width:82px;height:82px}.detail-identity h2{font-size:18px;line-height:1.5}.detail-identity .item-category{font-size:11px}.detail-actions{display:flex;gap:7px;margin:15px 0 22px;flex-wrap:wrap}.detail-actions button{font-size:11px;padding:6px 9px}.detail-actions svg{width:14px;height:14px}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-metric{border:1px solid var(--line);background:var(--panel);padding:13px;border-radius:8px}.detail-metric small{color:var(--muted);font-size:10px;display:block}.detail-metric strong{font-size:24px;font-weight:600;display:block;margin-top:6px;font-variant-numeric:tabular-nums}.detail-section{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.detail-section h3{font-size:13px;font-weight:650;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.detail-section p{font-size:11px;color:var(--muted);line-height:1.8}.detail-section dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 16px;margin:0;font-size:11px}.detail-section dt{color:var(--muted);display:flex;align-items:center;gap:5px}.detail-section dt img{width:25px;height:25px;object-fit:contain}.detail-section dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;max-width:220px;word-break:break-word}.detail-section dd strong{color:var(--accent)}.history-chart{width:100%;height:130px;display:block;overflow:visible}.chart-caption{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:7px}.history-summary{display:flex;gap:14px;font-size:10px;color:var(--muted);margin:12px 0}.history-summary strong{font-weight:550;color:var(--ink)}.chart-controls{display:flex;gap:4px}.chart-controls button{font-size:9px;padding:3px 6px;background:transparent}.chart-controls button.active{background:var(--accent-soft)}.negative{color:var(--loss-ink)!important}.condition-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.condition-list .tag{font-size:10px;padding:3px 7px;line-height:1.5}.tool-line{display:flex;align-items:center;gap:5px;font-size:11px;margin-top:9px}.detail-section .source-link{font-size:11px;color:var(--accent);display:block;margin-top:12px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--header);color:#ecf0e7;border:1px solid #ffffff22;box-shadow:0 10px 30px #0002;border-radius:8px;padding:11px 18px;font-size:12px;max-width:90vw;z-index:10}.toast[hidden]{display:none}.spin svg{animation:rotate 1.5s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.hidden{display:none!important}


.catalog-toolbar .search{max-width:370px}.catalog-toolbar>select{max-width:180px}.catalog-favorites{font-size:12px;height:36px;background:transparent}.catalog-favorites[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.catalog-favorites svg{width:14px;height:14px}
.catalog-panel{margin:0 18px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;box-shadow:var(--shadow)}.catalog-heading{padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);flex:none}.catalog-heading>div{display:flex;align-items:center;gap:9px;min-width:0}.catalog-heading h1{font-size:16px;white-space:nowrap}.catalog-heading .count{margin:0}.catalog-heading>button{font-size:10px;padding:5px 8px;color:var(--muted);background:transparent}.catalog-heading .subtle{font-size:11px}
.catalog-scroll{overflow:auto;min-height:0;flex:1;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain;outline-offset:-3px}.catalog-table{width:100%;border-spacing:0;table-layout:fixed;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.catalog-table th{position:sticky;top:0;z-index:1;padding:12px;background:var(--panel);border-bottom:1px solid var(--line);font-size:11px;font-weight:550;color:var(--muted);height:56px}.catalog-table th:first-child{width:31%;text-align:left;padding-left:18px}.catalog-table th:nth-child(2){width:8%;text-align:center}.catalog-table th:nth-child(3){width:13%}.catalog-table th:nth-child(4),.catalog-table th:nth-child(5){width:14%}.catalog-table th:nth-child(6){width:16%;color:var(--accent)}.catalog-table th:last-child{width:4%;padding:0}.catalog-table th small{font-size:9px;font-weight:400;margin-top:4px}.slot-heading>span{display:inline-block;vertical-align:middle}.slot-heading svg{height:12px!important;width:12px!important}.catalog-table td{padding:13px 12px;border-bottom:1px solid var(--line);height:88px;vertical-align:middle}.catalog-table td:first-child{padding-left:18px;text-align:left}.catalog-table td:nth-child(2){text-align:center}.catalog-table td:last-child{padding:8px 7px}.catalog-table tr[data-open]{cursor:pointer}.catalog-table tr[data-open]:hover{background:var(--panel)}.catalog-table tr.short{background:var(--short)}.catalog-table tr.long{background:var(--long)}.catalog-table tr.short:hover{background:color-mix(in srgb,var(--short) 94%,var(--short-ink))}.catalog-table tr.long:hover{background:color-mix(in srgb,var(--long) 94%,var(--long-ink))}.catalog-table td b{font-weight:550;font-size:14px;white-space:nowrap}.catalog-table small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.4}.catalog-table .quote-muted>b{color:var(--muted)}.catalog-table .best-channel>b{color:var(--accent)}.catalog-table .best-channel>b svg{width:12px;height:12px;vertical-align:middle;margin-left:3px}.catalog-table .catalog-slot>b{font-family:"Bahnschrift","Inter","Segoe UI",sans-serif;font-size:23px;font-weight:600;letter-spacing:-.6px;color:var(--ink)}.catalog-table tr.short .catalog-slot>b{color:var(--short-ink)}.catalog-table tr.long .catalog-slot>b{color:var(--long-ink)}
.catalog-item{border:0;background:none!important;padding:0;width:100%;gap:13px;justify-content:flex-start;text-align:left;border-radius:4px}.catalog-item .item-picture{width:57px;height:57px}.catalog-identity{display:flex;flex-direction:column;gap:4px;min-width:0}.catalog-identity>strong{font-weight:600;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-identity>span{font-size:10px;color:var(--muted);font-weight:400;line-height:1.4}.catalog-identity .catalog-tags:empty{display:none}.catalog-tags{display:flex;flex-wrap:wrap;gap:4px}.catalog-star .favorite{width:27px;height:28px;padding:5px;border:0;background:transparent;color:var(--muted)}.catalog-star .favorite svg{width:15px;height:15px}.catalog-star .favorite.active{color:#a48036}.catalog-star .favorite.active svg{fill:#d8bd7655}.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 17px;border-top:1px solid var(--line);background:var(--panel);font-size:11px;color:var(--muted);flex:none}.catalog-pagination>div{display:flex;align-items:center;gap:12px}.catalog-pagination button{font-size:11px;padding:6px 9px}.catalog-pagination button:disabled{cursor:default}.catalog-pagination #catalog-page{min-width:45px;text-align:center;font-variant-numeric:tabular-nums}
.channel-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.channel-comparison>div{padding:12px;border:1px solid var(--line);border-radius:8px}.channel-comparison>div.chosen{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.channel-comparison span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.channel-comparison svg{width:14px;height:14px;color:var(--accent)}.channel-comparison strong{display:block;font-size:21px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:9px}.channel-comparison small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.detail-section .channel-difference{margin-top:9px}.channel-difference strong{color:var(--accent)}.related-route{width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent;gap:9px;border-radius:0;text-align:left}.related-route>img{width:37px;height:37px;object-fit:contain;flex:none}.related-route>span{min-width:0}.related-route strong{font-size:11px;display:block;line-height:1.5;font-weight:550}.related-route small{font-size:9px;color:var(--muted);display:block;margin-top:4px;line-height:1.5}.related-route .related-profit{text-align:right;margin-left:auto;flex:none}.related-profit b{font-size:14px;color:var(--accent);font-variant-numeric:tabular-nums}.related-route>svg{width:13px;height:13px;color:var(--muted)}.more-routes summary{padding:13px 0 5px;color:var(--accent);font-size:11px;cursor:pointer}.preset-link{width:100%;font-size:11px;background:var(--panel);margin-bottom:9px;padding:8px}.preset-link img{width:35px;height:35px;object-fit:contain}.material-link{border:0;background:transparent;border-radius:4px;padding:2px 0;color:var(--accent);text-align:left;font-size:11px;justify-content:flex-start;font-weight:400}.material-link svg{width:12px;height:12px;flex:none}


/* Components: contextual drawers, profile editor, catalog, motion. */
dialog{border-color:#7e97a448;border-radius:6px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#070e14a3;backdrop-filter:blur(5px);animation:veil-in .2s ease both}.drawer{margin:0 0 0 auto;inset:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(510px,100vw);max-width:100vw;border:0;border-left:1px solid var(--line);border-radius:0;overflow:auto;animation:drawer-in .25s cubic-bezier(.2,.7,.2,1) both}.drawer.is-closing{animation:drawer-out .17s ease both}.drawer.is-closing::backdrop{animation:veil-out .17s ease both}.settings-dialog{width:min(590px,100vw)}.filter-dialog{width:min(410px,100vw)}.drawer form{height:100%;display:flex;flex-direction:column;min-height:0}.dialog-heading{padding:22px 24px 18px;border-top:2px solid var(--accent);flex:none}.dialog-heading h2{font-size:21px}.dialog-heading h2>span{font-size:11px;color:var(--muted);font-weight:400;margin-left:8px}.drawer-top{height:51px;padding:10px 22px;border-top:2px solid var(--accent);font-size:11px}.eyebrow{font:8px Bahnschrift,sans-serif;letter-spacing:2px;color:var(--muted);margin-bottom:6px}.settings-scroll{flex:1;min-height:0;max-height:none;overflow:auto;padding:0 24px 22px;scrollbar-width:thin;scrollbar-color:#8097a54d transparent}.settings-tabs{display:flex;gap:0;padding:0 24px 12px;flex:none}.settings-tabs button{flex:1;border:0;background:transparent;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);font-size:12px;padding:9px 3px}.settings-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:linear-gradient(0deg,#a9925e0e,transparent)}.settings-grid{margin:16px 0;gap:16px}.settings-grid label{font-size:12px;gap:8px}.settings-grid input,.settings-grid select{font-size:13px;min-height:37px;border-radius:3px}.profile-banner{display:flex;align-items:center;gap:9px;padding:12px;background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--accent);font-size:11px;color:var(--muted);margin-top:6px}.profile-banner svg{width:17px;height:17px;color:var(--accent)}.profile-banner button{font-size:10px;padding:4px 6px;white-space:nowrap;margin-left:auto}.dialog-actions{padding:14px 24px;flex:none;gap:8px;border-top:1px solid var(--line);background:var(--panel)}.dialog-actions>.subtle{margin-right:auto;align-self:center;font-size:10px}.dialog-actions button{font-size:12px;padding:9px 17px}.primary,.primary:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin:8px 0 12px;min-height:30px}.settings-section-head button{font-size:10px;padding:5px 8px}.settings-section-head .check-line{font-size:12px;margin:0}.station-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px}.station-setting{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:3px;font-size:11px}.station-setting>span{display:flex;align-items:center;gap:7px}.station-setting img{width:32px;height:32px;object-fit:contain;background:#34444e;padding:4px;border-radius:3px}.station-setting small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.station-setting select{width:74px;padding:6px 4px;font-size:11px}.levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.levels label{background:var(--panel);border:1px solid var(--line);padding:11px;border-radius:3px;font-size:11px}.levels label>span{display:flex;gap:7px;align-items:center}.levels img{width:30px;height:30px;border-radius:3px}.levels select{font-size:12px}#task-search{width:100%;margin:0 0 10px;padding:10px}.task-settings{max-height:none;border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:1px;overflow:visible}.task-settings label{font-size:12px;display:flex;gap:10px;align-items:center;line-height:1.5;padding:10px 8px;border-bottom:1px solid var(--line)}.task-settings label:hover{background:var(--panel)}.task-settings input{flex:none;margin:0}.settings-scroll h3{padding-top:18px;margin-top:20px;font-size:13px}.utility-actions{gap:7px}.utility-actions button{font-size:11px;padding:7px 9px}.help{font-size:11px;color:var(--muted);line-height:1.7;margin-top:10px}.check-line{font-size:12px;margin:16px 0;gap:8px}.filter-dialog .settings-grid{grid-template-columns:1fr}.filter-dialog .check-line input{margin:0 3px 0 0}.filter-note{border-top:1px solid var(--line);margin-top:25px;padding-top:16px;display:flex;gap:10px;align-items:baseline;font-size:11px;color:var(--muted)}.filter-note small{display:block;font-size:10px;margin-top:5px;opacity:.7}
#detail-content{padding:24px}.detail-identity .item-picture{width:78px;height:78px;background:var(--panel)}.detail-identity h2{font-size:20px}.detail-identity{animation:content-in .25s ease both}.detail-metric,.channel-comparison>div{border-radius:4px}.detail-metric strong,.channel-comparison strong{font-family:Bahnschrift,"Segoe UI",sans-serif;font-weight:500}.detail-metric strong{font-size:28px}.detail-section h3{font-size:14px}.detail-section dl{font-size:12px;gap:12px}.detail-section p{font-size:11px}.channel-comparison strong{font-size:24px}.history-summary{flex-wrap:wrap}.related-route{padding:13px 0}.related-route strong{font-size:12px}.related-route small{font-size:10px}.related-profit b{font-size:16px}.detail-section .source-link{margin-bottom:12px}.small-dialog{width:540px;animation:content-in .2s ease both}.small-dialog.is-closing{animation:veil-out .17s ease both}.small-dialog #info-content{max-height:65dvh}.toast{background:#17242ded;color:#edf1f4;border:1px solid #71859255;backdrop-filter:blur(12px);border-radius:4px;box-shadow:0 6px 32px #0004;animation:toast-in .2s ease both;z-index:20;bottom:28px}
.catalog-panel{margin:0;min-height:0;flex:1;background:color-mix(in srgb,var(--surface) 75%,transparent);border:1px solid var(--line);border-radius:4px;box-shadow:none}.catalog-scroll{scrollbar-color:#8097a54d transparent}.catalog-table{font-size:12px}.catalog-table th{background:var(--panel);height:48px;padding-top:9px;padding-bottom:9px}.catalog-table td{height:81px;padding-top:10px;padding-bottom:10px}.catalog-table th:first-child{width:30%}.catalog-table .catalog-slot>b{font-size:25px;font-weight:500}.catalog-table .best-channel>b{color:var(--ink)}.catalog-table td b{font-family:Bahnschrift,"Segoe UI",sans-serif;font-weight:500}.catalog-item .item-picture{border-radius:3px;background:#a8bbca12}.catalog-table tr.short>td:first-child{border-left:2px solid var(--short-ink)}.catalog-table tr.long>td:first-child{border-left:2px solid var(--long-ink)}.catalog-favorites{font-size:11px;height:28px;margin-left:auto;gap:5px;background:transparent;padding:4px 9px}.catalog-favorites svg{width:12px;height:12px}.catalog-pagination{padding:8px 14px;background:var(--panel);font-size:10px}.catalog-pagination button{font-size:10px;padding:5px 8px}.catalog-table .catalog-star .favorite{border-radius:2px}#catalog-summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.is-entering .card{animation:card-in .28s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--order,0)*28ms)}.catalog-panel.is-entering{animation:content-in .25s ease both}
@keyframes card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-in{from{opacity:.4;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes drawer-out{to{opacity:0;transform:translateX(35px)}}@keyframes veil-in{from{opacity:0}to{opacity:1}}@keyframes veil-out{to{opacity:0}}@keyframes content-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes ambient-drift{to{transform:translate(-100px,100px);opacity:.6}}@keyframes terrain-drift{to{transform:translate(-12px,8px) scale(1.02)}}@keyframes status-breathe{50%{opacity:.5;box-shadow:0 0 3px #9fceb022}}@keyframes shimmer{to{transform:translateX(100%)}}
@media(min-width:1600px){.workspace{padding:8px 28px 0}.workspace-frame{grid-template-columns:114px minmax(0,1fr)}.topbar{padding:0 28px;gap:40px}.brand strong{font-size:18px}.commandbar{height:60px}.page-heading h1{font-size:24px}.context-toolbar{height:41px;margin-bottom:14px}.search-tools{flex-basis:330px}.list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;padding-bottom:15px}.card{padding:17px 17px 9px}.item-top{grid-template-columns:65px minmax(0,1fr) auto;gap:12px}.item-picture{width:65px;height:65px}.item-name{font-size:15px}.money strong{font-size:32px}.metrics label{font-size:11px}.metrics b{font-size:16px}.card-extra{font-size:11px}.card-tail{font-size:10px}.filter-tabs button,.scope-tabs button{font-size:12px}.workspace-nav button{height:100px}.nav-label{font-size:14px}.catalog-table td{height:90px}.catalog-identity>strong{font-size:14px}.catalog-table .catalog-slot>b{font-size:27px}}
@media(min-width:2200px){.workspace{padding-left:34px;padding-right:34px}.list{grid-template-columns:repeat(auto-fill,minmax(375px,1fr));gap:18px}.commandbar{height:64px}.page-heading h1{font-size:26px}.context-toolbar{height:43px}.catalog-table th:first-child{width:33%}.catalog-table td{height:96px}.catalog-item .item-picture{width:64px;height:64px}}
@media(max-width:1100px){.workspace-frame{grid-template-columns:88px minmax(0,1fr)}.side-rail{padding:12px 7px 10px}.workspace{padding:4px 14px 0}.topbar{padding:0 16px;gap:20px}.brand small span{display:none}.sync-status{font-size:9px;margin-right:4px}.workspace-nav button{height:85px;gap:6px}.nav-label{font-size:12px}.workspace-nav button small{font-size:6px;letter-spacing:.7px}.settings-button small{font-size:7px}.commandbar{height:54px}.page-heading h1{font-size:19px}.search-tools{flex-basis:225px}.context-toolbar{gap:8px}.filter-tabs{gap:1px}.filter-tabs button{font-size:10px;padding:5px 7px}.scope-tabs button{font-size:10px;padding:5px 7px}.sort-indicator{font-size:9px}.list{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:11px}.card{padding:12px 12px 6px}.item-top{grid-template-columns:55px minmax(0,1fr) auto;gap:8px}.item-picture{width:55px;height:55px}.item-name{font-size:13px}.money strong{font-size:27px}.metrics b{font-size:14px}.card-extra{font-size:9px}.catalog-table td,.catalog-table th{padding-left:9px;padding-right:9px}.catalog-identity>strong{font-size:12px}.catalog-item{gap:8px}.catalog-item .item-picture{width:46px;height:46px}.catalog-table td b{font-size:13px}.catalog-table .catalog-slot>b{font-size:21px}.catalog-table th:first-child{width:28%}.catalog-table th:nth-child(6){width:18%}.catalog-table th:last-child{width:5%}}
@media(max-width:850px) and (min-width:701px){.workspace-frame{grid-template-columns:76px minmax(0,1fr)}.side-rail{padding-left:5px;padding-right:5px}.brand strong{font-size:15px}.brand-mark{width:29px;height:29px}.topbar{padding:0 12px;gap:12px}.market-tabs button{padding:6px 7px;font-size:10px;min-width:44px}.sync-status{display:none}.workspace{padding:3px 12px 0}.page-heading h1{font-size:18px}.page-heading>span:first-child{display:none}.page-heading{gap:6px}.search-tools{flex-basis:180px}.filter-tabs button{padding:5px 6px}.sort-indicator{display:none}.text-button{margin-left:auto}.context-toolbar{gap:6px}.list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.item-top{grid-template-columns:44px minmax(0,1fr);gap:8px}.item-picture{width:44px;height:44px;grid-row:1/3}.money{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;margin-top:4px}.money strong{font-size:27px}.money .unit{margin:0}.metrics b{font-size:13px}.metrics label{font-size:9px}.card-extra{font-size:9px}.nav-label{font-size:11px}.catalog-table th:first-child{width:30%}.catalog-table small{font-size:9px}}
@media(max-width:700px){.app-shell{grid-template-rows:50px minmax(0,1fr);padding-bottom:calc(59px + env(safe-area-inset-bottom))}.topbar{padding:0 12px;gap:11px}.brand strong{font-size:15px;letter-spacing:.4px}.brand-mark{width:28px;height:28px}.brand{gap:7px}.brand small{font-size:6px;letter-spacing:1.1px}.market-tabs{padding:2px;gap:0}.market-tabs button{padding:5px 6px;min-width:41px;font-size:9px}.top-actions{gap:1px}.top-actions .icon-button{width:27px;height:27px;padding:6px}.sync-status{display:none}.workspace-frame{display:flex;min-height:0}.workspace{flex:1;padding:3px 12px 0}.side-rail{position:fixed;bottom:0;left:0;right:0;height:calc(59px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);border:0;border-top:1px solid #748c9e38;background:#111c25f2;flex-direction:row;backdrop-filter:blur(16px);z-index:5}.workspace-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;flex:4}.workspace-nav button{height:58px;padding:7px 3px 6px;gap:4px;border:0;border-radius:0;flex-direction:column;justify-content:center}.workspace-nav button>span[data-icon] svg{width:19px;height:19px}.nav-label{font-size:10px;letter-spacing:0}.nav-index,.workspace-nav button small,.workspace-nav button[aria-pressed=true]::after,.rail-decoration{display:none}.workspace-nav button[aria-pressed=true]{box-shadow:inset 0 2px 0 var(--accent);background:#d4bc7f11}.rail-bottom{margin:0;flex:1;min-width:55px}.settings-button{height:58px;padding:7px 3px 6px;gap:5px;font-size:10px;justify-content:center}.settings-button svg{width:18px;height:18px}.settings-button small{display:none}.commandbar{height:48px;gap:8px}.page-heading h1{font-size:18px;letter-spacing:0}.page-heading{gap:6px}.page-heading>span:first-child{display:none}.page-heading .count{font-size:10px}.search-tools{flex-basis:180px;min-width:100px}.search{padding:0 8px;height:31px}.search input{font-size:11px}.search kbd{display:none}.filter-button{padding:6px 8px;font-size:11px;height:31px;gap:4px}.filter-button svg{width:14px;height:14px}.context-toolbar{height:36px;margin-bottom:8px;gap:8px;padding-bottom:7px}.sort-indicator{display:none}.filter-tabs{gap:1px;margin-left:auto}.filter-tabs button{font-size:10px;padding:5px 7px;height:28px}.scope-tabs button{font-size:10px;padding:4px 7px}.text-button{font-size:9px}.list{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:10px;padding-bottom:10px}.card{padding:13px 13px 7px}.item-top{grid-template-columns:60px minmax(0,1fr) auto;gap:10px}.item-picture{width:60px;height:60px}.money strong{font-size:29px}.item-name{font-size:14px}.metrics b{font-size:15px}.card-extra{font-size:10px}footer{font-size:8px;height:22px}footer>div{gap:9px}footer button,footer a{font-size:8px}.active-filters{margin-bottom:7px}.active-filters button{font-size:9px}.catalog-panel{margin:0;min-height:0;height:auto}.catalog-pagination{font-size:9px;padding:7px 9px}.catalog-pagination>div{gap:6px}.catalog-pagination button{font-size:9px;padding:5px 7px}#catalog-summary{font-size:10px}.catalog-favorites{height:27px;font-size:10px}.drawer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.settings-scroll{padding:0 20px 20px}.settings-tabs{padding:0 20px 11px}.dialog-heading{padding:18px 20px 15px}.dialog-heading h2{font-size:20px}.dialog-actions{padding:12px 20px}.drawer-top{padding:10px 20px}.small-dialog{max-width:calc(100vw - 24px)}.toast{bottom:calc(73px + env(safe-area-inset-bottom));font-size:11px}.terrain-lines{opacity:.09}.ambient-glow{opacity:.6}}
@media(max-width:540px){.app-shell{grid-template-rows:81px minmax(0,1fr)}.topbar{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:44px 31px;gap:0 8px;padding:0 12px 6px}.brand{grid-row:1;grid-column:1}.brand strong{font-size:15px}.brand small{font-size:6px}.market-tabs{grid-row:2;grid-column:1/3;justify-self:stretch;display:flex;height:27px}.market-tabs button{flex:1;font-size:10px;padding:3px 5px}.top-actions{grid-row:1;grid-column:2;gap:1px}.top-actions .icon-button{height:27px;width:27px}.commandbar{height:46px;gap:7px}.page-heading h1{font-size:16px}.page-heading .count{display:none}.search-tools{flex:1;min-width:75px}.search input{font-size:10px}.search{height:30px;gap:5px;padding:0 6px}.search svg{width:12px!important;height:12px!important}.filter-button{height:30px;padding:5px 7px;font-size:10px}.filter-button svg{width:13px;height:13px}.context-toolbar{height:auto;min-height:34px;flex-wrap:wrap;gap:5px 8px;margin-bottom:7px;padding-bottom:6px}.scope-tabs{padding:1px;flex:none}.scope-tabs button{padding:4px 6px;font-size:10px}.filter-tabs{margin-left:0;flex:1;justify-content:flex-end;gap:0}.filter-tabs button{font-size:9px;padding:4px 5px;gap:4px}.filter-tabs button svg{width:11px;height:11px}.context-toolbar:has(#loot-scopes:not([hidden])) .filter-tabs{order:2;flex-basis:100%;justify-content:flex-start}.context-toolbar>.text-button{padding:4px 0;margin-left:auto}.list{grid-template-columns:minmax(0,1fr);gap:10px}.item-top{grid-template-columns:55px minmax(0,1fr) auto;gap:9px}.item-picture{width:55px;height:55px}.money strong{font-size:28px}.item-name{font-size:13px}.card-extra{font-size:9px}.card{padding:12px 12px 6px}.metrics b{font-size:15px}.metrics label{font-size:10px}.card-tail{font-size:9px}.sort-indicator{display:none}footer>div{gap:8px}footer>span{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-settings{grid-template-columns:1fr}.station-setting{padding:10px 12px}.station-setting img{width:35px;height:35px}.levels{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{gap:13px}.profile-banner{flex-wrap:wrap;gap:7px}.profile-banner button{font-size:10px}.settings-tabs button{font-size:11px}.detail-metric strong{font-size:25px}.channel-comparison strong{font-size:22px}.detail-section dl{font-size:11px}.detail-section dd{max-width:190px}.detail-identity h2{font-size:18px}.chart-caption{font-size:8px}.catalog-table{display:block}.catalog-table caption,.catalog-table thead{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.catalog-table tbody{display:block;padding:8px}.catalog-table tr[data-open]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;margin-bottom:9px;border:1px solid var(--line);border-left:2px solid #718c9c66;border-radius:3px;padding:12px;gap:12px 7px}.catalog-table tr.short{border-left-color:var(--short-ink)}.catalog-table tr.long{border-left-color:var(--long-ink)}.catalog-table td{display:block;padding:0!important;height:auto;border:0!important;text-align:left!important}.catalog-table td:first-child{grid-column:1/-1;padding-right:25px!important}.catalog-table td[data-label]::before{content:attr(data-label);display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.catalog-table td[data-label]>b{font-size:13px}.catalog-table td.catalog-slot>b{font-size:22px;line-height:1}.catalog-item .item-picture{width:52px;height:52px}.catalog-identity>strong{font-size:13px}.catalog-table .catalog-star{position:absolute;right:7px;top:11px}}
@media(max-height:600px) and (min-width:701px){.app-shell{grid-template-rows:46px minmax(0,1fr)}.side-rail{padding-top:8px;padding-bottom:8px}.workspace-nav{gap:4px}.workspace-nav button{height:65px;gap:3px;padding:7px 4px}.workspace-nav button>span[data-icon] svg{width:20px;height:20px}.workspace-nav button small{display:none}.rail-decoration{display:none}.settings-button{padding:5px 3px;gap:5px}.commandbar{height:45px}.context-toolbar{height:33px;margin-bottom:7px}.page-heading h1{font-size:18px}.workspace{padding-top:0}footer{height:21px}.drawer .dialog-heading{padding-top:13px;padding-bottom:12px}.settings-tabs{padding-bottom:8px}.dialog-actions{padding-top:10px;padding-bottom:10px}}
.brand-mark{fill:var(--gold);stroke:none;width:35px;height:35px}.brand-mark path:last-child{fill:#e7edf0}.station-setting input[type=checkbox]{width:17px;height:17px;flex:none}.trade-summary{display:flex;justify-content:space-between;gap:12px;margin-top:15px;padding:13px;background:var(--panel);border:1px solid var(--line);font-size:11px;color:var(--muted)}.trade-summary b{display:block;color:var(--ink);font:19px Bahnschrift,sans-serif;margin-top:6px}.chart-wrap{position:relative;padding-top:30px}.history-chart{cursor:crosshair;touch-action:pan-y}.chart-tooltip{position:absolute;top:0;transform:translateX(-50%);pointer-events:none;background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--accent);padding:7px 11px;min-width:112px;box-shadow:0 4px 15px #0002;border-radius:3px;font-size:10px;z-index:1}.chart-tooltip time{display:block;color:var(--muted);white-space:nowrap}.chart-tooltip strong{display:block;font:18px Bahnschrift,sans-serif;margin-top:3px}.money strong:has(+.unit){font-variant-numeric:tabular-nums}footer{height:32px}#density-button{font-size:10px;gap:6px;padding:4px 7px;border:1px solid var(--line);border-radius:3px;height:25px}#density-button svg{width:12px;height:12px}#density-label{font-weight:500;color:var(--accent)}#density-button[aria-pressed=true]{background:var(--accent-soft)}
[data-density=compact] .list{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:9px}[data-density=compact] .card{padding:10px 10px 4px}[data-density=compact] .item-top{grid-template-columns:42px minmax(0,1fr) auto;gap:7px}[data-density=compact] .item-picture{width:42px;height:42px;grid-row:auto}[data-density=compact] .item-name{font-size:12px;line-height:1.4}[data-density=compact] .item-category{font-size:9px;margin-top:3px}[data-density=compact] .money{grid-column:auto;display:block;margin:0}[data-density=compact] .money strong{font-size:23px;letter-spacing:-.6px}[data-density=compact] .money .unit{font-size:9px;margin-top:4px}[data-density=compact] .metrics{padding-top:7px;margin-top:8px;gap:5px}[data-density=compact] .metrics b{font-size:13px;margin-top:4px}[data-density=compact] .metrics label{font-size:9px}[data-density=compact] .route{margin-top:8px;font-size:9px}[data-density=compact] .route img{width:19px;height:19px}[data-density=compact] .ingredients{margin-top:6px;gap:3px}[data-density=compact] .ingredient{font-size:8px}[data-density=compact] .ingredient img{width:17px;height:17px}[data-density=compact] .card-extra{font-size:9px;margin-top:7px}[data-density=compact] .card-tail{font-size:8px;margin-top:5px;padding-top:2px}[data-density=compact] .tag{font-size:8px;padding:0 4px;line-height:14px}[data-density=compact] .catalog-table td{height:62px;padding-top:6px;padding-bottom:6px}[data-density=compact] .catalog-item .item-picture{width:38px;height:38px}[data-density=compact] .catalog-identity>strong{font-size:12px}[data-density=compact] .catalog-table .catalog-slot>b{font-size:21px}
@media(max-width:1100px){.context-toolbar{height:auto;min-height:39px;flex-wrap:wrap;row-gap:6px}.context-toolbar .sort-indicator{display:none}}
@media(max-width:540px){footer>span{max-width:48%}footer>div{gap:6px}#density-button{font-size:9px;gap:4px;padding:3px 5px}footer a{font-size:8px}[data-density=compact] .list{grid-template-columns:minmax(0,1fr)}[data-density=compact] .catalog-table td{height:auto;padding:0}[data-density=compact] .catalog-table tr[data-open]{gap:8px 6px;padding:10px}[data-density=compact] .catalog-table .catalog-slot>b{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover,.card:hover .item-picture img{transform:none}.drawer.is-closing{opacity:0}}

/* Solid navigation symbols and compact market-quality labels. */
#refresh{display:grid;place-items:center}
#refresh .solid-icon{width:18px;height:18px;transform-origin:center;transition:transform .25s ease}
#refresh:not(:disabled):hover .solid-icon{transform:rotate(45deg)}
#refresh.spin{color:var(--gold)}
#refresh.spin .solid-icon{animation:rotate 1s linear infinite}
.workspace-nav .solid-icon,.settings-button .solid-icon{fill:currentColor;stroke:none;transition:transform .18s ease,opacity .18s ease}
.workspace-nav button[data-page=run]>span[data-icon] svg{width:46px;height:24px}
@media(max-width:700px){.workspace-nav button[data-page=run]>span[data-icon] svg{width:38px;height:20px}}
.workspace-nav button:hover .solid-icon,.settings-button:hover .solid-icon{transform:translateY(-2px)}
.settings-button{gap:8px}
.tag.quote-risk{color:#e3b666;border-color:#d9a34744;background:#ba842014}
.tag.trader-tag{color:#9bcbdc;border-color:#79b3cc44;background:#5899b318}
[data-theme=light] .tag.trader-tag{color:#28647a;border-color:#4c94ae55;background:#a9d4e333}
.tag.quote-risk b{font:600 9px Bahnschrift,"Segoe UI",sans-serif;border-left:1px solid #d9a34744;padding-left:4px;margin-left:1px}
[data-theme=light] .tag.quote-risk{color:#8d5d16;background:#f2d9a855;border-color:#bf8b3d66}
.notice.pending{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:9px 13px;border-color:#d2b57144;background:color-mix(in srgb,var(--panel) 92%,#d2b571);flex-shrink:0}
.notice.pending::after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--gold);transform-origin:left;transform:scaleX(var(--remaining,1));transition:transform 1s linear;pointer-events:none}
.notice.pending.is-paused::after{opacity:.35;transition:none}
#pending-countdown{margin-left:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
#apply-pending{font-size:11px;padding:5px 9px;flex:none}
@media(max-width:700px){.notice.pending{gap:7px;padding:7px 9px;font-size:10px}#pending-countdown,#apply-pending{font-size:10px}.tag.quote-risk{font-size:9px}}
@media(prefers-reduced-motion:reduce){.workspace-nav .solid-icon,.settings-button .solid-icon,.notice.pending::after{transition:none}.workspace-nav button:hover .solid-icon,.settings-button:hover .solid-icon{transform:none}}

/* Gold is sustained value. Green is reserved for losses. */
.legend-dot.gold{background:var(--long-ink)}
.card.loss{background:linear-gradient(125deg,var(--loss),color-mix(in srgb,var(--loss) 87%,transparent));border-color:color-mix(in srgb,var(--loss-ink) 20%,transparent);border-left-color:var(--loss-ink)}
.detail-metric:has(.negative){background:var(--loss);border-color:color-mix(in srgb,var(--loss-ink) 25%,transparent)}

/* Quicklook: an image-led, bounded cloud with stable positions. */
.quicklook-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:39px;flex:none;padding:0 2px 9px;margin-top:-3px}
.quicklook-categories{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;white-space:nowrap}
.quicklook-categories i{width:2px;height:2px;background:currentColor;opacity:.5}
.quicklook-actions{display:flex;align-items:center;gap:18px}
.quicklook-switch{display:flex;align-items:center;background:color-mix(in srgb,var(--panel) 75%,transparent);padding:2px;border:1px solid var(--line);border-radius:3px;gap:2px}
.quicklook-switch button{font-size:10px;padding:5px 10px;border:0;background:transparent;color:var(--muted);gap:5px;white-space:nowrap}
.quicklook-switch button[aria-pressed=true]{background:color-mix(in srgb,var(--ink) 12%,transparent);color:var(--ink)}
.quicklook-switch svg{width:12px;height:12px}
#quicklook-repack{display:flex;gap:5px;font-size:10px;white-space:nowrap}
#quicklook-repack svg{width:12px;height:12px}
#loot.quicklook-view{display:flex;flex-direction:column;gap:0;padding:0 2px 0 0;scrollbar-gutter:auto;overflow:auto;position:relative}
.quicklook-board{position:relative;isolation:isolate;flex:1;min-height:280px;border:1px solid var(--line);border-radius:4px;background:radial-gradient(ellipse at 44% 36%,#d8bd7010,transparent 58%),color-mix(in srgb,var(--canvas) 60%,transparent);overflow:hidden}
.quicklook-board::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#b5c3c41c .6px,transparent .8px);background-size:20px 20px;mask-image:linear-gradient(145deg,#0007,transparent 70%)}
.quicklook-board::after{content:"";position:absolute;inset:15% 24%;z-index:-1;border:1px solid #d8bd7010;border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 0 42px #d8bd7005,0 0 0 84px #d8bd7003;pointer-events:none}
.quicklook-grid{height:100%;position:absolute;inset:0;padding:12px;display:grid;grid-template-columns:repeat(var(--cloud-columns,6),minmax(0,1fr));grid-template-rows:repeat(var(--cloud-rows,3),minmax(0,1fr));gap:10px}
.quicklook-tile{--tile-ink:#bbc8cf;position:relative;display:grid;grid-template-rows:20px minmax(20px,1fr) auto;align-items:stretch;justify-content:stretch;gap:0;min-width:0;min-height:0;padding:6px 10px 10px;border:1px solid #9eb3bf16;border-radius:4px;background:linear-gradient(150deg,#b7c7d409,#14202b30);color:var(--ink);text-align:center;overflow:hidden;isolation:isolate;transition:background .25s,border-color .25s,box-shadow .25s}
.quicklook-tile::before{content:"";position:absolute;inset:10% -10% 8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,var(--tile-ink),transparent 65%);opacity:.045;transition:opacity .3s}
.quicklook-tile::after{content:"";position:absolute;left:9px;top:9px;width:6px;height:6px;border-left:1px solid var(--tile-ink);border-top:1px solid var(--tile-ink);opacity:0;transition:opacity .2s}
.quicklook-tile.long{--tile-ink:var(--long-ink);background:linear-gradient(145deg,color-mix(in srgb,var(--long) 72%,transparent),color-mix(in srgb,var(--long) 34%,transparent));border-color:color-mix(in srgb,var(--long-ink) 15%,transparent)}
.quicklook-tile.short{--tile-ink:var(--short-ink);background:linear-gradient(145deg,color-mix(in srgb,var(--short) 88%,transparent),color-mix(in srgb,var(--short) 48%,transparent));border-color:color-mix(in srgb,var(--short-ink) 35%,transparent)}
.cloud-topline{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:16px;white-space:nowrap;font-size:9px;color:var(--tile-ink);font-weight:400}
.cloud-signal{display:inline-flex;align-items:center;gap:3px;overflow:hidden;text-overflow:ellipsis}
.cloud-signal svg{width:10px;height:10px}
.cloud-risk{font-size:8px;color:#dcb975;padding:1px 3px;border:1px solid #c59c5138;border-radius:2px;margin-left:auto;white-space:nowrap}
.cloud-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:2px;pointer-events:none}
.cloud-art img{display:block;width:70px;height:100%;max-width:90%;max-height:78px;object-fit:contain;filter:drop-shadow(0 6px 7px #0005);transition:transform .3s cubic-bezier(.2,.65,.2,1),filter .3s;mix-blend-mode:screen}
.cloud-caption{display:flex;flex-direction:column;align-items:center;min-width:0;gap:1px;padding-top:5px}
.cloud-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.45;font-weight:500;letter-spacing:.2px}
.cloud-value{display:flex;align-items:baseline;justify-content:center;gap:3px;color:var(--tile-ink);white-space:nowrap;line-height:1.2}
.cloud-value strong{font:500 26px/1.2 Bahnschrift,"Segoe UI",sans-serif;letter-spacing:-.7px;font-variant-numeric:tabular-nums}
.cloud-value>span{font-size:11px;font-weight:400}
.cloud-value small{font-size:9px;opacity:.6;margin-left:4px}
.cloud-vendor,.cloud-age{height:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:15px;font-weight:400}
.cloud-vendor{color:#9bcbdc}
.cloud-age{color:#c7af7f}
.cloud-open{position:absolute;right:7px;bottom:9px;color:var(--tile-ink);opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}
.cloud-open svg{width:12px;height:12px}
.quicklook-tile.tier-large{padding:10px 18px 18px;grid-template-rows:22px minmax(30px,1fr) auto}
.tier-large .cloud-art img{width:65%;max-width:160px;max-height:165px;filter:drop-shadow(0 12px 15px #0005)}
.tier-large .cloud-name{font-size:17px;letter-spacing:.8px}
.tier-large .cloud-value strong{font-size:48px;letter-spacing:-1.7px}
.tier-large .cloud-value>span{font-size:16px}
.tier-large .cloud-value small{font-size:11px}
.tier-large .cloud-topline{font-size:10px}
.tier-large .cloud-vendor,.tier-large .cloud-age{font-size:11px;height:18px;line-height:18px}
.quicklook-tile.tier-medium{grid-template-columns:44% minmax(0,1fr);grid-template-rows:20px minmax(0,1fr);padding:7px 12px 10px;column-gap:9px}
.tier-medium .cloud-topline{grid-column:1/-1}
.tier-medium .cloud-art img{width:90px;max-height:96px}
.tier-medium .cloud-caption{justify-content:center;padding:0;align-items:flex-start;text-align:left}
.tier-medium .cloud-name{font-size:14px}
.tier-medium .cloud-value strong{font-size:32px}
.tier-medium .cloud-value small{display:none}
.quicklook-tile:focus-visible{outline:2px solid var(--tile-ink);outline-offset:-2px}
.quicklook-tile:active{transform:none}
@media(hover:hover){.quicklook-tile:hover{border-color:color-mix(in srgb,var(--tile-ink) 60%,transparent);background-color:color-mix(in srgb,var(--tile-ink) 7%,transparent);box-shadow:0 0 18px #0002}.quicklook-tile:hover::before{opacity:.09}.quicklook-tile:hover::after{opacity:.8}.quicklook-tile:hover .cloud-art img{transform:translateY(-3px) scale(1.06)}.quicklook-tile:hover .cloud-open{opacity:.9;transform:none}}
.is-entering .quicklook-tile{animation:cloud-arrive .32s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--order,0)*20ms)}
.quicklook-tile.quote-changed .cloud-value{animation:cloud-quote 1.2s ease both}
.quicklook-tile{grid-template-rows:minmax(36px,1fr) auto;padding-top:15px}
.cloud-topline{position:absolute;top:7px;left:9px;right:9px;z-index:1;min-height:14px}
.cloud-art{padding-top:4px}
.cloud-art img{width:86px;max-height:90px;filter:brightness(1.12) drop-shadow(0 6px 7px #0005)}
.quicklook-tile.tier-large{grid-template-rows:minmax(40px,1fr) auto;padding-top:18px}
.tier-large .cloud-art img{max-width:180px;max-height:190px;filter:brightness(1.12) drop-shadow(0 12px 15px #0005)}
.quicklook-tile.tier-medium{grid-template-rows:minmax(0,1fr);padding-top:20px}
.tier-medium .cloud-art{grid-column:1;grid-row:1}
.tier-medium .cloud-caption{grid-column:2;grid-row:1}
@keyframes cloud-arrive{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes cloud-quote{0%,100%{filter:brightness(1)}25%{filter:brightness(1.6)}}
[data-theme=light] .quicklook-board{background:radial-gradient(ellipse at 44% 36%,#e5c8751a,transparent 60%),#f5f7f88f}
[data-theme=light] .quicklook-tile{--tile-ink:#506879;background:linear-gradient(145deg,#fff9,#e4ebf04d);border-color:#6d859526}
[data-theme=light] .quicklook-tile.long{--tile-ink:var(--long-ink);background:linear-gradient(145deg,#fff6dc,#f6e8c655);border-color:#b491472e}
[data-theme=light] .quicklook-tile.short{--tile-ink:var(--short-ink);background:linear-gradient(145deg,#ffebe8,#f6d9d359);border-color:#b46d6347}
[data-theme=light] .cloud-art img{mix-blend-mode:multiply;filter:drop-shadow(0 5px 5px #36546a16)}
[data-theme=light] .cloud-risk{color:#8d5d16;border-color:#bf8b3d55}
[data-theme=light] .cloud-vendor{color:#28647a}
[data-theme=light] .cloud-age{color:#846c37}
@media(min-width:1800px){.cloud-art img{width:86px;max-height:100px}.cloud-value strong{font-size:30px}.cloud-name{font-size:14px}.cloud-topline{font-size:10px}.tier-large .cloud-art img{max-width:190px;max-height:200px}.tier-large .cloud-value strong{font-size:56px}.tier-medium .cloud-art img{width:110px;max-height:120px}}
@media(max-width:700px){.quicklook-controls{min-height:36px;padding-bottom:7px;gap:6px}.quicklook-categories{font-size:9px;gap:5px}.quicklook-actions{gap:9px}.quicklook-switch button{padding:5px 8px;font-size:10px}#quicklook-repack{font-size:9px;gap:3px}.quicklook-grid{padding:8px;gap:8px}.quicklook-board{min-height:270px}.quicklook-foot{font-size:9px}.quicklook-foot button{font-size:9px}.quicklook-tile{padding-left:8px;padding-right:8px}.cloud-value strong{font-size:26px}}
@media(max-width:420px){.quicklook-categories{display:none}.quicklook-controls{justify-content:flex-end}.quicklook-actions{width:100%;justify-content:space-between}.cloud-value strong{font-size:25px}.cloud-art img{max-height:72px}}
@media(prefers-reduced-motion:reduce){.quicklook-tile:hover .cloud-art img{transform:none}.quicklook-tile,.quicklook-tile::before,.quicklook-tile::after,.cloud-art img,.cloud-open{transition:none}}
/* Dedicated running workspace: compact controls and a varied, scrollable cloud. */
.brand .fence-avatar{width:38px;height:38px;object-fit:cover;border:1px solid #b5a26c70;border-radius:3px;filter:contrast(1.05);box-shadow:0 0 12px #0004}
#context-toolbar .quicklook-controls{margin:0 0 0 auto;padding:0;min-height:30px}
[data-quicklook=cloud] #sort-indicator{display:none}
.quicklook-actions{gap:10px}
.quicklook-types-button{font-size:10px;gap:6px;padding:5px 9px;white-space:nowrap;background:transparent}
.quicklook-types-button svg{width:12px;height:12px}
.quicklook-types-button b{font:11px Bahnschrift,sans-serif;min-width:15px;color:var(--gold)}
.quicklook-presets{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;margin:0 2px 10px 0;padding:8px 10px;border:1px solid var(--line);border-radius:3px;background:color-mix(in srgb,var(--panel) 55%,transparent)}
.priority-info{display:flex;justify-content:flex-start;gap:9px;background:transparent;border-color:transparent;padding:2px 4px;color:var(--muted);text-align:left}
.priority-info:hover{background:transparent;border-color:transparent;color:var(--gold)}
.priority-info strong{display:block;color:var(--ink);font-size:11px;font-weight:550;letter-spacing:1px}
.priority-info small{display:block;margin-top:3px;font-size:9px;font-weight:400;letter-spacing:.5px}
.priority-info>span:last-child svg{width:12px;height:12px;opacity:.65}
.priority-symbol{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);color:var(--gold)}
.priority-symbol svg{width:16px;height:16px}
.small-dialog .priority-weights{margin:6px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--ink);font-size:12px}
.priority-weights>span{white-space:nowrap}.priority-weights b{color:var(--gold)}
.range-presets{display:flex;align-items:center;gap:8px}
.quicklook-preset{position:relative;isolation:isolate;overflow:hidden;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #e8cb8680;border-left:3px solid #f5df9d;border-radius:3px;background:linear-gradient(115deg,#dfc486,#c5a361);color:#1c272e;box-shadow:0 2px 9px #0002;transition:transform .18s,box-shadow .18s,filter .18s}
.quicklook-reset{border-color:color-mix(in srgb,var(--ink) 35%,var(--panel));border-left:3px solid var(--ink);background:color-mix(in srgb,var(--ink) 13%,var(--panel));color:var(--ink)}
.quicklook-preset::before{content:"";position:absolute;inset:-20% 0;z-index:-1;width:42%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:translateX(-160%) skewX(-18deg);transition:transform .45s;pointer-events:none}
.quicklook-preset>strong{font-size:11px;line-height:1.3;font-weight:700;white-space:nowrap}
.preset-symbol{display:grid;place-items:center;flex:none;width:16px;height:18px}
.preset-symbol svg{width:16px;height:16px}
.quicklook-preset [data-icon=preset-mods]{width:23px}.quicklook-preset [data-icon=preset-mods] svg{width:23px;height:18px}
.preset-status{display:grid;place-items:center;flex:none;width:16px;height:16px;border:1px solid #26323c40;border-radius:50%;line-height:0}
.preset-status span{display:grid;place-items:center;grid-area:1/1;line-height:0}.quicklook-preset .preset-status svg{display:block;width:10px;height:10px;stroke-width:2}
.preset-status .preset-check{display:none}
.quicklook-preset[aria-pressed=true]{background:linear-gradient(115deg,#f2dea1,#e0bd6f);border-color:#ffe9b1;box-shadow:0 0 0 1px #f0d39028,0 3px 14px #d4b47020}
.quicklook-preset[aria-pressed=true] .preset-status{background:#26323c;border-color:#26323c;color:#f6dfa5}
.quicklook-preset[aria-pressed=true] .preset-arrow{display:none}
.quicklook-preset[aria-pressed=true] .preset-check{display:grid}
.quicklook-preset:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:hover){.quicklook-preset:hover{border-color:#fff0c5;background:linear-gradient(115deg,#efdba6,#ddbd7a);transform:translateY(-1px);box-shadow:0 4px 15px #0003}.quicklook-preset:hover::before{transform:translateX(340%) skewX(-18deg)}.quicklook-reset:hover{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 20%,var(--panel))}}
.type-choice-heading{display:flex;align-items:center;justify-content:space-between;margin:14px 0 12px;gap:8px}
.type-choice-heading strong{font-size:12px;font-weight:500}
.type-choice-heading>div{display:flex;gap:6px}
.type-choice-heading button{padding:3px 7px;font-size:10px;background:transparent;color:var(--muted)}
.type-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:20px}
.type-choice{display:flex;align-items:center;gap:7px;min-height:35px;padding:7px 9px;border:1px solid var(--line);border-radius:3px;cursor:pointer;color:var(--muted);font-size:11px;transition:background .15s,border-color .15s,color .15s}
.type-choice input{margin:0;accent-color:var(--gold);width:13px;height:13px;flex:none}
.type-choice:has(input:checked){color:var(--ink);background:color-mix(in srgb,var(--gold) 8%,transparent);border-color:color-mix(in srgb,var(--gold) 36%,transparent)}
.type-choice:focus-within{outline:2px solid var(--gold);outline-offset:1px}
#normal-filter-fields>.settings-grid:has(>[hidden]):not(:has(>:not([hidden]))){display:none}
.quicklook-unified{min-height:200px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.quicklook-unified .quicklook-grid{padding:10px;gap:7px}
.quicklook-unified .quicklook-tile{padding:18px 8px 7px;grid-template-rows:minmax(20px,1fr) auto}
.quicklook-unified .cloud-topline{top:5px;left:7px;right:7px;font-size:9px;gap:3px;line-height:13px}
.quicklook-unified .cloud-risk{font-size:8px;padding:0 2px}
.quicklook-unified .cloud-caption{gap:1px;padding-top:2px}
.quicklook-unified .cloud-name{font-size:11px;line-height:1.3}
.quicklook-unified .cloud-value strong{font-size:25px;line-height:1.1}
.quicklook-unified .cloud-value{line-height:1.1}
.quicklook-unified .cloud-value>span{font-size:10px}
.quicklook-unified .cloud-value small{font-size:8px;margin-left:2px}
.quicklook-unified .cloud-art img{width:80px;max-height:78px}
.quicklook-unified .cloud-vendor{font-size:9px;height:12px;line-height:12px}
.quicklook-unified .rarity-label{color:var(--muted);font-size:8px;letter-spacing:1px}
.quicklook-unified .tier-large{padding:22px 16px 14px;border-color:color-mix(in srgb,var(--tile-ink) 30%,transparent)}
.quicklook-unified .tier-large .cloud-art img{width:75%;max-width:170px;max-height:170px}
.quicklook-unified .tier-large .cloud-name{font-size:16px;letter-spacing:.5px}
.quicklook-unified .tier-large .cloud-value strong{font-size:44px;line-height:1.1}
.quicklook-unified .tier-large .cloud-value>span{font-size:13px}
.quicklook-unified .tier-large .cloud-topline{top:8px;left:10px;right:10px;font-size:10px}
.quicklook-unified .tier-medium{grid-template-columns:43% minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:22px 10px 10px;gap:8px}
.quicklook-unified .tier-medium .cloud-art img{width:100%;max-height:90px}
.quicklook-unified .tier-medium .cloud-caption{align-items:flex-start;justify-content:center}
.quicklook-unified .tier-medium .cloud-name{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:left}
.quicklook-unified .tier-medium .cloud-value strong{font-size:30px}
[data-density=compact] .quicklook-unified .tier-small .cloud-value strong{font-size:23px}
[data-density=compact] .quicklook-unified .tier-small .cloud-art img{max-height:64px}
@media(max-width:900px){.quicklook-presets{gap:8px}.priority-symbol{display:none}.priority-info small{font-size:8px;letter-spacing:0}.quicklook-preset{padding:7px 8px;gap:5px}.quicklook-actions{gap:8px}}
@media(max-width:700px){.quicklook-presets{flex-wrap:wrap;padding:7px 9px}.priority-info{width:100%;padding:0;gap:6px}.priority-info>span:nth-child(2){display:flex;align-items:baseline;gap:10px}.priority-info small{margin:0}.range-presets{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.quicklook-preset{min-width:0;padding:6px;gap:5px}.quicklook-preset>strong{font-size:10px}.preset-symbol,.preset-symbol svg{width:14px;height:16px}.preset-status{width:12px;height:12px}.quicklook-unified .tier-medium .cloud-name{font-size:11px}.quicklook-unified .tier-medium .cloud-value strong{font-size:25px}.quicklook-foot{font-size:9px}.quicklook-actions{gap:7px}.quicklook-switch button{font-size:9px;padding:5px 7px}.quicklook-controls{margin-top:0;min-height:30px}}
@media(max-width:540px){#context-toolbar .quicklook-controls{order:3;flex-basis:100%;margin-left:0;min-height:28px}.quicklook-actions{width:100%;justify-content:space-between}.type-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.quicklook-types-button{padding:5px 7px;font-size:9px}.brand .fence-avatar{width:31px;height:31px}.quicklook-foot{gap:5px}.quicklook-foot button{white-space:nowrap}}
@media(max-width:360px){.quicklook-preset{gap:3px;padding:6px 3px}.quicklook-preset>strong{font-size:9px}.preset-status{display:none}}
@media(prefers-reduced-motion:reduce){.quicklook-preset,.quicklook-preset::before{transition:none}.quicklook-preset:hover{transform:none}}

/* Small finds use one fine cell; highlights keep their generous image and value. */
.quicklook-unified .tier-small{padding:5px 5px 4px;grid-template-rows:minmax(0,1fr) auto;gap:0}
.quicklook-unified .tier-small .cloud-topline{top:3px;left:4px;right:4px;font-size:8px;line-height:10px;min-height:10px;gap:2px}
.quicklook-unified .tier-small .cloud-signal{gap:2px}.quicklook-unified .tier-small .cloud-signal svg{display:none}
.quicklook-unified .tier-small .cloud-risk{font-size:7px;line-height:9px;padding:0 1px}
.quicklook-unified .tier-small .cloud-art{padding:0;min-height:0}
.quicklook-unified .tier-small .cloud-art img{width:47px;max-height:43px;max-width:90%;filter:brightness(1.12) drop-shadow(0 3px 4px #0004)}
.quicklook-unified .tier-small .cloud-caption{padding:0;gap:0}
.quicklook-unified .tier-small .cloud-name{font-size:10px;line-height:12px;letter-spacing:0}
.quicklook-unified .tier-small .cloud-value{gap:2px;line-height:21px}
.quicklook-unified .tier-small .cloud-value strong{font-size:20px;line-height:21px;letter-spacing:-.6px}
.quicklook-unified .tier-small .cloud-value>span{font-size:9px}.quicklook-unified .tier-small .cloud-value small,.quicklook-unified .tier-small .cloud-open{display:none}
.quicklook-unified .tier-small .cloud-vendor{font-size:8px;line-height:10px;height:10px}
.quicklook-unified .tier-medium{padding:16px 7px 5px;gap:5px;grid-template-columns:39% minmax(0,1fr)}
.quicklook-unified .tier-medium .cloud-art{padding:0}.quicklook-unified .tier-medium .cloud-art img{max-width:62px;max-height:55px}
.quicklook-unified .tier-medium .cloud-name{font-size:11px;line-height:13px}
.quicklook-unified .tier-medium .cloud-value strong{font-size:27px;line-height:1.1}
.quicklook-unified .tier-large .cloud-value strong{font-size:47px}
.quicklook-unified .tier-tall{padding:18px 10px 7px;grid-template-rows:minmax(0,1fr) auto}
.quicklook-unified .tier-tall .cloud-art img{width:95px;max-height:104px}
.quicklook-unified .tier-tall .cloud-name{font-size:12px}.quicklook-unified .tier-tall .cloud-value strong{font-size:32px}
[data-density=compact] .quicklook-unified .tier-small .cloud-art img{max-height:34px;width:40px}
[data-density=compact] .quicklook-unified .tier-small .cloud-value strong{font-size:18px;line-height:19px}
[data-density=compact] .quicklook-unified .tier-small .cloud-name{font-size:9px;line-height:11px}
[data-theme=light] .quicklook-unified .tier-small .cloud-art img{filter:drop-shadow(0 3px 4px #36546a16)}
@media(max-width:540px){.quicklook-unified .tier-large{padding:18px 10px 8px}.quicklook-unified .tier-large .cloud-art img{max-height:95px}.quicklook-unified .tier-large .cloud-name{font-size:13px}.quicklook-unified .tier-large .cloud-value strong{font-size:35px}}

/* Running controls share one toolbar; data notes live in the footer. */
.standard-context{display:flex;align-items:center;gap:14px;width:100%;min-width:0}
.standard-context>#reset-visible-filters{margin-left:auto}
#surge-filter{position:relative;isolation:isolate;overflow:hidden;gap:7px;height:32px;margin:0 5px;padding:5px 10px 5px 7px;border:1px solid color-mix(in srgb,var(--short-ink) 28%,transparent);border-left:2px solid var(--short-ink);border-radius:3px;background:linear-gradient(110deg,color-mix(in srgb,var(--short) 76%,transparent),color-mix(in srgb,var(--short) 38%,transparent));color:var(--short-ink);font-size:11px;font-weight:600;letter-spacing:.4px;transition:background .18s,border-color .18s,box-shadow .18s}
#surge-filter .surge-symbol{display:grid;place-items:center;width:21px;height:21px;border:1px solid color-mix(in srgb,var(--short-ink) 22%,transparent);background:color-mix(in srgb,var(--short-ink) 8%,transparent);border-radius:2px;flex:none}
#surge-filter .surge-symbol svg{width:14px;height:14px;stroke-width:2;transition:transform .18s}
#surge-filter .surge-status{width:4px;height:4px;border-radius:1px;background:currentColor;opacity:.4;margin-left:2px}
#surge-filter[aria-pressed=true]{color:#fff0ec;background:linear-gradient(110deg,#a34f55,#71333e);border-color:#e99b98;box-shadow:inset 0 1px 0 #ffb2a733,0 2px 9px #6b24282b}
#surge-filter[aria-pressed=true] .surge-symbol{border-color:#ffd6cb55;background:#ffdfd51c}
#surge-filter[aria-pressed=true] .surge-status{opacity:1;box-shadow:0 0 6px #ffd5c580}
#surge-filter:focus-visible{outline:2px solid var(--short-ink);outline-offset:3px}
@media(hover:hover){#surge-filter:hover{border-color:var(--short-ink);box-shadow:0 2px 12px color-mix(in srgb,var(--short-ink) 12%,transparent)}#surge-filter:hover .surge-symbol svg{transform:translate(1px,-1px)}}
@media(max-width:700px){#surge-filter{height:29px;padding:4px 7px 4px 5px;margin:0 3px;gap:5px;font-size:10px}#surge-filter .surge-symbol{width:18px;height:18px}#surge-filter .surge-symbol svg{width:12px;height:12px}}
[data-page=run] .context-toolbar{height:auto;min-height:46px;gap:10px;flex-wrap:wrap;align-items:center;padding:2px 0 8px;margin-bottom:8px}
[data-page=run] #quicklook-presets{margin:0;padding:0;border:0;background:transparent;gap:0;flex:none}
[data-page=run] #quicklook-controls{margin:0 0 0 auto}
#quicklook-favorites{padding:5px;display:grid;place-items:center;border:1px solid transparent;border-radius:3px}
#quicklook-favorites svg{width:14px;height:14px}
#quicklook-favorites[aria-pressed=true]{color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent);border-color:color-mix(in srgb,var(--gold) 35%,transparent)}
#run-data-controls{display:flex;align-items:center;gap:10px;min-width:0}
#run-data-controls #priority-info{font-size:10px;padding:3px 0;gap:4px;white-space:nowrap}
#run-data-controls #priority-info svg{width:11px;height:11px}
[data-page=run] footer{justify-content:space-between;gap:8px}
@media(max-width:1100px) and (min-width:701px){[data-page=run] .quicklook-actions{gap:5px}[data-page=run] .quicklook-preset{padding:6px 7px}[data-page=run] #quicklook-repack{font-size:9px}[data-page=run] .quicklook-types-button{padding:5px 6px}[data-page=run] .quicklook-switch button{padding:5px 6px}}
@media(max-width:700px){.standard-context{gap:8px;flex-wrap:wrap}[data-page=run] .context-toolbar{gap:6px;padding-bottom:7px;min-height:0}[data-page=run] #quicklook-presets{width:100%}[data-page=run] #quicklook-controls{width:100%;margin:0}[data-page=run] .quicklook-actions{width:100%;justify-content:space-between}[data-page=run] footer{flex-wrap:wrap;min-height:30px;height:auto;padding-bottom:4px}#run-data-controls{gap:8px}#run-data-controls #priority-info{font-size:9px}.run-value-floor{font-size:8px}[data-page=run] footer>div{gap:6px}}

/* A searched stash reveals the prepared market in one pass. */
.market-stage{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;isolation:isolate}
.market-loader{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--gold) 5%,transparent),transparent 62%),var(--canvas);overflow:hidden}
body:not([data-loading=true]) .market-loader{display:none}
body[data-loading=true] .market-stage>main{visibility:hidden;pointer-events:none}
.market-loader h2{font-size:17px;font-weight:600;letter-spacing:1.5px;margin:0;color:var(--ink)}
.loader-eyebrow{font:9px Bahnschrift,sans-serif;letter-spacing:3px;color:var(--gold);margin-top:10px}
.loot-loader-art{position:relative;width:218px;height:178px;display:grid;place-items:center}
.loader-crate{position:relative;width:174px;padding:22px 12px 12px;background:color-mix(in srgb,var(--ink) 4%,var(--panel));border:1px solid color-mix(in srgb,var(--ink) 23%,transparent);box-shadow:7px 7px 0 color-mix(in srgb,var(--ink) 4%,transparent);transform:perspective(500px) rotateX(12deg) rotateZ(-4deg);overflow:hidden}
.crate-stamp{position:absolute;top:5px;left:12px;font:8px Bahnschrift,sans-serif;letter-spacing:2px;color:var(--muted)}
.crate-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.loot-cell{height:43px;position:relative;border:1px solid var(--line);background:color-mix(in srgb,var(--gold) 3%,transparent);display:grid;place-items:center;animation:stash-found 3.6s ease infinite}
.loot-cell::before,.loot-cell::after{content:"";display:block;position:absolute;background:var(--gold);opacity:.7}
.cell-ammo::before{width:5px;height:23px;border-radius:3px 3px 1px 1px;box-shadow:8px 0 var(--gold);transform:rotate(20deg)}
.cell-med{animation-delay:.35s}.cell-med::before{width:24px;height:20px;border-radius:3px;background:#a47870}.cell-med::after{width:12px;height:12px;background:#e0ded0;clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}
.cell-key{animation-delay:.7s}.cell-key::before{width:11px;height:11px;border:3px solid var(--gold);background:transparent;border-radius:50%;top:10px;left:10px}.cell-key::after{height:5px;width:17px;transform:rotate(40deg);left:20px;top:25px}
.cell-cash{animation-delay:1.05s}.cell-cash::before{width:27px;height:16px;background:#92a08b;transform:rotate(-12deg);box-shadow:0 3px 0 #53644d}.cell-cash::after{width:6px;height:18px;background:#bdc1ac;transform:rotate(-12deg)}
.cell-chip{animation-delay:1.4s}.cell-chip::before{width:20px;height:22px;background:#687b78;border:3px dashed #afae95}.cell-chip::after{width:9px;height:11px;background:#273335}
.cell-intel{animation-delay:1.75s}.cell-intel::before{width:25px;height:21px;background:#b3a077;clip-path:polygon(0 0,45% 0,52% 15%,100% 15%,100% 100%,0 100%)}
.crate-scan{position:absolute;left:0;right:0;height:28px;background:linear-gradient(transparent,#e6c9811c);border-bottom:1px solid #e6c98180;animation:stash-scan 3.6s linear infinite}
.loader-corners{position:absolute;inset:0;background:linear-gradient(var(--gold),var(--gold)) 0 0/15px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 0 0/1px 15px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 100%/15px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 100%/1px 15px no-repeat;opacity:.5}
.loader-coordinate{position:absolute;bottom:-12px;font:8px Bahnschrift,sans-serif;letter-spacing:2px;color:var(--muted)}
.loader-steps{display:flex;gap:17px;font-size:10px;color:var(--muted);margin-top:5px}.loader-steps span{padding-top:8px;border-top:2px solid var(--line)}.loader-steps .current{color:var(--gold);border-color:var(--gold)}.loader-steps .done{color:var(--ink);border-color:var(--ink)}
.market-loader.failed .crate-scan{display:none}.market-loader.failed .loot-cell{animation:none}.market-loader button{padding:8px 18px;background:var(--gold);color:var(--canvas)}
@keyframes stash-scan{from{top:-30px}to{top:100%}}
@keyframes stash-found{0%,12%,100%{opacity:.18;transform:scale(.94)}24%,82%{opacity:1;transform:scale(1);border-color:color-mix(in srgb,var(--gold) 40%,transparent)}}
@media(max-height:650px){.loot-loader-art{transform:scale(.75);height:133px}.market-loader{gap:8px}.market-loader h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){.loot-cell,.crate-scan{animation:none}.crate-scan{display:none}}

/* Trade costs belong with the transaction, before the price history. */
.purchase-detail{margin-top:15px;border:1px solid var(--line);background:var(--panel);border-radius:4px;overflow:hidden}
.purchase-detail .trade-summary{margin:0;border:0;padding:14px 16px}
.cost-materials{border-top:1px solid var(--line);padding:0 14px}
.cost-material{display:grid;grid-template-columns:38px minmax(0,1fr) auto 12px;width:100%;gap:10px;padding:11px 0;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.cost-material:last-child{border-bottom:0}.cost-material:hover{background:color-mix(in srgb,var(--gold) 5%,transparent)}
.cost-material>img{width:38px;height:38px;object-fit:contain}.cost-material>svg{width:12px;height:12px;color:var(--muted)}
.cost-material-name strong{font-size:12px;font-weight:500;line-height:1.5}.cost-material-name em{font-style:normal;color:var(--gold);white-space:nowrap}
.cost-material-name small,.cost-material-value small{display:block;font-size:10px;color:var(--muted);margin-top:4px;line-height:1.5}
.cost-material-value{text-align:right}.cost-material-value b{font:18px Bahnschrift,"Segoe UI",sans-serif;white-space:nowrap}
.purchase-source,.craft-reference{padding:10px 16px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.craft-reference{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.quote-reference{display:flex;flex-wrap:wrap;gap:8px 14px;padding-top:16px;font-size:10px;color:var(--muted)}.quote-reference b{font-weight:500;color:var(--ink)}
.detail-source{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}
.detail-source a{color:var(--accent)}
.trade-execution{margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:4px;background:linear-gradient(110deg,var(--accent-soft),transparent 70%)}
.trade-execution-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.trade-execution-heading h3{font-size:12px;font-weight:600}
.execution-state{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--muted)}.execution-state svg{width:13px;height:13px}.execution-state.ready{color:var(--accent)}.execution-state.pending{color:var(--short-ink)}
.trade-route{display:grid;grid-template-columns:minmax(0,1.15fr) 12px minmax(0,1fr) 12px minmax(0,.7fr);align-items:center;gap:9px}
.route-step{display:flex;align-items:center;gap:8px;min-width:0}.route-step>span:last-child{min-width:0}.route-step strong{display:block;font-size:13px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.route-step small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:3px}.route-step-icon{color:var(--accent);flex:none}.route-step-icon svg{width:22px;height:22px}.route-arrow{width:12px;height:12px;color:var(--muted)}
.trade-limit{display:flex;gap:8px;align-items:baseline;margin-top:13px;padding-top:10px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.trade-limit b{font:13px Bahnschrift,"Segoe UI",sans-serif;color:var(--ink)}
.trade-execution .condition-list{margin:10px 0 0}.execution-task{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}.execution-task .tool-line{flex:1;min-width:140px;align-items:flex-start;line-height:1.6}.execution-task input{flex:none;margin-top:3px}.execution-task .source-link{font-size:10px;color:var(--accent);white-space:nowrap;margin:9px 0 0}
.station-bulk-actions{display:flex;flex-wrap:wrap;gap:6px}.station-setting{display:flex;justify-content:space-between;gap:12px}.station-identity{display:flex;align-items:center;gap:8px;min-width:0;flex:1;cursor:pointer}.station-identity>span{line-height:1.5}.station-identity input[type=checkbox]{margin:0}.station-setting select{width:84px;min-height:34px;flex:none}.station-setting:has([data-production]:not(:checked)){border-style:dashed}.station-setting:has([data-production]:not(:checked)) .station-identity{color:var(--muted)}
.settings-backup{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;border-top:1px solid var(--line)}.settings-backup>div{display:flex;gap:6px}.settings-backup button{font-size:10px;padding:6px 8px;color:var(--muted);background:transparent}.settings-backup button:hover{color:var(--ink)}
@media(max-width:700px){.settings-backup{padding:12px 20px;gap:6px}}
@media(max-width:400px){.trade-execution{padding:12px}.trade-route{gap:6px}.route-step-icon{display:none}.route-step strong{font-size:12px}.route-step small{font-size:9px}.station-bulk-actions button{padding:5px 7px}}
.craft-timing{display:flex;flex-direction:column;align-items:flex-end;gap:3px;line-height:1.4;font-variant-numeric:tabular-nums}
.loyalty-badge{display:inline-flex;align-items:center;vertical-align:-.15em;line-height:1}.loyalty-crown{width:15px;height:15px;color:var(--accent);flex:none}.trader-level-picker{position:relative}.trader-level-picker select{width:100%}.max-loyalty-icon{display:none;position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none}.max-loyalty-icon .loyalty-crown{width:19px;height:19px}.trader-level-picker:has(option[data-max]:checked) select{color:transparent}.trader-level-picker:has(option[data-max]:checked) .max-loyalty-icon{display:inline-flex}.trader-level-picker option{color:var(--ink)}
@media(max-width:400px){.cost-material{grid-template-columns:30px minmax(0,1fr) auto;gap:7px}.cost-material>img{width:30px;height:30px}.cost-material>svg{display:none}.cost-material-name strong{font-size:11px}.cost-material-value b{font-size:16px}}