@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";:root{--ink-strong:#000000;--ink:#141414;--charcoal:#3a3a3a;--slate:#6b6b73;--steel:#8a8a92;--stone:#a6a6ad;--muted:#b8b8be;--white:#ffffff;--surface-raw:#f5f5f5;--surface-soft-raw:#fafafa;--hairline-raw:#e6e6e6;--hairline-soft-raw:#f0f0f0;--brand-coral:#f5512e;--brand-coral-2:#ff7a52;--brand-magenta:#d6248c;--brand-magenta-2:#ff5fb0;--brand-blue:#2b6bff;--brand-blue-2:#6aa8ff;--brand-blue-deep:#1d4ed8;--brand-blue-700:#1e40af;--brand-blue-200:#dbe7ff;--brand-cyan:#7cc4ff;--brand-purple:#7a5cff;--brand-purple-2:#b39bff;--success-bg:#e6f6ec;--success-text:#1a7f46;--error:#d45656;--error-bg:#fbe7e7;--domain-memory:var(--brand-coral);--domain-calc:var(--brand-blue);--domain-inhibit:var(--brand-purple);--domain-visual:#f2a900;--domain-working:#1a8b5c;--domain-reaction:var(--brand-magenta);--font-sans:"DM Sans","Pretendard","Inter",-apple-system,sans-serif;--type-hero:600 80px/1.1 var(--font-sans);--type-display:600 56px/1.1 var(--font-sans);--type-h-lg:600 40px/1.2 var(--font-sans);--type-h-md:600 32px/1.25 var(--font-sans);--type-h-sm:600 24px/1.3 var(--font-sans);--type-card-title:600 20px/1.4 var(--font-sans);--type-subtitle:500 18px/1.5 var(--font-sans);--type-body:400 16px/1.5 var(--font-sans);--type-body-medium:500 16px/1.5 var(--font-sans);--type-body-sm:400 14px/1.5 var(--font-sans);--type-body-sm-med:500 14px/1.5 var(--font-sans);--type-caption:400 13px/1.45 var(--font-sans);--type-caption-bold:600 13px/1.45 var(--font-sans);--type-micro:400 12px/1.4 var(--font-sans);--type-button:600 14px/1.4 var(--font-sans);--track-hero:-2px;--track-display:-1.5px;--track-h-lg:-1px;--track-h-md:-.5px;--sp-xxs:4px;--sp-xs:8px;--sp-sm:12px;--sp-md:16px;--sp-lg:20px;--sp-xl:24px;--sp-xxl:32px;--sp-xxxl:40px;--sp-section-sm:48px;--sp-section:64px;--sp-section-lg:80px;--sp-hero:96px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-xxl:20px;--r-xxxl:24px;--r-hero:32px;--r-full:9999px;--container:1280px;--nav-h:64px;--touch:48px;--roster-w:330px;--canvas:var(--white);--surface:var(--surface-raw);--surface-soft:var(--surface-soft-raw);--hairline:var(--hairline-raw);--hairline-soft:var(--hairline-soft-raw);--text:var(--ink);--text-body:var(--charcoal);--text-2:var(--slate);--text-3:var(--steel);--text-faint:var(--stone);--cta-bg:var(--ink);--cta-text:var(--white);--cta-press:var(--charcoal);--link:var(--brand-blue-deep);--focus:var(--brand-blue-deep);--footer-bg:#0a0a0a;--on-dark:#ffffff;--sh-1:0 1px 2px 0 rgba(0,0,0,.04);--sh-2:0 4px 10px -2px rgba(0,0,0,.08);--sh-3:0 0 22px 0 rgba(0,0,0,.08);--sh-4:0 12px 20px -4px rgba(36,36,36,.1);color-scheme:light}[data-theme=dark]{--canvas:#0e0e10;--surface:#171719;--surface-soft:#1d1d20;--hairline:#2a2a2e;--hairline-soft:#202024;--text:#f4f4f5;--text-body:#d6d6da;--text-2:#a6a6ad;--text-3:#8a8a92;--text-faint:#6b6b73;--cta-bg:#ffffff;--cta-text:var(--ink);--cta-press:#e6e6e6;--link:var(--brand-cyan);--focus:var(--brand-cyan);--footer-bg:#000000;--on-dark:#ffffff;--brand-blue-200:#16294d;--success-bg:#10301f;--error-bg:#3a1414;--domain-visual:#ffc24d;--domain-working:#43c08a;--sh-1:0 1px 2px 0 rgba(0,0,0,.5);--sh-2:0 4px 12px -2px rgba(0,0,0,.55);--sh-3:0 0 26px 0 rgba(0,0,0,.5);--sh-4:0 12px 22px -4px rgba(0,0,0,.6);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:var(--type-body);color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .25s,color .25s}:where(a,button,input,select,textarea,[tabindex],[role=button]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.t-hero{font:var(--type-hero);letter-spacing:var(--track-hero)}.t-display{font:var(--type-display);letter-spacing:var(--track-display)}.t-h-lg{font:var(--type-h-lg);letter-spacing:var(--track-h-lg)}.t-h-md{font:var(--type-h-md);letter-spacing:var(--track-h-md)}.t-h-sm{font:var(--type-h-sm)}.t-card-title{font:var(--type-card-title)}.t-subtitle{font:var(--type-subtitle);color:var(--text-2)}.t-body{font:var(--type-body)}.t-body-medium{font:var(--type-body-medium)}.t-body-sm{font:var(--type-body-sm)}.t-body-sm-med{font:var(--type-body-sm-med)}.t-caption{font:var(--type-caption);color:var(--text-3)}.t-caption-bold{font:var(--type-caption-bold)}.t-micro{font:var(--type-micro);color:var(--text-3)}.t-eyebrow{font:600 12px/1.4 var(--font-sans);letter-spacing:.6px;text-transform:uppercase;color:var(--text-3)}.num{font-variant-numeric:tabular-nums}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.text-faint{color:var(--text-faint)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 20px;border-radius:var(--r-full);border:1px solid transparent;font:var(--type-button);cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--cta-bg);color:var(--cta-text)}.btn--primary:hover:not(:disabled){background:var(--cta-press)}.btn--tertiary{background:var(--surface);color:var(--text);border-color:var(--hairline)}.btn--tertiary:hover:not(:disabled){background:var(--hairline-soft)}.btn--danger{background:var(--error-bg);color:var(--error)}.btn--lg{height:52px;padding:0 24px;font:600 16px/1.4 var(--font-sans)}.btn--sm{height:34px;padding:0 14px;font:600 13px/1.4 var(--font-sans)}.btn--block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-full);border:1px solid var(--hairline);background:var(--canvas);color:var(--text);cursor:pointer;font-size:16px}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-xxl);padding:18px;box-shadow:var(--sh-1)}.card--lg{padding:24px}.card--rec{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-xl);padding:14px 16px;cursor:pointer;transition:transform .15s,box-shadow .15s;font:inherit;color:inherit}.card--rec:hover{transform:translateY(-1px);box-shadow:var(--sh-2)}.card--rec__go{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-full);background:var(--surface);color:var(--text-2);flex:none}.ptile{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-lg);background:var(--surface);color:#fff;font-size:18px;flex:none}.ptile--coral{background:var(--brand-coral);box-shadow:0 4px 14px -4px #f5512e80}.ptile--blue{background:var(--brand-blue);box-shadow:0 4px 14px -4px #2b6bff80}.ptile--purple{background:var(--brand-purple);box-shadow:0 4px 14px -4px #7a5cff80}.ptile--magenta{background:var(--brand-magenta);box-shadow:0 4px 14px -4px #d6248c80}.ptile--lg{width:54px;height:54px;font-size:22px}.badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:var(--r-full);font:600 12px/1 var(--font-sans);background:var(--surface);color:var(--text-2)}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-muted{background:var(--surface);color:var(--text-3)}.tag-cond{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-full);border:1px solid var(--hairline);font:600 12px/1 var(--font-sans);color:var(--text-2)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface);color:var(--text);font:600 15px/1 var(--font-sans);flex:none}.avatar--sm{width:30px;height:30px;font-size:12px}.avatar--xl{width:72px;height:72px;font-size:26px}.avatar--coral{background:var(--brand-coral);color:#fff}.bar{height:8px;border-radius:var(--r-full);background:var(--surface);overflow:hidden;flex:1}.bar__fill{height:100%;border-radius:var(--r-full);background:var(--cta-bg)}.metric{display:flex;flex-direction:column;gap:2px;padding:0 14px}.metric:first-child{padding-left:0}.metric+.metric{border-left:1px solid var(--hairline-soft)}.logo{display:inline-flex;align-items:center;gap:8px;font:600 16px/1 var(--font-sans);color:var(--text)}.logo__mark{width:22px;height:22px;border-radius:7px;background:var(--cta-bg);display:inline-block}.logo--lg{font-size:22px}.logo--lg .logo__mark{width:30px;height:30px;border-radius:9px}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.center{justify-content:center}.grow{flex:1 1 auto;min-width:0}.web-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;height:var(--nav-h);padding:0 20px;background:var(--canvas);border-bottom:1px solid var(--hairline)}.page{width:100%;max-width:840px;margin:0 auto;padding:28px 20px 96px;display:flex;flex-direction:column;gap:22px}.page--detail{max-width:760px}.greet{font:var(--type-h-lg);letter-spacing:var(--track-h-lg);margin:0;white-space:pre-line}@media (max-width:560px){.greet{font:var(--type-h-md)}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:var(--canvas);border-top:1px solid var(--hairline);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;color:var(--text-3);font:600 11px/1 var(--font-sans);text-decoration:none}.tabbar a:hover{text-decoration:none}.tabbar a.on{color:var(--text)}.tabbar .tab-ic{font-size:20px;line-height:1}@media (min-width:761px){.tabbar{max-width:840px;left:50%;transform:translate(-50%);border:1px solid var(--hairline);border-radius:var(--r-full);bottom:14px;box-shadow:var(--sh-3);padding-bottom:0;overflow:hidden}}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:560px){.stat-row{grid-template-columns:1fr 1fr}.stat-row .card:first-child{grid-column:1 / -1}}.chart{display:flex;align-items:flex-end;gap:10px;height:150px;margin-top:14px}.chart__col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}.chart__bar{width:100%;max-width:34px;background:var(--surface);border-radius:8px 8px 3px 3px}.chart__bar.on{background:var(--cta-bg)}.chart__x{font:400 11px/1 var(--font-sans);color:var(--text-faint)}.chart__v{font:600 11px/1 var(--font-sans);color:var(--text)}.cmp{display:flex;align-items:center;gap:10px}.cmp .bar__fill.muted{background:var(--text-3)}.invite{min-height:100vh;display:grid;place-items:center;background:var(--surface-soft);padding:20px}.invite__card{width:min(440px,100%);display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-xxl);padding:32px 28px;box-shadow:var(--sh-2)}.trust{width:100%;display:flex;flex-direction:column;gap:12px;border:1px solid var(--hairline);border-radius:var(--r-lg);padding:14px 16px;text-align:left}.trust__row{display:flex;align-items:center;gap:10px;font:var(--type-body-sm)}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.abadge{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-xl);padding:18px 12px}.abadge__ic{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--success-bg);font-size:26px}.abadge.locked{opacity:.45}.abadge.locked .abadge__ic{background:var(--surface);filter:grayscale(1)}.streak-days{display:flex;gap:6px}.streak-days i{width:26px;height:26px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;font:600 11px/1 var(--font-sans);color:var(--text-3);font-style:normal}.streak-days i.on{background:var(--success-bg);color:var(--success-text)}.evrow{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--hairline-soft);font:var(--type-body-sm)}.evrow:last-child{border-bottom:0}.evdot{width:10px;height:10px;border-radius:50%;flex:none}.evdot--correct{background:var(--success-text)}.evdot--avoid{background:var(--brand-blue)}.evdot--wrong{background:var(--error)}.evdot--miss{background:var(--text-faint)}.state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 20px;text-align:center;color:var(--text-2);font:var(--type-body-sm)}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--hairline);border-top-color:var(--text);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:6px;width:100%}.field .label{font:var(--type-caption-bold);color:var(--text-2);text-align:left}.input,textarea.input{height:44px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--canvas);color:var(--text);font:var(--type-body-sm);width:100%}textarea.input{height:auto;min-height:88px;padding:10px 12px;resize:vertical}.input:focus{border-color:var(--focus);outline:none}.toasts{position:fixed;left:50%;bottom:84px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1000;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;max-width:min(480px,calc(100vw - 32px));padding:10px 14px;border-radius:var(--r-full);background:var(--text);color:var(--canvas);font:var(--type-body-sm-med);box-shadow:0 8px 28px #00000038;pointer-events:auto;animation:toast-in .22s cubic-bezier(.2,.8,.3,1)}.toast--success:before{content:"✓";color:#4cd58a;font-weight:700}.toast--info:before{content:"ℹ";color:#8ab6ff;font-weight:700}.toast--error{background:var(--error);color:#fff}.toast--error:before{content:"!";font-weight:700}.toast__close{border:0;background:transparent;color:inherit;opacity:.6;cursor:pointer;font-size:14px;padding:0 2px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}