:root{--ground:#0e0f10;--block:#17191b;--ink:#e8e6e0;--pop:#35d0b5;--popD:#1f9e88;--trough:#0a0b0c;--onPop:var(--ground);--mut:color-mix(in srgb,var(--ink) 62%,transparent);--sa-top:env(safe-area-inset-top,0px);--sa-right:env(safe-area-inset-right,0px);--sa-bottom:env(safe-area-inset-bottom,0px);--sa-left:env(safe-area-inset-left,0px);color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;padding:calc(22px + var(--sa-top)) calc(16px + var(--sa-right)) calc(40px + var(--sa-bottom)) calc(16px + var(--sa-left));background:var(--ground);color:var(--ink);font:14px/1.55 Inter Tight,-apple-system,Segoe UI,Noto Sans KR,sans-serif;transition:background .8s,color .8s}a{color:inherit}.num,.tk-num{font-variant-numeric:tabular-nums}.tk-wrap{max-width:620px;margin:0 auto}.tk-wrap.wide{max-width:1120px}.tk-head{text-align:center;margin-bottom:18px}.tk-title{font-size:11px;margin:0 0 12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--ground);background:var(--ink);padding:6px 11px;display:inline-block;transform:rotate(-1deg)}.tk-sub{font-size:11px;font-weight:600;letter-spacing:.08em;opacity:.45}.tk-sec{font-size:10px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;margin:24px 0 8px;opacity:.45}.tk-hero{background:var(--block);border:3px solid var(--ink);padding:20px 16px 16px;box-shadow:7px 7px 0 var(--pop)}.tk-hero.pop{border-color:var(--pop)}.tk-card{background:var(--block);border:2px solid var(--ink);padding:12px 14px}.tk-card.on{border-color:var(--pop);box-shadow:5px 5px 0 var(--pop)}.tk-card.off{border-style:dashed}.tk-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tk-row{display:flex;align-items:center;gap:12px;padding:11px 11px 12px;margin-bottom:10px;background:var(--block);border:2px dashed var(--ink);border-left:7px solid var(--ink);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}.tk-row.on{border:2px solid var(--pop);border-left:7px solid var(--pop);box-shadow:5px 5px 0 var(--pop)}.tk-row.solid{border-style:solid}a.tk-row:hover{border-color:var(--pop);border-left-color:var(--pop)}.tk-row .grow{flex:1;min-width:0}.tk-name{font-size:14px;font-weight:800}.tk-mut{font-size:11.5px;font-weight:600;color:var(--mut)}.tk-chip{width:10px;height:10px;flex:none;display:inline-block;border:2px solid var(--ink)}.on .tk-chip,.tk-chip.on{background:var(--pop);border-color:var(--pop)}.tk-strip{background:var(--ink);color:var(--ground);padding:12px 14px 13px;font-size:12.5px;font-weight:700}.tk-strip b{color:var(--popD)}.tk-pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--onPop);background:var(--pop);padding:4px 11px;white-space:nowrap}.tk-pill.idle{background:transparent;color:var(--pop);border:2px solid var(--pop);padding:2px 9px}.tk-pill.ink{background:var(--ink);color:var(--ground)}.tk-pill.bad{background:#ff4d4d;color:#0e0f10}@keyframes tk-breathe{0%,to{opacity:1}50%{opacity:.5}}.tk-live{animation:tk-breathe var(--pulse,6s) ease-in-out infinite}.tk-bar{height:7px;background:var(--trough);overflow:hidden;border:2px solid var(--ground)}.tk-bar i{display:block;height:100%;background:var(--popD);transition:width .6s}.tk-strip .tk-bar{border-color:var(--ground)}.tk-btn,button.tk{font:inherit;font-size:12px;font-weight:800;letter-spacing:.1em;padding:8px 14px;min-width:64px;border:2px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.tk-btn:hover,button.tk:hover{background:var(--ink);color:var(--ground)}.tk-btn.pop,button.tk.pop{border-color:var(--pop);color:var(--pop)}.tk-btn.pop:hover,button.tk.pop:hover{background:var(--pop);color:var(--onPop)}.tk-btn:active,button.tk:active{transform:translate(2px,2px)}.tk-btn:disabled,button.tk:disabled{opacity:.4;cursor:wait}.tk-btn:focus-visible,button.tk:focus-visible,.tk-input:focus-visible{outline:2px solid var(--pop);outline-offset:2px}.tk-input{font:inherit;font-size:16px;font-weight:600;color:var(--ink);background:var(--block);border:2px solid var(--ink);border-radius:0;padding:10px 11px;width:100%;-webkit-appearance:none;appearance:none}.tk-input:focus{border-color:var(--pop);outline:none}select.tk-input{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:32px}textarea.tk-input{resize:vertical;min-height:5em}label.tk-label{display:block;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;opacity:.6;margin:12px 0 5px}.tk-back{position:fixed;inset:0;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.tk-modal{background:var(--block);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--pop);padding:18px;width:100%;max-width:460px;max-height:90vh;overflow:auto}.tk-back.sheet{align-items:flex-end;padding:0}.tk-back.sheet .tk-modal{max-width:520px;max-height:88vh;border-bottom:none;box-shadow:0 -7px 0 var(--pop);padding:18px 16px calc(18px + var(--sa-bottom))}@media(min-width:600px){.tk-back.sheet{align-items:center;padding:16px}.tk-back.sheet .tk-modal{border-bottom:3px solid var(--ink);box-shadow:7px 7px 0 var(--pop);padding:18px}}.tk-table{width:100%;border-collapse:collapse;font-size:13px}.tk-table th{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;text-align:left;opacity:.55;padding:6px 8px;border-bottom:2px solid var(--ink)}.tk-table td{padding:7px 8px;border-bottom:1px dashed color-mix(in srgb,var(--ink) 30%,transparent)}.tk-scroll{overflow-x:auto}.tk-foot{margin-top:18px;font-size:10px;font-weight:600;text-align:center;opacity:.4;letter-spacing:.08em;line-height:1.9}@media(prefers-reduced-motion:reduce){*{transition:none!important}.tk-live{animation:none}}
