:root{--glow: #DFEBE3;--ground: #F4F6F2;--surface: #FFFFFF;--surface-alt: #E8EDE9;--surface-tint: #EEF1EE;--seg-track: #E3E9E4;--green: #2A5A42;--green-deep: #1F4634;--green-dark: #1B3E2D;--green-soft: #E4EDE6;--green-on: #A8CDB6;--green-on-2: #C6DED0;--green-plane-ctl: rgba(255, 255, 255, .14);--clay: #B5623A;--clay-text: #A9552F;--clay-soft: #F7E9E1;--gold: #C99A3A;--gold-text: #8A5A16;--gold-soft: #F6EBD4;--gold-on: #F3D9A0;--ink: #1B1F1A;--ink-2: #4A5148;--ink-3: #5C6259;--muted: #78807A;--muted-2: #8A918B;--faint: #AEB6B0;--chev: #B3BCB5;--line: #E4EAE5;--line-soft: #ECF0ED;--bar-track: #E4EAE5;--r-hero: 22px;--r-card: 20px;--r-ctl: 14px;--r-item: 13px;--r-chip: 8px;--r-pill: 999px;--sh-card: 0 2px 6px rgba(31, 70, 52, .06), 0 12px 28px rgba(31, 70, 52, .09);--sh-lift: 0 2px 6px rgba(31, 70, 52, .07), 0 14px 32px rgba(31, 70, 52, .12);--sh-ctl: 0 1px 3px rgba(31, 70, 52, .08), 0 6px 16px rgba(31, 70, 52, .08);--sh-green: 0 6px 16px rgba(42, 90, 66, .22);--sh-fab: 0 8px 18px rgba(42, 90, 66, .34), 0 2px 4px rgba(42, 90, 66, .2);--sh-tab: 0 -6px 24px rgba(27, 31, 26, .06);--sh-seg: 0 1px 3px rgba(31, 70, 52, .1);--font-ui: "Noto Sans KR", "Malgun Gothic", -apple-system, sans-serif;--font-num: "Bricolage Grotesque", "Noto Sans KR", sans-serif;--tabbar-h: 88px;--top-safe: calc(env(safe-area-inset-top, 0px) + 16px) ;--btm-safe: env(safe-area-inset-bottom, 0px);--page-x: 20px;--cta-h: 58px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-dark)}button{font-family:inherit;border:0;background:none;padding:0;cursor:pointer;color:inherit}:focus-visible{outline:2px solid var(--green);outline-offset:3px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.screen{min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--glow) 0%,var(--ground) 34%,var(--ground) 100%)}.screen__body{flex:1 1 auto;min-height:0;padding:var(--top-safe) var(--page-x) 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen__body--tab{padding-bottom:calc(var(--tabbar-h) + 24px)}.screen__body--wide{padding-left:24px;padding-right:24px}.screen__footer{flex:0 0 auto;padding:14px var(--page-x) calc(30px + var(--btm-safe));background:var(--ground)}.hdr{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:13px}.hdr__back{flex:0 0 24px;display:flex;align-items:center}.hdr__title{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:27px}.hdr__title--lg{font-size:24px;letter-spacing:-.025em;line-height:32px}.hdr__sub{font-size:13px;font-weight:500;color:var(--muted);line-height:18px}.plane{margin:calc(-1 * var(--top-safe)) calc(-1 * var(--page-x)) 0;padding:var(--top-safe) var(--page-x) 64px;background:var(--green-deep);color:#fff}.plane__pill{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 12px;border-radius:var(--r-pill);background:var(--green-plane-ctl);color:#fff;font-size:14px;font-weight:700;letter-spacing:-.01em}.plane__round{position:relative;width:40px;height:40px;border-radius:var(--r-pill);background:var(--green-plane-ctl);display:flex;align-items:center;justify-content:center}.bridge{margin-top:-44px;box-shadow:var(--sh-lift)}.quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 0}.quick__item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:2px 0}.quick__item+.quick__item{border-left:1px solid var(--line-soft)}.quick__icon{width:42px;height:42px;border-radius:13px;background:var(--green-soft);display:flex;align-items:center;justify-content:center}.quick__label{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--sh-card)}.card--pad{padding:18px 20px}.card--list{padding:4px 0}.hero{background:var(--green);border-radius:var(--r-hero);padding:20px 22px;position:relative;overflow:hidden;box-shadow:var(--sh-green);color:#fff}.hero__mark{position:absolute;top:-64px;right:-52px;opacity:.16;pointer-events:none}.cta{display:flex;align-items:center;justify-content:center;width:100%;height:var(--cta-h);border-radius:var(--r-ctl);background:var(--green);color:#fff;font-size:18px;font-weight:800;letter-spacing:-.01em}.cta--ghost{background:var(--surface);color:var(--green);box-shadow:var(--sh-ctl)}.cta--danger{background:var(--clay-text);box-shadow:0 6px 16px #a9552f3d}.cta:disabled{background:var(--surface-alt);color:var(--muted-2);box-shadow:none}.cta-row{display:flex;gap:10px}.btn-line{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--r-ctl);border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);font-weight:700}.btn-line:disabled{color:var(--faint);border-color:var(--line-soft)}.opt{display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--r-item);box-shadow:var(--sh-ctl);font-size:17px;font-weight:700;color:var(--ink)}.opt--on{background:var(--green);color:#fff;box-shadow:0 5px 14px #2a5a4242}.opt--off{background:var(--surface-alt);color:var(--faint);box-shadow:none}.opt--stack{flex-direction:column;gap:2px;padding:10px 8px;line-height:1.35}.opt-grid{display:grid;gap:8px;margin-top:12px}.hscroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.hscroll::-webkit-scrollbar{display:none}.seg{display:flex;gap:3px;padding:3px;background:var(--seg-track);border-radius:var(--r-item)}.seg__item{flex:1 1 0;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:15px;font-weight:700;color:var(--muted)}.seg__item--on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-seg)}.field__label{display:block;font-size:14px;font-weight:700;color:var(--ink-3);line-height:20px}.field__hint{font-size:13px;font-weight:500;color:var(--muted-2);line-height:20px}.field__box{margin-top:8px;height:56px;display:flex;align-items:center;gap:10px;padding:0 18px;background:var(--surface);border-radius:var(--r-ctl);box-shadow:var(--sh-ctl)}.field__box--focus{box-shadow:0 0 0 2px var(--green),0 6px 16px #2a5a4224}.field__box--lock{background:var(--surface-alt);box-shadow:none}.field__input{flex:1 1 auto;min-width:0;border:0;background:none;font-family:inherit;font-size:17px;font-weight:500;color:var(--ink);line-height:24px}.field__input::placeholder{color:var(--faint);font-weight:400}.field__input:focus{outline:none}.row{display:flex;align-items:center;gap:14px;padding:16px 18px}.row__title{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:22px}.row__meta{display:flex;align-items:center;gap:8px;margin-top:4px}.row__grow{flex:1 1 auto;min-width:0}.meta{font-size:13px;font-weight:400;color:var(--muted);line-height:18px}.dot{flex:0 0 3px;width:3px;height:3px;border-radius:var(--r-pill);background:var(--chev)}.rule{height:1px;background:var(--line-soft)}.rule--inset{margin:0 18px}.menu-row{display:flex;align-items:center;gap:12px;height:52px;padding:0 18px;width:100%;text-align:left}.menu-row__label{flex:1 1 auto;font-size:16px;font-weight:500;line-height:22px}.menu-row__value{font-size:14px;font-weight:700;color:var(--green);line-height:20px}.sect{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px;min-height:22px}.sect__title{font-size:15px;font-weight:800;letter-spacing:-.02em;line-height:22px}.sect__more{font-size:13px;font-weight:700;color:var(--green);line-height:22px}.sect__eyebrow{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.08em;line-height:18px}.chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-chip);font-size:12px;font-weight:700;line-height:24px;white-space:nowrap}.chip--green{color:var(--green);background:var(--green-soft)}.chip--clay{color:var(--clay-text);background:var(--clay-soft)}.chip--gold{color:var(--gold-text);background:var(--gold-soft)}.chip--neutral{color:var(--ink-2);background:var(--surface-tint)}.bar-count{display:flex;gap:4px}.bar-count__seg{flex:1 1 0;height:7px;border-radius:4px;background:var(--bar-track)}.bar-count__seg--on{background:var(--green)}.bar-count__seg--lesson{background:var(--clay)}.bar-period{height:7px;border-radius:4px;background:var(--bar-track);overflow:hidden}.bar-period__fill{height:100%;border-radius:4px;background:var(--green)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;padding:9px 8px calc(30px + var(--btm-safe));background:var(--surface);border-top:1px solid var(--line);box-shadow:var(--sh-tab)}.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:5px}.tabbar__slot{width:100%;max-width:54px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill)}.tabbar__slot--on{background:var(--green-soft)}.tabbar__label{font-size:11px;font-weight:500;color:var(--muted-2);letter-spacing:-.01em;line-height:14px}.tabbar__label--on{font-weight:700;color:var(--green)}.tabbar__fab-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:-26px}.tabbar__fab{width:56px;height:56px;border-radius:var(--r-pill);background:var(--green);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-fab)}.empty{display:flex;flex-direction:column;align-items:center;padding:0 20px;text-align:center}.empty__icon{width:88px;height:88px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center}.empty__title{margin-top:24px;font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:28px}.empty__body{margin-top:10px;font-size:15px;font-weight:400;color:var(--muted);line-height:23px}.empty__cta{margin-top:28px;height:52px;padding:0 26px;border-radius:var(--r-ctl);background:var(--green);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;box-shadow:0 6px 16px #2a5a4238}.note{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:16px}.note--green{background:var(--green-soft);color:#2f5c46}.note--clay{background:var(--clay-soft);color:#8f4b29}.note--plain{padding:0 2px;color:#7e8479}.note__text{font-size:14px;font-weight:500;line-height:22px}.brand-mark{display:block;margin:0 auto}.brand-mark--lg{width:168px;height:168px}.brand-mark--md{width:96px;height:96px}.auth-top{padding-top:44px}@media(max-height:720px){.brand-mark--lg{width:104px;height:104px}.auth-top{padding-top:20px}}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mt-18{margin-top:18px}.mt-20{margin-top:20px}.mt-22{margin-top:22px}.mt-26{margin-top:26px}.skel{border-radius:18px;background:linear-gradient(100deg,var(--surface-alt) 30%,#FBFAF6 50%,var(--surface-alt) 70%);background-size:220% 100%;animation:skel-slide 1.3s ease-in-out infinite}@keyframes skel-slide{0%{background-position:130% 0}to{background-position:-30% 0}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.sc-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.sc{border-collapse:separate;border-spacing:0;width:100%;min-width:100%;font-variant-numeric:tabular-nums}.sc th,.sc td{padding:0;height:38px;min-width:34px;text-align:center;font-size:14px;font-weight:600;color:var(--ink-2);border-bottom:1px solid var(--line)}.sc__head{position:sticky;left:0;z-index:1;min-width:52px;padding-right:8px!important;text-align:left!important;font-size:12px;font-weight:700;color:var(--muted);background:var(--surface)}.sc td.sc__hole{font-size:12px;font-weight:700;color:var(--muted)}.sc td.sc__sum{min-width:46px;font-weight:800;color:var(--ink);background:var(--surface-alt)}.sc td.sc__sum.sc__hole{color:var(--muted)}.sc tr:last-child th,.sc tr:last-child td{border-bottom:0}.sc td.sc__score--under{color:var(--green)}.sc td.sc__score--over{color:var(--clay-text)}.trend{display:flex;align-items:flex-end;gap:8px;height:116px}.trend__col{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:6px}.trend__bar-wrap{width:100%;flex:1 1 auto;display:flex;align-items:flex-end}.trend__bar{width:100%;border-radius:7px 7px 3px 3px;background:var(--green-soft)}.trend__bar--best{background:var(--green)}.trend__val{font-size:12px;font-weight:700;color:var(--ink-2)}.trend__date{font-size:10px;font-weight:600;color:var(--muted)}.stat-row{display:flex}.stat{flex:1 1 0;text-align:center}.stat+.stat{border-left:1px solid var(--line)}.stat__val{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:30px;color:var(--ink)}.stat__label{margin-top:3px;font-size:12px;font-weight:600;color:var(--muted)}.agree-table{border-collapse:collapse;width:100%;min-width:400px;font-size:13.5px;line-height:1.6}.agree-table th,.agree-table td{text-align:left;padding:9px 12px 9px 0;border-bottom:1px solid var(--line-soft);vertical-align:top;color:var(--ink-2);font-weight:400}.agree-table thead th{font-size:12px;font-weight:700;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap}.agree-table tbody th{font-weight:600;color:var(--ink-3);white-space:nowrap}.agree-table tr:last-child th,.agree-table tr:last-child td{border-bottom:0}