*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f4f8;--surface:#fff;--surface2:#f0f0f5;--border:#00000014;--accent:oklch(55% .22 280);--accent2:oklch(55% .22 320);--accent-dim:oklch(55% .22 280/.1);--text:#1a1a2e;--muted:#8888a0;--radius:16px;--card-radius:20px}body{background:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100vh;font-family:Noto Sans KR,sans-serif;display:flex;overflow-x:hidden}#root{justify-content:center;width:100%;display:flex}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes resultIn{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes confetti{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dotAppear{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes spinNames{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes nameRotate{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tweak-slider{appearance:none;cursor:pointer;border-radius:3px;outline:none;height:6px}.tweak-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #00000026}.tweak-slider::-moz-range-thumb{border:2px solid var(--accent);cursor:pointer;background:#fff;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #00000026}