:root{--brand:#6c5ce7;--brand-600:#5a4cd2;--brand-700:#4a3fb8;--accent:#00c2a8;--accent-600:#00a28c;--bg:#0b0d12;--bg-soft:#121621;--surface:#181d2a;--border:#2c3448;--fg:#e6edf7;--fg-muted:#a7b1c2;--fg-subtle:#7e8898;--success:#22c55e;--warn:#f59e0b;--error:#ef4444;--info:#3b82f6;--pp-ink:var(--fg);--pp-bg:var(--bg);--pp-primary-500:var(--brand);--pp-primary-700:var(--brand-700);--pp-accent:var(--accent);--pp-success:var(--success);--pp-warn:var(--warn);--pp-error:var(--error);--pp-font-sans:"Pretendard",Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--pp-space-4:4px;--pp-space-8:8px;--pp-space-12:12px;--pp-space-16:16px;--pp-space-24:24px;--pp-space-32:32px;--pp-radius-6:6px;--pp-radius-8:8px;--pp-radius-10:10px;--pp-radius-12:12px;--pp-radius-16:16px;--pp-radius-20:20px;--pp-shadow-1:0 2px 8px rgba(0,0,0,.24);--pp-shadow-2:0 8px 24px rgba(0,0,0,.28);--pp-z-header:100;--pp-z-dropdown:200;--pp-z-toast:1000;--pp-z-modal:1100}@font-face{font-family:Pretendard;font-weight:45 920;font-style:normal;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/woff2/PretendardVariable.woff2) format("woff2-variations")}body,html{height:100%}body{margin:0;font-family:var(--pp-font-sans);color:var(--pp-ink);background:var(--pp-bg)}a{color:var(--pp-primary-700);text-decoration:none}a:hover{text-decoration:underline}.pp-header{background:var(--bg-soft);border:1px solid var(--border)}.pp-header,.pp-header a{color:var(--fg)}.pp-header .nav-sep{opacity:.6}.pp-container{padding:20px}.pp-btn{height:40px;padding:0 12px;border-radius:var(--pp-radius-10);border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer}.pp-btn:hover{background:#1d2434}.pp-btn:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}.pp-btn:disabled,.pp-btn[disabled]{opacity:.5;cursor:not-allowed}.pp-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.pp-btn.primary:hover{filter:brightness(1.06)}.pp-btn.primary:active{transform:translateY(1px)}.pp-focusable:focus-visible{outline:2px solid var(--pp-accent);outline-offset:2px}.pp-hero{background:linear-gradient(145deg,#1a1f2d,#0e121a);color:var(--fg);border:1px solid var(--border);border-radius:var(--pp-radius-12);padding:32px;box-shadow:var(--pp-shadow-2)}.pp-input{height:40px;padding:0 10px;border:1px solid var(--border);border-radius:var(--pp-radius-10);background:var(--surface);color:var(--fg)}.pp-input:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}.pp-select{height:36px;padding:0 10px}.pp-select,.pp-textarea{border:1px solid var(--border);border-radius:var(--pp-radius-10);background:var(--surface);color:var(--fg)}.pp-textarea{padding:10px;min-height:120px}.pp-table{width:100%;border-collapse:collapse;color:var(--fg)}.pp-table thead th{text-align:left;padding:8px 10px;background:#151a27;color:var(--fg-muted);font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:var(--pp-z-header)}.pp-table tbody td{padding:8px 10px;border-top:1px solid var(--border)}.pp-table.sticky thead th{position:-webkit-sticky;position:sticky;top:0;z-index:var(--pp-z-header)}@media (max-width:640px){.pp-hide-sm{display:none!important}}:root[data-theme=light]{--bg:#fff;--bg-soft:#f7f9fc;--surface:#fff;--border:#e5e7eb;--fg:#0b1020;--fg-muted:#3e4b62;--fg-subtle:#64748b;--brand:#6c5ce7;--brand-600:#5a4cd2;--brand-700:#4a3fb8;--accent:#00c2a8;--accent-600:#00a28c}.pp-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;color:var(--fg)}.pp-badge{display:inline-block;border:1px solid var(--border);background:#111622;color:var(--fg-muted);border-radius:999px;padding:2px 8px;font-size:12px}.pp-stepper{gap:12px;color:var(--fg-muted)}.pp-step,.pp-stepper{display:flex;align-items:center}.pp-step{gap:8px}.pp-step .dot{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#111622;color:var(--fg-subtle);border:1px solid var(--border);font-weight:700;font-size:12px}.pp-step.active .dot{background:var(--brand);color:#fff;border-color:var(--brand)}.pp-step.done .dot{background:#1f9d68;color:#fff;border-color:#1f9d68}.pp-step .label{font-weight:600}.pp-stepper .sep{height:2px;width:28px;background:var(--border)}.pp-skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.12),hsla(0,0%,100%,.04));background-size:200% 100%;animation:sk 1.2s linear infinite;border-radius:8px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.pp-toast{position:fixed;top:16px;right:16px;background:#101316;color:#fff;padding:10px 12px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:var(--pp-z-toast);border:1px solid #2c3448}