:root{--font-sans:-apple-system, BlinkMacSystemFont, "Pretendard", "Noto Sans KR", "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:var(--font-sans);color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.screen{place-items:center;width:100%;height:100dvh;display:grid}.screen-number{font-variant-numeric:tabular-nums;margin:0;font-size:25vmin;font-weight:700;line-height:1}.aging-room{background:radial-gradient(#28533c0c,#0000 78%);border:1px solid #71a18b23;border-radius:7px;width:1840px;height:960px;position:absolute;top:50px;left:40px}.aging-room-climate{color:#769784;font-family:var(--font-mono);letter-spacing:1px;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;top:18px;right:23px}.aging-tank{width:230px;color:inherit;cursor:pointer;appearance:none;background:0 0;border:1px solid #0000;border-radius:5px;flex-direction:column;align-items:center;margin:0;padding:0 0 8px;transition:background .16s,border-color .16s;display:flex;position:absolute}.aging-tank:hover{background:#6fc09b06;border-color:#89d1b11c}.aging-tank:focus-visible{outline-offset:5px;outline:2px solid #94d5b9}.aging-tank--selected{background:#6fc09b0d;border-color:#89d1b166}.aging-tank-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 8px 10px #0004);width:230px;height:345px;display:block}.aging-tank-id{color:#c5d9cd;font-family:var(--font-mono);letter-spacing:.7px;margin-top:8px;font-size:14px;font-weight:500;line-height:22px;display:block}@media (prefers-reduced-motion:reduce){.aging-tank{transition:none}}.pipe-flow{z-index:12;pointer-events:none;width:1920px;height:1080px;position:absolute;inset:0;overflow:visible}.tank-test-panel{z-index:40;color:#dfeef7;width:clamp(320px,20vw,420px);max-width:calc(100% - 40px);max-height:calc(100% - 40px);font-family:var(--font-sans), sans-serif;scrollbar-color:#3c5a6d transparent;background:#101c26f5;border:1px solid #7298b35c;border-radius:12px;font-size:clamp(14px,.65vw,20px);line-height:1.4;position:absolute;top:20px;right:20px;overflow-y:auto;box-shadow:0 16px 70px #0008}.tank-test-panel--left{left:20px;right:auto}.tank-test-panel select,.tank-test-panel button,.tank-test-panel input{font:inherit}.tank-test-panel button,.tank-test-panel select{color:inherit;cursor:pointer}.tank-test-panel button:focus-visible,.tank-test-panel select:focus-visible,.tank-test-panel input:focus-visible{outline-offset:3px;outline:2px solid #a8ddff}.tank-test-panel__header{border-bottom:1px solid #7298b32b;align-items:flex-start;gap:12px;padding:20px;display:flex}.tank-test-panel__header>div{flex:1;min-width:0}.tank-test-panel__badge{color:#9dd8fc;font-family:var(--font-mono), monospace;letter-spacing:1.8px;margin-bottom:8px;font-size:.7em;display:block}.tank-test-panel__tank-label{clip-path:inset(50%);width:1px;height:1px;display:block;position:absolute;overflow:hidden}.tank-test-panel select{background:#192d3b;border:1px solid #55748b80;border-radius:6px;width:100%;min-height:42px;padding:9px 10px}.tank-test-panel__header select{padding-left:8px;font-weight:600}.tank-test-panel__close{background:#55748b26;border:0;border-radius:5px;flex:0 0 32px;width:32px;height:32px;padding:0;line-height:1;font-size:25px!important}.tank-test-panel__controls{gap:20px;padding:22px 20px;display:grid}.tank-test-panel__field{gap:9px;display:grid}.tank-test-panel__field>span,.tank-test-panel__speed legend{color:#b9cfdf}.tank-test-panel__speed{border:0;min-width:0;margin:0;padding:0}.tank-test-panel__speed legend{margin-bottom:9px;padding:0}.tank-test-panel__speed>div{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.tank-test-panel__speed button{background:#162a38;border:1px solid #53738b66;border-radius:5px;min-height:40px;padding:8px 5px}.tank-test-panel__speed button[aria-pressed=true]{color:#effaff;background:#386585;border-color:#a8ddff}.tank-test-panel__switch-row{cursor:pointer;align-items:center;gap:10px;min-height:35px;display:flex}.tank-test-panel__switch-row>span:first-child{flex:1}.tank-test-panel__switch-state{color:#829eaf;font-size:.8em}.tank-test-panel input[role=switch]{appearance:none;cursor:pointer;background:#233541;border:1px solid #6e8da46b;border-radius:15px;flex:0 0 42px;width:42px;height:24px;margin:0}.tank-test-panel input[role=switch]:before{content:"";background:#9cb0be;border-radius:50%;width:16px;height:16px;margin:3px;transition:transform .12s;display:block}.tank-test-panel input[role=switch]:checked{background:#457fa5;border-color:#9cd8ff}.tank-test-panel input[role=switch]:checked:before{background:#e6f7ff;transform:translate(17px)}.tank-test-panel__supplies{background:#090f143d;border:1px solid #63839a36;border-radius:6px;margin:0;padding:13px 12px;font-size:.78em}.tank-test-panel__supplies>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.tank-test-panel__supplies>div+div{margin-top:11px}.tank-test-panel__supplies dt{color:#92adbf}.tank-test-panel__supplies dd{align-items:center;gap:10px;margin:0;display:flex}.tank-test-panel__supplies strong{color:#8399a7;font-weight:500}.tank-test-panel__supplies strong[data-running=true]{color:#ace1ff}.tank-test-panel__readout{justify-content:space-between;align-items:center;display:flex}.tank-test-panel__readout>span{color:#b9cfdf}.tank-test-panel__readout>strong{font-family:var(--font-mono), monospace;font-weight:500}.tank-test-panel__footer{border-top:1px solid #7298b32b;padding:17px 20px 20px}.tank-test-panel__reset{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tank-test-panel__reset button{background:#1a2c39;border:1px solid #4f6b7e70;border-radius:5px;min-height:38px;padding:8px 6px;font-size:.8em}.tank-test-panel__reset button:hover,.tank-test-panel__close:hover{background:#294558}.tank-test-panel__footer p{color:#708a9c;margin:12px 0 0;font-size:.7em;line-height:1.7}@media (width<=600px){.tank-test-panel{max-width:calc(100% - 20px);max-height:calc(100% - 20px);top:10px;right:10px}.tank-test-panel--left{left:10px;right:auto}}@media (prefers-reduced-motion:reduce){.tank-test-panel input[role=switch]:before{transition:none}}.dashboard-viewport{background:#080d12;width:100%;height:100dvh;position:relative;overflow:hidden}.dashboard-board{transform-origin:50%;color:#e7eef3;background:radial-gradient(at 55% 45%,#15242c38,#0000 75%),#090f14;width:1920px;height:1080px;position:absolute;top:50%;left:50%;overflow:hidden}.dashboard-board:before{content:"";pointer-events:none;opacity:.16;background-image:radial-gradient(#6377875e .6px,#0000 .6px);background-size:20px 20px;position:absolute;inset:0}.dashboard-board button{-webkit-tap-highlight-color:transparent;font:inherit;color:inherit;cursor:pointer}.dashboard-board button:focus-visible{outline-offset:5px;outline:2px solid #87c5ff}.production-floor{position:absolute;inset:0}.production-zone{z-index:1;pointer-events:none;border:1px solid #86afd12b;border-radius:10px;position:absolute;box-shadow:inset 0 1px #c2dfff06}.production-zone--water{background:#38648733;border-color:#83b8dc30}.production-zone--fermentation{background:#38597c2b}.production-zone--product{background:#254c8338;border-color:#6d9dde33}.pipe-network{pointer-events:none;z-index:11;width:1920px;height:1080px;position:absolute;inset:0;overflow:visible}.pipe-network--front{z-index:13}.pipe-network g[data-circuit]{transition:opacity .18s}.tank-node{z-index:10;background:0 0;border:0;border-radius:5px;padding:0;position:absolute}.tank-node:before{content:"";border:1px solid #0000;border-radius:5px;transition:border-color .15s,background .15s;position:absolute;inset:0 -3px -24px}.tank-node:hover:before{background:#5c9bc906;border-color:#6494b12b}.tank-node--selected:before{background:#3d88b512;border-color:#80b7de90}.tank-node img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 6px #0005);width:100%;height:100%;display:block}.tank-id{text-align:center;color:#c1d1dd;font-family:var(--font-mono);letter-spacing:.7px;font-size:14px;font-weight:500;line-height:20px;position:absolute;bottom:-21px;left:0;right:0}.tank-node--water .tank-id{bottom:-6px}.source-temperature{font-family:var(--font-mono);text-align:center;color:#e5f7ff;background:#06436bd4;border:1px solid #5db5e266;border-radius:3px;padding:6px 0;font-size:15px;font-weight:500;position:absolute;top:46%;left:31%;right:31%}.source-temperature--cold{background:#163674d4;border-color:#507fd6aa}.source-temperature--raw{font-family:var(--font-sans);background:#183644d4;border-color:#83a9bb66}.rail-label{z-index:16;font-size:11px;font-family:var(--font-mono);letter-spacing:.3px;background:#090f14;padding:2px 9px;position:absolute}.rail-label--water{color:#9bd7ff;top:15px;left:1270px}.rail-label--cool{color:#9bd7ff;top:991px;left:1270px}.rail-label--cold{color:#2863dc;top:1031px;left:1270px}@media (prefers-reduced-motion:reduce){.pipe-network g[data-circuit],.tank-node:before{transition:none}}