:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1016;--glass:#121a266b;--glass-hi:#ffffff0b;--edge:#78c8ff2e;--edge-hi:#ffffff52;--text:#eef3f8;--dim:#e1ebf59e;--acc:#5ee6ff;--acc2:#7c8cff;--ok:#5af0a5;--bad:#ff7a8a}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:13px/1.5 Pretendard,Malgun Gothic,system-ui,sans-serif;overflow:hidden}#bg{z-index:0;pointer-events:none;position:fixed;inset:0}#bg canvas{width:100vw!important;height:100vh!important}#view{z-index:1;touch-action:none;background:0 0;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{z-index:2;box-sizing:border-box;-webkit-backdrop-filter:blur(24px)saturate(150%);border:1px solid var(--edge);width:340px;max-height:calc(100vh - 32px);box-shadow:0 24px 60px #00000059, inset 0 1px 0 var(--edge-hi), inset 0 -1px 0 #ffffff0a;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;background:linear-gradient(160deg,#141e2eb8,#080c149e 45%,#060a12b3);border-radius:22px;flex-direction:column;gap:12px;padding:16px;display:flex;position:fixed;top:16px;left:16px;overflow-y:auto}header{align-items:center;gap:12px;display:flex}.logo{background:radial-gradient(circle at 30% 25%, #ffffffe6, transparent 35%), linear-gradient(135deg, var(--acc), var(--acc2));border-radius:12px;flex:none;width:38px;height:38px;box-shadow:0 6px 18px #5ee6ff59,inset 0 0 0 1px #ffffff59}h1{letter-spacing:.01em;margin:0;font-size:15.5px;font-weight:700}.sub{color:var(--dim);font-size:11.5px}.sec{background:var(--glass-hi);border:1px solid #78c8ff1a;border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex;box-shadow:inset 0 1px #ffffff1f}.sec h2{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 0 2px;font-size:11px;font-weight:700}select{appearance:none;font:inherit;color:var(--text);cursor:pointer;border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23e8f0f8' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") right 14px center no-repeat;border-radius:14px;padding:10px 36px 10px 14px;box-shadow:inset 0 1px #ffffff24}select option{background:#18212d}button{font:inherit;color:var(--text);cursor:pointer;transition:transform .12s,box-shadow .2s,background .2s,border-color .2s}button.primary{letter-spacing:.02em;color:#06121c;background:linear-gradient(135deg,#5ee6fff2,#7c8cfff2);border:1px solid #ffffff8c;border-radius:14px;padding:11px 14px;font-weight:700;box-shadow:0 8px 24px #5ee6ff59,inset 0 1px #ffffffb3}button.primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px #5ee6ff80,inset 0 1px #fffc}button.primary:active{transform:translateY(0)}.chip{border:1px solid var(--edge);color:var(--dim);background:#ffffff0d;border-radius:999px;padding:6px 11px;font-size:12px}.chip.on{color:var(--text);background:#5ee6ff29;border-color:#5ee6ff8c;box-shadow:0 0 14px #5ee6ff38,inset 0 1px #ffffff2e}.chip:hover{border-color:var(--edge-hi)}.layers{flex-wrap:wrap;gap:6px;display:flex}.row{justify-content:space-between;align-items:center;gap:10px;min-height:26px;display:flex}.row>span{color:var(--text)}.row input[type=range]{flex:1}input.switch{appearance:none;cursor:pointer;border:1px solid var(--edge);background:#ffffff1f;border-radius:999px;flex:none;width:40px;height:22px;margin:0;transition:background .2s,border-color .2s;position:relative;box-shadow:inset 0 1px 3px #00000059}input.switch:after{content:"";background:linear-gradient(#fff,#d6e2ee);border-radius:50%;width:16px;height:16px;transition:transform .2s cubic-bezier(.4,1.4,.6,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #00000059}input.switch:checked{background:linear-gradient(135deg,#5ee6ffd9,#7c8cffd9);border-color:#ffffff80;box-shadow:0 0 12px #5ee6ff66}input.switch:checked:after{transform:translate(18px)}input[type=range]{appearance:none;background:#ffffff2e;border-radius:999px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(#fff,#cfe6f5);border:1px solid #fffc;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #5ee6ff80}.card{background:#0000002e;border:1px solid #ffffff14;border-radius:14px;padding:10px 12px}.card table{border-collapse:collapse;width:100%;margin:6px 0;font-size:12px}.card th{color:var(--dim);font-weight:600}.card th,.card td{text-align:right;border-bottom:1px solid #ffffff12;padding:2px 4px}.card th:first-child,.card td:first-child{text-align:left}.info{background:#5ee6ff14;border-color:#5ee6ff40}.u{color:var(--acc);font-weight:700}.ok{color:var(--ok);font-weight:700}.bad{color:var(--bad);font-weight:700}.note{color:var(--dim);padding:0 4px;font-size:11px}.loading{z-index:5;color:var(--dim);background:radial-gradient(circle at 50% 40%, #16222f, var(--bg));place-items:center;font-size:15px;display:grid;position:fixed;inset:0}@media (max-width:640px){#ui{width:calc(100vw - 32px);max-height:48vh;top:auto;bottom:16px}}.row.num{justify-content:flex-start}.row.num>span:first-child{width:92px;color:var(--dim);flex:none}.row.num input[type=range]{flex:1}.val{text-align:right;font-variant-numeric:tabular-nums;width:54px;color:var(--acc);font-weight:600}