.tdsx-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:700;transition:opacity .15s,transform 80ms;display:inline-flex}.tdsx-btn:active:not(:disabled){transform:scale(.985)}.tdsx-btn:disabled{cursor:default;opacity:.45}.tdsx-btn--full{width:100%;display:flex}.tdsx-btn--xlarge{min-height:56px;padding:0 20px;font-size:17px}.tdsx-btn--large{min-height:50px;padding:0 18px;font-size:16px}.tdsx-btn--medium{min-height:44px;padding:0 16px;font-size:15px}.tdsx-btn--small{border-radius:10px;min-height:36px;padding:0 12px;font-size:13px}.tdsx-btn--primary.tdsx-btn--fill{background:var(--c-blue,#3182f6);color:#fff}.tdsx-btn--primary.tdsx-btn--weak{background:var(--c-blue-weak,#e8f3ff);color:var(--c-blue,#3182f6)}.tdsx-btn--dark.tdsx-btn--fill{color:#fff;background:#333d4b}.tdsx-btn--dark.tdsx-btn--weak{color:#4e5968;background:#f2f4f6}.tdsx-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite tdsx-spin}@keyframes tdsx-spin{to{transform:rotate(360deg)}}.tdsx-field{flex-direction:column;gap:6px;display:flex}.tdsx-field__label{color:#4e5968;font-size:13px;font-weight:600}.tdsx-input{border:1px solid var(--c-line,#e5e8eb);width:100%;min-height:54px;color:var(--c-text,#191f28);background:#fff;border-radius:14px;outline:none;padding:0 14px;font-family:inherit;font-size:17px;transition:border-color .15s}.tdsx-input::placeholder{color:#b0b8c1}.tdsx-input:focus{border-color:var(--c-blue,#3182f6)}.tdsx-input--error,.tdsx-input--error:focus{border-color:var(--c-red,#f04452)}.tdsx-field__help{color:var(--c-muted,#8b95a1);margin:0;font-size:13px}.tdsx-field__help--error{color:var(--c-red,#f04452)}.tdsx-progress{background:#f2f4f6;border-radius:999px;width:100%;overflow:hidden}.tdsx-progress--normal{height:8px}.tdsx-progress--small{height:4px}.tdsx-progress__bar{background:var(--c-blue,#3182f6);border-radius:999px;height:100%}.tdsx-progress__bar--animate{transition:width .25s}.tdsx-toasts{left:16px;right:16px;bottom:calc(96px + var(--safe-bottom,0px));z-index:1000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.tdsx-toast{color:#fff;text-align:center;background:#191f28eb;border-radius:14px;max-width:100%;padding:12px 18px;font-size:15px;font-weight:600;line-height:1.4;animation:.18s ease-out tdsx-toast-in;box-shadow:0 6px 20px #0000002e}@keyframes tdsx-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--c-text:#191f28;--c-muted:#8b95a1;--c-line:#e5e8eb;--c-bg:#fff;--c-card:#f9fafb;--c-blue:#3182f6;--c-blue-weak:#e8f3ff;--c-red:#f04452;--c-green:#03b26c;--c-orange:#ff8a00;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--nav-zone:0px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,Segoe UI,Roboto,sans-serif}#root{min-height:100dvh}html.in-toss{--nav-zone:48px}.screen{max-width:560px;padding:0 20px calc(24px + var(--safe-bottom));margin:0 auto}.topbar{z-index:15;padding:var(--safe-top) 12px 0;min-height:calc(var(--safe-top) + max(var(--nav-zone), 8px));background:var(--c-bg);align-items:center;margin:0 -20px;display:flex;position:sticky;top:0}.topbar--back{min-height:calc(var(--safe-top) + max(var(--nav-zone), 44px))}.screen--bottom-inset{padding-bottom:calc(120px + var(--safe-bottom))}.screen__header{padding:4px 0 12px}.screen__right{justify-content:flex-end;display:flex}.screen__title{letter-spacing:-.3px;margin:8px 0 6px;font-size:24px;font-weight:700;line-height:1.35}.screen__subtitle{color:var(--c-muted);margin:0;font-size:15px;line-height:1.5}.screen__body{flex-direction:column;gap:20px;display:flex}.icon-btn{width:40px;height:40px;color:var(--c-text);cursor:pointer;background:0 0;border:0;margin-left:-10px;font-size:30px;line-height:1}.icon-btn--ghost{visibility:hidden}.text-link{color:var(--c-blue);font-size:15px;font-weight:600;text-decoration:none}.brand{color:var(--c-blue)}.stack{flex-direction:column;gap:10px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row__spacer{flex:1}.section__title{margin:0 0 10px;font-size:17px;font-weight:700}.card{background:var(--c-card);border-radius:16px;padding:18px}.balance-card{flex-direction:column;gap:8px;display:flex}.balance-row{justify-content:space-between;align-items:baseline;display:flex}.balance-amount{letter-spacing:-.5px;font-size:26px;font-weight:800}.reward-card{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.hint-box{color:#9a5b00;background:#fff7e6;border-radius:10px;margin:6px 0 0;padding:10px 12px;font-size:14px;line-height:1.45}.hint-box--good{background:var(--c-blue-weak);color:#1b64da}.error-box{color:#c2262f;background:#ffecee;border-radius:12px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.muted{color:var(--c-muted)}.pending{color:var(--c-orange);font-weight:700}.ok{color:var(--c-green);font-weight:700}.error{color:var(--c-red);margin:0;font-size:14px}.center{text-align:center}.small{margin:8px 0 0;font-size:13px}.footnote{color:var(--c-muted);margin:4px 0 0;font-size:13px;line-height:1.5}.tag{background:var(--c-blue-weak);color:#1b64da;vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list__item{border-bottom:1px solid var(--c-line);align-items:center;gap:12px;padding:14px 0;display:flex}.list__item:last-child{border-bottom:0}.list__main{flex:1;min-width:0}.list__title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.list__meta{color:var(--c-muted);margin-top:3px;font-size:13px}.preview{border-radius:16px;overflow:hidden}.preview svg{border:1px solid var(--c-line)}.trace-wrap{justify-content:center;width:100%;display:flex}.trace-canvas{border:1px solid var(--c-line);cursor:crosshair;-webkit-user-select:none;user-select:none;background:#fff;border-radius:16px;display:block}.trace-canvas--erasing{cursor:cell;border-color:var(--c-red)}.trace-status{flex-direction:column;gap:6px;display:flex}.trace-status__row{justify-content:space-between;font-size:14px;display:flex}.seg{background:var(--c-card);border-radius:10px;padding:3px;display:inline-flex}.seg__btn{color:var(--c-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:13px}.seg__btn--on{color:var(--c-text);background:#fff;font-weight:700;box-shadow:0 1px 2px #00000014}.checkbox{color:var(--c-text);align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.checkbox input{width:20px;height:20px;accent-color:var(--c-blue);flex-shrink:0;margin:0}.answer-slots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.answer-slot{border-bottom:2px solid var(--c-line);width:30px;height:36px;color:var(--c-muted);justify-content:center;align-items:center;font-weight:700;display:inline-flex}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.shake{animation:.45s ease-in-out shake}.mode-note{color:var(--c-muted);text-align:center;margin:0;font-size:13px}.with-tabs .screen{min-height:100dvh;padding-bottom:calc(104px + var(--safe-bottom));flex-direction:column;display:flex}.with-tabs .screen__body{flex:1}.tabbar{left:16px;right:16px;bottom:calc(10px + var(--safe-bottom));z-index:20;-webkit-backdrop-filter:blur(12px);background:#fffffff7;border-radius:32px;justify-content:space-around;max-width:480px;margin:0 auto;padding:6px 10px;display:flex;position:fixed;box-shadow:0 8px 28px #00173324,0 0 0 1px #0017330a}.tabbar__item{color:#b0b8c1;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:52px;font-size:11px;font-weight:600;display:flex}.tabbar__item--on{color:var(--c-text)}.tabbar__icon{justify-content:center;align-items:center;width:30px;height:28px;display:inline-flex}.tabbar__item--primary{color:var(--c-blue)}.tabbar__item--primary .tabbar__icon{background:var(--c-blue);color:#fff;border-radius:12px;width:40px}.tabbar__item:active .tabbar__icon{transform:scale(.92)}.play-top{flex-direction:column;gap:8px;padding-top:4px;display:flex}.score-chip{background:var(--c-blue-weak);color:#1b64da;border-radius:999px;align-self:flex-start;align-items:baseline;gap:6px;padding:8px 14px;font-size:15px;text-decoration:none;display:inline-flex}.score-chip__label{opacity:.8;font-size:13px}.pending-banner{color:#9a5b00;background:#fff7e6;border-radius:10px;padding:9px 12px;font-size:13px;line-height:1.4;text-decoration:none;display:block}.play-preview{margin-top:-6px}.play-silhouette{max-height:40dvh}.play-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:-8px;font-size:14px;display:flex}.tries{flex-shrink:0;gap:5px;display:inline-flex}.tries__dot{background:var(--c-line);border-radius:50%;width:9px;height:9px}.tries__dot--on{background:var(--c-blue)}.play-bottom{flex-direction:column;gap:12px;margin-top:auto;display:flex}.play-feedback{text-align:center;margin:0;font-size:14px;font-weight:700}.play-feedback--bad{color:var(--c-red)}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{background:var(--c-card);min-height:64px;color:var(--c-text);word-break:keep-all;cursor:pointer;border:0;border-radius:16px;padding:10px 8px;font-size:18px;font-weight:700;transition:transform 80ms,background .15s}.choice:active:not(:disabled){background:var(--c-blue-weak);transform:scale(.97)}.choice:disabled{cursor:default}.choice--wrong{color:#b0b8c1;background:#f2f4f6;text-decoration:line-through}.play-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.small-text{margin:0;font-size:13px;line-height:1.45}.text-btn{color:var(--c-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:10px 4px 10px 12px;font-size:15px;font-weight:600;text-decoration:underline}.result-card{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.result-card--good{background:#e9f9f1}.result-card__title{letter-spacing:-.4px;font-size:24px;font-weight:800}.result-card--good .result-card__title{color:var(--c-green)}.result-card__answer{margin:0;font-size:16px}.result-card__rank{color:#1b64da;margin:2px 0 0;font-size:14px;font-weight:700}.empty-card{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 18px;display:flex}.empty-card__emoji{margin:0;font-size:40px}.empty-card p{margin:0;line-height:1.5}.rank-swipe{touch-action:pan-y;flex-direction:column;gap:16px;min-height:60dvh;display:flex}.rank-controls{justify-content:space-between;align-items:center;gap:10px;display:flex}.seg--big .seg__btn{padding:9px 20px;font-size:15px}.rank-range{margin-top:-8px}.my-rank{background:var(--c-blue);color:#fff;flex-direction:column;gap:2px;display:flex}.my-rank__label{opacity:.85;font-size:13px}.my-rank__rank{letter-spacing:-.6px;font-size:30px;font-weight:800}.my-rank__meta{opacity:.9;font-size:14px}.rank-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rank-row{border-radius:12px;align-items:center;gap:12px;padding:13px 10px;display:flex}.rank-row--me{background:var(--c-blue-weak)}.rank-row__rank{text-align:center;width:36px;color:var(--c-muted);flex-shrink:0;font-size:16px;font-weight:700}.rank-row__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.rank-row__score{flex-shrink:0;font-size:16px}.rank-gap{text-align:center;color:var(--c-muted);letter-spacing:2px;padding:2px 0}.me-rank{color:var(--c-text);background:var(--c-blue-weak);align-items:center;gap:10px;text-decoration:none;display:flex}.me-rank strong{color:#1b64da;margin-left:auto;font-size:17px}.me-rank__go{color:#1b64da;font-size:20px;line-height:1}.tag--muted{color:var(--c-muted);background:#f2f4f6}.with-tabs:has(input:focus) .tabbar{display:none}.badge-chip{color:#8a5a00;white-space:nowrap;vertical-align:middle;background:#fff4d6;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:3px 9px 3px 7px;font-size:12px;font-weight:700;line-height:1.3;display:inline-flex}.badge-chip img{display:block}.badge-icon{background:linear-gradient(145deg,#fff7dc,#ffe9b0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.badge-icon img{border-radius:50%;width:100%;height:100%}.badge-icon--muted{filter:grayscale();opacity:.45;background:#f2f4f6}.rank-row__name{align-items:center;gap:6px;display:flex}.rank-row__nick{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rank-row__name .tag{flex-shrink:0;margin-left:0}.dot{background:var(--c-red);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.tabbar__icon{position:relative}.dot--tab{border:2px solid #fff;width:11px;height:11px;margin:0;position:absolute;top:0;right:0}.me-badges{color:var(--c-text);background:#fff8e6;align-items:center;gap:10px;text-decoration:none;display:flex}.me-badges__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.me-badges__count{color:#8a5a00;flex-shrink:0;font-size:17px}.me-badges .me-rank__go{color:#8a5a00}.seg--full{display:flex}.seg--full .seg__btn{flex:1;padding:9px 6px;font-size:14px}.seg__btn:disabled{opacity:.4;cursor:default}.rep-card{flex-direction:column;gap:10px;display:flex}.rep-card__row{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.rep-card__preview{align-items:center;gap:6px;min-width:0;font-size:16px;font-weight:700;display:inline-flex}.rep-card .seg{background:#eef0f3}.badge-grid{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.badge-card{background:var(--c-card);width:100%;min-height:150px;color:var(--c-text);cursor:pointer;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 14px;display:flex}.badge-card--earned{background:#fff8e6}.badge-card__name{word-break:keep-all;text-align:center;font-size:15px;font-weight:700}.badge-card__tag{color:var(--c-muted);font-size:12px}.badge-card__state{color:var(--c-muted);font-size:12px;font-weight:700}.badge-card__state--ok{color:var(--c-green)}.badge-progress{background:var(--c-line);border-radius:3px;width:70%;height:6px;display:block;overflow:hidden}.badge-progress i{background:var(--c-blue);border-radius:3px;height:100%;display:block}.badge-progress--big{width:100%;height:8px}.badge-detail{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:4px 0 18px;display:flex}.badge-detail__icons{gap:10px;display:flex}.badge-detail__name{font-size:20px;font-weight:800}.badge-detail__desc{color:#4e5968;word-break:keep-all;margin:0;font-size:15px;line-height:1.5}.sheet-backdrop{z-index:50;background:#00000073;justify-content:center;align-items:flex-end;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;padding:10px 20px calc(20px + var(--safe-bottom));background:#fff;border-radius:24px 24px 0 0;animation:.22s ease-out sheet-up}.sheet__grip{background:var(--c-line);border-radius:2px;width:40px;height:4px;margin:0 auto 14px;display:block}@keyframes sheet-up{0%{opacity:.6;transform:translateY(40%)}}@keyframes fade-in{0%{opacity:0}}.brand-logo{max-width:60%;height:auto;margin:0 auto;display:block}.brand-logo--splash{margin-top:14dvh}.badge-icon--image{background:0 0;border-radius:0}.badge-icon--image img{object-fit:contain;border-radius:0}.badge-icon--image.badge-icon--muted{opacity:.55;background:0 0}.theme-chip{color:#8a5a00;text-align:left;cursor:pointer;background:#fff4d6;border:0;border-radius:999px;align-self:flex-start;padding:9px 14px;font-size:14px}.theme-chip strong{font-weight:800}.play-top__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.streak-chip{color:#c2410c;white-space:nowrap;background:#fff1e6;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:700}.mission-card{background:var(--c-blue-weak);border-radius:14px;align-items:center;gap:10px;padding:12px 12px 12px 14px;display:flex}.mission-card__text{color:#1b64da;flex-direction:column;flex:1;gap:2px;min-width:0;font-size:13px;line-height:1.4;display:flex}.mission-card__text strong{font-size:14px}.mission-card__go{background:var(--c-blue);color:#fff;cursor:pointer;border:0;border-radius:10px;flex-shrink:0;padding:9px 12px;font-size:14px;font-weight:700}.mission-card__later{color:#1b64da;cursor:pointer;background:0 0;border:0;flex-shrink:0;width:32px;height:32px;font-size:20px;line-height:1}.coach{background:var(--c-blue-weak);color:#1b64da;border-radius:12px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.last-week{background:var(--c-card);border-radius:16px;flex-direction:column;gap:6px;padding:16px;display:flex}.last-week .section__title{margin:0}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:#4e5968;font-size:13px;font-weight:600}.field__help{color:var(--c-muted);font-size:13px}.select{border:1px solid var(--c-line);width:100%;min-height:54px;color:var(--c-text);background:#fff;border-radius:14px;padding:0 14px;font-family:inherit;font-size:17px}.share-result__score{flex-direction:column;gap:2px;margin:4px 0;font-size:17px;line-height:1.5;display:flex}.share-result__score strong{color:var(--c-green);font-weight:800}.share-result__score span{color:#1b64da;font-size:14px;font-weight:700}.brand-logo{mix-blend-mode:multiply}.avatar{object-fit:cover;background:var(--c-card);border-radius:50%;flex-shrink:0;display:block}.profile-title{align-items:center;gap:12px;display:flex}.play-meta__who{align-items:center;gap:6px;min-width:0;display:inline-flex}.rep-card__preview .avatar{margin-right:2px}.my-rank{position:relative}.my-rank__avatar{position:absolute;top:16px;right:16px}.my-rank__avatar .avatar{border:2px solid #ffffffd9}.zodiac-preview{background:var(--c-card);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;line-height:1.45;display:flex}.zodiac-preview strong{font-weight:800}.badge-detail .text-btn{padding:6px 8px;font-size:14px}.consent-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.consent-row .checkbox{align-items:center;font-size:15px}.consent-list{flex-direction:column;gap:12px;margin:0;display:flex}.consent-list__row{flex-direction:column;gap:3px;display:flex}.consent-list dt{color:#4e5968;font-size:13px;font-weight:700}.consent-list dd{margin:0;font-size:15px;line-height:1.55}.policy{flex-direction:column;gap:18px;display:flex}.policy__title{margin:0 0 6px;font-size:16px;font-weight:700}.policy__list{color:#333d4b;flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:14px;line-height:1.6;display:flex}.sheet__scroll{text-align:left;flex-direction:column;gap:14px;max-height:58dvh;padding:2px 2px 16px;display:flex;overflow-y:auto}.sheet__scroll .section__title{margin:4px 0 0}.legal-links{justify-content:center;align-items:center;gap:18px;padding-top:4px;display:flex}.legal-links a,.legal-links button{color:var(--c-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 2px;font-family:inherit;font-size:13px;text-decoration:underline}.consent-row .checkbox span{white-space:nowrap;font-size:14px}.consent-row .text-btn{white-space:nowrap;flex-shrink:0}.consent-box{background:var(--c-card);border-radius:14px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.consent-box .consent-row{min-height:40px}.report-btn{color:var(--c-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-left:6px;padding:4px 6px;font-family:inherit;font-size:12px;text-decoration:underline}.report{text-align:left;flex-direction:column;gap:12px;padding-bottom:8px;display:flex}.report__title{font-size:19px;font-weight:700}.report__list{flex-direction:column;gap:8px;display:flex}.report__item{border:1.5px solid var(--c-line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:3px;padding:13px 14px;font-family:inherit;display:flex}.report__item--on{border-color:var(--c-blue);background:var(--c-blue-weak)}.report__label{color:var(--c-text);font-size:16px;font-weight:600}.report__help{color:var(--c-muted);font-size:13px}.with-tabs:after{content:"";height:calc(96px + var(--safe-bottom));background:linear-gradient(to top, var(--c-bg) 50%, #fff0);pointer-events:none;z-index:19;position:fixed;bottom:0;left:0;right:0}