:root{--cyan: #a8e2ff;--cyan-dim: rgba(168, 226, 255, .45);--cyan-faint: rgba(168, 226, 255, .18);--hot: #e6f7ff;--bg-0: #030b12;--bg-1: #061a26;--glow: 0 0 10px rgba(120, 205, 255, .45);--font: "Jost", "Century Gothic", "Futura", "Trebuchet MS", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-0);color:var(--cyan);font-family:var(--font);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.app{position:relative;height:100%;width:100%;background:radial-gradient(120% 90% at 50% 45%,#0a2436 0%,#051520 55%,var(--bg-0) 100%);overflow:hidden}kbd{font-family:var(--font);border:1px solid var(--cyan-faint);border-radius:3px;padding:0 5px;font-size:.85em}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60}.crt-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0px,rgba(0,0,0,.28) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.75}.crt-sweep{position:absolute;left:0;right:0;height:22vh;background:linear-gradient(180deg,transparent,rgba(150,220,255,.035),transparent);animation:sweep 7.5s linear infinite}@keyframes sweep{0%{transform:translateY(-25vh)}to{transform:translateY(105vh)}}.crt-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 100% at 50% 50%,transparent 45%,rgba(0,0,0,.55) 85%,rgba(0,0,0,.85) 100%)}.file-select{height:100%;display:grid;place-items:center;padding:clamp(8px,2vw,28px)}.crt-bezel{width:min(1180px,100%);height:min(100%,860px);border-radius:26px;padding:clamp(10px,1.6vw,22px);background:linear-gradient(160deg,#10222c,#060f16 60%,#0c1c25);box-shadow:inset 0 0 40px #000000e6,0 30px 80px #000000b3;border:1px solid rgba(120,190,220,.12)}.crt-screen{height:100%;border-radius:16px;background:radial-gradient(120% 90% at 50% 40%,#0b2a3c,#061a26 60%,#03101a);box-shadow:inset 0 0 60px #000000bf;padding:clamp(14px,2.4vw,30px);display:flex;flex-direction:column;overflow:hidden}.fs-header{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--cyan-faint)}.fs-header-right{margin-left:auto}.fs-title{letter-spacing:.34em;text-transform:uppercase;font-size:clamp(11px,1.6vw,15px);font-weight:400;text-shadow:var(--glow)}.fs-lead{margin:18px 0 10px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-dim)}.crate-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:clamp(10px,1.6vw,22px);padding:10px 6px 18px;scrollbar-width:thin;scrollbar-color:var(--cyan-faint) transparent}.crate-grid::-webkit-scrollbar{width:8px}.crate-grid::-webkit-scrollbar-thumb{background:var(--cyan-faint);border-radius:4px}.crate{background:none;border:1px solid transparent;color:var(--cyan);cursor:pointer;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:8px;transition:transform .18s ease,border-color .18s ease,filter .18s ease;filter:drop-shadow(0 0 6px rgba(110,200,255,.25))}.crate:hover,.crate:focus-visible{transform:translateY(-4px);border-color:var(--cyan-faint);filter:drop-shadow(0 0 14px rgba(140,220,255,.6));outline:none}.crate.is-complete{color:#d6f4ff}.crate-svg{width:100%;max-width:132px;height:auto}.crate-label{font-family:var(--font);letter-spacing:.02em;fill:currentColor}.crate-meta{width:100%;max-width:132px;display:flex;flex-direction:column;gap:4px;align-items:center;font-size:11px;letter-spacing:.16em}.crate-bar{width:100%;height:3px;background:#a8e2ff26;display:block}.crate-bar-fill{display:block;height:100%;background:var(--cyan);box-shadow:var(--glow);transition:width .3s ease}.fs-footer{border-top:1px solid var(--cyan-faint);padding-top:10px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan-dim)}.refiner{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.refiner.is-holding{cursor:grabbing}.grid-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;touch-action:none}.mdr-header{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:18px;padding:10px clamp(10px,2vw,26px);border-bottom:1px solid var(--cyan-faint);background:linear-gradient(180deg,#04121beb,#04121b66);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hdr-left,.hdr-right{display:flex;align-items:center;gap:12px}.hdr-right{margin-left:auto}.hdr-file{font-size:clamp(13px,1.8vw,18px);letter-spacing:.22em;text-transform:uppercase;text-shadow:var(--glow);white-space:nowrap}.hdr-progress{flex:1;display:flex;align-items:center;gap:12px;min-width:90px}.hdr-progress-track{flex:1;height:8px;border:1px solid var(--cyan-dim);padding:1px}.hdr-progress-fill{height:100%;background:var(--cyan);box-shadow:var(--glow);transition:width .45s cubic-bezier(.22,1,.36,1)}.hdr-pct{font-size:11px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:var(--cyan-dim)}.hdr-session{font-size:10px;letter-spacing:.22em;color:#a8e2ff52}.ghost-btn{background:none;border:1px solid var(--cyan-faint);color:var(--cyan);font-family:var(--font);font-size:14px;line-height:1;width:26px;height:26px;border-radius:3px;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,border-color .15s ease}.ghost-btn:hover{background:#78c8ff24;border-color:var(--cyan-dim)}.lumon-logo{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);filter:drop-shadow(0 0 6px rgba(120,205,255,.5))}.lumon-word{letter-spacing:.4em;font-size:calc(var(--logo-size) * .52);text-transform:uppercase}.status-line{position:absolute;left:0;right:0;bottom:calc(var(--dock-h, 190px));z-index:2;text-align:center;font-size:11px;letter-spacing:.24em;text-transform:uppercase;pointer-events:none}.status-dim{color:#a8e2ff4d}.status-hot{color:var(--hot);text-shadow:var(--glow);animation:pulse-soft 1.4s ease-in-out infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}.bin-dock{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 clamp(6px,1.6vw,26px) clamp(10px,1.6vh,22px)}.dock-rule{height:1px;background:linear-gradient(90deg,transparent,var(--cyan-dim) 8%,var(--cyan-dim) 92%,transparent);margin-bottom:clamp(10px,1.6vh,20px);box-shadow:0 0 8px #78cdff59}.bins{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(6px,1.4vw,22px)}.bin{position:relative;cursor:pointer}.bin-box{border:2px solid var(--cyan-dim);height:clamp(42px,6vh,62px);display:grid;place-items:center;background:#081e2c8c;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .34s cubic-bezier(.3,1.2,.5,1)}.bin-num{font-size:clamp(15px,2.2vw,24px);letter-spacing:.18em;text-shadow:var(--glow)}.bin.is-armed .bin-box{border-color:#a8e2ffbf}.bin:hover .bin-box,.bin.is-open .bin-box{border-color:var(--hot);box-shadow:0 0 18px #8cdcff73,inset 0 14px 26px #0000008c,inset 0 0 22px #50b4f02e;background:#0e3044b3}.bin.is-open .bin-box{transform:translateY(-3px) scaleX(1.035)}.bin.is-full .bin-box{background:#143c54bf;border-color:#c8f4ffd9}.bin-meter{position:relative;margin-top:6px;height:18px;border:1px solid var(--cyan-faint);display:grid;place-items:center;overflow:hidden}.bin-meter-fill{position:absolute;left:0;top:0;bottom:0;background:#78cdff47;box-shadow:0 0 12px #78cdff66;transition:width .5s cubic-bezier(.22,1,.36,1)}.bin-meter-text{position:relative;font-size:clamp(9px,1.3vw,12px);letter-spacing:.16em}.bin-flaps{position:absolute;left:0;right:0;bottom:calc(clamp(42px,6vh,62px) + 24px);height:0;pointer-events:none;z-index:1}.bin-flap{position:absolute;bottom:-2px;width:62%;height:clamp(8px,1.1vh,12px);border:2px solid var(--cyan-dim);background:#0a24348c;opacity:0;transition:transform .42s cubic-bezier(.3,1.25,.5,1),opacity .22s ease,border-color .2s ease}.bin-flap.left{left:0;transform-origin:0% 100%;transform:rotate(0)}.bin-flap.right{right:0;transform-origin:100% 100%;transform:rotate(0)}.bin.is-open .bin-flap{opacity:1;border-color:var(--hot);box-shadow:0 0 12px #8cdcff4d}.bin.is-open .bin-flap.left{transform:rotate(-142deg)}.bin.is-open .bin-flap.right{transform:rotate(142deg)}.bin-panel{position:absolute;left:50%;bottom:calc(100% + 30px);transform:translate(-50%,8px);width:max(128px,90%);border:2px solid var(--cyan-dim);background:#051824eb;padding:8px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 0 24px #0009}.bin.is-open .bin-panel{opacity:1;transform:translate(-50%)}.bin-panel-head{border:2px solid var(--cyan-dim);text-align:center;font-size:clamp(13px,1.8vw,19px);letter-spacing:.16em;padding:2px 0;margin-bottom:8px;text-shadow:var(--glow)}.temper-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}.temper-key{width:26px;font-size:11px;letter-spacing:.1em}.temper-bar{flex:1;height:12px;border:2px solid var(--cyan-dim);display:block;position:relative;overflow:hidden}.temper-fill{position:absolute;left:0;top:0;bottom:0;transition:width .5s cubic-bezier(.22,1,.36,1)}.temper-wo{background:#a9e3c8}.temper-fc{background:#f4e3a8}.temper-dr{background:#f2f2f2}.temper-ma{background:#6fc7f5}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#020a10d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px;animation:fade-in .35s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel{width:min(560px,100%);max-height:100%;overflow-y:auto;border:2px solid var(--cyan-dim);background:linear-gradient(180deg,#071e2cf5,#041018f5);padding:clamp(18px,3vw,34px);text-align:center;box-shadow:0 0 60px #000c,inset 0 0 40px #14507826}.panel h2{margin:14px 0 10px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;font-size:clamp(15px,2.4vw,22px);text-shadow:var(--glow)}.panel-lead{color:#c8ebffcc;font-size:14px;line-height:1.65;margin-bottom:16px}.panel-steps{text-align:left;margin:0 auto 16px;padding-left:22px;max-width:430px;color:#c8ebffbf;font-size:13.5px;line-height:1.7}.panel-steps li{margin-bottom:8px}.panel-steps em{color:var(--hot);font-style:normal;text-shadow:var(--glow)}.panel-fine{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#a8e2ff6b;margin-bottom:18px;line-height:1.7}.panel-btn{background:#78c8ff1a;border:2px solid var(--cyan-dim);color:var(--cyan);font-family:var(--font);font-size:12px;letter-spacing:.24em;text-transform:uppercase;padding:10px 22px;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.panel-btn:hover{background:#8cd7ff38;border-color:var(--hot);box-shadow:0 0 20px #8cdcff59}.panel-btn.ghost{background:none}.panel-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.complete-pct{font-size:clamp(46px,9vw,84px);letter-spacing:.06em;margin-top:10px;text-shadow:0 0 26px rgba(140,220,255,.6);animation:pulse-soft 2.6s ease-in-out infinite}.complete-stats{display:flex;justify-content:center;gap:34px;margin:6px 0 18px}.complete-stats div{display:flex;flex-direction:column;gap:4px}.stat-num{font-size:26px;text-shadow:var(--glow)}.stat-key{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan-dim)}.capture-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(60% 50% at 50% 50%,rgba(150,225,255,.16),transparent 70%);animation:flash .42s ease-out forwards}@keyframes flash{0%{opacity:1}to{opacity:0}}@media (max-width: 720px){.hdr-progress,.hdr-session,.lumon-word{display:none}.bins{gap:5px}.bin-panel{width:150px}.status-line{font-size:9.5px;letter-spacing:.16em}}