:root{--bg:#12142a;--bg2:#1a1d3a;--panel:#20244a;--panel2:#282d5a;--line:#343a70;--ink:#eef0ff;--ink2:#a9aed6;--ink3:#6f76a8;--lime:#c8f53c;--lime-d:#86a91a;--coral:#ff6b5a;--coral-d:#b8402f;--sky:#5cc8ff;--sky-d:#2a86b8;--amber:#ffc53d;--amber-d:#b8861a;--violet:#a78bfa;--violet-d:#6d52c4;--cap:#f4f2ea;--cap-d:#b9b5a5;--cap-ink:#1b1d33;--r:14px;--font:"Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum";font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}::selection{background:var(--lime);color:var(--cap-ink)}.cap{--c:var(--cap);--cd:var(--cap-d);--ci:var(--cap-ink);--d:5px;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 100%, white 12%) 0%, var(--c) 60%);min-height:48px;color:var(--ci);letter-spacing:-.01em;box-shadow:0 var(--d) 0 var(--cd), 0 calc(var(--d) + 4px) 14px #00000059;-webkit-user-select:none;user-select:none;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:800;transition:transform 70ms,box-shadow 70ms,filter .15s;display:inline-flex;position:relative;transform:translateY(0)}.cap:hover{filter:brightness(1.04)}.cap:active,.cap.pressed{transform:translateY(var(--d));box-shadow:0 0 0 var(--cd), 0 2px 6px #0000004d}.cap:disabled{opacity:.45;cursor:not-allowed}.cap.lime{--c:var(--lime);--cd:var(--lime-d)}.cap.coral{--c:var(--coral);--cd:var(--coral-d);--ci:#fff}.cap.sky{--c:var(--sky);--cd:var(--sky-d)}.cap.amber{--c:var(--amber);--cd:var(--amber-d)}.cap.violet{--c:var(--violet);--cd:var(--violet-d);--ci:#fff}.cap.dark{--c:var(--panel2);--cd:#15183a;--ci:var(--ink)}.cap.sel{outline:3px solid var(--ink);outline-offset:3px}.cap.sm{--d:4px;border-radius:10px;min-height:36px;padding:6px 12px;font-size:13px}.cap .kbd{font:700 10px/1 var(--mono);color:inherit;opacity:.75;background:#00000024;border-radius:5px;padding:3px 5px}.cap .legend{font:700 10px/1 var(--mono);opacity:.55;position:absolute;top:6px;left:9px}.enter-wrap{filter:drop-shadow(0 7px 0 var(--lime-d)) drop-shadow(0 12px 16px #00000073);transition:filter 70ms,transform 70ms}.enter-wrap:active,.enter-wrap.pressed{filter:drop-shadow(0 0 0 var(--lime-d)) drop-shadow(0 3px 6px #00000059);transform:translateY(7px)}.enter{background:linear-gradient(160deg, #dcff6a, var(--lime) 55%);clip-path:polygon(0 0,100% 0,100% 100%,26% 100%,26% 50%,0 50%);width:100%;height:116px;color:var(--cap-ink);text-align:left;border:0;border-radius:14px;padding:0;position:relative}.enter .top{letter-spacing:-.02em;font-size:20px;font-weight:900;position:absolute;top:14px;left:18px}.enter .sub{opacity:.7;font-size:12px;font-weight:700;position:absolute;top:42px;left:18px}.enter .arrow{font-size:34px;font-weight:900;line-height:1;position:absolute;bottom:16px;right:22px}.enter .hint{font:800 11px/1 var(--mono);opacity:.6;position:absolute;bottom:16px;left:30%}.enter:disabled{filter:grayscale(.8)brightness(.8);cursor:not-allowed}.panel{background:linear-gradient(180deg, var(--panel), color-mix(in srgb, var(--panel) 85%, var(--bg)));border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:inset 0 1px #ffffff0d}.panel h3{letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:800;display:flex}.panel h3 .dot{background:var(--lime);border-radius:2px;width:8px;height:8px}.chip{background:var(--panel2);color:var(--ink2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.chip.lime{background:color-mix(in srgb, var(--lime) 18%, transparent);color:var(--lime);border-color:color-mix(in srgb, var(--lime) 40%, transparent)}.chip.coral{background:color-mix(in srgb, var(--coral) 18%, transparent);color:#ff9d90;border-color:color-mix(in srgb, var(--coral) 45%, transparent)}.chip.amber{background:color-mix(in srgb, var(--amber) 16%, transparent);color:var(--amber);border-color:color-mix(in srgb, var(--amber) 40%, transparent)}.chip.sky{background:color-mix(in srgb, var(--sky) 16%, transparent);color:var(--sky);border-color:color-mix(in srgb, var(--sky) 40%, transparent)}.muted{color:var(--ink2)}.faint{color:var(--ink3)}.mono{font-family:var(--mono)}.row{align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.demo-tag{background:var(--amber);color:var(--cap-ink);vertical-align:middle;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:800}.bar{border:1px solid var(--line);background:#0d0f22;border-radius:99px;height:10px;overflow:hidden}.bar>i{background:var(--lime);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.field{gap:6px;display:grid}.field label{color:var(--ink2);font-size:13px;font-weight:700}.input{border:2px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#0f1124;border-radius:12px;outline:none;padding:10px 14px}.input:focus{border-color:var(--lime)}textarea.input{resize:vertical;min-height:96px;line-height:1.55}.toast{background:var(--lime);color:var(--cap-ink);z-index:100;border-radius:12px;padding:12px 20px;font-weight:800;animation:.25s cubic-bezier(.2,1.4,.4,1) pop;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}@keyframes pop{0%{opacity:0;transform:translate(-50%,14px)scale(.9)}}@keyframes pulse{50%{opacity:.35}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}}