*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--surface:#1c1c1e;--surface2:#2c2c2e;--border:#ffffff1a;--border2:#ffffff2e;--text:#fff;--text2:#ebebf599;--text3:#ebebf54d;--accent:#00c7be;--accent2:#00a69e;--green:#30d158;--red:#ff375f;--yellow:#ffd60a;--korean-size:clamp(2.2rem, 8vw, 3.8rem);--radius:14px;--radius-sm:10px;--radius-xs:7px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.kr{font-family:Noto Sans KR,sans-serif}.display{font-family:Syne,sans-serif}.mono{font-family:DM Mono,monospace}.container{width:100%;max-width:480px;padding:0 20px;padding-bottom:env(safe-area-inset-bottom,0px);margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.btn{border-radius:var(--radius-sm);letter-spacing:-.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:.9375rem;font-weight:590;transition:background .15s,border-color .15s,color .15s,opacity .15s,transform .1s;display:inline-flex}.btn:active{opacity:.85;transform:scale(.97)}.btn:disabled{opacity:.32;pointer-events:none}.btn-primary{background:var(--accent);color:#000;font-weight:620}.btn-primary:hover{background:var(--accent2)}.btn-ghost{background:var(--surface);color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-danger{color:var(--red);background:0 0;border:1px solid #ff375f47}.btn-danger:hover{background:#ff375f1a}.btn-full{width:100%}.btn-lg{min-height:54px;padding:16px 24px;font-size:1rem}.tag{letter-spacing:.02em;border-radius:999px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:560;display:inline-flex}.tag-accent{color:var(--accent);background:#00c7be24}.tag-green{color:var(--green);background:#30d1581f}.tag-yellow{color:var(--yellow);background:#ffd60a1f}.tag-dim{background:var(--surface2);color:var(--text3)}.divider{background:var(--border);height:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.94)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes progressFill{0%{width:0%}}.anim-fade-up{animation:.3s forwards fadeUp}.anim-pop{animation:.32s cubic-bezier(.34,1.56,.64,1) forwards pop}.anim-shake{animation:.38s forwards shake}.anim-slide-down{animation:.22s forwards slideDown}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}