:root{--kk-accent:#ff4d6d;--kk-accent-strong:#e63958;--kk-accent-tint:#fff0f3;--kk-bg:#f7f8fa;--kk-surface:#fff;--kk-border:#14191e14;--kk-text:#1a1f27;--kk-text-muted:#6b7280;--kk-danger:#d6323c;--kk-warn:#b25e09;--kk-font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--kk-label-l:600 16px/22px var(--kk-font);--kk-label-m:600 14px/20px var(--kk-font);--kk-label-s:600 12px/16px var(--kk-font);--kk-body-m:400 14px/22px var(--kk-font);--kk-body-s:400 13px/20px var(--kk-font);--kk-caption:400 12px/16px var(--kk-font)}*{box-sizing:border-box}body{font-family:var(--kk-font);background:var(--kk-bg);color:var(--kk-text);-webkit-font-smoothing:antialiased;margin:0}button,input{font-family:inherit}.nk-wrap{color:#cfd4da;min-height:100vh;font-family:var(--kk-font);background:radial-gradient(900px 500px at 50% -8%,#20242c 0%,#0b0d10 60%),#0b0d10;flex-direction:column;align-items:center;gap:14px;padding:20px 14px 34px;display:flex}.nk-device{background:linear-gradient(#2c313a 0%,#1d2127 52%,#15181d 100%);border:1px solid #0a0b0e;border-radius:18px;width:100%;max-width:480px;padding:18px 18px 20px;position:relative;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #000000b3,0 22px 44px #0000008c,0 2px 6px #0006}.nk-device:before{content:"";pointer-events:none;opacity:.5;background:repeating-linear-gradient(90deg,#ffffff05 0 1px,#00000008 1px 2px);border-radius:18px;position:absolute;inset:0}.nk-screw{background:radial-gradient(circle at 35% 30%,#767c85,#23262c 70%);border-radius:50%;width:11px;height:11px;position:absolute;box-shadow:inset 0 0 2px #000000e6,0 1px 1px #00000080}.nk-screw:after{content:"";border-top:1px solid #00000080;position:absolute;inset:3px;transform:rotate(35deg)}.nk-screw.tl{top:9px;left:9px}.nk-screw.tr{top:9px;right:9px}.nk-screw.bl{bottom:9px;left:9px}.nk-screw.br{bottom:9px;right:9px}.nk-topbar{justify-content:space-between;align-items:center;padding:0 6px 14px;display:flex}.nk-brand{letter-spacing:.2em;color:#d5dae1;font-size:13px;font-weight:800}.nk-brand .sub{color:#6b7078;letter-spacing:.16em;font-weight:700}.nk-lamp{font:700 10px/1 var(--kk-font);letter-spacing:.18em;color:#7b828b;align-items:center;gap:7px;display:inline-flex}.nk-led{background:#2a2d33;border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 2px #000000e6}.nk-led.green{background:#3df08a;box-shadow:0 0 7px #3df08ad9}.nk-led.red{background:#ff5a52;box-shadow:0 0 8px #ff5a52e6}.nk-led.amber{background:#ffcf4d;box-shadow:0 0 7px #ffcf4dd9}.nk-display{background:linear-gradient(#04130f 0%,#010a08 100%);border:1px solid #001b16;border-radius:9px;padding:16px 18px 14px;position:relative;overflow:hidden;box-shadow:inset 0 0 26px #000000e6,inset 0 0 44px #00504224,0 1px #ffffff0a}.nk-display:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000038 2px 3px);position:absolute;inset:0}.nk-vfd{color:#3fe3d0}.nk-vfd-glow{text-shadow:0 0 6px #3fe3d0bf,0 0 16px #3fe3d066}.nk-vfd-dim{color:#3fe3d038;text-shadow:none}.nk-vfd-num{letter-spacing:1px;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,Menlo,monospace;font-size:58px;font-weight:700;line-height:1}.nk-vfd-label{font:700 10px/1 var(--kk-font);letter-spacing:.24em;color:#2aa596}.nk-label{font:700 10px/1 var(--kk-font);letter-spacing:.22em;text-transform:uppercase;color:#7b828b}.nk-meter{gap:3px;display:flex}.nk-seg{background:#12151a;border-radius:2px;flex:1;height:15px;box-shadow:inset 0 0 2px #000000d9,inset 0 1px #ffffff08}.nk-seg.on.g{background:#37f08a;box-shadow:0 0 6px #37f08abf}.nk-seg.on.a{background:#ffcf4d;box-shadow:0 0 6px #ffcf4dbf}.nk-seg.on.r{background:#ff5a52;box-shadow:0 0 8px #ff5a52d9}.nk-round{cursor:pointer;color:#e8ebef;width:68px;height:68px;font:700 30px/1 var(--kk-font);background:radial-gradient(circle at 32% 26%,#3d434c 0%,#23262c 68%);border:1px solid #0d0e11;border-radius:50%;justify-content:center;align-items:center;transition:transform 50ms,box-shadow 50ms;display:inline-flex;box-shadow:0 4px #0d0e11,0 7px 12px #00000080,inset 0 1px 1px #ffffff24}.nk-round:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0d0e11,inset 0 2px 4px #0000008c}.nk-round:disabled{opacity:.4;cursor:default}.nk-key{cursor:pointer;color:#c3c8cf;font:700 11px/1 var(--kk-font);letter-spacing:.08em;background:linear-gradient(#363b43,#23262c);border:1px solid #0d0e11;border-radius:8px;padding:9px 12px;transition:transform 50ms,box-shadow 50ms;box-shadow:0 3px #0d0e11,inset 0 1px #ffffff1a}.nk-key:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0d0e11,inset 0 1px 3px #00000080}.nk-key:disabled{opacity:.4;cursor:default}.nk-power{cursor:pointer;color:#eef1f4;width:100%;font:800 15px/1 var(--kk-font);letter-spacing:.06em;background:linear-gradient(#3a4048,#24272d);border:1px solid #0d0e11;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 16px;transition:transform 50ms,box-shadow 50ms;display:flex;box-shadow:0 4px #0d0e11,0 8px 14px #00000073,inset 0 1px #ffffff1a}.nk-power:active{transform:translateY(3px);box-shadow:0 1px #0d0e11,inset 0 2px 5px #00000080}.nk-power.on{color:#ffd9d6;background:linear-gradient(#7a2420,#4a1512)}.nk-fader{appearance:none;cursor:pointer;background:0 0;width:100%;height:26px}.nk-fader::-webkit-slider-runnable-track{background:linear-gradient(90deg,#14171c,#2a2e35);border-radius:6px;height:8px;box-shadow:inset 0 1px 3px #000000d9}.nk-fader::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#5c636d 0%,#2b2f36 100%);border:1px solid #0c0d10;border-radius:4px;width:22px;height:26px;margin-top:-9px;box-shadow:0 2px 5px #0009,inset 0 1px 1px #ffffff40}.nk-panel{background:linear-gradient(#20242b,#15181d);border:1px solid #0a0b0e;border-radius:14px;width:100%;max-width:480px;padding:16px;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #0006}.nk-select{color:#d5dae1;width:100%;font:600 13px/1.2 var(--kk-font);background:#101318;border:1px solid #0d0e11;border-radius:9px;padding:10px 11px;box-shadow:inset 0 1px 3px #000000b3}.nk-input{color:#d5dae1;min-width:0;font:500 13px/1.2 var(--kk-font);background:#101318;border:1px solid #0d0e11;border-radius:9px;outline:none;flex:1;padding:10px 12px;box-shadow:inset 0 1px 3px #000000b3}.nk-input::placeholder{color:#5a6069}.nk-linkbtn{cursor:pointer;color:#06121a;font:700 13px/1 var(--kk-font);white-space:nowrap;background:linear-gradient(#48e6d3,#24b6a6);border:1px solid #0d0e11;border-radius:9px;padding:10px 15px;box-shadow:0 3px #0d0e11}.nk-linkbtn:active{transform:translateY(2px);box-shadow:0 1px #0d0e11}.nk-muted{color:#7b828b}.nk-warn{color:#ffcf4d}.nk-danger{color:#ff7b73}.nk-accent{color:#3fe3d0}