*{box-sizing:border-box}:root{--bg: #0b0b10;--panel: #121218;--card-rgb: 26 26 34;--card-solid: #1a1a22;--card: rgb(var(--card-rgb) / var(--card-alpha, 1));--card-hover: #20202a;--border: #2a2a35;--muted: #8a8a99;--text: #e6e6ec;--label: #d4af37;--label-bright: #ffd700;--cyan: #00e5ff;--red: #ef4444;--green: #10b981;--amber: #f59e0b;--purple: #a78bfa}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}body{margin:0;padding:30px;background:radial-gradient(ellipse at top,#1a1a25,#050508);color:var(--text);font-family:Inter,Hiragino Kaku Gothic Pro,Yu Gothic,sans-serif;min-height:100vh}::selection{background:#00e5ff8c;color:#001015;text-shadow:none}::-moz-selection{background:#00e5ff8c;color:#001015;text-shadow:none}h1{text-align:center;color:var(--label-bright);font-size:38px;margin:0 0 8px;letter-spacing:2px;font-weight:700}.app-title{display:flex;align-items:center;justify-content:center;gap:20px;margin:4px 0 10px}.app-title-logo{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,229,255,.55))}.app-title-text{background:linear-gradient(135deg,#d4af37,gold,#d4af37);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;letter-spacing:4px}.subtitle{text-align:center;color:#888;font-size:12px;margin-bottom:30px}.preview-wrap{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;align-items:flex-start}.device-label{color:var(--label);font-size:13px;text-align:center;margin-bottom:18px;letter-spacing:1px}.illumination{position:relative;border-radius:24px;padding:6px;background:#000}.illumination:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:28px;padding:4px;background:conic-gradient(from var(--angle),#ff00aa 0%,#00e5ff 20%,#ffd700 40%,#10b981 60%,#a78bfa 80%,#ff00aa 100%);filter:blur(10px);opacity:.85;z-index:-1;animation:rotate-angle 6s linear infinite}.illumination:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:2px;background:conic-gradient(from var(--angle),#ff00aa,#00e5ff,#ffd700,#10b981,#a78bfa,#ff00aa);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotate-angle 6s linear infinite;pointer-events:none}@keyframes rotate-angle{to{--angle: 360deg}}.frame-inner{background:var(--bg);border-radius:18px;overflow:hidden;position:relative}.num{font-family:var( --num-font, "DSEG7 Classic", "DSEG7Classic", "JetBrains Mono", "Share Tech Mono", monospace );font-weight:700}.mono{font-family:JetBrains Mono,Geist Mono,Share Tech Mono,monospace;font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 50%);pointer-events:none}.card-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.card .num{color:var(--card-num-color, var(--cyan));text-shadow:var(--card-num-shadow, 0 0 8px rgba(0, 229, 255, .4))}.card .mono{color:var(--card-num-color, var(--cyan))}.card.rb{border-color:color-mix(in srgb,var(--rb-color, #f97316) 30%,transparent);background-color:var(--card);background-image:linear-gradient(135deg,color-mix(in srgb,var(--rb-color, #f97316) 12%,transparent),transparent 55%)}.card.rb .num{color:var(--rb-color, #f97316);text-shadow:0 0 8px color-mix(in srgb,var(--rb-color, #f97316) 50%,transparent)}.card.bb{border-color:color-mix(in srgb,var(--bb-color, #eab308) 30%,transparent);background-color:var(--card);background-image:linear-gradient(135deg,color-mix(in srgb,var(--bb-color, #eab308) 12%,transparent),transparent 55%)}.card.bb .num{color:var(--bb-color, #eab308);text-shadow:0 0 8px color-mix(in srgb,var(--bb-color, #eab308) 50%,transparent)}.card.art{border-color:color-mix(in srgb,var(--art-color, #22c55e) 30%,transparent);background-color:var(--card);background-image:linear-gradient(135deg,color-mix(in srgb,var(--art-color, #22c55e) 12%,transparent),transparent 55%)}.card.art .num{color:var(--art-color, #22c55e);text-shadow:0 0 8px color-mix(in srgb,var(--art-color, #22c55e) 50%,transparent)}.card.sbb{border-color:color-mix(in srgb,var(--sbb-color, #a855f7) 30%,transparent);background-color:var(--card);background-image:linear-gradient(135deg,color-mix(in srgb,var(--sbb-color, #a855f7) 12%,transparent),transparent 55%)}.card.sbb .num{color:var(--sbb-color, #a855f7);text-shadow:0 0 8px color-mix(in srgb,var(--sbb-color, #a855f7) 50%,transparent)}.card.positive{border-color:#00e5ff73;background-color:var(--card);background-image:linear-gradient(135deg,rgba(0,229,255,.14),transparent 55%)}.card.positive .num{color:var(--card-num-color, #ffffff);text-shadow:0 0 14px rgba(0,229,255,.9),0 0 28px rgba(0,229,255,.5),0 0 42px rgba(255,215,0,.25)}.card.negative{border-color:#ef444473;background-color:var(--card);background-image:linear-gradient(135deg,rgba(239,68,68,.14),transparent 55%)}.card.negative .num{color:var(--card-num-color, #ffffff);text-shadow:0 0 14px rgba(239,68,68,.9),0 0 28px rgba(239,68,68,.5),0 0 42px rgba(255,100,100,.25)}@keyframes diff-bump-up{0%{transform:scale(1);text-shadow:0 0 14px rgba(0,229,255,.9),0 0 28px rgba(0,229,255,.5)}35%{transform:scale(1.3);text-shadow:0 0 24px rgba(34,197,94,1),0 0 48px rgba(34,197,94,.8),0 0 70px rgba(34,197,94,.4)}to{transform:scale(1);text-shadow:0 0 14px rgba(0,229,255,.9),0 0 28px rgba(0,229,255,.5)}}@keyframes diff-bump-down{0%{transform:scale(1);text-shadow:0 0 14px rgba(239,68,68,.9),0 0 28px rgba(239,68,68,.5)}35%{transform:scale(.7);text-shadow:0 0 24px rgba(239,68,68,1),0 0 48px rgba(239,68,68,.8),0 0 70px rgba(239,68,68,.4)}to{transform:scale(1);text-shadow:0 0 14px rgba(239,68,68,.9),0 0 28px rgba(239,68,68,.5)}}.diff-num{display:inline-block;position:relative;transform-origin:center center;transition:color .2s}.diff-num.diff-bump-up{animation:diff-bump-up .5s ease-out}.diff-num.diff-bump-down{animation:diff-bump-down .5s ease-out}html.num-hollow .num{-webkit-text-fill-color:transparent;-webkit-text-stroke-color:currentColor;-webkit-text-stroke-width:2px;text-shadow:0 0 10px currentColor,0 0 20px color-mix(in oklab,currentColor 70%,transparent)}html.num-hollow .diff-num,html.num-hollow .big-num{-webkit-text-stroke-width:3px}html.num-hollow .card.positive .num{-webkit-text-stroke-color:var(--cyan);text-shadow:0 0 12px var(--cyan),0 0 24px rgba(0,229,255,.5)}html.num-hollow .card.negative .num{-webkit-text-stroke-color:#ef4444;text-shadow:0 0 12px #ef4444,0 0 24px rgba(239,68,68,.5)}@keyframes bonus-pulse-bb{0%,to{box-shadow:0 0 10px #eab30873,inset 0 0 12px #eab30814;border-color:#eab30880}50%{box-shadow:0 0 24px #eab308f2,inset 0 0 18px #eab3082e;border-color:#eab308}}@keyframes bonus-pulse-rb{0%,to{box-shadow:0 0 10px #f9731673,inset 0 0 12px #f9731614;border-color:#f9731680}50%{box-shadow:0 0 24px #f97316f2,inset 0 0 18px #f973162e;border-color:#f97316}}@keyframes bonus-pulse-art{0%,to{box-shadow:0 0 10px #22c55e73,inset 0 0 12px #22c55e14;border-color:#22c55e80}50%{box-shadow:0 0 24px #22c55ef2,inset 0 0 18px #22c55e2e;border-color:#22c55e}}@keyframes bonus-pulse-sbb{0%,to{box-shadow:0 0 10px #a855f773,inset 0 0 12px #a855f714;border-color:#a855f780}50%{box-shadow:0 0 24px #a855f7f2,inset 0 0 18px #a855f72e;border-color:#a855f7}}@keyframes card-shimmer{0%{transform:translate(-120%) skew(-18deg)}to{transform:translate(220%) skew(-18deg)}}.card.is-active{position:relative;overflow:hidden}.card.is-active:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:card-shimmer 2.2s ease-in-out infinite;pointer-events:none;z-index:2}.card.bb.is-active{animation:bonus-pulse-bb 1.1s ease-in-out infinite}.card.rb.is-active{animation:bonus-pulse-rb 1.1s ease-in-out infinite}.card.art.is-active{animation:bonus-pulse-art 1.1s ease-in-out infinite}.card.sbb.is-active{animation:bonus-pulse-sbb 1.1s ease-in-out infinite}html.cards-transparent .card{background-color:transparent!important;background-image:none!important;border-color:transparent}html.cards-transparent .card.rb,html.cards-transparent .card.bb,html.cards-transparent .card.art,html.cards-transparent .card.sbb,html.cards-transparent .card.positive,html.cards-transparent .card.negative{background-image:none!important}html.cards-transparent .card:before{display:none}html.cards-transparent .card.payout,html.cards-transparent .card.prob{background:transparent!important}.pc-frame-outer{width:1292px}.pc-frame{width:1280px;height:720px;display:grid;grid-template-rows:60px 1fr;grid-template-columns:1fr}.header{display:grid;grid-template-columns:minmax(0,auto) minmax(min-content,1fr) auto;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);gap:16px;background:linear-gradient(180deg,var(--panel),var(--bg))}.logo-area{display:flex;align-items:center;gap:12px;min-width:0}.logo{width:52px;height:52px;border-radius:10px;background:#0000004d;border:1px solid rgba(0,229,255,.3);display:flex;align-items:center;justify-content:center;padding:4px;box-shadow:0 0 14px #00e5ff33}.logo-menu-btn{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s}.logo-menu-btn:hover{border-color:#00e5ffcc;box-shadow:0 0 20px #00e5ff80}.logo-menu-btn:active{transform:scale(.95)}.logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 4px rgba(0,229,255,.5))}.title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.machine-name{color:var(--text);font-weight:600;font-size:15px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.machine-sub{color:var(--muted);font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.center-status{text-align:center;display:flex;justify-content:center;align-items:center;gap:12px;min-width:0;overflow:hidden}.rush-name{color:var(--cyan);font-size:20px;font-weight:700;letter-spacing:3px;text-shadow:0 0 12px rgba(0,229,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:540px}.mobile-landscape-frame .rush-name{max-width:240px;font-size:14px;letter-spacing:1.5px}.bonus-badge{display:inline-block;color:#fff;font-size:11px;padding:4px 10px;border-radius:4px;font-weight:700;letter-spacing:1px}.bonus-badge-art{background:linear-gradient(135deg,#16a34a,#14532d);box-shadow:0 0 10px #22c55e80}.bonus-badge-bb{background:linear-gradient(135deg,#ca8a04,#713f12);box-shadow:0 0 10px #eab30880}.bonus-badge-rb{background:linear-gradient(135deg,#ea580c,#7c2d12);box-shadow:0 0 10px #f9731680}.bonus-badge-sbb{background:linear-gradient(135deg,#9333ea,#581c87);box-shadow:0 0 10px #a855f780}.renchan-badge{display:inline-flex;align-items:baseline;gap:4px;background:linear-gradient(135deg,#ffd70040,#d4af371f);border:1px solid rgba(255,215,0,.6);color:#fde047;font-size:13px;font-weight:700;letter-spacing:1px;padding:3px 10px;border-radius:4px;box-shadow:0 0 10px #ffd70059;font-family:JetBrains Mono,monospace}.renchan-longest{color:#fde047a6;font-size:10px;font-weight:500;letter-spacing:.3px}.mobile-frame .renchan-badge{font-size:11px;padding:2px 6px}.right-area .renchan-badge{margin-right:4px}.mobile-landscape-frame .renchan-badge{font-size:12px;padding:3px 8px}.right-area{display:flex;gap:14px;align-items:center}.leds{display:flex;gap:6px}.led{width:12px;height:12px;border-radius:50%;background:#0a0a10;border:1px solid #2a2a35;position:relative}.leds .led:nth-child(1){background:#92400e26;border-color:#92400e80}.leds .led:nth-child(2){background:#ef444426;border-color:#ef444480}.leds .led:nth-child(3){background:#f9731626;border-color:#f9731680}.leds .led:nth-child(4){background:#eab30826;border-color:#eab30880}.leds .led:nth-child(5){background:#22c55e26;border-color:#22c55e80}.leds .led:nth-child(6){background:#3b82f626;border-color:#3b82f680}.leds .led:nth-child(7){background:#a855f726;border-color:#a855f780}.leds .led:nth-child(8){background:#ec489926;border-color:#ec489980}.leds .led:nth-child(1).on{background:#92400e;box-shadow:0 0 8px #d97706,inset 0 0 4px #ffc87880;border-color:#92400e}.leds .led:nth-child(2).on{background:#ef4444;box-shadow:0 0 10px #ef4444,inset 0 0 4px #ffffffb3;border-color:#ef4444}.leds .led:nth-child(3).on{background:#f97316;box-shadow:0 0 10px #f97316,inset 0 0 4px #ffffffb3;border-color:#f97316}.leds .led:nth-child(4).on{background:#eab308;box-shadow:0 0 10px #eab308,inset 0 0 4px #ffffffb3;border-color:#eab308}.leds .led:nth-child(5).on{background:#22c55e;box-shadow:0 0 10px #22c55e,inset 0 0 4px #ffffffb3;border-color:#22c55e}.leds .led:nth-child(6).on{background:#3b82f6;box-shadow:0 0 10px #3b82f6,inset 0 0 4px #ffffffb3;border-color:#3b82f6}.leds .led:nth-child(7).on{background:#a855f7;box-shadow:0 0 10px #a855f7,inset 0 0 4px #ffffffb3;border-color:#a855f7}.leds .led:nth-child(8).on{background:#ec4899;box-shadow:0 0 10px #ec4899,inset 0 0 4px #ffffffb3;border-color:#ec4899}.bridge-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#0a0a10;border:1px solid #2a2a35;transition:background-color .3s,box-shadow .3s,border-color .3s}.bridge-indicator-connected{background:#22c55e;border-color:#22c55e;box-shadow:0 0 10px #22c55e,inset 0 0 4px #ffffffb3}.content{padding:12px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.mobile-frame-outer{width:372px}.mobile-frame{width:360px;height:720px;display:grid;grid-template-rows:52px 1fr 22px}.mobile-landscape-frame-outer{width:732px}.mobile-landscape-frame{width:720px;height:360px;display:grid;grid-template-rows:52px 1fr}.mobile-landscape-frame .header{padding:0 12px;gap:10px}.mobile-landscape-frame .logo{width:40px;height:40px;border-radius:8px;padding:3px}.mobile-landscape-frame .machine-name{font-size:13px}.mobile-landscape-frame .machine-sub{font-size:9px}.mobile-landscape-frame .leds{gap:5px}.mobile-landscape-frame .led{width:10px;height:10px}.ml-content{padding:0;overflow:hidden;flex:1;min-height:0}.mobile-frame .header{padding:0 10px;gap:8px}.mobile-frame .logo{width:40px;height:40px;border-radius:8px;padding:3px}.mobile-frame .machine-name{font-size:12px}.mobile-frame .machine-sub{font-size:8px}.mobile-frame .rush-name{font-size:13px;letter-spacing:1.5px}.mobile-frame .bonus-badge{font-size:9px;padding:2px 6px}.mobile-frame .led{width:9px;height:9px}.mobile-frame .leds{gap:4px}.mobile-frame .right-area{gap:6px}.m1-content{padding:9px;display:flex;flex-direction:column;gap:6px;overflow:hidden;flex:1;min-height:0}.m2-content{padding:9px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.m2-diff.card{align-items:center;justify-content:center;padding:10px;min-height:110px}.m2-diff .card-label{font-size:12px;letter-spacing:3px;margin-bottom:2px}.m2-diff .diff-num{font-size:66px;line-height:1;letter-spacing:2px}.m2-five{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.m2-five .card{align-items:center;padding:6px 4px;gap:2px}.m2-five .card-label{font-size:9px}.m2-five .num{font-size:17px}.m2-slump.card{padding:8px 10px;min-height:150px;flex:1}.m2-bar.card{padding:8px 10px;min-height:200px;flex:1.1}.indicator{display:flex;justify-content:center;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:#333}.dot.active{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.eq-graph{display:flex;align-items:flex-end;width:100%;height:100%;padding:0 2px;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.eq-graph::-webkit-scrollbar{display:none}.eq-bar-wrap{flex:1 0 24px;min-width:24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.eq-value{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:10px;color:var(--label-bright);font-weight:600;margin-top:4px;text-shadow:0 0 4px rgba(255,215,0,.3);letter-spacing:-.3px;line-height:1;white-space:nowrap}.eq-col{position:relative;width:100%;max-width:18px;background:#00e5ff0f;border-radius:2px;overflow:hidden}.eq-col:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(to top,transparent 0 9px,rgba(255,255,255,.1) 9px 10px)}.eq-bar-empty .eq-col{background:#00e5ff06;opacity:.6}.eq-col-lit{position:absolute;bottom:0;left:0;right:0;background-image:linear-gradient(to top,#0891b2,#00bcd4 35%,#00e5ff 65%,gold);background-size:100% var(--full-height, 120px);background-position:bottom;background-repeat:no-repeat;filter:drop-shadow(0 0 3px rgba(0,229,255,.5));border-radius:1px 1px 0 0}.eq-type{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:10px;font-weight:800;letter-spacing:0;line-height:1;margin-top:2px;padding:1px 4px;border-radius:3px;white-space:nowrap;min-width:14px;text-align:center}.eq-type.bb{color:var(--bb-color, #eab308);background:color-mix(in srgb,var(--bb-color, #eab308) 15%,transparent);border:1px solid color-mix(in srgb,var(--bb-color, #eab308) 30%,transparent)}.eq-type.rb{color:var(--rb-color, #f97316);background:color-mix(in srgb,var(--rb-color, #f97316) 15%,transparent);border:1px solid color-mix(in srgb,var(--rb-color, #f97316) 30%,transparent)}.eq-type.art{color:var(--art-color, #22c55e);background:color-mix(in srgb,var(--art-color, #22c55e) 15%,transparent);border:1px solid color-mix(in srgb,var(--art-color, #22c55e) 30%,transparent)}.eq-type.sbb{color:var(--sbb-color, #a855f7);background:color-mix(in srgb,var(--sbb-color, #a855f7) 15%,transparent);border:1px solid color-mix(in srgb,var(--sbb-color, #a855f7) 30%,transparent)}.eq-bar-wrap.during-art .eq-col{background:color-mix(in srgb,var(--art-color, #22c55e) 13%,transparent);outline:1px solid color-mix(in srgb,var(--art-color, #22c55e) 22%,transparent);outline-offset:-1px}.eq-type.during-art{position:relative;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.35);border-color:transparent;overflow:visible}.eq-type.during-art:before{content:"";position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--art-color, #22c55e);box-shadow:0 0 4px color-mix(in srgb,var(--art-color, #22c55e) 80%,transparent);pointer-events:none}.eq-type.bb.during-art{background:var(--bb-color, #eab308)}.eq-type.rb.during-art{background:var(--rb-color, #f97316)}.eq-type.sbb.during-art{background:var(--sbb-color, #a855f7)}.eq-type-placeholder{color:transparent;background:transparent;border:1px solid transparent;pointer-events:none;-webkit-user-select:none;user-select:none}.dashboard-content{padding:0;overflow:hidden;height:100%;position:relative}.dashboard-wrapper{position:relative;width:100%;height:100%}.dashboard-wrapper.is-editing{touch-action:none;overscroll-behavior:contain}.dashboard-grid{position:relative}.dashboard-cell{position:relative;width:100%;height:100%;container-type:size;container-name:card}.dashboard-cell>.dashboard-cell-content{width:100%;height:100%;display:flex}.dashboard-cell .card{width:100%;height:100%;margin:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(3px,5cqmin,14px) clamp(4px,6cqmin,16px);gap:clamp(1px,2cqmin,6px)}.dashboard-cell .card-label{font-size:clamp(7px,20cqh,15px);letter-spacing:.5px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.dashboard-cell .card .num{font-size:clamp(14px,min(22cqw,45cqh),52px);line-height:1}.dashboard-cell .prob-card .num{font-size:clamp(11px,min(18cqw,45cqh),36px);line-height:1}.dashboard-cell .dashboard-diff-card .diff-num{font-size:clamp(28px,min(22cqw,55cqh),120px);line-height:1}.dashboard-cell .dashboard-big-card .big-num{font-size:clamp(14px,min(32cqw,55cqh),64px);line-height:1}.dashboard-cell .dashboard-graph-card{align-items:stretch;justify-content:flex-start}.dashboard-cell .dashboard-graph-card .card-title{font-size:clamp(9px,8cqh,14px);color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:clamp(2px,2cqh,8px)}.dashboard-cell .dashboard-graph-card svg{width:100%;height:100%}.slump-graph-wrap{position:relative;width:100%;flex:1;min-height:0;line-height:0;touch-action:pan-y;cursor:crosshair}.slump-graph-wrap svg{display:block;width:100%;height:100%}.slump-tooltip{background:#0a0e18f5;border:1px solid rgba(0,229,255,.55);box-shadow:0 0 18px #00e5ff47,0 4px 14px #0009;border-radius:6px;padding:7px 12px 7px 11px;font-size:11px;line-height:1.45;white-space:nowrap;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}.slump-tooltip-primary{color:var(--gold-bright, #ffd700);font-weight:700;font-size:12px;letter-spacing:.5px;margin-right:18px;margin-bottom:4px}.slump-tooltip-primary-value{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:16px;font-weight:800;margin:0 2px;text-shadow:0 0 6px rgba(255,215,0,.45)}.slump-tooltip-primary-unit{font-size:11px;margin-left:1px;opacity:.8}.slump-tooltip-row{display:flex;gap:10px;align-items:baseline;font-size:10.5px}.slump-tooltip-label{color:#888;min-width:28px;letter-spacing:.5px}.slump-tooltip-value{color:#e5e5ec;font-family:JetBrains Mono,Share Tech Mono,monospace;font-weight:600}.slump-tooltip-value.is-plus{color:#5eead4}.slump-tooltip-value.is-minus{color:#fca5a5}.slump-tooltip-close{position:absolute;top:2px;right:4px;width:16px;height:16px;padding:0;background:transparent;border:none;color:#888;font-size:14px;line-height:1;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;pointer-events:auto}.slump-tooltip-close:hover{color:#e5e5ec;background:#ffffff14}.dashboard-grid.editing .dashboard-cell{cursor:grab}.dashboard-grid.editing .dashboard-cell .card{outline:2px dashed rgba(0,229,255,.45);outline-offset:-2px}.dashboard-grid.editing .react-grid-item{touch-action:none;-webkit-user-select:none;user-select:none}.dashboard-grid.editing .react-grid-item.react-draggable-dragging,.dashboard-grid.editing .react-grid-item.react-draggable-dragging .dashboard-cell{cursor:grabbing!important}.card-close-button{position:absolute;top:2px;right:2px;width:32px;height:28px;z-index:11;background:#ef44444d;border:1px solid rgba(239,68,68,.6);border-radius:4px;color:#fca5a5;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;touch-action:none}.card-close-button:hover{background:#ef444499;color:#fff}.dashboard-grid.editing .react-resizable-handle{width:28px!important;height:28px!important;background:none!important;padding:0!important;touch-action:none}.dashboard-grid.editing .react-resizable-handle-se{bottom:0!important;right:0!important}.dashboard-grid.editing .react-resizable-handle-sw{bottom:0!important;left:0!important;right:auto!important}.dashboard-grid.editing .react-resizable-handle-nw{top:0!important;left:0!important;right:auto!important;bottom:auto!important}.dashboard-grid.editing .react-resizable-handle:after{position:absolute;color:var(--cyan);font-size:18px;font-weight:700;background:#121218d9;border:1px solid rgba(0,229,255,.6);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.dashboard-grid.editing .react-resizable-handle-se:after{content:"⤡";bottom:2px;right:2px}.dashboard-grid.editing .react-resizable-handle-sw:after{content:"⤢";bottom:2px;left:2px}.dashboard-grid.editing .react-resizable-handle-nw:after{content:"⤡";top:2px;left:2px}.mobile-dashboard .dashboard-grid.editing .react-resizable-handle{width:44px!important;height:44px!important}.mobile-dashboard .dashboard-grid.editing .react-resizable-handle:after{width:40px;height:40px;font-size:22px}.mobile-dashboard .card-close-button{width:40px;height:32px;font-size:18px}.dashboard-grid .react-grid-placeholder{background:#00e5ff33!important;border:2px dashed rgba(0,229,255,.6)!important;border-radius:8px!important;opacity:.6}.view-stack{display:flex;flex-direction:column;gap:10px}.view-stack-pc{width:1292px;zoom:var(--view-scale, 1)}.view-stack-mobile{width:372px;zoom:var(--view-scale, 1)}.view-stack-mobile-landscape{width:732px;zoom:var(--view-scale, 1)}.app-mode{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:10000}.app-mode .device-label{display:none}body:has(.app-mode) .machine-selector-pill,body:has(.app-mode) .session-pill,body:has(.app-mode) .log-pill,body:has(.app-mode) .theme-pill,body:has(.app-mode) .manual-pill{display:none!important}.app-mode .view-stack-pc,.app-mode .view-stack-mobile,.app-mode .view-stack-mobile-landscape{zoom:var(--app-scale, 1)}.app-mode-mobile,.app-mode-mobileLandscape{padding:8px}.app-mode-mobile .view-stack-mobile,.app-mode-mobileLandscape .view-stack-mobile-landscape{zoom:1;width:100%;height:100%;display:flex;flex-direction:column}.app-mode-mobile .view-stack-mobile>div,.app-mode-mobileLandscape .view-stack-mobile-landscape>div{flex:1;min-height:0;display:flex;flex-direction:column}.app-mode-mobile .mobile-frame-outer,.app-mode-mobileLandscape .mobile-landscape-frame-outer{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.app-mode-mobile .mobile-frame-outer>.frame-inner,.app-mode-mobileLandscape .mobile-landscape-frame-outer>.frame-inner{flex:1;min-height:0;display:flex;flex-direction:column}.app-mode-mobile .mobile-frame,.app-mode-mobileLandscape .mobile-landscape-frame{width:100%;height:100%}.app-mode-mobile .mobile-frame{grid-template-rows:clamp(44px,7.5%,68px) 1fr clamp(0px,3%,24px)}.app-mode-mobileLandscape .mobile-landscape-frame{grid-template-rows:clamp(40px,12%,60px) 1fr}.app-mode-mobile .header,.app-mode-mobileLandscape .header{container-type:size;container-name:app-header;padding:0 clamp(8px,1.8cqi,18px);gap:clamp(6px,1.8cqi,16px)}.app-mode-mobile .header .logo,.app-mode-mobileLandscape .header .logo{width:clamp(32px,75cqh,56px);height:clamp(32px,75cqh,56px)}.app-mode-mobile .header .machine-name,.app-mode-mobileLandscape .header .machine-name{font-size:clamp(12px,24cqh,18px)}.app-mode-mobile .header .machine-sub,.app-mode-mobileLandscape .header .machine-sub{font-size:clamp(8px,16cqh,12px)}.app-mode-mobile .header .rush-name,.app-mode-mobileLandscape .header .rush-name{font-size:clamp(13px,28cqh,22px)}.app-mode-mobile .header .bonus-badge,.app-mode-mobileLandscape .header .bonus-badge{font-size:clamp(9px,18cqh,13px);padding:clamp(1px,4cqh,4px) clamp(4px,12cqh,10px)}.app-mode-mobile .header .led,.app-mode-mobileLandscape .header .led{width:clamp(8px,18cqh,14px);height:clamp(8px,18cqh,14px)}.app-mode-mobile .header .leds,.app-mode-mobileLandscape .header .leds{gap:clamp(3px,8cqh,7px)}.app-mode-mobileLandscape .prob-card .card-label{display:none}.app-mode-mobileLandscape .prob-card{justify-content:center}.app-mode-exit{position:fixed;top:10px;right:10px;padding:6px 12px;background:#121218e6;border:1px solid rgba(0,229,255,.5);border-radius:8px;color:var(--cyan);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.5px;cursor:pointer;z-index:10001;transition:border-color .15s,background .15s}.app-mode-exit:hover{border-color:#00e5ffe6;background:#101e28f2}.preview-actions{display:flex;justify-content:center;margin-bottom:20px}.app-mode-enter-btn{padding:8px 18px;background:linear-gradient(135deg,#00e5ff26,#00e5ff0d);border:1px solid rgba(0,229,255,.5);border-radius:8px;color:var(--cyan);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:border-color .15s,background .15s}.app-mode-enter-btn:hover{border-color:#00e5ffe6;background:linear-gradient(135deg,#00e5ff4d,#00e5ff1a)}.dashboard-edit-footer{width:100%;background:#121218f7;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 20px #00000080;max-height:40vh;overflow-y:auto}.dashboard-edit-footer.floating{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:auto;max-width:680px;margin:0 auto;z-index:20000;transition:transform .18s ease,opacity .18s ease}.dashboard-edit-footer.floating .edit-footer-hint{display:none}.dashboard-edit-footer.floating .edit-footer-header{flex-wrap:nowrap;gap:6px;padding:6px 8px;overflow-x:auto;justify-content:center}.dashboard-edit-footer.floating .edit-footer-toggle,.dashboard-edit-footer.floating .edit-footer-reset,.dashboard-edit-footer.floating .edit-footer-done,.dashboard-edit-footer.floating .edit-footer-export{flex-shrink:0;padding:5px 9px;white-space:nowrap}body:has(.react-draggable-dragging) .dashboard-edit-footer.floating,body:has(.react-resizable-handle:active) .dashboard-edit-footer.floating{transform:translateY(calc(100% + 20px));opacity:0;pointer-events:none}.edit-footer-header{display:flex;align-items:center;gap:8px;padding:8px 12px;flex-wrap:wrap}.edit-footer-toggle{padding:4px 10px;background:#00e5ff1a;border:1px solid rgba(0,229,255,.4);border-radius:4px;color:var(--cyan);font-family:inherit;font-size:11px;cursor:pointer}.edit-footer-hint{flex:1;min-width:0;color:var(--muted);font-size:10px;letter-spacing:.3px}.edit-footer-reset,.edit-footer-done,.edit-footer-export{padding:6px 12px;border-radius:4px;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;border:1px solid}.edit-footer-export{background:#3b82f626;border-color:#3b82f680;color:#93c5fd}.edit-footer-export:hover{background:#3b82f64d}.edit-footer-reset{background:#f59e0b26;border-color:#f59e0b80;color:#fcd34d}.edit-footer-reset:hover{background:#f59e0b4d}.edit-footer-done{background:linear-gradient(135deg,#22c55e40,#22c55e14);border-color:#22c55eb3;color:#86efac}.edit-footer-done:hover{background:linear-gradient(135deg,#22c55e66,#22c55e26)}.edit-footer-body{padding:8px 12px 12px}.edit-footer-empty{color:var(--muted);font-size:10px;font-style:italic;text-align:center;padding:4px 0}.edit-footer-hidden-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.edit-footer-label{color:var(--label);font-size:10px;letter-spacing:.5px;margin-right:4px}.edit-hidden-chip{padding:6px 10px;background:var(--card);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;min-height:32px;transition:background .15s,border-color .15s}.edit-hidden-chip:hover{background:var(--card-hover)}.edit-hidden-chip.variant-art{color:#22c55e;border-color:#22c55e66}.edit-hidden-chip.variant-bb{color:#eab308;border-color:#eab30866}.edit-hidden-chip.variant-rb{color:#f97316;border-color:#f9731666}.edit-hidden-chip.variant-sbb{color:#a855f7;border-color:#a855f766}@media (max-width: 1700px){.preview-wrap{gap:28px}}@media (max-width: 1300px){.preview-wrap{gap:20px}body{padding:20px}}@media (max-width: 1000px){.preview-wrap{gap:16px}body{padding:16px 10px}h1{font-size:28px;letter-spacing:1px}.app-title-logo{width:64px;height:64px}.subtitle{font-size:11px;margin-bottom:20px}}@media (max-width: 760px){body{padding:10px 6px}h1{font-size:22px;margin-top:6px}.app-title{gap:14px}.app-title-logo{width:52px;height:52px}.subtitle{font-size:10px;margin-bottom:14px}.preview-wrap{gap:12px}}@media (max-width: 540px){h1{font-size:18px}.app-title-logo{width:42px;height:42px}}@media (max-width: 540px){.preview-wrap{gap:8px}}.sim-container{max-width:1280px;margin:30px auto 0;padding:18px 22px;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text)}.sim-title{font-size:13px;color:var(--label);letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.sim-subtitle{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:14px;letter-spacing:.3px}.sim-subtitle strong{color:var(--cyan);font-weight:600}.sim-pins{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.sim-pin{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;background:var(--card);border:1px solid var(--border);border-radius:8px}.sim-pin-dot{width:16px;height:16px;border-radius:50%;border:1.5px solid;transition:background .08s ease,box-shadow .08s ease}.sim-pin-label{display:flex;flex-direction:column;align-items:center;gap:1px}.sim-pin-number{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:10px;color:var(--muted)}.sim-pin-role{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--cyan);min-height:12px}.sim-pin-buttons{display:flex;flex-direction:column;gap:4px;width:100%}.sim-btn{padding:5px 6px;border-radius:6px;border:1px solid var(--border);background:var(--card-hover);color:var(--text);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;letter-spacing:.5px;transition:background .15s,border-color .15s,color .15s}.sim-btn:hover{background:#2a2a35}.sim-btn-pulse{border-color:#00e5ff59;color:var(--cyan)}.sim-btn-pulse:active{background:#00e5ff26}.sim-btn-bonus{border-color:#ffd70080;color:var(--label-bright);background:linear-gradient(135deg,#ffd7001a,#ffd70008)}.sim-btn-bonus:hover{background:linear-gradient(135deg,#ffd70033,#ffd70014);border-color:#ffd700b3}.sim-btn-pulse.is-on{border-color:#ef444499;color:#fca5a5;background:linear-gradient(135deg,#ef444433,#ef444414);box-shadow:0 0 10px #ef44444d}.sim-btn-pulse.is-on:hover{background:linear-gradient(135deg,#ef44444d,#ef44441f);border-color:#ef4444cc}.sim-btn-hold{border-color:var(--border);color:var(--muted)}.sim-btn-hold.on{background:linear-gradient(135deg,#00e5ff33,#00e5ff0d);border-color:#00e5ff80;color:var(--cyan);box-shadow:0 0 8px #00e5ff4d}.sim-manual-row{display:flex;align-items:center;gap:10px;margin-top:12px;padding:8px 10px;background:#12121880;border:1px solid rgba(136,136,153,.25);border-radius:6px;flex-wrap:wrap}.sim-manual-label{color:var(--muted);font-size:11px;letter-spacing:.5px}.sim-btn-manual{padding:6px 14px;font-size:12px;font-weight:600;letter-spacing:.5px;border:1px solid;border-radius:6px;cursor:pointer;background:transparent;font-family:inherit;transition:background .15s,box-shadow .15s}.sim-btn-bb{color:#eab308;border-color:#eab30880}.sim-btn-bb:hover{background:#eab30826}.sim-btn-bb.is-on{background:#eab30840;box-shadow:0 0 10px #eab30899;color:#fde047}.sim-btn-sbb{color:#a855f7;border-color:#a855f780}.sim-btn-sbb:hover{background:#a855f726}.sim-btn-sbb.is-on{background:#a855f740;box-shadow:0 0 10px #a855f799;color:#d8b4fe}.sim-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px}.sim-btn-reset{padding:8px 16px;font-size:12px;border-color:#ef444466;color:#f87171}.sim-btn-reset:hover{background:#ef44441a;border-color:#ef4444b3}.sim-hint{font-size:11px;color:var(--muted);letter-spacing:.3px}@media (max-width: 900px){.sim-container{margin-left:10px;margin-right:10px;padding:14px}}@media (max-width: 700px){.sim-pins{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.sim-pins{grid-template-columns:repeat(3,1fr);gap:6px}.sim-pin{padding:6px 4px}.sim-btn{font-size:10px;padding:4px}.sim-footer{flex-direction:column;align-items:stretch;gap:6px}.sim-hint{text-align:center}}.machine-selector-pill{position:fixed;top:10px;left:10px;padding:6px 14px;display:flex;align-items:center;gap:8px;background:#121218e6;border:1px solid rgba(212,175,55,.5);border-radius:8px;color:var(--text);font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:11px;letter-spacing:.5px;cursor:pointer;z-index:1000;transition:border-color .15s,background .15s}.machine-selector-pill:hover{border-color:#d4af37;background:#282314f2}.machine-selector-label{color:var(--label);font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.machine-selector-name{color:var(--cyan);font-weight:700;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.machine-selector-caret{color:var(--muted);font-size:8px}.machine-selector-pill.keep-data-mode{border-color:#a78bfab3;background:linear-gradient(135deg,#281e3cf2,#14121eeb);box-shadow:0 0 12px #a78bfa59}.machine-selector-pill.keep-data-mode:hover{border-color:#c4b5fd;box-shadow:0 0 16px #a78bfa8c}.machine-selector-keep-badge{font-size:11px;line-height:1;padding:2px 6px;border-radius:999px;background:#a78bfa40;border:1px solid rgba(167,139,250,.6);color:#ddd6fe;letter-spacing:0;animation:keep-data-pulse 2.4s ease-in-out infinite}@keyframes keep-data-pulse{0%,to{box-shadow:0 0 #a78bfa00}50%{box-shadow:0 0 8px #a78bfa80}}.machine-modal-saved-row.is-in-use .machine-modal-saved-main{border-color:#a78bfab3;background:linear-gradient(135deg,#a78bfa1f,#a78bfa05);box-shadow:inset 0 0 0 1px #a78bfa4d}.machine-modal-saved-row.is-in-use.is-favorite .machine-modal-saved-main{border-color:#a78bfacc}.switch-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:11500;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.switch-confirm-dialog{width:min(440px,100%);background:#14121cfa;border:1px solid rgba(245,158,11,.6);border-radius:12px;padding:22px 24px;color:var(--text);box-shadow:0 10px 50px #000000d9,0 0 24px #f59e0b2e;font-family:JetBrains Mono,Share Tech Mono,monospace}.switch-confirm-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(245,158,11,.25)}.switch-confirm-icon{font-size:22px;line-height:1}.switch-confirm-title{font-size:15px;font-weight:700;color:#fcd34d;letter-spacing:1.5px}.switch-confirm-body{font-size:13px;line-height:1.65;color:var(--text);margin-bottom:18px}.switch-confirm-body p{margin:0 0 10px}.switch-confirm-target{margin-top:12px!important;padding:8px 12px;background:#00e5ff0f;border-left:3px solid var(--cyan);border-radius:4px;font-size:12px;color:var(--muted)}.switch-confirm-target strong{color:var(--cyan);margin-left:4px}.switch-confirm-actions{display:flex;flex-direction:column;gap:8px}.switch-confirm-btn{padding:11px 14px;border-radius:8px;border:1px solid;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,transform .08s;letter-spacing:.4px}.switch-confirm-btn:active{transform:scale(.98)}.switch-confirm-btn-primary{background:linear-gradient(135deg,#00e5ff38,#00e5ff0d);border-color:#00e5ffa6;color:#67e8f9}.switch-confirm-btn-primary:hover{background:linear-gradient(135deg,#00e5ff5c,#00e5ff1a);border-color:#22d3ee}.switch-confirm-btn-primary:focus-visible{outline:2px solid #22d3ee;outline-offset:2px}.switch-confirm-btn-danger{background:linear-gradient(135deg,#ef44442e,#ef44440a);border-color:#ef44448c;color:#fca5a5}.switch-confirm-btn-danger:hover{background:linear-gradient(135deg,#ef444452,#ef444414);border-color:#ef4444}.switch-confirm-btn-cancel{background:var(--card);border-color:var(--border);color:var(--muted)}.switch-confirm-btn-cancel:hover{background:#ffffff0a;color:var(--text)}.machine-modal-in-use-badge{display:inline-block;margin-left:8px;padding:1px 7px;font-size:9.5px;font-weight:700;border-radius:999px;background:#a78bfa4d;border:1px solid rgba(167,139,250,.7);color:#e9d5ff;letter-spacing:.5px;vertical-align:middle}.machine-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:11000;padding:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.machine-modal{width:min(560px,100%);max-height:85vh;max-height:82dvh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px 22px;color:var(--text);box-shadow:0 10px 40px #000c}.machine-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.machine-modal-title{color:var(--label-bright);font-size:15px;font-weight:700;letter-spacing:2px}.machine-modal-close{background:#00e5ff0f;border:1px solid rgba(0,229,255,.4);color:var(--cyan);width:36px;height:36px;border-radius:8px;font-size:22px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .1s;display:inline-flex;align-items:center;justify-content:center}.machine-modal-close:hover{background:#00e5ff26;border-color:var(--cyan);color:#fff}.machine-modal-close:active{transform:scale(.92)}@media (max-width: 640px),(hover: none){.machine-modal-close{width:44px;height:44px;font-size:26px;border-radius:10px}}.machine-modal-search{position:relative;margin-bottom:10px}.machine-modal-search-input{width:100%;padding:10px 36px 10px 14px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:14px;transition:border-color .15s,background .15s;box-sizing:border-box}.machine-modal-search-input:focus{outline:none;border-color:var(--label-bright);background:#ffd7000a}.machine-modal-search-input::placeholder{color:var(--muted);opacity:.7}.machine-modal-search-clear{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:24px;height:24px;background:transparent;border:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;border-radius:4px;transition:background .15s,color .15s}.machine-modal-search-clear:hover{background:#ef444426;color:#fca5a5}.machine-modal-filter-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;max-height:84px;overflow-y:auto;padding:2px}.machine-modal-filter-pill{padding:4px 12px;background:var(--card);border:1px solid var(--border);border-radius:999px;color:var(--muted);font-family:inherit;font-size:11px;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.machine-modal-filter-pill:hover{background:#00e5ff14;border-color:#00e5ff66;color:var(--text)}.machine-modal-filter-pill.active{background:linear-gradient(135deg,#ffd70040,#d4af371a);border-color:var(--label-bright);color:var(--label-bright);font-weight:600}.machine-modal-search-count{margin-bottom:10px;font-size:11px;color:var(--muted);letter-spacing:1px}.machine-modal-search-hint{color:#fca5a5}.machine-modal-section{margin-bottom:20px}.machine-modal-section-title{font-size:11px;color:var(--label);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.machine-modal-section-hint{flex:1;margin-left:8px;font-size:9.5px;font-weight:400;color:var(--muted);letter-spacing:.4px;text-transform:none;font-style:italic}.machine-modal-section-action{padding:3px 10px;background:linear-gradient(135deg,#ffd70026,#d4af3708);border:1px solid rgba(212,175,55,.5);border-radius:4px;color:var(--label-bright);font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.5px;cursor:pointer;text-transform:none;transition:background .15s,border-color .15s}.machine-modal-section-action:hover{background:linear-gradient(135deg,#ffd7004d,#d4af3714);border-color:var(--label-bright)}.machine-modal-empty{padding:16px 14px;background:var(--card);border:1px dashed var(--border);border-radius:6px;color:var(--muted);font-size:11px;line-height:1.5;text-align:center}.machine-modal-saved-row{display:flex;align-items:stretch;gap:4px}.machine-modal-saved-row.is-favorite .machine-modal-saved-main{border-color:#ffd70066;background:linear-gradient(135deg,#ffd70014,#d4af3705)}.machine-modal-saved-fav{padding:0 10px;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-family:inherit;font-size:16px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s}.machine-modal-saved-fav:hover{background:#ffd7001f;border-color:#ffd70080;color:var(--label-bright);transform:scale(1.08)}.machine-modal-saved-fav.active{color:var(--label-bright);border-color:#ffd70099;background:#ffd70026;text-shadow:0 0 6px rgba(255,215,0,.6)}.machine-modal-saved-main{flex:1;min-width:0}.machine-modal-saved-edit,.machine-modal-saved-delete{padding:0 10px;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-family:inherit;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.machine-modal-saved-edit:hover{background:#00e5ff1f;border-color:#00e5ff80;color:var(--cyan)}.machine-modal-saved-delete:hover{background:#ef444426;border-color:#ef444499;color:#fca5a5}.machine-modal-list{display:flex;flex-direction:column;gap:6px}.machine-modal-item{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.machine-modal-item:hover{background:linear-gradient(135deg,#00e5ff14,#00e5ff05);border-color:#00e5ff80}.machine-modal-item-name{color:var(--cyan);font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.machine-modal-item-manufacturer{color:var(--label);font-size:10px;font-weight:500;letter-spacing:.5px;white-space:nowrap}.machine-modal-item-note{color:var(--muted);font-size:10px;letter-spacing:.3px}.machine-modal-file-row{display:flex;flex-direction:column;gap:6px}.machine-modal-file-input{display:none}.machine-modal-file-button{padding:10px 16px;background:var(--card);border:1px dashed rgba(212,175,55,.5);border-radius:8px;color:var(--label-bright);font-family:inherit;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s}.machine-modal-file-button:hover{background:#d4af371a;border-color:var(--label-bright)}.machine-modal-file-hint{color:var(--muted);font-size:10px;letter-spacing:.3px}.machine-modal-error{padding:10px 12px;background:#ef444426;border:1px solid rgba(239,68,68,.5);border-radius:6px;color:#fca5a5;font-size:12px;margin-bottom:14px}.machine-modal-warnings{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.machine-modal-warning{padding:6px 10px;background:var(--card);border:1px solid var(--border);border-radius:4px;font-size:11px;line-height:1.4}.machine-modal-warning.info{border-color:#00e5ff4d;color:var(--text)}.machine-modal-warning.warn{border-color:#f59e0b80;color:#fcd34d}.machine-modal-warning.error{border-color:#ef444499;color:#fca5a5}.machine-selector-edit-pill{left:320px;padding:6px 10px;border-color:#00e5ff59}.machine-selector-edit-pill:hover{border-color:#00e5ffcc;background:#0a1e23f2}.machine-selector-edit-pill .machine-selector-label{color:var(--cyan)}.machine-editor{width:min(640px,100%)}.editor-text-input{width:100%;padding:8px 10px;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:13px;box-sizing:border-box;-webkit-user-drag:none;-webkit-user-select:text;user-select:text}.editor-text-input::selection,.editor-text-input ::selection{background:#00e5ff8c;color:#001015;text-shadow:none}.editor-text-input::-moz-selection,.editor-text-input ::-moz-selection{background:#00e5ff8c;color:#001015;text-shadow:none}.editor-text-input:focus{outline:none;border-color:#00e5ff99}.editor-text-input-textarea{resize:none;min-height:38px;line-height:1.5;font-family:inherit;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.editor-text-input-button{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;font:inherit;outline:none;transition:border-color .15s,background .15s}.editor-text-input-button:hover{border-color:#00e5ff66}.editor-text-input-button:focus-visible{border-color:#00e5ff99}.editor-text-input-button-value{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-text-input-button-placeholder{flex:1;min-width:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-text-input-short{width:180px}.editor-number-input{width:60px;padding:4px 6px;background:var(--card);border:1px solid var(--border);border-radius:4px;color:var(--cyan);font-family:JetBrains Mono,monospace;font-size:12px;text-align:right}.editor-number-input:focus{outline:none;border-color:#00e5ff99}.editor-select{padding:4px 8px;background:var(--card);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:inherit;font-size:12px;cursor:pointer}.editor-select:focus{outline:none;border-color:#00e5ff99}.editor-select option,.editor-pin-select option{background:#1e1e28;color:#e5e5eb;padding:4px 8px}.editor-select option:checked,.editor-pin-select option:checked,.editor-select option:hover,.editor-pin-select option:hover{background:#00e5ff40;color:#fff}.editor-select option:disabled,.editor-pin-select option:disabled{color:#6b6b7a;background:#14141c}.editor-pin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.editor-pin-row{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--card);border:1px solid var(--border);border-radius:6px}.editor-pin-label{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px;min-width:40px}.editor-pin-row .editor-select{flex:1}.editor-inline-row{display:flex;gap:20px;align-items:center}.editor-inline-label{display:flex;align-items:center;gap:6px;color:var(--text);font-size:12px}.editor-subrow{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap;color:var(--text);font-size:12px}.editor-subrow-indented{padding-left:16px;color:var(--muted)}.editor-sublabel{color:var(--muted);min-width:80px;font-size:11px;letter-spacing:.5px}.editor-radio,.editor-checkbox{display:flex;align-items:center;gap:4px;cursor:pointer;color:var(--text);font-size:12px}.editor-radio input,.editor-checkbox input{cursor:pointer;accent-color:var(--cyan)}.editor-title-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.editor-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.machine-modal-close-btn,.machine-modal-save-btn{padding:8px 18px;border-radius:6px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;border:1px solid;transition:background .15s,border-color .15s}.machine-modal-close-btn{background:var(--card);border-color:var(--border);color:var(--muted)}.machine-modal-close-btn:hover{background:var(--card-hover);color:var(--text)}.machine-modal-save-btn{background:linear-gradient(135deg,#00e5ff33,#00e5ff0d);border-color:#00e5ff99;color:var(--cyan)}.machine-modal-save-btn:hover{background:linear-gradient(135deg,#00e5ff59,#00e5ff1a);border-color:var(--cyan)}.editor-save-to-library{background:linear-gradient(135deg,#ffd70038,#d4af3714);border-color:#d4af37b3;color:var(--label-bright)}.editor-save-to-library:hover{background:linear-gradient(135deg,#ffd70059,#d4af3726);border-color:var(--label-bright)}.editor-tabs{display:flex;gap:2px;margin-bottom:16px;border-bottom:1px solid var(--border)}.editor-tab{padding:8px 16px;background:transparent;border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:background .15s,color .15s}.editor-tab:hover{background:var(--card);color:var(--text)}.editor-tab.active{background:linear-gradient(180deg,rgba(0,229,255,.12),transparent);border-color:#00e5ff80;color:var(--cyan);border-bottom:1px solid var(--panel);margin-bottom:-1px}.editor-tab-content{padding-top:4px}.editor-section{margin-bottom:16px}.editor-section-title{font-size:12px;color:#6ee7b7;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding-bottom:3px;border-bottom:1px solid rgba(110,231,183,.2)}.editor-field-label{display:inline-block;min-width:80px;color:#6ee7b7;font-size:12px;font-weight:700;padding:6px 8px;background:#6ee7b71a;border-radius:4px;margin-right:8px}.editor-field-label-sm{display:inline-block;min-width:40px;color:#6ee7b7;font-size:11px;font-weight:700;padding:4px 6px;background:#6ee7b71a;border-radius:4px;margin-right:6px}.editor-row-label{display:flex;align-items:center;margin-bottom:6px;min-width:0}.editor-row-label .editor-text-input{flex:1;min-width:0}.editor-two-col{display:grid;grid-template-columns:180px 1fr;gap:16px}@media (max-width: 640px){.editor-two-col{grid-template-columns:1fr}}.editor-pin-section{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:10px 12px}.editor-pin-list{display:flex;flex-direction:column;gap:4px}.editor-pin-row-compact{display:flex;align-items:center;gap:8px;padding:3px 4px}.editor-pin-row-compact.disabled{opacity:.45}.editor-pin-role-label{color:#6ee7b7;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;min-width:40px;padding:4px 6px;background:#6ee7b71f;border-radius:3px;text-align:center}.editor-pin-fixed{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.editor-pin-gnd{color:var(--muted);font-size:10px;font-style:italic}.editor-pin-select{min-width:60px}.editor-art-section{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:10px 12px}.editor-radio-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12px;color:var(--text);flex-wrap:wrap;cursor:pointer}.editor-radio-row input[type=radio]{accent-color:var(--cyan);cursor:pointer}.editor-radio-row input[type=number]:disabled{opacity:.4;cursor:not-allowed}.editor-radio-row.disabled{opacity:.4;cursor:not-allowed}.editor-radio-row.disabled input[type=radio]{cursor:not-allowed}.editor-pin-warning{color:#f87171;font-size:14px;cursor:help;margin-left:4px;-webkit-user-select:none;user-select:none;text-shadow:0 0 6px rgba(248,113,113,.6);animation:pin-warning-pulse 1.6s ease-in-out infinite}.editor-pin-warning:hover{color:#fca5a5}@keyframes pin-warning-pulse{0%,to{opacity:1}50%{opacity:.55}}.editor-blocking-error{margin:8px 16px 0;padding:10px 14px;background:#ef44441f;border:1px solid rgba(239,68,68,.5);border-radius:6px;color:#fecaca;font-size:12px;line-height:1.5}.editor-blocking-error strong{display:block;margin-bottom:4px;color:#fca5a5}.editor-blocking-error ul{margin:0;padding-left:18px}.machine-modal-save-btn:disabled{opacity:.4;cursor:not-allowed;background:#78787826}.editor-checkbox-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12px;color:var(--text);cursor:pointer}.editor-checkbox-row input[type=checkbox]{accent-color:var(--cyan);cursor:pointer}.editor-checkbox-row input:disabled+*{opacity:.4}.editor-title-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.editor-title-cell{display:flex;align-items:center;gap:6px}.editor-title-cell .editor-text-input{flex:1}.editor-hint{color:var(--muted);font-size:11px;font-style:italic;margin-top:-4px;margin-bottom:12px;padding-left:4px}@media (max-width: 1000px){.machine-selector-name{max-width:180px}.machine-selector-edit-pill{left:240px}}@media (max-width: 760px){.machine-selector-pill{padding:5px 10px;font-size:10px}.machine-selector-name{max-width:120px}.machine-selector-edit-pill{left:180px}}@media (max-width: 540px){.machine-selector-label{display:none}.machine-selector-name{max-width:90px;font-size:11px}.machine-selector-edit-pill{left:130px;padding:5px 8px}.machine-selector-edit-pill .machine-selector-label{display:inline;font-size:10px}}@media (max-width: 420px){.machine-selector-name{max-width:70px}.machine-selector-edit-pill{left:112px}.machine-selector-edit-pill .machine-selector-label{display:none}.machine-selector-edit-pill:before{content:"✎";color:var(--cyan);font-size:12px}}@media (max-width: 600px){.machine-modal-overlay{padding:8px}.machine-modal{padding:14px;max-height:92vh;max-height:90dvh}.machine-modal-title{font-size:13px;letter-spacing:1px}}.request-form{display:flex;flex-direction:column;gap:8px;padding:6px 0}.request-form-row{display:flex;flex-direction:column;gap:4px}.request-form-label{font-size:11px;color:var(--muted);letter-spacing:.5px}.request-form-required{display:inline-block;margin-left:6px;padding:1px 5px;background:#ef444433;color:#fca5a5;border-radius:3px;font-size:10px}.request-form textarea.editor-text-input{resize:vertical;min-height:60px;font-family:inherit}.request-form-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.request-form-done{padding:24px 16px;text-align:center;background:var(--card);border:1px solid rgba(34,197,94,.4);border-radius:8px}.request-form-done-icon{font-size:36px;color:#22c55e;margin-bottom:6px}.request-form-done-title{font-size:15px;font-weight:700;color:#22c55e;margin-bottom:8px}.request-form-done-body{color:var(--text);font-size:13px;line-height:1.6;margin-bottom:12px}.feedback-modal{max-width:600px;width:95%;max-height:90dvh;display:flex;flex-direction:column}.feedback-form{overflow-y:auto;flex:1;padding:0 20px 20px;display:flex;flex-direction:column;gap:14px}.feedback-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.feedback-type-btn{display:flex;flex-direction:column;gap:4px;padding:12px 10px;background:var(--card-solid, #1a1a22);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.feedback-type-btn:hover{border-color:#00e5ff66;background:#00e5ff0d}.feedback-type-btn.active{border-color:#00e5ffcc;background:#00e5ff1f;box-shadow:0 0 0 1px #00e5ff4d}.feedback-type-icon{font-size:20px}.feedback-type-label{font-size:13px;font-weight:700;color:var(--text)}.feedback-type-hint{font-size:11px;color:var(--muted);line-height:1.3}.feedback-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.feedback-field>span{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.feedback-field input,.feedback-field textarea{padding:8px 10px;background:var(--card-solid, #1a1a22);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s}.feedback-field input:focus,.feedback-field textarea:focus{border-color:#00e5ff99;box-shadow:0 0 0 2px #00e5ff26}.feedback-field textarea{resize:vertical;min-height:90px;line-height:1.6}.feedback-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feedback-hint{font-size:11px;color:var(--muted);background:#ffffff05;padding:8px 10px;border-radius:6px;line-height:1.6;border-left:2px solid rgba(0,229,255,.3)}.feedback-msg{padding:10px 12px;border-radius:6px;font-size:13px;font-weight:500}.feedback-msg-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.4);color:#86efac}.feedback-msg-error{background:#ef44441a;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.feedback-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.feedback-cancel-btn{padding:9px 18px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:13px;cursor:pointer}.feedback-cancel-btn:hover{border-color:#ffffff4d;color:var(--text)}.feedback-submit-btn{padding:9px 22px;background:linear-gradient(135deg,#00e5ff,#00b8d9);border:none;border-radius:6px;color:#001015;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 0 16px #00e5ff4d}.feedback-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 22px #00e5ff80}.feedback-submit-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 640px){.feedback-field-row{grid-template-columns:1fr}.feedback-type-grid{grid-template-columns:repeat(2,1fr)}}.ranking-profile-modal{max-width:640px;width:95%;max-height:90dvh;display:flex;flex-direction:column}.ranking-profile-form{overflow-y:auto;padding:0 20px 20px;flex:1;display:flex;flex-direction:column;gap:14px}.ranking-intro{display:flex;flex-direction:column;gap:6px}.ranking-intro-catch{font-size:14px;color:var(--gold, #d4af37);font-weight:700;margin:0}.ranking-intro p{margin:0;font-size:13px;color:var(--text);line-height:1.6}.ranking-disclose{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text);line-height:1.7}.ranking-disclose p{margin:0}.ranking-disclose ul{margin:0;padding-left:24px}.ranking-consent{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#00e5ff0f;border:1px solid rgba(0,229,255,.3);border-radius:6px;cursor:pointer;font-weight:600}.ranking-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:13px}.ranking-field>span{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.ranking-field-required{color:#fca5a5;font-style:normal;background:#ef444426;padding:0 4px;border-radius:2px;margin-left:4px;font-size:10px;text-transform:none;letter-spacing:0}.ranking-field input,.ranking-field select{padding:8px 10px;background:var(--card-solid, #1a1a22);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s}.ranking-field input:focus,.ranking-field select:focus{border-color:#00e5ff99;box-shadow:0 0 0 2px #00e5ff26}.ranking-field-hint{font-size:11px;color:var(--muted);text-transform:none;letter-spacing:0}.ranking-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ranking-error{padding:10px 12px;border-radius:6px;background:#ef44441a;border:1px solid rgba(239,68,68,.4);color:#fca5a5;font-size:13px}.ranking-success{color:#86efac;font-size:12px}.ranking-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}.ranking-submit-btn{padding:9px 22px;background:linear-gradient(135deg,#00e5ff,#00b8d9);border:none;border-radius:6px;color:#001015;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 0 16px #00e5ff4d}.ranking-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 22px #00e5ff80}.ranking-submit-btn:disabled{opacity:.4;cursor:not-allowed}.ranking-status{display:flex;flex-direction:column;gap:8px}.ranking-status-label{font-size:11px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.ranking-status-value{font-size:14px;font-weight:700;padding:10px 14px;border-radius:6px}.ranking-status-value.on{background:#22c55e1a;color:#86efac;border:1px solid rgba(34,197,94,.4)}.ranking-status-value.off{background:#f59e0b14;color:#fcd34d;border:1px solid rgba(245,158,11,.35)}.ranking-toggle-btn{padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;border:1px solid;align-self:flex-start}.ranking-toggle-btn.on{background:#22c55e26;border-color:#22c55e80;color:#86efac}.ranking-toggle-btn.off{background:#f59e0b1f;border-color:#f59e0b73;color:#fcd34d}.ranking-status-hint{font-size:11px;color:var(--muted);line-height:1.6}.ranking-danger-zone{padding:12px 14px;background:#ef44440d;border:1px solid rgba(239,68,68,.3);border-radius:6px;display:flex;flex-direction:column;gap:10px}.ranking-danger-zone p{margin:0;font-size:12px;color:var(--text);line-height:1.6}.ranking-danger-btn{align-self:flex-start;padding:7px 14px;background:#ef44441f;border:1px solid rgba(239,68,68,.5);color:#fca5a5;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.ranking-danger-btn:hover{background:#ef444438}.ranking-view-modal{max-width:620px;width:95%;max-height:90dvh;display:flex;flex-direction:column}.ranking-view-body{overflow-y:auto;padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}.ranking-scope-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;background:#d4af370d;border:1px solid rgba(212,175,55,.2);border-radius:8px}.ranking-scope{padding:9px 6px;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--muted);cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s}.ranking-scope:hover:not(:disabled){color:var(--text);background:#ffffff0a}.ranking-scope:disabled{opacity:.35;cursor:not-allowed}.ranking-scope.active{background:linear-gradient(135deg,#d4af3740,#d4af3714);border-color:#d4af3799;color:var(--gold, #d4af37)}.ranking-note{padding:14px 16px;color:var(--muted);font-size:12px;text-align:center;background:var(--card-solid, #1a1a22);border:1px dashed var(--border);border-radius:6px;line-height:1.6}.ranking-insufficient{margin-top:10px;padding:10px 12px;background:var(--card-solid, #1a1a22);border-radius:6px}.ranking-section-label{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.ranking-insufficient-list{display:flex;flex-wrap:wrap;gap:6px}.ranking-insufficient-item{display:flex;align-items:center;gap:5px;font-size:11px;padding:3px 8px;background:#00e5ff0f;border:1px solid rgba(0,229,255,.2);border-radius:999px}.ranking-insufficient-pref{color:var(--text);font-weight:600}.ranking-insufficient-count{color:var(--muted)}.ranking-tab-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ranking-tab{padding:10px 8px;background:var(--card-solid, #1a1a22);border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s}.ranking-tab:hover{border-color:#00e5ff66;color:var(--text)}.ranking-tab.active{background:linear-gradient(135deg,#00e5ff33,#00b8d91a);border-color:#00e5ff99;color:var(--cyan)}.ranking-period-row{display:flex;gap:6px}.ranking-period{flex:1;padding:7px 8px;background:transparent;border:1px solid var(--border);border-radius:5px;color:var(--muted);cursor:pointer;font-size:12px}.ranking-period:hover{border-color:#00e5ff66;color:var(--text)}.ranking-period.active{background:#00e5ff1f;border-color:#00e5ff80;color:var(--cyan);font-weight:600}.ranking-period-range{font-size:11px;color:var(--muted);text-align:center;font-family:JetBrains Mono,monospace}.ranking-total{color:var(--cyan)}.ranking-prompt{padding:14px 16px;background:#d4af3714;border:1px solid rgba(212,175,55,.3);border-radius:6px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.ranking-prompt p{margin:0;font-size:13px;color:var(--text)}.ranking-loading-center,.ranking-empty-center{padding:40px 20px;text-align:center;color:var(--muted);font-size:13px}.ranking-empty-sub{font-size:12px;color:var(--muted);margin-top:6px!important}.leaderboard{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.leaderboard-row{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;padding:10px 12px;background:var(--card-solid, #1a1a22);border:1px solid var(--border);border-radius:8px;transition:all .15s}.leaderboard-row.is-me{border-color:#00e5ff80;box-shadow:0 0 12px #00e5ff26;background:linear-gradient(135deg,rgba(0,229,255,.08),transparent)}.leaderboard-row.rank-1{border-color:#ffd7008c;background:linear-gradient(135deg,rgba(255,215,0,.12),var(--card-solid, #1a1a22))}.leaderboard-row.rank-2{border-color:#c0c0c08c;background:linear-gradient(135deg,rgba(192,192,192,.1),var(--card-solid, #1a1a22))}.leaderboard-row.rank-3{border-color:#cd7f328c;background:linear-gradient(135deg,rgba(205,127,50,.1),var(--card-solid, #1a1a22))}.leaderboard-rank{display:flex;justify-content:center;align-items:center}.leaderboard-medal{font-size:28px;line-height:1}.leaderboard-rank-num{font-size:18px;font-weight:700;color:var(--muted);font-family:JetBrains Mono,monospace}.leaderboard-user{display:flex;flex-direction:column;gap:3px;min-width:0}.leaderboard-username{font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-me-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:3px;background:var(--cyan);color:#001015;letter-spacing:.3px}@keyframes leaderboard-pulse{0%,to{opacity:1}50%{opacity:.6}}.leaderboard-sub{display:flex;gap:8px;font-size:11px;color:var(--muted);overflow:hidden}.leaderboard-machine{color:var(--cyan);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-value{display:flex;flex-direction:column;align-items:flex-end;gap:0;font-family:JetBrains Mono,monospace;line-height:1}.leaderboard-value-num{font-size:18px;font-weight:700;color:var(--gold, #d4af37)}.leaderboard-row.is-me .leaderboard-value-num{color:var(--cyan);text-shadow:0 0 8px rgba(0,229,255,.5)}.leaderboard-value-unit{font-size:10px;color:var(--muted);margin-top:3px}@media (max-width: 640px){.ranking-field-row{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:42px 1fr auto;gap:8px;padding:8px 10px}.leaderboard-medal{font-size:24px}.leaderboard-value-num{font-size:16px}}.team-modal{max-width:640px;width:95%;max-height:90dvh;display:flex;flex-direction:column}.team-content,.team-choose,.team-form{overflow-y:auto;padding:0 20px 20px;flex:1;display:flex;flex-direction:column;gap:14px}.team-inline-prompt{padding:20px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.team-inline-prompt p{margin:0;color:var(--text)}.team-loading,.team-error{padding:14px;color:var(--muted);font-size:13px}.team-error{color:#fca5a5;background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:6px}.team-msg{font-size:11px;color:#86efac;margin-top:4px}.team-intro{display:flex;flex-direction:column;gap:6px}.team-intro p{margin:0;color:var(--text);font-size:13px;line-height:1.7}.team-intro-hint{font-size:11px!important;color:var(--muted)!important}.team-choose-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team-big-btn{background:var(--card-solid, #1a1a22);border:1px solid var(--border);border-radius:10px;padding:20px 16px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;cursor:pointer;color:var(--text);transition:all .15s}.team-big-btn:hover{border-color:#00e5ff80;background:#00e5ff0d;transform:translateY(-1px)}.team-big-btn-icon{font-size:32px}.team-big-btn-label{font-size:14px;font-weight:700}.team-big-btn-hint{font-size:11px;color:var(--muted)}.team-emoji-grid{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:var(--card-solid, #1a1a22);border:1px solid var(--border);border-radius:6px}.team-emoji{width:36px;height:36px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .1s}.team-emoji:hover{background:#00e5ff1a}.team-emoji.selected{border-color:#00e5ff99;background:#00e5ff26;color:var(--text)}.team-overview{padding:0!important}.team-banner{display:flex;gap:14px;align-items:center;padding:16px;background:linear-gradient(135deg,#d4af371f,#00e5ff14);border:1px solid rgba(212,175,55,.3);border-radius:10px}.team-banner-emoji{font-size:48px;line-height:1;flex-shrink:0}.team-banner-main{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.team-banner-name{font-size:18px;font-weight:700;color:var(--text)}.team-banner-desc{font-size:12px;color:var(--muted);line-height:1.5}.team-banner-meta{font-size:11px;color:var(--muted);display:flex;gap:10px;align-items:center;margin-top:4px}.team-leader-badge{background:#d4af3733;color:var(--gold, #d4af37);padding:2px 8px;border-radius:999px;font-weight:700;font-size:10px;letter-spacing:.5px}.team-invite-code{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--card-solid, #1a1a22);border:1px dashed rgba(0,229,255,.4);border-radius:6px}.team-invite-code-value{flex:1;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;letter-spacing:4px;color:var(--cyan)}.team-invite-code-actions{display:flex;gap:6px}.team-invite-code-actions button{background:var(--panel, #121218);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:5px;cursor:pointer;font-size:11px}.team-invite-code-actions button:hover{border-color:#00e5ff80;color:var(--cyan)}.team-invite-hint{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.6}.team-edit-btn{padding:8px 14px;background:var(--card-solid, #1a1a22);border:1px solid var(--border);color:var(--text);border-radius:6px;cursor:pointer;font-size:12px;align-self:flex-start}.team-edit-btn:hover{border-color:#00e5ff80;color:var(--cyan)}.team-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.team-members{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.team-member-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--card-solid, #1a1a22);border:1px solid var(--border);border-radius:6px}.team-member-row.is-me{border-color:#00e5ff80;background:#00e5ff0d}.team-member-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.team-member-name{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.team-member-pref{font-size:11px;color:var(--muted)}.team-me-badge{font-size:9px;padding:1px 5px;border-radius:3px;background:var(--cyan);color:#001015;font-weight:700}.team-member-actions{display:flex;gap:4px}.team-member-btn{padding:4px 8px;font-size:11px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--muted);cursor:pointer}.team-member-btn:hover{border-color:#00e5ff80;color:var(--cyan)}.team-member-btn.kick:hover{border-color:#ef444499;color:#fca5a5}.team-actions,.team-edit-actions{display:flex;justify-content:flex-end;gap:10px}.team-cancel-btn{padding:9px 18px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:13px;cursor:pointer}.team-cancel-btn:hover{border-color:#ffffff4d;color:var(--text)}.team-leaderboard .team-row{grid-template-columns:50px 1fr auto}.team-row-emoji{font-size:20px;margin-right:6px;vertical-align:middle}.team-topn-list{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:10px;color:var(--muted)}.team-topn-item{font-family:JetBrains Mono,monospace}.team-topn-value{color:var(--gold, #d4af37);font-weight:600}@media (max-width: 640px){.team-choose-buttons{grid-template-columns:1fr}.team-banner-emoji{font-size:36px}.team-banner-name{font-size:16px}.team-invite-code-value{font-size:16px;letter-spacing:2px}}.export-modal{max-width:640px;width:95%;max-height:90dvh;display:flex;flex-direction:column}.export-body{overflow-y:auto;padding:0 20px 20px;flex:1;display:flex;flex-direction:column;gap:14px}.export-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.export-template-btn{background:var(--card-solid, #1a1a22);border:1px solid var(--border);border-radius:10px;padding:14px 12px;cursor:pointer;color:var(--text);text-align:center;display:flex;flex-direction:column;gap:4px;transition:all .15s}.export-template-btn:hover{border-color:#00e5ff66;background:#00e5ff08}.export-template-btn.active{border-color:#00e5ffb3;background:#00e5ff1f;box-shadow:0 0 0 1px #00e5ff4d}.export-template-icon{font-size:26px;line-height:1}.export-template-label{font-size:13px;font-weight:700;color:var(--cyan)}.export-template-hint{font-size:10px;color:var(--muted);line-height:1.4}.export-period-row,.export-format-row{display:flex;flex-wrap:wrap;gap:6px}.export-chip{background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--muted);padding:6px 14px;cursor:pointer;font-size:12px;transition:all .15s}.export-chip:hover{border-color:#00e5ff66;color:var(--text)}.export-chip.active{background:#00e5ff26;border-color:#00e5ff99;color:var(--cyan);font-weight:600}.export-custom-row{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.export-custom-row label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--muted);flex:1;min-width:120px}.export-custom-row input{padding:6px 10px;background:var(--card-solid, #1a1a22);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:13px}.export-machine-select{width:100%;padding:8px 10px;background:var(--card-solid, #1a1a22);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px}.export-note{margin-top:8px;padding:8px 10px;background:#d4af3714;border:1px solid rgba(212,175,55,.3);border-radius:6px;font-size:11px;color:var(--muted);line-height:1.5}.export-summary{padding:10px 14px;background:#00e5ff0f;border:1px solid rgba(0,229,255,.2);border-radius:8px;font-size:13px;color:var(--text);text-align:center}.export-positive{color:#86efac}.export-negative{color:#fca5a5}.export-result{padding:10px 14px;border-radius:6px;font-size:13px;font-weight:500;text-align:center}.export-result.ok{background:#22c55e1a;border:1px solid rgba(34,197,94,.4);color:#86efac}.export-result.err{background:#ef44441a;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.export-actions{display:flex;justify-content:flex-end;gap:10px}.transfer-modal{width:min(540px,100%)}.transfer-intro{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:16px;padding:10px 12px;background:#00e5ff0a;border-left:3px solid var(--cyan);border-radius:4px}.transfer-intro strong{color:#fcd34d}.transfer-menu{display:flex;flex-direction:column;gap:12px}.transfer-menu-section{display:flex;flex-direction:column;gap:6px}.transfer-menu-section-title{font-size:11px;letter-spacing:1.5px;color:var(--label);text-transform:uppercase;margin-top:4px;margin-bottom:2px}.transfer-action-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,transform .08s}.transfer-action-btn:hover{background:#ffffff0a;border-color:var(--cyan)}.transfer-action-btn:active{transform:scale(.99)}.transfer-action-btn.primary{background:linear-gradient(135deg,#00e5ff26,#00e5ff08);border-color:#00e5ff8c}.transfer-action-btn.primary:hover{background:linear-gradient(135deg,#00e5ff47,#00e5ff12);border-color:#22d3ee}.transfer-action-title{font-size:13px;font-weight:700;letter-spacing:.3px}.transfer-action-sub{font-size:11px;color:var(--muted);font-weight:400}.transfer-view{display:flex;flex-direction:column;gap:12px;font-size:12px}.transfer-back-btn{align-self:flex-start;background:none;border:none;color:var(--muted);font-family:inherit;font-size:11px;cursor:pointer;padding:4px 8px;border-radius:4px}.transfer-back-btn:hover{background:#ffffff0d;color:var(--text)}.transfer-view-title{margin:0;font-size:14px;color:var(--cyan);letter-spacing:1px}.transfer-view-desc{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.transfer-info-list{margin:0;padding-left:18px;font-size:11px;line-height:1.7;color:var(--muted)}.transfer-info-list strong{color:var(--text)}.transfer-cta-btn{padding:11px 16px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,transform .08s;letter-spacing:.5px}.transfer-cta-btn:active{transform:scale(.98)}.transfer-cta-btn:disabled{opacity:.4;cursor:not-allowed}.transfer-cta-btn.primary{background:linear-gradient(135deg,#00e5ff38,#00e5ff0d);border-color:#00e5ff99;color:#67e8f9}.transfer-cta-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#00e5ff5c,#00e5ff1a);border-color:#22d3ee}.transfer-cta-btn.danger{background:linear-gradient(135deg,#ef444433,#ef44440d);border-color:#ef444499;color:#fca5a5}.transfer-cta-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#ef44445c,#ef44441a);border-color:#ef4444}.transfer-code-display{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:32px;font-weight:700;text-align:center;letter-spacing:6px;padding:18px;background:linear-gradient(135deg,#ffd7002e,#d4af370a);border:1px solid rgba(212,175,55,.6);border-radius:10px;color:#fcd34d;-webkit-user-select:all;user-select:all;text-shadow:0 0 12px rgba(212,175,55,.45)}.transfer-code-actions{display:flex;gap:8px}.transfer-code-meta{font-size:11px;color:var(--muted);text-align:center;font-style:italic}.transfer-tips{margin-top:8px;padding:12px 14px;background:#00e5ff0d;border-left:3px solid var(--cyan);border-radius:4px;font-size:11.5px;line-height:1.7}.transfer-tips strong{color:var(--cyan)}.transfer-tips ol{margin:8px 0 0;padding-left:20px;color:var(--text)}.transfer-code-input{width:100%;padding:12px 14px;font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:22px;letter-spacing:4px;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:8px;color:#67e8f9;text-transform:uppercase;box-sizing:border-box}.transfer-code-input:focus{outline:none;border-color:var(--cyan);background:#00e5ff0a}.transfer-loading{padding:24px;text-align:center;font-size:13px;color:var(--muted);line-height:1.7}.transfer-error{padding:10px 14px;background:#ef44441f;border:1px solid rgba(239,68,68,.5);border-radius:6px;color:#fca5a5;font-size:12px;line-height:1.6}.transfer-blob-info{padding:8px 12px;background:#ffffff08;border-radius:4px;font-size:11px;color:var(--muted)}.transfer-blob-info-line{margin:2px 0}.transfer-blob-info-line strong{color:var(--text)}.transfer-overwrite-warning{padding:12px 14px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.55);border-radius:8px;font-size:12px;line-height:1.7;color:var(--text)}.transfer-overwrite-warning strong{color:#fcd34d}.transfer-overwrite-warning ul{margin:8px 0;padding-left:20px;color:var(--text)}.transfer-overwrite-warning p{margin:8px 0 0}.transfer-overwrite-tip{margin-top:12px!important;padding-top:8px;border-top:1px dashed rgba(245,158,11,.4);font-size:11px;color:var(--muted)}.transfer-checkbox{display:flex;align-items:center;gap:8px;padding:8px 0;cursor:pointer;font-size:12px;color:var(--text)}.transfer-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#ef4444}.transfer-confirm-actions{display:flex;gap:8px;flex-direction:column}:root{--card-alpha: 1;--num-font: "DSEG7 Classic", "DSEG7Classic", "JetBrains Mono", monospace;--frame-bg-landscape: none;--frame-bg-portrait: none;--frame-bg-darkness: .3;--frame-has-bg-landscape: 0;--frame-has-bg-portrait: 0}.pc-frame-outer .frame-inner:before,.mobile-landscape-frame-outer .frame-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--frame-bg-landscape);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;pointer-events:none}.mobile-frame-outer .frame-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--frame-bg-portrait);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;pointer-events:none}.pc-frame-outer .frame-inner:after,.mobile-landscape-frame-outer .frame-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:calc(var(--frame-bg-darkness) * var(--frame-has-bg-landscape, 0));z-index:0;pointer-events:none}.mobile-frame-outer .frame-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:calc(var(--frame-bg-darkness) * var(--frame-has-bg-portrait, 0));z-index:0;pointer-events:none}.frame-inner>*{position:relative;z-index:1}@font-face{font-family:DSEG14 Classic;font-style:normal;font-weight:700;src:url(https://cdn.jsdelivr.net/gh/keshikan/DSEG@v0.46/fonts/DSEG14-Classic/DSEG14Classic-Bold.woff2) format("woff2");font-display:swap}.saved-indicator{position:fixed;top:48px;right:10px;padding:5px 10px;display:flex;align-items:center;gap:6px;background:#121218e6;border:1px solid rgba(136,136,153,.3);border-radius:8px;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.3px;z-index:1000;transition:border-color .3s,color .3s}.saved-indicator-dot{width:6px;height:6px;border-radius:50%;background:#888;transition:background .3s,box-shadow .3s}.saved-indicator.is-fresh{border-color:#22c55e80;color:#86efac}.saved-indicator.is-fresh .saved-indicator-dot{background:#22c55e;box-shadow:0 0 6px #22c55e}.saved-indicator-time{color:#666}.theme-pill{position:fixed;top:10px;left:680px;padding:6px 12px;display:flex;align-items:center;gap:6px;background:#121218e6;border:1px solid rgba(167,139,250,.5);border-radius:8px;color:#c4b5fd;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.5px;cursor:pointer;z-index:1000;transition:border-color .15s,background .15s}.theme-pill:hover{border-color:#a78bfae6;background:#1e182df2}.manual-pill{position:fixed;top:10px;left:800px;padding:6px 12px;display:flex;align-items:center;gap:6px;background:#121218e6;border:1px solid rgba(245,158,11,.5);border-radius:8px;color:#fcd34d;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.5px;cursor:pointer;z-index:10003;transition:border-color .15s,background .15s}.manual-pill:hover{border-color:#f59e0be6;background:#281e10f2}.main-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:30000;animation:fade-in .15s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.main-menu-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(400px,92vw);max-height:88vh;max-height:85dvh;overflow-y:auto;background:#121218fa;border:1px solid rgba(0,229,255,.4);border-radius:12px;box-shadow:0 12px 48px #000000b3,0 0 24px #00e5ff26;z-index:30001;padding:14px 16px 18px;animation:menu-slide-in .2s ease-out}@keyframes menu-slide-in{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.main-menu-title{color:var(--cyan);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;letter-spacing:3px;text-align:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(0,229,255,.25)}.main-menu-items{display:flex;flex-direction:column;gap:8px}.main-menu-item{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:12px;padding:12px 14px;background:#1e1e2899;border:1px solid rgba(136,136,153,.25);border-radius:8px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,transform .1s}.main-menu-item:hover{background:#00e5ff1a;border-color:#00e5ff80}.main-menu-item:active{transform:scale(.98)}.main-menu-item.is-active{background:#f59e0b26;border-color:#f59e0b80;color:#fcd34d}.main-menu-icon{font-size:22px;text-align:center;display:inline-flex;align-items:center;justify-content:center;color:var(--cyan, #00e5ff);line-height:1}.main-menu-icon svg{display:block;filter:drop-shadow(0 0 3px rgba(0,229,255,.35))}@keyframes app-icon-led-breathe{0%,to{opacity:.55}50%{opacity:1}}.app-icon-led{animation:app-icon-led-breathe 2.5s ease-in-out infinite}.leaderboard-medal-1{color:#fcd34d;filter:drop-shadow(0 0 5px rgba(252,211,77,.6))}.leaderboard-medal-2{color:#d1d5db;filter:drop-shadow(0 0 4px rgba(209,213,219,.5))}.leaderboard-medal-3{color:#d97706;filter:drop-shadow(0 0 4px rgba(217,119,6,.5))}.leaderboard-medal{display:inline-flex;align-items:center;justify-content:center}.inline-ic{display:inline-flex;align-items:center;gap:.4em}.inline-ic>svg{flex-shrink:0}.main-menu-item.is-active .main-menu-icon{color:#fcd34d}.main-menu-item.is-active .main-menu-icon svg{filter:drop-shadow(0 0 4px rgba(252,211,77,.55))}.main-menu-label{font-size:14px}.main-menu-badge{background:#00e5ff33;border:1px solid rgba(0,229,255,.5);color:var(--cyan);font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:28px;text-align:center}.main-menu-check{color:#fcd34d;font-size:10px}.manual-pill.is-active{background:#f59e0b40;border-color:#f59e0be6;box-shadow:0 0 10px #f59e0b66}.manual-panel{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px;z-index:20001}.manual-btn{padding:10px 16px;min-width:120px;font-size:13px;font-weight:700;letter-spacing:.5px;font-family:JetBrains Mono,monospace;border:1px solid;border-radius:8px;cursor:pointer;background:#121218f2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:center;transition:background .15s,box-shadow .15s,color .15s}.manual-btn-art{color:#22c55e;border-color:#22c55e80}.manual-btn-art:hover{background:#22c55e1a}.manual-btn-art.is-on{background:#22c55e4d;color:#86efac;box-shadow:0 0 14px #22c55eb3}.manual-btn-bb{color:#eab308;border-color:#eab30880}.manual-btn-bb:hover{background:#eab3081a}.manual-btn-bb.is-on{background:#eab3084d;color:#fde047;box-shadow:0 0 14px #eab308b3}.manual-btn-sbb{color:#a855f7;border-color:#a855f780}.manual-btn-sbb:hover{background:#a855f71a}.manual-btn-sbb.is-on{background:#a855f74d;color:#d8b4fe;box-shadow:0 0 14px #a855f7b3}@media (max-width: 900px){.manual-pill{left:560px}}@media (max-width: 760px){.manual-pill{left:415px;padding:5px 8px}}@media (max-width: 540px){.manual-pill{left:330px;padding:4px 7px}}@media (max-width: 420px){.manual-pill{left:270px;padding:4px 6px;font-size:10px}}.log-pill{position:fixed;top:10px;left:560px;padding:6px 12px;display:flex;align-items:center;gap:6px;background:#121218e6;border:1px solid rgba(234,179,8,.5);border-radius:8px;color:#fcd34d;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.5px;cursor:pointer;z-index:1000;transition:border-color .15s,background .15s}.log-pill:hover{border-color:#eab308e6;background:#1e1c10f2}.log-pill-badge{background:#eab30840;border:1px solid rgba(234,179,8,.7);color:#fcd34d;font-weight:700;padding:1px 6px;border-radius:10px;font-size:10px;min-width:18px;text-align:center}.log-modal{width:min(900px,100%);max-height:88vh;max-height:85dvh}.log-clear-btn{padding:3px 10px;background:#ef444426;border:1px solid rgba(239,68,68,.5);border-radius:4px;color:#fca5a5;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.5px;cursor:pointer;text-transform:none;transition:background .15s,border-color .15s}.log-clear-btn:hover:not(:disabled){background:#ef44444d;border-color:#ef4444e6}.log-clear-btn:disabled{opacity:.3;cursor:not-allowed}.log-action-buttons{display:inline-flex;gap:6px;align-items:center;margin-left:auto}.log-copy-btn{padding:3px 10px;background:#38bdf826;border:1px solid rgba(56,189,248,.5);border-radius:4px;color:#7dd3fc;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.5px;cursor:pointer;text-transform:none;transition:background .15s,border-color .15s}.log-copy-btn:hover:not(:disabled){background:#38bdf84d;border-color:#38bdf8e6}.log-copy-btn:disabled{opacity:.3;cursor:not-allowed}.log-copy-btn-full{background:#a855f726;border-color:#a855f780;color:#d8b4fe}.log-copy-btn-full:hover:not(:disabled){background:#a855f74d;border-color:#a855f7e6}.log-pause-btn{padding:3px 10px;background:#22c55e26;border:1px solid rgba(34,197,94,.5);border-radius:4px;color:#86efac;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.5px;cursor:pointer;text-transform:none;transition:background .15s,border-color .15s}.log-pause-btn:hover{background:#22c55e4d;border-color:#22c55ee6}.log-pause-btn.is-paused{background:#f59e0b2e;border-color:#f59e0bb3;color:#fcd34d;animation:log-pause-blink 1.6s ease-in-out infinite}.log-pause-btn.is-paused:hover{background:#f59e0b52;border-color:#f59e0b}@keyframes log-pause-blink{0%,to{box-shadow:0 0 #f59e0b80}50%{box-shadow:0 0 0 4px #f59e0b00}}.log-display-limit-select{padding:3px 8px;background:#00e5ff14;border:1px solid rgba(0,229,255,.4);border-radius:4px;color:var(--label-bright);font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.3px;cursor:pointer;outline:none;transition:border-color .15s,background .15s}.log-display-limit-select:hover,.log-display-limit-select:focus{background:#00e5ff2e;border-color:#00e5ffb3}.log-display-limit-select option{background:#0c0c14;color:var(--text)}.log-display-hint{color:var(--muted);font-size:10px;font-weight:400;letter-spacing:.3px}.log-table-wrapper{max-height:60vh;max-height:55dvh;overflow-y:auto;border:1px solid var(--border);border-radius:6px;background:var(--card)}.log-virtual-wrapper{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:6px;background:var(--card);overflow:hidden;height:60vh;height:55dvh}.log-virtual-wrapper{--log-grid-cols: 56px 76px 64px 44px 52px 56px 56px 56px 1fr}.log-grid-header{display:grid;grid-template-columns:var(--log-grid-cols);gap:8px;padding:6px 8px;background:var(--panel);border-bottom:1px solid var(--border);color:var(--label);font-size:11px;font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:.5px;flex-shrink:0}.log-grid-header>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-grid-events-col{text-align:right}.log-virtual-body{flex:1;min-height:0}.log-virtual-row{font-family:JetBrains Mono,monospace;font-size:11px;border-bottom:1px solid rgba(42,42,53,.4)}.log-grid-row{display:grid;grid-template-columns:var(--log-grid-cols);gap:8px;padding:5px 8px;height:32px;align-items:center;cursor:pointer;transition:background .1s}.log-grid-row:hover{background:#00e5ff0d}.log-grid-row.is-expanded{background:#00e5ff12;border-bottom:1px solid rgba(0,229,255,.2)}.log-grid-row>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-detail-virtual{padding:8px 16px;background:#0a0a0e99}.log-table{width:100%;border-collapse:collapse;font-size:11px;font-family:JetBrains Mono,monospace}.log-table thead{position:sticky;top:0;background:var(--panel);z-index:1}.log-table th{padding:6px 8px;color:var(--label);font-weight:600;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.log-table th.log-table-events-col{text-align:right}.log-table td{padding:5px 8px;border-bottom:1px solid rgba(42,42,53,.4)}.log-row{cursor:pointer;transition:background .1s}.log-row:hover{background:#00e5ff0d}.log-cell-mono{color:var(--text);white-space:nowrap}.log-events-count{text-align:right;color:var(--muted)}.log-diff.positive{color:var(--cyan);font-weight:600}.log-diff.negative{color:#fca5a5;font-weight:600}.log-bonus-chip{display:inline-block;padding:1px 5px;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.5px}.log-bonus-bb{color:#eab308;background:#eab30826;border:1px solid rgba(234,179,8,.4)}.log-bonus-rb{color:#f97316;background:#f9731626;border:1px solid rgba(249,115,22,.4)}.log-bonus-art{color:#22c55e;background:#22c55e26;border:1px solid rgba(34,197,94,.4)}.log-bonus-sbb{color:#a855f7;background:#a855f726;border:1px solid rgba(168,85,247,.4)}.log-row-detail td{padding:8px 16px;background:#0a0a0e99}.log-detail-empty{color:var(--muted);font-style:italic;font-size:10px}.log-events{display:flex;flex-direction:column;gap:2px}.log-event{display:flex;gap:12px;font-size:10px;padding:1px 4px}.log-event.rising .log-event-edge{color:#22c55e}.log-event.falling .log-event-edge{color:#94a3b8}.log-event-time{color:var(--muted);min-width:90px}.log-event-edge{min-width:14px;text-align:center;font-weight:700}.log-event-pin{color:var(--text);min-width:40px}.log-event-role{font-weight:700;letter-spacing:.5px}.session-pill{position:fixed;top:10px;left:420px;padding:6px 12px;display:flex;align-items:center;gap:6px;background:#121218e6;border:1px solid rgba(34,197,94,.5);border-radius:8px;color:#86efac;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.5px;cursor:pointer;z-index:1000;transition:border-color .15s,background .15s}.session-pill:hover{border-color:#22c55ee6;background:#121e16f2}.session-pill-badge{background:#22c55e40;border:1px solid rgba(34,197,94,.7);color:#22c55e;font-weight:700;padding:1px 6px;border-radius:10px;font-size:10px;min-width:18px;text-align:center}.session-modal{width:min(680px,100%)}.session-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.session-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;border-radius:8px;font-family:inherit;cursor:pointer;border:1px solid;transition:background .15s,border-color .15s,transform .08s;background:var(--card);color:var(--text);border-color:var(--border);text-align:left}.session-btn:active{transform:scale(.98)}.session-btn:disabled{cursor:default;opacity:.7}.session-btn-title{font-size:13px;font-weight:700;letter-spacing:.2px}.session-btn-sub{font-size:10.5px;opacity:.75;font-weight:400;letter-spacing:.3px}.session-btn-end{background:linear-gradient(135deg,#00e5ff2e,#00e5ff0a);border-color:#00e5ff80;color:#67e8f9}.session-btn-end:hover:not(:disabled){background:linear-gradient(135deg,#00e5ff52,#00e5ff14);border-color:#22d3ee}.session-btn-keep{background:linear-gradient(135deg,#a78bfa38,#a78bfa0d);border-color:#a78bfa8c;color:#c4b5fd}.session-btn-keep:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa5c,#a78bfa1a);border-color:#a78bfa}.session-btn-warn{background:linear-gradient(135deg,#f59e0b33,#f59e0b0d);border-color:#f59e0b99;color:#fcd34d}.session-btn-warn:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b59,#f59e0b1a);border-color:#f59e0b}.session-btn-danger{background:linear-gradient(135deg,#ef444433,#ef44440d);border-color:#ef444499;color:#fca5a5}.session-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef444459,#ef44441a);border-color:#ef4444}@media (max-width: 480px){.session-btn{padding:10px 12px}.session-btn-title{font-size:12px}.session-btn-sub{font-size:10px}}.session-current-hint{color:var(--muted);font-size:11px;font-style:italic;letter-spacing:.3px}.session-row{display:flex;align-items:stretch;gap:4px}.session-row-main{flex:1;min-width:0;padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:12px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;display:flex;flex-direction:column;gap:4px}.session-row-main:hover{background:linear-gradient(135deg,#00e5ff14,#00e5ff05);border-color:#00e5ff80}.session-row-line1{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.session-row-label{color:var(--cyan);font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-row-when{color:var(--muted);font-size:10px;letter-spacing:.3px;white-space:nowrap}.session-row-line2{color:var(--muted);font-size:10px;letter-spacing:.3px}.session-row-machine{color:var(--label)}.session-row-maker{color:var(--muted)}.session-row-summary{display:flex;flex-wrap:wrap;gap:12px;color:var(--text);font-size:11px;font-family:JetBrains Mono,monospace;letter-spacing:.3px}.session-diff.positive{color:var(--cyan);font-weight:600}.session-diff.negative{color:#fca5a5;font-weight:600}.session-row-actions{display:flex;flex-direction:column;gap:4px}.session-row-btn{padding:0 10px;min-width:36px;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-family:inherit;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;flex:1}.session-row-btn:hover{background:#00e5ff1f;border-color:#00e5ff80;color:var(--cyan)}.session-row-btn-delete:hover{background:#ef444426;border-color:#ef444499;color:#fca5a5}.session-row-btn-ok:hover{background:#22c55e2e;border-color:#22c55e99;color:#86efac}.session-row-editing{display:flex;align-items:center;gap:8px;flex:1;padding:8px 10px;background:var(--card);border:1px solid rgba(0,229,255,.4);border-radius:8px}.session-row-rename-input{flex:1;padding:8px 10px;background:var(--bg, #0c0c14);border:1px solid var(--border);border-radius:6px;color:var(--text, #e5e5ec);font-family:inherit;font-size:14px;outline:none}.session-row-rename-input:focus{border-color:#00e5ff99;box-shadow:0 0 0 2px #00e5ff26}.session-row-rename-actions{display:flex;gap:6px;flex-shrink:0}.theme-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:10999}.theme-drawer{position:fixed;top:0;right:0;width:400px;height:100vh;background:#121218f5;border-left:1px solid rgba(167,139,250,.3);box-shadow:-8px 0 30px #00000080;z-index:11000;display:flex;flex-direction:column;animation:drawer-slide-in .25s ease-out}@keyframes drawer-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px) and (orientation: portrait){.theme-drawer{top:auto;right:0;left:0;bottom:0;width:100%;height:55dvh;border-left:none;border-top:1px solid rgba(167,139,250,.3);box-shadow:0 -8px 30px #00000080;border-top-left-radius:16px;border-top-right-radius:16px;animation:drawer-slide-up .25s ease-out}@keyframes drawer-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.theme-drawer-header{position:relative}.theme-drawer-header:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:2px;background:#a78bfa59}}@media (max-width: 640px) and (orientation: portrait){body:has(.theme-drawer) .app-mode{align-items:flex-start;padding-top:8px}body:has(.theme-drawer) .app-mode .view-stack-mobile,body:has(.theme-drawer) .app-mode .view-stack-mobile-landscape,body:has(.theme-drawer) .app-mode .view-stack-pc{zoom:.52}}.theme-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.theme-drawer-title{color:#c4b5fd;font-size:14px;font-weight:700;letter-spacing:2px}.theme-drawer-body{flex:1;overflow-y:auto;padding:14px 16px}.theme-drawer-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}.theme-section{margin-bottom:18px;padding:10px 12px;background:var(--card-solid);border:1px solid var(--border);border-radius:8px}.theme-section-title{color:#c4b5fd;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:8px}.theme-slider-row{display:flex;align-items:center;gap:12px}.theme-slider{flex:1;accent-color:#a78bfa}.theme-slider:disabled{opacity:.4;cursor:not-allowed}.theme-slider-value{min-width:48px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:12px;text-align:right}.theme-hint{color:var(--muted);font-size:10px;margin-top:4px;letter-spacing:.3px}.theme-hint strong{color:var(--cyan);font-weight:600}.theme-checkbox-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:12px;color:var(--label-bright);letter-spacing:.3px;-webkit-user-select:none;user-select:none}.theme-checkbox-row input[type=checkbox]{flex-shrink:0;width:16px;height:16px;margin-top:1px;accent-color:var(--cyan);cursor:pointer}.theme-checkbox-row span{line-height:1.5}.theme-btn{padding:6px 14px;background:var(--card-solid);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s}.theme-btn:hover{background:var(--card-hover)}.theme-btn-primary{border-color:#a78bfa80;color:#c4b5fd;background:linear-gradient(135deg,#a78bfa26,#a78bfa0d)}.theme-btn-primary:hover{background:linear-gradient(135deg,#a78bfa40,#a78bfa1a);border-color:#a78bfae6}.theme-btn-danger{border-color:#ef444480;color:#fca5a5}.theme-btn-danger:hover{background:#ef444426;border-color:#ef4444e6}.theme-file-input{display:none}.theme-bg-preview{display:flex;gap:12px;align-items:center}.theme-bg-preview img{width:120px;height:80px;object-fit:cover;border:1px solid var(--border);border-radius:6px}.theme-bg-preview-actions{display:flex;flex-direction:column;gap:6px;flex:1}.theme-error{margin-top:8px;padding:6px 10px;background:#ef444426;border:1px solid rgba(239,68,68,.5);border-radius:4px;color:#fca5a5;font-size:11px}.theme-font-list{display:flex;flex-direction:column;gap:6px}.theme-font-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.theme-font-item:hover{background:var(--card-hover)}.theme-font-item.active{border-color:#a78bfa99;background:linear-gradient(135deg,#a78bfa1a,#a78bfa05)}.theme-font-item input[type=radio]{accent-color:#a78bfa;cursor:pointer}.theme-font-name{color:var(--text);font-size:12px;font-family:inherit}.theme-font-sample{color:var(--cyan);font-size:14px;letter-spacing:1px;text-shadow:0 0 6px rgba(0,229,255,.3)}.theme-font-sample-dseg7{font-family:DSEG7 Classic,monospace}.theme-font-sample-dseg7Modern{font-family:DSEG7 Modern,DSEG7 Classic,monospace}.theme-font-sample-dseg14{font-family:DSEG14 Classic,DSEG7 Classic,monospace}.theme-font-sample-shareTech{font-family:Share Tech Mono,monospace}.theme-font-sample-jetbrains{font-family:JetBrains Mono,monospace}.theme-font-sample-orbitron{font-family:Orbitron,monospace;font-weight:700}.theme-font-sample-vt323{font-family:VT323,monospace;font-size:18px}.theme-font-sample-audiowide{font-family:Audiowide,monospace}.theme-font-sample-majorMono{font-family:Major Mono Display,monospace}.theme-font-sample-teko{font-family:Teko,sans-serif;font-weight:700;font-size:18px}.theme-font-sample-blackOps{font-family:Black Ops One,sans-serif}.theme-font-sample-rubikMono{font-family:Rubik Mono One,monospace;font-size:13px}.theme-font-sample-zenDots{font-family:Zen Dots,sans-serif;font-size:13px}.theme-font-sample-iceland{font-family:Iceland,sans-serif;font-size:16px}.theme-font-sample-russoOne{font-family:Russo One,sans-serif;font-size:14px}.theme-font-sample-monoton{font-family:Monoton,sans-serif;font-size:16px;letter-spacing:1px}.theme-font-sample-hollowNeon{font-family:Audiowide,sans-serif;font-size:15px;letter-spacing:1.5px;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:var(--cyan);-webkit-text-stroke-width:1.2px;text-shadow:0 0 6px rgba(0,229,255,.8),0 0 12px rgba(0,229,255,.4)}.cropper-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:11200;padding:20px}.cropper-modal{width:min(900px,100%);max-height:90vh;max-height:88dvh;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;color:var(--text)}.cropper-workspace{position:relative;width:100%;height:min(480px,60vh);background:#000;border:1px solid var(--border);border-radius:6px;margin:12px 0}.cropper-controls{padding:8px 4px}.cropper-control-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cropper-control-label{color:var(--muted);font-size:11px;letter-spacing:1px;min-width:80px}.cropper-aspect-buttons{display:flex;gap:6px;flex-wrap:wrap}.cropper-aspect-btn{padding:4px 10px;background:var(--card-solid);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:inherit;font-size:11px;cursor:pointer;transition:background .15s,border-color .15s}.cropper-aspect-btn:hover{background:var(--card-hover)}.cropper-aspect-btn.active{border-color:#a78bfa99;background:linear-gradient(135deg,#a78bfa33,#a78bfa0d);color:#c4b5fd}.cropper-hint{color:var(--muted);font-size:10px;font-style:italic;margin-top:6px}@media (max-width: 1100px){.session-pill{left:420px}.log-pill{left:540px}.theme-pill{left:640px}}@media (max-width: 1000px){.session-pill{left:340px}.log-pill{left:460px}.theme-pill{left:560px}}@media (max-width: 900px){.session-pill{padding:5px 10px;font-size:10px;left:280px}.log-pill{padding:5px 10px;font-size:10px;left:380px}.theme-pill{padding:5px 10px;font-size:10px;left:470px}}@media (max-width: 760px){.session-pill-label,.log-pill-label{display:none}.session-pill{left:240px;padding:5px 8px}.log-pill{left:295px;padding:5px 8px}.theme-pill{left:355px;padding:5px 8px}}@media (max-width: 540px){.session-pill{left:180px;padding:4px 7px}.log-pill{left:230px;padding:4px 7px}.theme-pill{left:280px;padding:4px 7px}}@media (max-width: 420px){.session-pill{left:150px;padding:4px 6px;font-size:10px}.log-pill{left:190px;padding:4px 6px;font-size:10px}.theme-pill{left:230px;padding:4px 6px;font-size:10px}}@media (max-width: 600px){.theme-drawer{width:100vw;border-left:none}.theme-drawer-header,.theme-drawer-body{padding:12px}.theme-drawer-footer{padding:10px 12px}}@media (max-width: 600px){.cropper-modal-overlay{padding:8px}.cropper-modal{padding:12px;max-height:94vh;max-height:92dvh}.cropper-aspect-btn{padding:3px 8px;font-size:10px}.cropper-control-label{min-width:60px;font-size:10px}}.toast-host{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:12000;max-width:min(560px,calc(100vw - 32px));padding:12px 16px;display:flex;align-items:center;gap:12px;background:#14121cf5;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 40px #0009;font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:12.5px;color:var(--text);letter-spacing:.3px;animation:toast-slide-in .25s ease-out}@keyframes toast-slide-in{0%{transform:translate(-50%,30px);opacity:0}to{transform:translate(-50%);opacity:1}}.toast-host.toast-success{border-color:#00e5ff99;box-shadow:0 10px 40px #0009,0 0 16px #00e5ff2e}.toast-host.toast-success .toast-message{color:#67e8f9}.toast-host.toast-warning{border-color:#f59e0b99}.toast-host.toast-warning .toast-message{color:#fcd34d}.toast-host.toast-error{border-color:#ef444499}.toast-host.toast-error .toast-message{color:#fca5a5}.toast-message{flex:1;line-height:1.5;white-space:pre-line}.toast-close{background:transparent;border:none;color:var(--muted);font-size:16px;cursor:pointer;padding:0 4px;line-height:1;border-radius:4px}.toast-close:hover{color:var(--text);background:#ffffff0f}.update-banner{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:12px;padding:10px 16px;min-width:320px;max-width:min(640px,calc(100vw - 32px));border-radius:0 0 12px 12px;box-shadow:0 8px 24px #00000080;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:update-banner-slide-in .22s ease-out}@keyframes update-banner-slide-in{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.update-banner-icon{font-size:18px;flex-shrink:0}.update-banner-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-banner-progress{width:120px;height:6px;background:#fff3;border-radius:3px;overflow:hidden;flex-shrink:0}.update-banner-progress-fill{height:100%;background:linear-gradient(90deg,#00e5ff,#00ffa0);transition:width .3s ease-out}.update-banner-btn{background:#ffffff1f;color:inherit;border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .16s,transform 80ms}.update-banner-btn:hover{background:#ffffff38}.update-banner-btn:active{transform:scale(.96)}.update-banner-btn-primary{background:linear-gradient(135deg,#00e5ff,#00b8d9);color:#001015;border-color:transparent;box-shadow:0 0 12px #00e5ff80}.update-banner-btn-primary:hover{background:linear-gradient(135deg,#33edff,#00c7eb)}.update-banner-downloading{background:linear-gradient(135deg,#005078f2,#003c64f2);color:#e0f7ff;border:1px solid rgba(0,229,255,.4)}.update-banner-ready{background:linear-gradient(135deg,#281e00f2,#3c320af2);color:#fff0c0;border:1px solid rgba(255,215,0,.6);box-shadow:0 8px 24px #00000080,0 0 20px #ffd7004d;animation:update-banner-slide-in .22s ease-out,update-banner-pulse 2.4s ease-in-out .22s infinite}@keyframes update-banner-pulse{0%,to{box-shadow:0 8px 24px #00000080,0 0 20px #ffd7004d}50%{box-shadow:0 8px 24px #00000080,0 0 30px #ffd7008c}}.update-banner-error{background:linear-gradient(135deg,#501414f2,#641e1ef2);color:#ffd4d4;border:1px solid rgba(255,80,80,.4)}@media (max-width: 600px){.update-banner{left:8px;right:8px;transform:none;min-width:0;max-width:none;font-size:13px;padding:8px 12px}@keyframes update-banner-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.update-banner-progress{width:80px}}
