:root{--bg-1:#0a2b18;--bg-2:#05170d;--surface:rgba(255,255,255,0.05);--surface-2:rgba(255,255,255,0.09);--line:rgba(255,255,255,0.12);--accent:#3be081;--accent-2:#38bdf8;--ink:#04140b;--white:#f4faf6;--muted:rgba(244,250,246,0.62);--touch-min:60px;--radius:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;min-height:100dvh;color:var(--white);font-family:Pretendard,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(1100px 620px at 50% -12%,#15522f 0,rgba(21,82,47,0) 62%),linear-gradient(165deg,var(--bg-1) 0,var(--bg-2) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn,body,html{letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--touch-min);padding:.9rem 1.4rem;font-size:1.2rem;font-weight:700;color:var(--ink);background:linear-gradient(180deg,#48ea8d 0,var(--accent) 100%);border:none;border-radius:var(--radius);box-shadow:0 6px 18px rgba(59,224,129,.22);cursor:pointer;touch-action:manipulation;transition:transform .08s ease,box-shadow .08s ease,opacity .15s ease}.btn:active{transform:translateY(2px) scale(.99);box-shadow:0 2px 8px rgba(59,224,129,.2)}.btn--ghost{color:var(--white);background:var(--surface-2);border:1px solid var(--line);box-shadow:none}.btn--danger{color:#fff;background:linear-gradient(180deg,#ff6b6b,#e23b3b);box-shadow:0 6px 18px rgba(226,59,59,.2)}.btn--wide{width:100%}.btn:disabled{opacity:.38;pointer-events:none}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:clamp(1rem,3vw,2rem);gap:1rem}.field{width:100%;min-height:var(--touch-min);font-size:1.4rem;font-weight:600;text-align:center;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.96);color:var(--ink);outline:none}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,224,129,.25)}.chip{padding:9px 16px;border-radius:999px;font-weight:700;font-size:1.05rem;background:var(--surface-2);border:1px solid var(--line)}.spinner{width:56px;height:56px;border-radius:50%;border:5px solid rgba(255,255,255,.15);border-top:5px solid var(--accent);animation:spin .9s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(1turn)}}