#root{width:100%;height:100%;max-width:520px;margin:0 auto}.app{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#fff7ed,#f2f4f6 55%)}.intro{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:48px 24px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(160deg,#fff0e0,#f2f4f6 60%,#ffe9e9)}.intro-body{margin-top:12vh;text-align:center}.intro-emoji{font-size:72px}.intro-title{font-size:34px;font-weight:800;margin-top:12px;letter-spacing:-.02em}.intro-sub{color:var(--tds-grey700);margin-top:12px;font-size:19px}.intro-points{list-style:none;margin:32px auto 0;display:inline-flex;flex-direction:column;gap:12px;text-align:left;color:var(--tds-grey700)}.cta{width:100%;padding:18px;border-radius:16px;background:var(--tds-blue);color:#fff;font-size:19px;font-weight:800;box-shadow:0 8px 20px #3182f647;transition:transform .1s ease}.cta:active{transform:scale(.97)}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px;overflow:hidden}.catbar{flex-shrink:0;display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.catbar::-webkit-scrollbar{display:none}.cat{flex-shrink:0;padding:9px 15px;border-radius:999px;background:#fff;color:var(--tds-grey700);font-size:18px;font-weight:700;border:1.5px solid var(--tds-grey200)}.cat.on{background:var(--tds-grey900);color:#fff;border-color:var(--tds-grey900)}.cat:disabled{opacity:.5}.slot{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 0;max-height:35vh}.slot-window{position:relative;width:100%;max-width:360px;height:100%;min-height:110px;max-height:132px;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#fff,#fff3e6);border:4px solid var(--brand);box-shadow:0 12px 32px #ff7a0040,inset 0 0 0 2px #fff}.slot-reel{will-change:transform}.slot-cell{height:100%;min-height:110px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 20px}.slot-emoji{font-size:56px;line-height:1}.slot-name{font-size:30px;font-weight:900;letter-spacing:-.02em;color:var(--tds-grey900)}.slot-line{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#ffffff8c,#fff0 22%,#fff0 78%,#ffffff8c)}.control{flex-shrink:0;padding:12px 0 16px}.lever{width:100%;padding:20px;border-radius:18px;background:linear-gradient(135deg,var(--tds-blue),#1b64da);color:#fff;font-size:22px;font-weight:900;box-shadow:0 10px 26px #3182f652;transition:transform .08s ease}.lever:active{transform:translateY(3px) scale(.98)}.lever:disabled{filter:grayscale(.3) brightness(.95);opacity:.85}.result{text-align:center;animation:pop .4s cubic-bezier(.22,1,.36,1)}.result-tag{color:var(--tds-grey500);font-size:18px;font-weight:700}.result-name{font-size:34px;font-weight:900;margin:2px 0 4px;color:var(--brand-2)}.result-desc{color:var(--tds-grey700);font-size:18px;margin-bottom:14px}.btn-primary{width:100%;padding:18px;border-radius:16px;background:var(--tds-blue);color:#fff;font-size:19px;font-weight:800;transition:transform .1s ease}.btn-primary:active{transform:scale(.97)}.result-sub{display:flex;gap:8px;margin-top:10px}.btn-ghost{flex:1;padding:13px 8px;border-radius:12px;background:#fff;border:1.5px solid var(--tds-grey200);color:var(--tds-grey900);font-weight:700;font-size:18px}.btn-ghost.kept{background:#e7f9f0;border-color:#03b26c;color:#03b26c}.app-banner{flex-shrink:0;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.banner-ad{min-height:56px;display:flex;align-items:center;justify-content:center}.banner-ad.placeholder{background:var(--tds-grey200);color:var(--tds-grey500);font-size:18px;font-weight:600}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}:root{--tds-blue: #3182f6;--brand: #ff7a00;--brand-2: #ff4d4d;--tds-grey900: #191f28;--tds-grey700: #4e5968;--tds-grey500: #8b95a1;--tds-grey200: #e5e8eb;--tds-grey100: #f2f4f6;color:var(--tds-grey900);background:var(--tds-grey100);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,system-ui,Malgun Gothic,sans-serif;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{overscroll-behavior:none;touch-action:pan-y}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}body{background:#d5d9e0;display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0}.preview-frame{width:390px;height:844px;max-height:100vh;background:#f2f4f6;overflow:hidden;position:relative;box-shadow:0 20px 60px #00000040}#root{max-width:none}.preview-frame>*{height:100%}