*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f3ef;--surface:#fff;--surface2:#faf9f7;--border:#e8e4dd;--border2:#d4cfc6;--text:#1a1814;--text2:#6b6560;--text3:#a09a93;--pink:#e8a0a8;--pink-light:#fdf0f2;--pink-dark:#c4717b;--pink-border:#f0c8cc;--gold:#c8a84a;--green:#4a9c6d;--red:#d45c5c;--radius:16px;--radius-sm:10px;--shadow:0 2px 12px rgba(0,0,0,.08);--shadow-md:0 4px 24px rgba(0,0,0,.12)}html{font-size:16px}body,html{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none}body{background:var(--bg);font-family:Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;color:var(--text);min-height:100%;-webkit-font-smoothing:antialiased}.app-wrap{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;background:#000}.app-inner{width:100%;max-width:430px;margin:0 auto;min-height:100dvh;background:var(--surface);position:relative;overflow-y:auto;overscroll-behavior:contain;font-size:1.5rem}@media (min-width:768px){.app-container{max-width:600px}}@media (min-width:1024px){.app-container{max-width:720px}}.typing{width:30ch;margin:0 auto;white-space:nowrap;overflow:hidden;font-family:Courier New,monospace;letter-spacing:.5px;font-size:1rem;color:#9ef7c0;border-right:2px solid #9ef7c0;animation:typing 4s steps(30) forwards,blink 1s step-end infinite}button{cursor:pointer;border:none}button,input{font-family:inherit;outline:none}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{to{opacity:1}}.flash-letter{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);font-size:72px;font-weight:900;color:#1a1814;z-index:9999;pointer-events:none;text-shadow:0 4px 20px rgba(0,0,0,.15);animation:flashPop .9s ease forwards}@keyframes glowPulse{0%{opacity:.3;transform:scale(.95)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.3;transform:scale(.95)}}.danger{animation:blinkRed .8s infinite}@keyframes blinkRed{0%{stroke:#ff3b3b}50%{stroke:#faa}to{stroke:#ff3b3b}}.autocomplete-list{max-height:240px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pressable{transition:transform .12s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pressable:active{transform:scale(.96);opacity:.9}.app-inner:has(.quiz-screen){overflow:hidden;overscroll-behavior:auto}.network-error-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;background:#fff;text-align:center}.network-error-image{max-width:70%;margin-bottom:28px}.network-error-title{font-size:18px;font-weight:700;color:#555;margin:0 0 8px}.network-error-desc{font-size:15px;color:#888;margin:0 0 24px}.network-error-button{border:0;border-radius:999px;padding:12px 22px;background:#222;color:#fff;font-weight:700}.network-error-dots{height:24px;margin:6px 0 22px;font-size:24px;font-weight:700;color:#999;letter-spacing:4px}.network-error-image-wrap{position:relative;width:220px;display:flex;justify-content:center;align-items:center;margin:0 auto 28px}.network-error-image{width:220px;display:block}.network-error-bubble-dots{position:absolute;top:126px;left:176px;width:40px;text-align:left;font-size:40px;font-weight:700;color:#7b7b7b;letter-spacing:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}