:root{--gray-0:#ffffff;--gray-25:#fbfcfd;--gray-50:#f5f7f8;--gray-100:#eceff1;--gray-150:#e2e6e9;--gray-200:#d3d8dc;--gray-300:#b6bcc1;--gray-400:#8a9095;--gray-500:#5f5e5a;--gray-600:#48484a;--gray-700:#343436;--gray-800:#242425;--gray-900:#1a1a1a;--cyan:#00c1ff;--mint:#15ff98;--cyan-ink:#0077aa;--cyan-ink-hover:#005f88;--cyan-soft:#e5f8ff;--cyan-line:#a6e7ff;--mint-soft:#e3fff2;--mint-line:#9effcf;--mint-hover:#00f08a;--brand-grad:linear-gradient(120deg,var(--cyan) 0%,var(--mint) 100%);--foil:var(--brand-grad);--ink:#1a1a1a;--ink-2:#242425;--ink-3:#343436;--on-mint:var(--ink);--on-cyan:var(--ink);--sky:var(--cyan);--lime:var(--mint);--lime-hover:var(--mint-hover);--on-lime:var(--on-mint);--blue-50:var(--cyan-soft);--blue-200:var(--cyan-line);--blue-600:var(--cyan-ink);--blue-700:var(--cyan-ink-hover);--blue-800:#004a6b;--amber-50:#fff5de;--amber-500:#d48a0b;--amber-700:#7a4a00;--green-50:#e6f7ee;--green-700:#136b3c;--red-50:#ffecee;--red-500:#e0364a;--red-700:#a01d30;--bg-app:#f6fafc;--surface:var(--gray-0);--surface-sunken:var(--gray-50);--border:var(--gray-200);--border-subtle:var(--gray-150);--text-strong:var(--gray-900);--text-body:var(--gray-700);--text-muted:var(--gray-500);--primary:var(--cyan-ink);--primary-hover:var(--cyan-ink-hover);--primary-soft:var(--cyan-soft);--accent:var(--mint);--accent-ink:var(--cyan-ink);--hero-bg:var(--gray-0);--focus:var(--cyan-ink);--success-fg:var(--green-700);--success-bg:var(--green-50);--warning-fg:var(--amber-700);--warning-bg:var(--amber-50);--danger-fg:var(--red-700);--danger-bg:var(--red-50);--font-sans:"IBM Plex Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;--font-display:"Archivo","IBM Plex Sans KR",sans-serif;--font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,Menlo,monospace;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow:0 1px 2px rgba(26,26,26,0.05),0 6px 20px rgba(26,26,26,0.06);--shadow-lift:0 2px 4px rgba(26,26,26,0.06),0 14px 34px rgba(0,193,255,0.18);--content:1040px;--header-h:60px;--cd-h:32px;--sticky-top:calc(var(--header-h) + var(--cd-h) + 2px)}*{box-sizing:border-box}body,html{margin:0;padding:0}html{-webkit-text-size-adjust:100%}html.snap-home{scroll-snap-type:y proximity;scroll-padding-top:var(--sticky-top)}@media (min-width:901px) and (min-height:640px){html.snap-home{scroll-snap-type:y mandatory}}body{background:var(--bg-app);color:var(--text-body);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{color:var(--text-strong);margin:0;line-height:1.3;letter-spacing:-.01em}button,input,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}::selection{background:var(--lime);color:var(--on-lime)}.container{max-width:var(--content);margin:0 auto;padding:0 16px}.page{padding-top:36px;padding-bottom:88px}.page-title{font-size:28px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.page-sub{color:var(--text-muted);margin:0 0 24px}.card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow)}.card+.card{margin-top:16px}.section-title{font-size:17px;font-weight:700;margin:0 0 14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:var(--radius-sm);border:2px solid var(--ink);background:var(--surface);color:var(--ink);font-weight:700;cursor:pointer;text-align:center;line-height:1.25;box-shadow:3px 3px 0 var(--ink);transition:background .15s,transform .1s,box-shadow .1s}.btn:hover{background:var(--cyan-soft)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{background:var(--gray-150);color:var(--gray-500);border-color:var(--gray-300);box-shadow:none;cursor:not-allowed}.btn-primary{background:var(--cyan);color:var(--on-cyan)}.btn-primary:hover{background:#33ceff}.btn-accent{background:var(--mint);color:var(--on-mint);font-weight:800}.btn-accent:hover{background:var(--mint-hover)}.btn-ink{background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--mint)}.btn-ink:hover{background:var(--ink-3)}.btn-ink:active:not(:disabled){box-shadow:1px 1px 0 var(--mint)}.btn-danger{color:var(--danger-fg);border-color:var(--danger-fg);box-shadow:3px 3px 0 var(--danger-fg)}.btn-danger:hover{background:var(--danger-bg)}.btn-danger:active:not(:disabled){box-shadow:1px 1px 0 var(--danger-fg)}.btn-block{width:100%}.btn-lg{min-height:54px;font-size:16px;border-radius:10px;padding:0 22px}.btn-sm{min-height:32px;padding:0 12px;font-size:13px;border-radius:6px;position:relative;box-shadow:2px 2px 0 var(--ink)}.btn-sm:after{content:"";position:absolute;inset:-6px 0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:600;color:var(--text-strong)}.input,.select,.textarea{height:48px;padding:0 14px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);width:100%;font-size:16px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--gray-400)}.textarea{height:auto;min-height:88px;padding:12px 14px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(0,193,255,.28)}.check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:14px;min-height:28px}.check input{margin-top:2px;width:20px;height:20px;flex-shrink:0;accent-color:var(--primary);cursor:pointer}.alert{padding:12px 14px;border-radius:var(--radius);font-size:14px;margin-bottom:14px;border:1px solid transparent}.alert-error{background:var(--danger-bg);color:var(--danger-fg);border-color:#f6cbd1}.alert-info{background:var(--primary-soft);color:var(--blue-800);border-color:var(--cyan-line)}.alert-warn{background:var(--warning-bg);color:var(--warning-fg);border-color:#f5dfae}.badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-600);white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success-fg)}.badge-warn{background:var(--warning-bg);color:var(--warning-fg)}.badge-danger{background:var(--danger-bg);color:var(--danger-fg)}.badge-info{background:var(--primary-soft);color:var(--blue-700)}.badge-lime{background:var(--lime);color:var(--on-lime)}.badge-ink{background:var(--ink);color:#fff}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.muted{color:var(--text-muted)}.small{font-size:13px}.mono{font-family:var(--font-mono)}.strike{text-decoration:line-through;color:var(--text-muted)}.divider{height:1px;background:var(--border-subtle);margin:16px 0}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{padding:10px 8px;border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:top}.table th{font-size:12px;color:var(--text-muted);font-weight:600;background:var(--surface-sunken)}.table-wrap{overflow-x:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.display{font-family:var(--font-display);letter-spacing:-.02em}.text-link{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.back-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:600;color:var(--text-muted)}.back-link:hover{color:var(--primary)}.loading{display:flex;align-items:center;gap:10px;color:var(--text-muted);padding:24px 0}.loading:before{content:"";width:18px;height:18px;border-radius:50%;border:2.5px solid var(--gray-200);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.poster{box-shadow:none}.poster,.poster-lift{border:2px solid var(--ink)}.poster-lift{box-shadow:5px 5px 0 var(--ink)}.headline{font-size:26px;font-weight:700;letter-spacing:-.02em}@media (max-width:640px){.headline{font-size:22px}}.rarity{display:inline-block;width:9px;height:11px;transform:rotate(-38deg) skewY(8deg);background:linear-gradient(135deg,var(--cyan) 50%,var(--mint) 50%);border-radius:2px;flex-shrink:0}@media (max-width:640px){.page{padding-top:24px;padding-bottom:72px}.page-title{font-size:24px}.card{padding:18px;border-radius:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}