:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f3ef;--bg-2:#ecebe5;--surface:#fff;--surface-2:#f2f1ec;--surface-3:#e7e5de;--ink:#15171c;--ink-2:#454a55;--ink-3:#676d79;--line:#e3e1d9;--line-strong:#c9c6bb;--brand:#2347c5;--brand-hover:#1b3aa8;--brand-ink:#fff;--brand-soft:#e9edfc;--brand-soft-ink:#1c3aa6;--violet:#6a46dc;--hero:linear-gradient(135deg, #1f3fbf 0%, #4a3fd6 52%, #7b4fe0 100%);--hero-ink:#fff;--hero-ink-2:#ffffffc7;--hero-glass:#ffffff24;--hero-glass-2:#ffffff3d;--ok:#1d7445;--ok-soft:#e1f2e7;--warn:#8f5400;--warn-soft:#fbefd8;--bad:#b42318;--bad-soft:#fbe5e2;--h1:#2a78d6;--h2:#eb6834;--h3:#1baf7a;--h4:#eda100;--h5:#e87ba4;--h6:#008300;--h7:#4a3aa7;--h8:#e34948;--seq-0:#e7e5de;--seq-1:#b7d3f6;--seq-2:#6da7ec;--seq-3:#2a78d6;--seq-4:#184f95;--shadow-1:0 1px 2px #14161e0d, 0 1px 1px #14161e08;--shadow-2:0 10px 30px #14161e1a, 0 2px 6px #14161e0d;--shadow-hero:0 18px 40px -12px #2d34be73;--focus:0 0 0 3px color-mix(in srgb, var(--brand) 35%, transparent);--radius-s:10px;--radius-m:14px;--radius-l:22px;--font-ui:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Segoe UI", system-ui, sans-serif;--font-de:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--tabbar-h:68px;--safe-b:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1013;--bg-2:#15171b;--surface:#1a1c21;--surface-2:#22252b;--surface-3:#2c3038;--ink:#f2f3f5;--ink-2:#c5c9d1;--ink-3:#989da9;--line:#2b2f37;--line-strong:#434855;--brand:#8ea6ff;--brand-hover:#a9bbff;--brand-ink:#0b1132;--brand-soft:#1d2647;--brand-soft-ink:#bccaff;--violet:#a58bff;--hero:linear-gradient(135deg, #22337f 0%, #3a2f8f 55%, #5a3497 100%);--hero-glass:#ffffff1a;--hero-glass-2:#ffffff2e;--ok:#62d394;--ok-soft:#12301e;--warn:#f4b860;--warn-soft:#33260f;--bad:#ff8f85;--bad-soft:#3b1917;--h1:#3987e5;--h2:#d95926;--h3:#199e70;--h4:#c98500;--h5:#d55181;--h6:#008300;--h7:#9085e9;--h8:#e66767;--seq-0:#2c3038;--seq-1:#184f95;--seq-2:#256abf;--seq-3:#3987e5;--seq-4:#86b6ef;--shadow-1:0 1px 2px #0006;--shadow-2:0 12px 32px #00000080;--shadow-hero:0 18px 40px -14px #000000b3}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{box-shadow:var(--focus);outline:none}h1,h2,h3,p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{flex-direction:column;max-width:600px;min-height:100dvh;margin:0 auto;display:flex}.page{padding:18px 16px calc(var(--tabbar-h) + var(--safe-b) + 24px);padding-top:max(18px, env(safe-area-inset-top));animation:page-in .35s var(--ease);flex-direction:column;flex:1;gap:16px;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.page-head{justify-content:space-between;align-items:flex-end;gap:12px;padding:6px 2px 0;display:flex}.page-head h1{letter-spacing:-.03em;font-size:1.75rem;font-weight:800;line-height:1.2}.eyebrow{color:var(--ink-3);letter-spacing:.01em;font-size:.8125rem;font-weight:650}.wordmark{letter-spacing:-.02em;align-items:center;gap:8px;font-size:.9375rem;font-weight:800;display:inline-flex}.wordmark .flag{grid-template-rows:repeat(3,3px);gap:1.5px;width:16px;display:inline-grid}.wordmark .flag i{border-radius:2px;display:block}.tabbar{z-index:20;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(18px);border-top:1px solid var(--line);padding-bottom:var(--safe-b);position:fixed;bottom:0;left:0;right:0}.tabbar-inner{max-width:600px;height:var(--tabbar-h);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.tab{color:var(--ink-3);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:6px 4px;font-size:.75rem;font-weight:650;transition:color .15s;display:flex}.tab svg{width:23px;height:23px}.tab[aria-current=page]{color:var(--brand)}.tab[aria-current=page] .tab-pill{background:var(--brand-soft);transform:scale(1)}.tab-pill{width:54px;height:31px;transition:background .25s var(--ease), transform .25s var(--ease);border-radius:99px;place-items:center;display:grid;position:relative;transform:scale(.92)}.tab-dot{background:var(--bad);color:#fff;border:2px solid var(--surface);border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:800;display:grid;position:absolute;top:2px;right:10px}.hero-card{color:var(--hero-ink);background:var(--hero);box-shadow:var(--shadow-hero);isolation:isolate;border-radius:26px;padding:20px;position:relative;overflow:hidden}.hero-card:before,.hero-card:after{content:"";z-index:-1;filter:blur(2px);border-radius:50%;position:absolute}.hero-card:before{background:radial-gradient(circle,#ffffff38,#0000 65%);width:220px;height:220px;top:-90px;right:-70px}.hero-card:after{background:radial-gradient(circle,#78c8ff40,#0000 65%);width:260px;height:260px;bottom:-160px;left:-120px}.hero-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.hero-title{letter-spacing:-.03em;margin-top:14px;font-size:1.625rem;font-weight:800;line-height:1.25}.hero-sub{color:var(--hero-ink-2);margin-top:4px;font-size:.9375rem}.glass{background:var(--hero-glass);-webkit-backdrop-filter:blur(6px);border:1px solid #ffffff2e;border-radius:16px}.glass-chip{background:var(--hero-glass-2);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:5px 11px;font-size:.8125rem;font-weight:700;display:inline-flex}.glass-chip svg{width:15px;height:15px}.hero-stats{grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-top:18px;display:grid}.hero-mini{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hero-mini>div{padding:10px 12px}.hero-mini b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:800;line-height:1.15;display:block}.hero-mini span{color:var(--hero-ink-2);font-size:.75rem;font-weight:600}.ring{flex:none;place-items:center;display:grid;position:relative}.ring svg{transform:rotate(-90deg)}.ring circle{fill:none;stroke-linecap:round}.ring .track{stroke:var(--surface-3)}.ring .val{stroke:var(--brand);transition:stroke-dashoffset .8s var(--ease)}.ring-label{text-align:center;place-items:center;line-height:1.1;display:grid;position:absolute;inset:0}.ring-label b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.ring-label small{opacity:.8;font-size:.6875rem;font-weight:650;display:block}.hero-card .ring .track{stroke:#fff3}.hero-card .ring .val{stroke:#fff}.week{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week-day{color:var(--ink-3);flex-direction:column;align-items:center;gap:5px;font-size:.6875rem;font-weight:700;display:flex}.week-cell{aspect-ratio:1;background:var(--seq-0);color:#fff;border-radius:10px;place-items:center;width:100%;max-width:38px;font-size:.6875rem;font-weight:800;display:grid;position:relative}.week-cell[data-l="1"]{background:var(--seq-1);color:var(--ink)}.week-cell[data-l="2"]{background:var(--seq-2)}.week-cell[data-l="3"]{background:var(--seq-3)}.week-cell[data-l="4"]{background:var(--seq-4)}.week-day.is-today{color:var(--ink)}.week-day.is-today .week-cell{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--brand)}.week-cell svg{width:14px;height:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-1);padding:18px}.card-title{letter-spacing:-.015em;font-size:1.0625rem;font-weight:750}.card-sub{color:var(--ink-2);font-size:.9375rem}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-icon{background:var(--brand-soft);width:36px;height:36px;color:var(--brand-soft-ink);border-radius:11px;flex:none;place-items:center;display:grid}.card-icon svg{width:19px;height:19px}.muted{color:var(--ink-3)}.small{font-size:.875rem}.tiny{font-size:.75rem}.section-title{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin:10px 4px -4px;font-size:.8125rem;font-weight:750}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.divider{background:var(--line);height:1px;margin:4px 0}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);min-width:0;padding:13px 14px}.stat-label{color:var(--ink-3);font-size:.75rem;font-weight:650}.stat-value{letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.5rem;font-weight:800;line-height:1.2}.stat-value small{color:var(--ink-3);margin-left:2px;font-size:.8125rem;font-weight:650}.chip{background:var(--surface-2);color:var(--ink-2);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:.8125rem;font-weight:650;display:inline-flex}.chip svg{width:14px;height:14px}.chip-brand{background:var(--brand-soft);color:var(--brand-soft-ink)}.chip-ok{background:var(--ok-soft);color:var(--ok)}.chip-warn{background:var(--warn-soft);color:var(--warn)}.chip-bad{background:var(--bad-soft);color:var(--bad)}.btn{border-radius:var(--radius-m);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:1rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform .1s,box-shadow .2s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{flex:none;width:20px;height:20px}.btn-primary{background:var(--brand);color:var(--brand-ink);box-shadow:0 6px 16px -6px color-mix(in srgb, var(--brand) 70%, transparent)}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-hero{background:var(--hero);color:#fff;box-shadow:var(--shadow-hero)}.btn-white{color:#1f2a78;background:#fff}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{color:var(--ink-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--bad-soft);color:var(--bad)}.btn-block{width:100%}.btn-lg{border-radius:17px;min-height:56px;font-size:1.0625rem}.btn-sm{border-radius:10px;min-height:36px;padding:0 12px;font-size:.875rem}.btn-icon{border-radius:12px;width:44px;min-height:44px;padding:0}kbd{font-family:var(--font-ui);border:1px solid color-mix(in srgb, currentColor 35%, transparent);opacity:.8;border-radius:5px;padding:1px 6px;font-size:.6875rem;font-weight:700}@media (hover:none){.kbd-hint{display:none}}.segmented{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{min-height:56px;color:var(--ink-2);background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;font-size:1.125rem;font-weight:800;line-height:1.15;transition:background .2s,color .2s,box-shadow .2s;display:flex}.segmented button small{color:var(--ink-3);font-size:.6875rem;font-weight:650}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-1), 0 0 0 1.5px var(--brand)}.bar{background:var(--surface-3);border-radius:99px;height:8px;overflow:hidden}.bar>span{background:var(--brand);border-radius:inherit;height:100%;transition:width .6s var(--ease);display:block}.bar-ok>span{background:var(--ok)}.bar-warn>span{background:var(--warn)}.bar-bad>span{background:var(--bad)}.bar-hue>span{background:var(--hue,var(--brand))}.plan{flex-direction:column;display:flex}.plan-row{border-bottom:1px dashed var(--line);grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:9px 0;display:grid}.plan-row:last-child{border-bottom:0}.block-badge{background:var(--brand-soft);width:30px;height:30px;color:var(--brand-soft-ink);border-radius:9px;place-items:center;font-size:.8125rem;font-weight:800;display:grid}.plan-strip{border-radius:99px;gap:2px;height:10px;margin:10px 0 6px;display:flex;overflow:hidden}.plan-strip span{background:var(--brand);opacity:var(--o,1)}.dock{left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-b));z-index:15;background:linear-gradient(to bottom, transparent, var(--bg) 34%);pointer-events:none;padding:14px 16px 12px;position:fixed}.dock-inner{pointer-events:auto;max-width:568px;margin:0 auto}.session{flex-direction:column;max-width:600px;min-height:100dvh;margin:0 auto;display:flex}.session-top{z-index:10;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(14px);padding:10px 12px;padding-top:max(10px, env(safe-area-inset-top));position:sticky;top:0}.session-bar{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.session-title{text-align:center;font-size:.9375rem;font-weight:750;line-height:1.25}.session-title small{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:650;display:block}.timer{font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:right;min-width:64px;padding-right:6px;font-size:.875rem;font-weight:750}.segbar{gap:4px;margin-top:10px;display:flex}.segbar>div{background:var(--surface-3);border-radius:99px;height:6px;overflow:hidden}.segbar>div>span{background:var(--hero);height:100%;transition:width .4s var(--ease);display:block}.session-body{animation:page-in .3s var(--ease);flex-direction:column;flex:1;gap:16px;padding:8px 16px 24px;display:flex}.announce{border-radius:var(--radius-m);background:var(--brand-soft);color:var(--brand-soft-ink);animation:slide-in .4s var(--ease);align-items:center;gap:10px;padding:10px 14px;font-size:.9375rem;font-weight:650;display:flex}.announce .block-badge{background:var(--brand);color:var(--brand-ink)}@keyframes slide-in{0%{opacity:0;transform:translateY(-8px)}}.q-type{justify-content:space-between;align-items:center;gap:8px;display:flex}.q-ko{letter-spacing:-.02em;font-size:1.4375rem;font-weight:750;line-height:1.42}.q-help{color:var(--ink-3);font-size:.875rem;font-weight:650}.de{font-family:var(--font-de);letter-spacing:-.01em;font-size:1.4375rem;font-weight:650;line-height:1.45}.de-sm{font-family:var(--font-de);font-size:1.0625rem;font-weight:600}.instruction{background:var(--warn-soft);color:var(--warn);border-radius:10px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:.9375rem;font-weight:700;display:inline-flex}.blank{border-bottom:3px solid var(--brand);min-width:3.2em;color:var(--brand);text-align:center;margin:0 2px;padding:0 6px;display:inline-block}.blank.empty{color:#0000}.answer-input{border:2px solid var(--line-strong);background:var(--surface);width:100%;min-height:58px;font-family:var(--font-de);resize:none;border-radius:16px;padding:15px 16px;font-size:1.1875rem;font-weight:500;line-height:1.4;transition:border-color .15s,box-shadow .15s}.answer-input::placeholder{color:var(--ink-3);font-family:var(--font-ui);font-size:1rem;font-weight:500}.answer-input:focus{border-color:var(--brand);box-shadow:var(--focus);outline:none}.answer-input[readonly]{background:var(--surface-2);border-color:var(--line)}.umlauts{grid-template-columns:52px repeat(4,1fr);gap:6px;display:grid}.umlauts button{border:1px solid var(--line-strong);background:var(--surface);min-height:46px;font-family:var(--font-de);-webkit-tap-highlight-color:transparent;border-bottom-width:2px;border-radius:12px;font-size:1.25rem;font-weight:600}.umlauts button:active{background:var(--surface-3);transform:translateY(1px)}.umlauts .shift[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-soft-ink)}.umlauts .shift svg{width:20px;height:20px}.actions{padding:12px 16px calc(12px + var(--safe-b));background:linear-gradient(to bottom, transparent, var(--bg) 22%);flex-direction:column;gap:10px;margin:auto -16px -24px;display:flex;position:sticky;bottom:0}.actions-row{gap:10px;display:flex}.actions-row>.btn-primary{flex:1}.options{flex-direction:column;gap:10px;display:flex}.option{border:2px solid var(--line-strong);background:var(--surface);text-align:left;min-height:62px;font-family:var(--font-de);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;font-size:1.1875rem;font-weight:600;transition:border-color .15s,background .15s,transform .1s;display:flex}.option:hover:not(:disabled){border-color:var(--brand)}.option:active:not(:disabled){transform:scale(.99)}.option .num{font-family:var(--font-ui);background:var(--surface-2);width:28px;height:28px;color:var(--ink-3);border-radius:9px;flex:none;place-items:center;font-size:.8125rem;font-weight:800;display:grid}.option.is-correct{border-color:var(--ok);background:var(--ok-soft);animation:pop .35s var(--ease)}.option.is-wrong{border-color:var(--bad);background:var(--bad-soft);animation:.35s shake}.option.is-dim{opacity:.5}.option:disabled{cursor:default}.option svg{width:22px;height:22px;margin-left:auto}@keyframes pop{50%{transform:scale(1.02)}}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.build-target{border:2px dashed var(--line-strong);background:var(--surface);border-radius:16px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:116px;padding:12px;display:flex}.build-target.is-filled{border-style:solid}.build-placeholder{color:var(--ink-3);align-self:center;margin:auto;font-size:.9375rem}.build-pool{flex-wrap:wrap;justify-content:center;gap:8px;min-height:52px;display:flex}.piece{border:1px solid var(--line-strong);background:var(--surface);min-height:46px;font-family:var(--font-de);-webkit-tap-highlight-color:transparent;animation:page-in .2s var(--ease);border-bottom-width:3px;border-radius:12px;padding:0 14px;font-size:1.125rem;font-weight:600;transition:transform .1s}.piece:active{transform:translateY(1px)}.piece.placed{background:var(--brand-soft);border-color:color-mix(in srgb, var(--brand) 45%, transparent);color:var(--brand-soft-ink)}.piece.ghost{visibility:hidden}.verdict{animation:slide-in .3s var(--ease);border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.verdict svg{flex:none;width:28px;height:28px;margin-top:1px}.verdict.correct svg{animation:pop .45s var(--ease)}.verdict-title{font-size:1.0625rem;font-weight:800}.verdict-sub{color:var(--ink-2);margin-top:2px;font-size:.9375rem}.verdict.correct{background:var(--ok-soft);color:var(--ok)}.verdict.almost{background:var(--warn-soft);color:var(--warn)}.verdict.wrong{background:var(--bad-soft);color:var(--bad)}.answer-line{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.diff{background:var(--surface);border:1px solid var(--line);border-radius:16px;grid-template-columns:auto 1fr;align-items:baseline;gap:8px 12px;padding:14px 16px;display:grid}.diff-label{color:var(--ink-3);white-space:nowrap;font-size:.8125rem;font-weight:700}.diff-words{font-family:var(--font-de);flex-wrap:wrap;gap:2px 6px;font-size:1.0625rem;line-height:1.9;display:flex}.w-extra{background:var(--bad-soft);color:var(--bad);border-radius:5px;padding:0 4px;text-decoration:line-through;text-decoration-thickness:2px}.w-missing{background:var(--ok-soft);color:var(--ok);box-shadow:inset 0 -2px 0 var(--ok);border-radius:5px;padding:0 4px;font-weight:700}.w-moved{background:var(--warn-soft);color:var(--warn);box-shadow:inset 0 -2px 0 var(--warn);border-radius:5px;padding:0 4px}.legend{color:var(--ink-3);flex-wrap:wrap;grid-column:1/-1;gap:6px 12px;font-size:.75rem;font-weight:650;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.hint{background:var(--warn-soft);color:var(--ink);border-radius:14px;gap:10px;padding:12px 14px;font-size:.9375rem;display:flex}.hint svg{width:20px;height:20px;color:var(--warn);flex:none;margin-top:2px}.explain{background:var(--surface-2);color:var(--ink-2);border-radius:14px;padding:12px 14px;font-size:.9375rem}.explain b{color:var(--ink);margin-right:6px}.point{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr;gap:12px;padding:16px 0;display:grid}.point:first-child{padding-top:4px}.point:last-child{border-bottom:0;padding-bottom:4px}.point-num{background:color-mix(in srgb, var(--hue,var(--brand)) 16%, var(--surface));width:30px;height:30px;color:var(--ink);border-radius:99px;place-items:center;font-size:.875rem;font-weight:800;display:grid}.example{border-left:3px solid var(--hue,var(--brand));background:var(--surface-2);border-radius:0 12px 12px 0;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;display:flex}.chat{flex-direction:column;gap:10px;display:flex}.setup{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.bubble-row{animation:bubble-in .35s var(--ease);align-items:flex-end;gap:8px;display:flex}.bubble-row.me{flex-direction:row-reverse}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.avatar{color:#fff;background:var(--hero);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:.75rem;font-weight:800;display:grid}.avatar.me{background:var(--surface-3);color:var(--ink-2)}.bubble{background:var(--surface);border:1px solid var(--line);max-width:82%;box-shadow:var(--shadow-1);border-radius:18px;padding:10px 14px}.bubble-row.partner .bubble{border-bottom-left-radius:6px}.bubble-row.me .bubble{background:var(--brand);color:var(--brand-ink);border-color:#0000;border-bottom-right-radius:6px}.bubble-row.me.is-wrong .bubble{background:var(--bad-soft);color:var(--ink);border-color:color-mix(in srgb, var(--bad) 40%, transparent)}.bubble-row.me.is-almost .bubble{background:var(--warn-soft);color:var(--ink);border-color:color-mix(in srgb, var(--warn) 40%, transparent)}.bubble .de{font-size:1.0625rem;line-height:1.4}.bubble .ko{opacity:.75;margin-top:3px;font-size:.8125rem}.bubble .fix{border-top:1px dashed;margin-top:6px;padding-top:6px;font-size:.875rem}.turn-task{background:var(--warn-soft);color:var(--warn);max-width:90%;animation:bubble-in .35s var(--ease);border-radius:12px;align-self:flex-end;align-items:center;gap:8px;padding:8px 12px;font-size:.9375rem;font-weight:700;display:flex}.script{gap:10px;display:grid}.script-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:4px;padding:12px 14px;display:grid}.scrim{z-index:50;background:#0a0c1273;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--surface);width:100%;max-width:600px;padding:10px 20px calc(20px + var(--safe-b));box-shadow:var(--shadow-2);animation:rise .3s var(--ease);border-radius:26px 26px 0 0;max-height:90dvh;overflow:auto}.sheet-grip{background:var(--line-strong);border-radius:99px;width:40px;height:5px;margin:0 auto 14px}.sheet h2{letter-spacing:-.02em;margin-bottom:6px;font-size:1.25rem;font-weight:800}@keyframes rise{0%{opacity:.4;transform:translateY(40px)}}@media (width>=640px){.scrim{align-items:center}.sheet{border-radius:26px;max-width:480px;padding-bottom:20px}.sheet-grip{display:none}}.list{flex-direction:column;display:flex}.list-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:14px 0;display:flex}.list-item:last-child{border-bottom:0}.pack-row{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-l);width:100%;box-shadow:var(--shadow-1);grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:14px 16px 14px 14px;transition:border-color .15s,transform .15s;display:grid;position:relative;overflow:hidden}.pack-row:before{content:"";background:var(--hue);width:4px;position:absolute;inset:0 auto 0 0}.pack-row:hover{border-color:var(--line-strong)}.pack-row:active{transform:scale(.99)}.pack-row.is-current{border-color:color-mix(in srgb, var(--hue) 60%, var(--line));box-shadow:0 0 0 1px color-mix(in srgb, var(--hue) 60%, transparent), var(--shadow-2)}.pack-row.is-locked{box-shadow:none;background:0 0}.pack-row.is-locked .pack-title{color:var(--ink-3)}.pack-num{font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--hue) 16%, var(--surface));width:52px;height:52px;color:var(--ink);border-radius:16px;place-items:center;font-size:1.125rem;font-weight:800;display:grid;position:relative}.pack-num svg{width:22px;height:22px}.pack-row.is-locked .pack-num{background:var(--surface-2);color:var(--ink-3)}.pack-title{letter-spacing:-.01em;font-weight:750;line-height:1.35}.chevron{color:var(--ink-3);width:20px;height:20px}.focus-head{color:var(--ink-2);align-items:center;gap:8px;margin:14px 4px 2px;font-size:.8125rem;font-weight:750;display:flex}.focus-head i{background:var(--hue);border-radius:3px;width:10px;height:10px}.pack-hero{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--hue) 35%, transparent), transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--hue) 14%, var(--surface)), var(--surface));border:1px solid color-mix(in srgb, var(--hue) 30%, var(--line));border-radius:26px;padding:20px}.pack-hero .big-num{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:3rem;font-weight:900;line-height:1}.switch{background:var(--surface-3);border:0;border-radius:99px;flex:none;width:52px;height:32px;transition:background .2s;position:relative}.switch:after{content:"";width:26px;height:26px;transition:transform .25s var(--ease);background:#fff;border-radius:99px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true]{background:var(--brand)}.switch[aria-checked=true]:after{transform:translate(20px)}.stepper{background:var(--surface-2);border-radius:12px;align-items:center;gap:4px;padding:3px;display:flex}.stepper button{background:var(--surface);width:40px;height:38px;box-shadow:var(--shadow-1);border:0;border-radius:9px;font-size:1.25rem;font-weight:700}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:36px;font-weight:800}.diary-entry{border-bottom:1px solid var(--line);padding:14px 0}.diary-entry:last-child{border-bottom:0}.celebrate{text-align:center;padding:26px 8px 8px;position:relative}.celebrate h1{letter-spacing:-.03em;margin-top:14px;font-size:1.75rem;font-weight:850}.confetti{pointer-events:none;position:absolute;inset:0;overflow:visible}.confetti i{opacity:0;width:8px;height:12px;animation:burst 1.1s var(--ease) forwards;animation-delay:var(--d,0s);border-radius:2px;position:absolute;top:60px;left:50%}@keyframes burst{0%{opacity:1;transform:translate(-50%)rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--x)), var(--y)) rotate(var(--r))}}.toast{left:50%;bottom:calc(var(--tabbar-h) + var(--safe-b) + 24px);z-index:60;background:var(--ink);color:var(--bg);box-shadow:var(--shadow-2);animation:slide-in .3s var(--ease);text-align:center;border-radius:99px;max-width:calc(100vw - 32px);padding:11px 18px;font-size:.9375rem;font-weight:650;position:fixed;transform:translate(-50%)}.empty{text-align:center;color:var(--ink-3);padding:26px 12px}.tag-row{grid-template-columns:1fr 56px;align-items:center;gap:6px 12px;padding:10px 0;display:grid}.tag-row .bar{grid-column:1/-1}.tag-row .pct{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.level-hero{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.level-hero .glass{align-items:center;gap:12px;padding:14px;display:flex}.level-name{letter-spacing:-.03em;font-size:1.5rem;font-weight:900;line-height:1}.trend-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trend{background:var(--surface-2);border-radius:14px;min-width:0;padding:12px}.trend-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;overflow:hidden}.spark{align-items:flex-end;gap:3px;height:40px;margin-top:8px;display:flex}.spark span{background:var(--brand);border-radius:4px 4px 1px 1px;flex:1;min-height:2px;position:relative}.spark span.zero{background:var(--surface-3)}.spark span:hover:after{content:attr(data-tip);background:var(--ink);color:var(--bg);white-space:nowrap;z-index:2;border-radius:6px;padding:3px 7px;font-size:.6875rem;font-weight:650;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.trend-foot{color:var(--ink-3);justify-content:space-between;margin-top:6px;font-size:.6875rem;font-weight:600;display:flex}.cando{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr;align-items:start;gap:10px;padding:10px 0;display:grid}.cando:last-child{border-bottom:0}.cando-check{background:var(--surface-2);width:24px;height:24px;color:var(--ink-3);border-radius:8px;place-items:center;display:grid}.cando-check.done{background:var(--ok-soft);color:var(--ok)}.cando-check svg{width:15px;height:15px}.claude-card{color:#fff;background:linear-gradient(140deg,#c2572e 0%,#d97a4a 45%,#8a4fe0 120%);border-radius:24px;padding:18px;position:relative;overflow:hidden;box-shadow:0 16px 36px -14px #c2572e99}@media (prefers-color-scheme:dark){.claude-card{background:linear-gradient(140deg,#7a3418 0%,#8f4a2a 50%,#4f3290 120%)}}.claude-card .card-sub{color:#ffffffd9}.code-box{border:1px solid var(--line-strong);background:var(--surface-2);resize:vertical;border-radius:14px;width:100%;min-height:120px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;line-height:1.5}.claude-card .btn{white-space:nowrap;padding:0 12px;font-size:.9375rem}.learn-card{border-color:color-mix(in srgb, var(--brand) 35%, var(--line));background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand) 10%, transparent), transparent 55%), var(--surface);animation:page-in .3s var(--ease)}.learn-de{font-family:var(--font-de);letter-spacing:-.015em;font-size:1.625rem;font-weight:700;line-height:1.4}.learn-mark{background:var(--brand-soft);color:var(--brand-soft-ink);box-shadow:inset 0 -3px 0 var(--brand);border-radius:6px;padding:0 6px}.learn-me{background:var(--brand-soft);border-radius:10px;padding:8px 10px}.chip.gender-der{background:color-mix(in srgb, var(--h1) 16%, var(--surface));color:var(--ink)}.chip.gender-die{background:color-mix(in srgb, var(--h8) 16%, var(--surface));color:var(--ink)}.chip.gender-das{background:color-mix(in srgb, var(--h3) 18%, var(--surface));color:var(--ink)}