@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@10..48,400;10..48,500;10..48,600;10..48,700;10..48,800&family=Hanken+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Noto+Sans+KR:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--violet-50:#f4eefc;--violet-100:#e6d9f8;--violet-200:#c9aef0;--violet-300:#a87fe6;--violet-400:#8452d6;--violet-500:#6620c4;--violet-600:#4702ac;--violet-700:#380287;--violet-800:#280161;--violet-900:#180139;--mist-50:#faf9fd;--mist-100:#f5f3fa;--mist-200:#ece8f4;--mist-300:#ded8eb;--mist-400:#d0c9e1;--slate-500:#857d96;--slate-600:#625a73;--slate-700:#443d53;--slate-800:#2a2435;--slate-900:#16121d;--gold-300:#f0ce85;--gold-500:#c4881a;--gold-600:#9c6a10;--cyan-300:#84c3ce;--cyan-500:#1c7f8e;--cyan-600:#146070;--pink-300:#e2a0c2;--pink-500:#b93e7e;--pink-600:#932d63;--green-300:#8fc7ac;--green-500:#2e7d5b;--green-600:#216146;--rose-300:#e29ba6;--rose-500:#c1394f;--rose-600:#9a2a3d;--blue-500:#3a6bc4;--bg-app:var(--mist-100);--bg-sunken:var(--mist-200);--surface-card:#fff;--surface-raised:#fff;--surface-inset:var(--mist-200);--surface-overlay:#18013970;--surface-blur:#ffffffbd;--text-primary:var(--slate-800);--text-secondary:var(--slate-600);--text-tertiary:var(--slate-500);--text-inverse:var(--mist-50);--text-on-primary:#fff;--text-link:var(--violet-600);--border-hairline:var(--mist-300);--border-strong:var(--slate-800);--border-focus:var(--violet-500);--action-primary:var(--violet-600);--action-primary-press:var(--violet-700);--action-primary-edge:var(--violet-800);--action-secondary-fill:var(--violet-50);--action-secondary-text:var(--violet-600);--action-disabled:var(--mist-300);--action-disabled-text:var(--slate-500);--skill-vocabulary:var(--violet-600);--skill-vocabulary-track:var(--violet-300);--skill-reading:var(--cyan-500);--skill-reading-track:var(--cyan-300);--skill-writing:var(--pink-500);--skill-writing-track:var(--pink-300);--skill-locked:var(--slate-500);--skill-locked-track:var(--mist-300);--feedback-success:var(--green-500);--feedback-success-soft:#e6f1ec;--feedback-error:var(--rose-500);--feedback-error-soft:#f9e8ea;--feedback-info:var(--blue-500);--feedback-info-soft:#e9eef8;--feedback-gentle:var(--gold-600);--feedback-gentle-soft:#faf0dc;--rating-again:var(--rose-500);--rating-hard:var(--gold-600);--rating-good:var(--green-500);--rating-easy:var(--cyan-500);--creature-glow:radial-gradient(60% 60% at 50% 40%,#a87fe68c,#a87fe600)}@media (prefers-color-scheme:dark){:root{--bg-app:#120e1a;--bg-sunken:#0c0913;--surface-card:#1e1828;--surface-raised:#282035;--surface-inset:#181322;--surface-overlay:#0804109e;--surface-blur:#1e1828bd;--text-primary:#efeaf7;--text-secondary:#b5acc6;--text-tertiary:#877e99;--text-inverse:var(--slate-800);--text-on-primary:#1a0b2e;--text-link:var(--violet-300);--border-hairline:#302840;--border-strong:#efeaf7;--border-focus:var(--violet-300);--action-primary:var(--violet-300);--action-primary-press:var(--violet-200);--action-primary-edge:var(--violet-700);--action-secondary-fill:#a87fe629;--action-secondary-text:var(--violet-200);--action-disabled:#2b2338;--action-disabled-text:#786e8a;--skill-vocabulary:var(--violet-300);--skill-vocabulary-track:#251c32;--skill-reading:var(--cyan-300);--skill-reading-track:#1a3439;--skill-writing:var(--pink-300);--skill-writing-track:#3d2130;--skill-locked:#786e8a;--skill-locked-track:#282035;--feedback-success:var(--green-300);--feedback-success-soft:#1a2c23;--feedback-error:var(--rose-300);--feedback-error-soft:#301e22;--feedback-info:#9db4e0;--feedback-info-soft:#1b2334;--feedback-gentle:var(--gold-300);--feedback-gentle-soft:#32270f}}[data-theme=dark]{--bg-app:#120e1a;--bg-sunken:#0c0913;--surface-card:#1e1828;--surface-raised:#282035;--surface-inset:#181322;--surface-overlay:#0804109e;--surface-blur:#1e1828bd;--text-primary:#efeaf7;--text-secondary:#b5acc6;--text-tertiary:#877e99;--text-inverse:var(--slate-800);--text-on-primary:#1a0b2e;--text-link:var(--violet-300);--border-hairline:#302840;--border-strong:#efeaf7;--border-focus:var(--violet-300);--action-primary:var(--violet-300);--action-primary-press:var(--violet-200);--action-primary-edge:var(--violet-700);--action-secondary-fill:#a87fe629;--action-secondary-text:var(--violet-200);--action-disabled:#2b2338;--action-disabled-text:#786e8a;--skill-vocabulary:var(--violet-300);--skill-vocabulary-track:#251c32;--skill-reading:var(--cyan-300);--skill-reading-track:#1a3439;--skill-writing:var(--pink-300);--skill-writing-track:#3d2130;--skill-locked:#786e8a;--skill-locked-track:#282035;--feedback-success:var(--green-300);--feedback-success-soft:#1a2c23;--feedback-error:var(--rose-300);--feedback-error-soft:#301e22;--feedback-info:#9db4e0;--feedback-info-soft:#1b2334;--feedback-gentle:var(--gold-300);--feedback-gentle-soft:#32270f}[data-theme=light]{--bg-app:var(--mist-100);--surface-card:#fff;--text-primary:var(--slate-800);--text-secondary:var(--slate-600);--border-hairline:var(--mist-300)}:root{--font-display:"Bricolage Grotesque","SF Pro Rounded",system-ui,sans-serif;--font-body:"Hanken Grotesk","SF Pro Text",system-ui,sans-serif;--font-kr:"Noto Sans KR","Apple SD Gothic Neo",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--text-caption2:11px;--text-caption:12px;--text-footnote:13px;--text-subhead:15px;--text-callout:16px;--text-body:17px;--text-title3:20px;--text-title2:22px;--text-title1:28px;--text-largetitle:34px;--text-display:40px;--text-display-lg:52px;--lh-tight:1.1;--lh-snug:1.25;--lh-body:1.5;--lh-reading:1.7;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--tracking-display:-.02em;--tracking-title:-.01em;--tracking-body:0em;--tracking-caps:.08em;--type-hero:var(--weight-bold) var(--text-display)/var(--lh-tight) var(--font-display);--type-title1:var(--weight-bold) var(--text-title1)/var(--lh-snug) var(--font-body);--type-title2:var(--weight-bold) var(--text-title2)/var(--lh-snug) var(--font-body);--type-title3:var(--weight-semibold) var(--text-title3)/var(--lh-snug) var(--font-body);--type-screen-title:var(--type-title1);--type-section:var(--type-title3);--type-body:var(--weight-regular) var(--text-body)/var(--lh-body) var(--font-body);--type-reading:var(--weight-regular) var(--text-title3)/var(--lh-reading) var(--font-kr);--type-label:var(--weight-semibold) var(--text-subhead)/var(--lh-snug) var(--font-body);--type-caption:var(--weight-medium) var(--text-caption)/var(--lh-snug) var(--font-body);--type-data:var(--weight-medium) var(--text-footnote)/var(--lh-snug) var(--font-mono);--space-0:0px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--space-12:80px;--gutter-screen:20px;--gutter-card:16px;--gap-stack:12px;--gap-section:28px;--hit-min:44px;--tabbar-height:52px;--nav-height:44px;--content-max:420px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-full:999px;--radius-button:0px;--radius-card:20px;--radius-sheet:28px;--radius-chip:999px;--radius-input:14px;--radius-bubble:20px;--border-width-hairline:1px;--border-width-solid:1.5px;--border-width-chunky:2px;--shadow-1:0 1px 2px #28016112;--shadow-2:0 2px 8px #28016117;--shadow-3:0 8px 24px #2801611f;--shadow-4:0 18px 40px #28016129;--button-shadow-offset:5px;--button-shadow-offset-pressed:2px;--edge-primary:var(--button-shadow-offset) var(--button-shadow-offset) 0 var(--action-primary-edge);--edge-neutral:var(--button-shadow-offset) var(--button-shadow-offset) 0 var(--mist-400);--edge-press:var(--button-shadow-offset-pressed) var(--button-shadow-offset-pressed) 0 var(--action-primary-edge);--ring-focus:0 0 0 3px #6620c44d;--inset-track:inset 0 1px 2px #2801611f}@media (prefers-color-scheme:dark){:root{--shadow-1:0 1px 2px #0006;--shadow-2:0 2px 8px #00000073;--shadow-3:0 8px 24px #00000080;--shadow-4:0 18px 40px #0000008c;--edge-neutral:var(--button-shadow-offset) var(--button-shadow-offset) 0 #302840;--ring-focus:0 0 0 3px #a87fe652}}:root{--ease-standard:cubic-bezier(.32,.72,0,1);--ease-out:cubic-bezier(.22,1,.36,1);--ease-pop:cubic-bezier(.34,1.4,.64,1);--dur-instant:.1s;--dur-fast:.18s;--dur-base:.26s;--dur-slow:.42s;--dur-creature:.7s;--press-scale:.97}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--dur-creature:0s;--press-scale:1}}:root{--shell-max:480px;--edge-yellow:#f5de1e;--radius-button:12px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-app);color:var(--text-primary);font:var(--type-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--text-link);text-decoration:none}:focus-visible{box-shadow:var(--ring-focus);outline:none}.ko{font-family:var(--font-kr)}.mono{font-family:var(--font-mono);font-weight:var(--weight-medium)}.muted{color:var(--text-secondary)}.faint{color:var(--text-tertiary)}.caps{font:var(--type-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{max-width:var(--shell-max);background:var(--bg-app);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative}.shell-main{padding-bottom:calc(var(--tabbar-height) + 28px + env(safe-area-inset-bottom));flex:1}.shell-main.no-tabs{padding-bottom:0}@media (width>=720px){.shell{margin:0 auto}}.page{padding:0 var(--gutter-screen) var(--gap-section);gap:var(--gap-stack);flex-direction:column;display:flex}.section{gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.section-title{font:var(--type-section);margin:0}.navbar{align-items:center;gap:var(--space-4);min-height:var(--nav-height);padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--gutter-screen) var(--space-3);display:flex}.navbar.large{align-items:flex-end;min-height:84px}.navbar-text{flex:1;min-width:0}.navbar.center .navbar-text{text-align:center}.navbar-spacer{flex:none;width:44px}.navbar-title{font:var(--type-section);font-size:var(--text-body);letter-spacing:var(--tracking-title);margin:0}.navbar.large .navbar-title{font:var(--type-screen-title);letter-spacing:var(--tracking-title)}.dino-title{align-items:center;gap:var(--space-2);max-width:100%;display:inline-flex}.navbar-sub{font:var(--type-caption);color:var(--text-tertiary);margin-top:2px}.wordmark{font-family:var(--font-display);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);color:var(--action-primary)}.wordmark-text{font-size:30px;line-height:1.1;display:block}.tabbar{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));width:calc(min(100vw, var(--shell-max)) - 2 * var(--gutter-screen));background:var(--surface-blur);-webkit-backdrop-filter:saturate(1.4)blur(18px);border:1px solid var(--border-hairline);border-radius:var(--radius-full);box-shadow:var(--shadow-3);z-index:20;grid-template-columns:repeat(4,1fr);padding:6px;display:grid;position:fixed;transform:translate(-50%)}.tab{min-height:var(--hit-min);border-radius:var(--radius-full);color:var(--text-tertiary);font:var(--type-caption);font-size:var(--text-caption2);transition:background-color var(--dur-fast) linear, color var(--dur-fast) linear;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.tab.active{color:var(--action-primary);background:var(--action-secondary-fill);font-weight:var(--weight-semibold)}.btn{justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--hit-min);border-radius:var(--radius-button);font:var(--type-label);font-size:var(--text-body);text-align:center;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-pop), box-shadow var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) linear;border:none;padding:12px 18px;display:inline-flex}.btn:disabled{cursor:default}.btn-block{width:100%}.btn-sm{font-size:var(--text-subhead);padding:8px 14px}.btn-lg{padding:16px 22px}.btn-icon{width:var(--hit-min);min-width:var(--hit-min);padding:0}.btn-icon.btn-xs{width:28px;min-width:28px;height:28px;min-height:28px}.btn-primary{background:var(--action-primary);color:var(--text-on-primary);box-shadow:var(--button-shadow-offset) var(--button-shadow-offset) 0 var(--edge-yellow);margin:0 var(--button-shadow-offset) var(--button-shadow-offset) 0}.btn-primary:active:not(:disabled){background:var(--action-primary-press);box-shadow:var(--button-shadow-offset-pressed) var(--button-shadow-offset-pressed) 0 var(--edge-yellow);transform:translate(3px,3px)}.btn-primary:disabled{background:var(--action-disabled);color:var(--action-disabled-text);box-shadow:none}.btn-secondary{background:color-mix(in srgb, var(--action-secondary-text) 12%, var(--action-secondary-fill));color:var(--action-secondary-text)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-outline{color:var(--text-primary);border:var(--border-width-solid) solid var(--border-hairline);background:0 0}.btn-secondary:active,.btn-ghost:active,.btn-outline:active{transform:scale(var(--press-scale))}.btn-secondary:disabled,.btn-ghost:disabled,.btn-outline:disabled{opacity:.45}.iconbtn{border-radius:var(--radius-full);width:44px;min-width:44px;height:44px;color:var(--text-secondary);transition:transform var(--dur-fast) var(--ease-pop), background-color var(--dur-fast) linear;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.iconbtn:active{transform:scale(var(--press-scale))}.iconbtn:disabled{opacity:.4}.iconbtn.tinted{background:var(--action-secondary-fill);color:var(--action-secondary-text)}.iconbtn.sm{width:36px;min-width:36px;height:36px}.toolbtn{align-items:center;gap:var(--space-3);min-height:var(--hit-min);border:var(--border-width-solid) solid var(--border-hairline);border-radius:var(--radius-full);background:var(--surface-card);color:var(--text-secondary);font:var(--type-label);font-size:var(--text-subhead);padding:8px 14px;display:inline-flex}.toolbtn:active{transform:scale(var(--press-scale))}.toolbtn.on{color:var(--action-secondary-text);background:var(--action-secondary-fill);border-color:#0000}.toolbtn.star.on,.toolbtn.bulb.on{color:var(--feedback-gentle);background:var(--feedback-gentle-soft)}.card{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-2);padding:var(--gutter-card)}.card.inset{background:var(--surface-inset);box-shadow:none;border:none}.card.dashed{border:var(--border-width-solid) dashed var(--border-hairline);box-shadow:none;background:0 0}.card.gentle{background:var(--feedback-gentle-soft);box-shadow:none;color:var(--feedback-gentle);border:none}.badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-chip);font:var(--type-caption);font-weight:var(--weight-semibold);white-space:nowrap;background:var(--surface-inset);color:var(--text-secondary);padding:4px 10px;display:inline-flex}.badge.tone-primary{background:var(--action-secondary-fill);color:var(--action-secondary-text)}.badge.tone-success{background:var(--feedback-success-soft);color:var(--feedback-success)}.badge.tone-gentle{background:var(--feedback-gentle-soft);color:var(--feedback-gentle)}.badge.tone-error{background:var(--feedback-error-soft);color:var(--feedback-error)}.badge.tone-info{background:var(--feedback-info-soft);color:var(--feedback-info)}.badge.mono{font-family:var(--font-mono);font-weight:var(--weight-medium)}.chips{gap:var(--space-3);scrollbar-width:none;margin:-2px;padding:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{align-items:center;gap:var(--space-2);border-radius:var(--radius-chip);border:var(--border-width-solid) solid var(--border-hairline);background:var(--surface-card);min-height:36px;color:var(--text-secondary);font:var(--type-label);font-size:var(--text-footnote);flex:none;padding:6px 14px;display:inline-flex}.chip.on{background:var(--action-primary);color:var(--text-on-primary);border-color:#0000}.filter-bar{align-items:center;gap:var(--space-3);display:flex}.filter-bar-center{flex:1;min-width:0}.filter-bar.has-center{grid-template-columns:1fr auto 1fr;display:grid}.filter-bar.has-center>:first-child{justify-self:start}.filter-bar.has-center>:last-child{justify-self:end}.filter-bar-center .seg button{white-space:nowrap;padding:8px 6px}.sortchip{padding-right:8px;position:relative}.sortchip select{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0 14px 0 0}.sortchip select:focus-visible{outline:none}.sortchip:focus-within{box-shadow:var(--ring-focus)}.filter-actions{margin-top:var(--space-5);justify-content:space-between;align-items:center;display:flex}select.chip{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;padding-right:30px}select.chip.on{background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-color:var(--action-primary);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px}.seg{background:var(--surface-inset);border-radius:var(--radius-full);gap:2px;padding:2px;display:grid}.seg button{border-radius:var(--radius-full);min-height:36px;color:var(--text-secondary);font:var(--type-label);font-size:var(--text-footnote);background:0 0;border:none;padding:8px 12px}.seg button[aria-selected=true]{background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-1)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label,.field .label{font:var(--type-label);font-size:var(--text-footnote);color:var(--text-secondary)}.input,.textarea,.select{width:100%;min-height:var(--hit-min);border:var(--border-width-solid) solid var(--border-hairline);border-radius:var(--radius-input);background:var(--surface-card);color:var(--text-primary);padding:10px 14px}.textarea{resize:vertical;min-height:96px;line-height:var(--lh-body)}.input:focus,.textarea:focus,.select:focus{border-color:var(--border-focus);box-shadow:var(--ring-focus);outline:none}.search{align-items:center;gap:var(--space-3);background:var(--surface-card);border:var(--border-width-solid) solid var(--border-hairline);border-radius:var(--radius-input);min-height:48px;color:var(--text-tertiary);padding:0 14px;display:flex}.search:focus-within{border-color:var(--border-focus);box-shadow:var(--ring-focus)}.search input{min-height:44px;color:var(--text-primary);font-size:var(--text-body);background:0 0;border:none;outline:none;flex:1}.search input:focus-visible{box-shadow:none}.switch{border-radius:var(--radius-full);background:var(--mist-400);width:51px;height:31px;transition:background-color var(--dur-fast) linear;border:none;flex:none;padding:0;position:relative}.switch:after{content:"";width:27px;height:27px;box-shadow:var(--shadow-2);transition:transform var(--dur-base) var(--ease-standard);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--action-primary)}.switch[aria-checked=true]:after{transform:translate(20px)}.list{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-1);overflow:hidden}.row{align-items:center;gap:var(--space-4);min-height:60px;padding:10px var(--gutter-card);text-align:left;border:none;border-bottom:1px solid var(--border-hairline);background:0 0;width:100%;display:flex}.row:last-child{border-bottom:none}a.row{color:var(--text-primary)}button.row:active,a.row:active{background:var(--surface-inset)}.row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-title{align-items:baseline;gap:var(--space-3);color:var(--text-primary);display:flex}.row-title .ko{font-size:var(--text-title3);font-weight:var(--weight-medium)}.row-sub{font:var(--type-caption);font-size:var(--text-footnote);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-meta{align-items:center;gap:var(--space-2);flex:none;display:flex}.sense-no{font:var(--type-data);font-size:var(--text-caption2);color:var(--text-tertiary)}.row.dragging{background:var(--surface-raised);box-shadow:var(--shadow-3);z-index:2;position:relative}.plan-row.manual{background:var(--action-secondary-fill)}.drag-handle{touch-action:none;cursor:grab;color:var(--text-tertiary)}.queue-pos{font:var(--type-data);color:var(--text-tertiary);text-align:right;min-width:26px}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:56px;padding:8px var(--gutter-card);border-bottom:1px solid var(--border-hairline);display:flex}.settings-row:last-child{border-bottom:none}.settings-row .label{font:var(--type-label)}.settings-row .hint{font:var(--type-caption);color:var(--text-tertiary);margin-top:2px}.settings-row .input,.settings-row .select{text-align:right;width:120px}.stats{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.stat{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:12px;display:flex}.stat-value{font-family:var(--font-mono);font-size:var(--text-title2);font-weight:var(--weight-medium);line-height:1}.stat-label{font:var(--type-caption);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.dot{border-radius:2px;flex:none;width:8px;height:8px}.dot.mastered{background:var(--feedback-success)}.dot.learning{background:var(--gold-500)}.dot.not_learned{background:var(--violet-300)}.dot.not_queued{background:var(--mist-400)}.status-bar{background:var(--surface-inset);border-radius:7px;height:14px;display:flex;overflow:hidden}.status-bar span{background:var(--skill-locked-track);flex:1 0 0;min-width:3px}.status-bar span.mastered{background:var(--feedback-success)}.status-bar span.learning{background:var(--gold-500)}.status-bar span.not_learned{background:var(--violet-300)}.today-top{position:relative}.progress-ring{color:var(--tile);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.progress-ring-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.progress-ring>:not(.progress-ring-svg){position:relative}.progress-ring circle{fill:none}.progress-ring-track{stroke:color-mix(in srgb, var(--tile) 20%, var(--surface-card))}.progress-ring-fill{stroke:var(--tile);stroke-linecap:round;transition:stroke-dashoffset var(--dur-base) var(--ease-pop)}.xp-total{align-items:center;gap:var(--space-1);padding-top:var(--space-2);flex-direction:column;display:flex}.xp-total-head{object-fit:contain;width:96px;height:96px}.xp-total-row{align-items:center;gap:var(--space-3);width:min(220px,100%);margin:var(--space-3) 0 var(--space-2);display:flex}.xp-total-level,.xp-total-goal{font-size:var(--text-title2);font-weight:var(--weight-bold);line-height:1}.xp-total-level{color:var(--action-primary)}.xp-total-goal{color:var(--text-tertiary)}.xp-total-row .dino-level-bar.xp-total-bar{flex:1;min-width:0}.xp-total-next{font-size:var(--text-subhead);font-weight:var(--weight-semibold)}.xp-total-next .mono{font-weight:var(--weight-bold)}.xp-total-sum{font-size:var(--text-footnote);color:var(--text-tertiary)}.skill-cards{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.quest-card.skill-card{min-height:0;padding:var(--space-4) var(--space-2) var(--space-3);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:0}.skill-ring{margin-bottom:var(--space-2)}.skill-card-label{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--text-secondary);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.skill-card-level{font-size:var(--text-footnote);font-weight:var(--weight-bold);line-height:1.1}.skill-card-level .mono{font-size:var(--text-title2)}.skill-card-xp{margin-top:var(--space-2);font-size:var(--text-caption2);font-weight:var(--weight-semibold);background:color-mix(in srgb, var(--tile) 16%, var(--surface-card));color:color-mix(in srgb, var(--tile) 70%, var(--text-primary));border-radius:999px;padding:2px 8px}.skill-card-xp .mono{font-weight:var(--weight-bold)}.skill-overview{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--tile) 10%, var(--surface-card));display:flex}.skill-overview .skill-ring{margin-bottom:0}.skill-overview.tone-cyan{--tile:var(--cyan-500)}.skill-overview.tone-pink{--tile:var(--pink-500)}.skill-overview.tone-violet{--tile:var(--violet-500)}.daily-xp{gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.daily-xp-head{align-items:baseline;gap:var(--space-2);display:flex}.daily-xp-label{font-weight:var(--weight-semibold);font-size:var(--text-subhead);flex:1}.daily-xp-boost{font-size:var(--text-caption);font-weight:var(--weight-bold);background:var(--gold-300);color:#4a3500;border-radius:6px;padding:1px 6px}.daily-xp-total{font-size:var(--text-footnote);color:var(--text-secondary)}.daily-xp-total .mono{font-size:var(--text-title2);font-weight:var(--weight-bold);color:var(--text-primary)}.daily-xp-bar{background:var(--skill-locked-track);border-radius:4px;gap:2px;height:8px;display:flex;overflow:hidden}.daily-xp-bar span{background:var(--dot);flex:1 0 0;min-width:4px}.daily-xp-legend{flex-direction:column;gap:6px;display:flex}.daily-xp-row{align-items:center;gap:var(--space-2);font-size:var(--text-footnote);color:var(--text-secondary);display:flex}.daily-xp-row i{background:var(--dot);border-radius:2px;flex:none;width:8px;height:8px}.daily-xp-row span:first-of-type{flex:1}.daily-xp-row .mono{color:var(--text-primary)}.daily-xp .tone-violet{--dot:var(--violet-500)}.daily-xp .tone-gold{--dot:var(--gold-500)}.daily-xp .tone-cyan{--dot:var(--cyan-500)}.daily-xp .tone-pink{--dot:var(--pink-500)}.strength{align-items:center;display:flex}.strength-pip{width:30px;height:var(--hit-min);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.strength-pip>span{background:var(--skill-locked-track);border-radius:2px;width:22px;height:8px}.strength-pip.on>span{background:var(--action-primary)}.strength-pip:active>span{transform:scale(var(--press-scale))}.strength-reset{color:var(--text-tertiary);background:0 0}.row-link{min-width:0;color:var(--text-primary);flex:1;align-self:stretch;align-items:center;display:flex}.row-link:active{opacity:.7}.level-divider{min-height:44px;padding:4px var(--gutter-card);background:var(--surface-inset);border-bottom:1px solid var(--border-hairline);align-items:center;display:flex}.level-pager{align-items:center;gap:var(--space-2);min-height:44px;display:flex}.level-pager-main{justify-content:center;align-items:center;gap:var(--space-3);flex:1;display:flex}.level-pager .iconbtn:disabled{opacity:.35}.badge.level-badge{color:var(--text-tertiary);padding:2px 6px;font-size:11px}.badge.level-badge.core{background:var(--action-secondary-fill);color:var(--action-secondary-text)}.hero{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-2);padding:var(--space-7) var(--space-3) var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.hero-actions{justify-content:center;align-items:center;gap:var(--space-2);--hero-btn:56px;display:flex}.hero-actions>.btn{height:var(--hero-btn);padding-top:0;padding-bottom:0}.hero-actions>.btn-icon{width:44px;min-width:44px;margin-bottom:var(--button-shadow-offset);color:var(--action-primary);flex:none;padding-left:0;padding-right:0}.hero-actions>.btn:not(.btn-icon){text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}.hero-empty{text-align:center;font-size:var(--text-footnote);flex:1}.mode-option{align-items:center;gap:var(--space-3);display:flex}.hero-break{justify-content:center;gap:var(--space-5);font:var(--type-caption);font-size:var(--text-footnote);color:var(--text-secondary);flex-wrap:wrap;display:flex}.hero-break b{font-family:var(--font-mono);font-weight:var(--weight-medium);color:var(--text-primary)}.streak-btn{min-width:44px;min-height:44px;transition:transform var(--dur-fast) var(--ease-pop);background:0 0;border:none;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex;position:relative}.streak-btn:active{transform:scale(var(--press-scale))}.streak-icon{color:var(--text-secondary);flex:none;display:block;position:relative}.streak-icon.on{color:var(--action-primary)}.streak-icon>svg{display:block;position:absolute;inset:0}.streak-badge{background:var(--violet-200);min-width:18px;height:18px;color:var(--violet-700);font-size:11px;font-weight:var(--weight-bold);box-shadow:0 0 0 2px var(--bg-app);border-radius:9px;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:flex;position:absolute;top:-5px;right:-7px}.streak-icon:not(.on) .streak-badge{background:var(--surface-inset);color:var(--text-secondary)}.streak-days{gap:6px;display:flex}.streak-day{font:var(--type-caption);font-size:var(--text-caption2);color:var(--text-tertiary);flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.streak-day i{background:var(--surface-inset);border-radius:8px;width:100%;max-width:30px;height:30px;display:block}.streak-day.on i{background:color-mix(in srgb, var(--action-primary) 45%, var(--surface-inset))}.streak-day.full i{background:var(--action-primary)}.streak-day.today i{outline:2px dashed var(--border-hairline);outline-offset:-2px}.streak-day.today.on i,.streak-day.today.full i{outline:none}.review{flex-direction:column;min-height:100dvh;display:flex}@media (width>=720px){.review{min-height:calc(100dvh - 48px)}}.review-top{align-items:center;gap:var(--space-3);padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) var(--space-3);display:flex}.pips{flex:1;gap:3px;display:flex}.pips span{background:var(--surface-inset);border-radius:2px;flex:1;max-width:22px;height:6px}.pips span.done{background:var(--action-primary)}.review-count{font:var(--type-data);color:var(--text-secondary)}.review-body{gap:var(--space-4);padding:0 var(--gutter-screen) calc(var(--space-5) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.kasten{-webkit-user-select:none;user-select:none;touch-action:pan-y;perspective:1200px;min-height:260px;display:grid;position:relative}.kasten.flippable{cursor:pointer}.kasten-inner{transform-style:preserve-3d;transition:transform var(--dur-slow) var(--ease-standard);display:grid}.kasten-face{backface-visibility:hidden;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-2);flex-direction:column;grid-area:1/1;display:flex;position:relative;overflow:hidden}.kasten-face.back{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.kasten-inner{transition:none}}.kasten-page{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-7) var(--space-6) var(--space-8);text-align:center;flex-direction:column;flex:1;display:flex}.kasten-dots{justify-content:center;gap:8px;display:flex;position:absolute;bottom:10px;left:0;right:0}.kasten-dots i{background:var(--mist-400);border-radius:50%;width:8px;height:8px}.kasten-dots i.on{background:var(--action-primary);border-radius:4px;width:20px}.kasten-eyebrow{position:absolute;top:12px;left:16px}.kasten-gloss{font:var(--type-title2);color:var(--text-primary);max-width:24ch}.kasten .sense-img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);width:min(180px,60%)}.kasten div.sense-img{background:var(--surface-inset)}.en-sentence{font-size:var(--text-title3);color:var(--text-primary);max-width:34ch;line-height:1.55}.cloze-q{vertical-align:-.2em;border:var(--border-width-chunky) solid var(--action-primary);background:color-mix(in srgb, var(--action-primary) 12%, transparent);width:2.2em;height:1.35em;color:var(--action-primary);font-weight:var(--weight-bold);font-family:var(--font-mono);border-radius:6px;justify-content:center;align-items:center;margin:0 .1em;display:inline-flex}.target{color:var(--action-primary);font-weight:var(--weight-bold)}.lemma-xl{font-family:var(--font-kr);font-size:52px;font-weight:var(--weight-medium);letter-spacing:-.01em;line-height:1.15}.lemma-lg{font-family:var(--font-kr);font-size:var(--text-largetitle);font-weight:var(--weight-medium);line-height:1.2}.lemma-btn{border-radius:var(--radius-md);color:var(--text-primary);background:0 0;border:none;align-items:center;gap:10px;padding:4px 10px;display:inline-flex}.lemma-btn:active{background:var(--surface-inset)}.lemma-btn svg{color:var(--text-tertiary)}.listen-btn{width:96px;height:96px;padding:0}.ko-sentence{font:var(--type-reading);text-align:center}.tok{font:inherit;color:inherit;background:0 0;border:none;border-radius:4px;margin:0;padding:0}.tok.tap{cursor:pointer;-webkit-text-decoration:underline dotted var(--border-hairline);text-decoration:underline dotted var(--border-hairline);text-underline-offset:6px;text-decoration-thickness:2px}.tok.tap:active{background:var(--action-secondary-fill)}.tok.target{color:var(--action-primary);font-weight:var(--weight-bold);background:var(--action-secondary-fill);padding:0 3px;text-decoration:none}.tok.gap{-webkit-text-decoration-color:var(--feedback-gentle);text-decoration-color:var(--feedback-gentle)}.tools{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.solution{align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-3) 0;animation:fade-up var(--dur-base) var(--ease-standard);flex-direction:column;display:flex}.solution .gloss{font:var(--type-title2)}.solution .sentence-en{font-size:var(--text-callout);color:var(--text-secondary);max-width:36ch;line-height:var(--lh-body)}.solution-pair{align-items:center;gap:var(--space-5);justify-content:center;display:flex}.solution-pair img{object-fit:cover;border-radius:var(--radius-lg);width:120px;height:120px}.write{gap:var(--space-4);flex-direction:column;display:flex}.write-input{font:var(--type-reading);text-align:center}.write-input.inline{vertical-align:baseline;width:6em;min-height:0;margin:0 2px;padding:2px 8px;display:inline-block}.write-result{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font:var(--type-body);padding:4px 12px;display:inline-flex}.write-result.ok{background:var(--feedback-success-soft);color:var(--feedback-success)}.write-result.miss{background:var(--feedback-gentle-soft);color:var(--feedback-gentle)}.hanja-hint{gap:var(--space-3);animation:fade-up var(--dur-base) var(--ease-standard);flex-wrap:wrap;justify-content:center;display:flex}.hanja-hint span{background:var(--surface-inset);border-radius:var(--radius-md);font-size:var(--text-footnote);color:var(--text-secondary);align-items:baseline;gap:6px;padding:6px 12px;display:inline-flex}.hanja-hint b{font-family:var(--font-kr);font-size:var(--text-title3);color:var(--text-primary);font-weight:var(--weight-medium)}.hanja-hint .hanja-note{text-align:center;font-size:var(--text-footnote);color:var(--text-secondary);flex-basis:100%;margin:0;line-height:1.5}.review-foot{gap:var(--space-4);flex-direction:column;margin-top:auto;display:flex}.ratings{gap:var(--space-3);padding:0 var(--button-shadow-offset) var(--button-shadow-offset) 0;grid-template-columns:repeat(4,1fr);display:grid}.rating{border-radius:var(--radius-button);color:#fff;background:var(--rc);min-height:56px;box-shadow:var(--button-shadow-offset) var(--button-shadow-offset) 0 color-mix(in oklab, var(--rc) 62%, #16121d);transition:transform var(--dur-fast) var(--ease-pop), box-shadow var(--dur-fast) var(--ease-standard);border:none;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.rating:active{box-shadow:2px 2px 0 color-mix(in oklab, var(--rc) 62%, #16121d);transform:translate(3px,3px)}.rating .label{font:var(--type-label);font-size:var(--text-subhead)}.rating .ivl{font:var(--type-data);font-size:var(--text-caption2);opacity:.9}.rating.r1{--rc:var(--rating-again)}.rating.r2{--rc:var(--rating-hard)}.rating.r3{--rc:var(--rating-good)}.rating.r4{--rc:var(--rating-easy)}@media (prefers-color-scheme:dark){.rating{color:#120e1a}}.kbd-hint{text-align:center;font:var(--type-caption);color:var(--text-tertiary)}@media (hover:none){.kbd-hint{display:none}}.sheet-backdrop{z-index:50;background:var(--surface-overlay);animation:fade-in var(--dur-base) var(--ease-standard);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:var(--shell-max);background:var(--bg-app);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;max-height:88dvh;padding:var(--space-3) var(--gutter-screen) calc(var(--space-7) + env(safe-area-inset-bottom));box-shadow:var(--shadow-4);animation:sheet-up var(--dur-base) var(--ease-standard);overflow-y:auto}.plans{gap:var(--space-3);flex-direction:column;display:flex}.plan{gap:var(--space-2);flex-direction:column;display:flex}.plan.current{border-color:var(--action-primary)}.plan-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.plan-name{font:var(--type-section)}.plan-price{font-size:var(--text-footnote);color:var(--text-secondary)}.plan ul{color:var(--text-secondary);font-size:var(--text-subhead);margin:0;padding-left:18px}.releases{gap:var(--space-5);flex-direction:column;display:flex}.release-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.release-head h3{font:var(--type-section);margin:0}.release-head span{font-size:var(--text-caption)}.release ul{gap:var(--space-2);font-size:var(--text-subhead);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.release li{gap:var(--space-2);align-items:flex-start;display:flex}.release li svg{color:var(--action-primary);flex:none;margin-top:2px}.sheet-grab{background:var(--mist-400);border-radius:3px;width:40px;height:5px;margin:4px auto 8px}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.sheet-head h2{font:var(--type-section);margin:0}@media (width>=720px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--radius-sheet);max-height:82dvh}}.info{gap:var(--space-5);flex-direction:column;display:flex}.info-head{align-items:flex-start;gap:var(--space-4);display:flex}.info-head .grow{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.info-gloss{font:var(--type-title3)}.info-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.report-btn{color:var(--text-tertiary);flex:none}.report-btn.sent{color:var(--feedback-success)}.review-top{position:relative}.review-top .report-btn{position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.review-top .report-btn:active{transform:translateY(-50%) scale(var(--press-scale))}.syllables{gap:var(--space-2);flex-wrap:wrap;display:flex}.syl{border-radius:var(--radius-md);border:var(--border-width-solid) solid var(--border-hairline);background:var(--surface-card);min-width:56px;min-height:64px;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 10px;display:flex}.syl .k{font-family:var(--font-kr);font-size:var(--text-title2);line-height:1.1}.syl .h{font-family:var(--font-kr);font-size:var(--text-caption);color:var(--text-tertiary);min-height:1.2em}.syl.grammar{color:var(--text-tertiary);cursor:default;background:0 0;border-style:dashed}.syl.active{border-color:var(--action-primary);background:var(--action-secondary-fill)}.syl.unverified .h:after{content:"?";color:var(--feedback-gentle);margin-left:2px}.segpanel{gap:var(--space-3);flex-direction:column;display:flex}.hanja-big{font-family:var(--font-kr);font-size:64px;line-height:1}.kv{font-size:var(--text-subhead);grid-template-columns:auto 1fr;gap:6px 16px;display:grid}.kv dt{color:var(--text-tertiary)}.kv dd{margin:0}.mnemonic-img{object-fit:contain;border-radius:var(--radius-lg);background:var(--surface-inset);width:100%;max-height:260px}.loading-dots{gap:14px;display:flex}.loading-dots i{background:var(--action-primary);width:22px;height:22px;box-shadow:4px 4px 0 var(--edge-yellow);animation:none}.loading-dots i:first-child{animation-name:dot-1}.loading-dots i:nth-child(2){animation-name:dot-2}.loading-dots i:nth-child(3){animation-name:dot-3}@keyframes dot-1{0%{opacity:0}25%,to{opacity:1}}@keyframes dot-2{0%{opacity:0}50%,to{opacity:1}}@keyframes dot-3{0%{opacity:0}75%,to{opacity:1}}.center-screen{min-height:100dvh;padding:var(--gutter-screen);justify-content:center;align-items:center;display:flex}.login{gap:var(--space-6);flex-direction:column;width:100%;max-width:360px;display:flex}.login .wordmark{font-size:var(--text-display-lg);line-height:1}.empty{text-align:center;padding:var(--space-8) var(--space-5);color:var(--text-secondary);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty svg{color:var(--text-tertiary)}.notice{gap:var(--space-3);font:var(--type-caption);font-size:var(--text-footnote);align-items:flex-start;line-height:1.45;display:flex}.notice svg{flex:none;margin-top:1px}.sync-status{align-self:center;position:relative}.sync-spinner{border:2px solid var(--mist-400);border-top-color:var(--action-primary);border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:6px}.sheet-backdrop.left{justify-content:flex-start;align-items:stretch}.sheet.left{width:min(84%,320px);max-height:none;padding-top:calc(var(--space-3) + env(safe-area-inset-top));animation:drawer-in var(--dur-base) var(--ease-standard);border-radius:0}.sheet.left .sheet-grab{display:none}@keyframes drawer-in{0%{opacity:.6;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{opacity:.6;transform:translateY(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}.editor{gap:var(--space-5);flex-direction:column;display:flex}.editor-lemma{font-size:var(--text-title3)}.editor-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.pair-edit{gap:var(--space-3);flex-direction:column;display:flex}.pair-edit-head{justify-content:space-between;align-items:center;margin:-6px -6px -4px 0;display:flex}.field-error{font:var(--type-caption);color:var(--feedback-error)}.chips.wrap{flex-wrap:wrap;overflow:visible}.companion{align-items:center;gap:var(--space-3);padding:var(--space-10) 0;color:inherit;flex-direction:column;text-decoration:none;display:flex}button.companion{width:100%;font:inherit;cursor:pointer;background:0 0;border:0}.companion-figure{isolation:isolate;display:block;position:relative}.companion-figure:after{content:"";z-index:-1;background:var(--border-hairline);border-radius:50%;height:20px;position:absolute;bottom:-5px;left:14%;right:14%}.companion-img{object-fit:contain;width:202px;height:202px;display:block}.companion-mood{font:var(--type-body);color:var(--text-secondary)}.companion-mood b{font-weight:var(--weight-semibold);color:var(--text-primary)}.chat{gap:var(--space-3);min-height:calc(100dvh - 84px - var(--gap-section) - var(--tabbar-height) - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;display:flex}.chat-log{justify-content:flex-end;gap:var(--space-2);flex-direction:column;flex:1;display:flex}.chat-foot{bottom:calc(var(--tabbar-height) + 24px + env(safe-area-inset-bottom));gap:var(--space-2);padding:var(--space-2) 0;background:var(--bg-app);flex-direction:column;display:flex;position:sticky}.chat-avatar{object-fit:contain;width:56px;height:56px}.msg{align-items:flex-start;gap:var(--space-1);display:flex}.msg.user{justify-content:flex-end}.bubble{max-width:82%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-bubble);line-height:var(--lh-body);white-space:pre-wrap;overflow-wrap:anywhere}.bubble.assistant{background:var(--surface-card);border:1px solid var(--border-hairline);align-self:flex-start}.bubble.user{background:var(--surface-inset);align-self:flex-end}.bubble.typing{padding:var(--space-3);gap:4px;display:inline-flex}.bubble.typing i{background:var(--violet-300);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite typing}.bubble.typing i:nth-child(2){animation-delay:.15s}.bubble.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}.bubble.assistant{animation:bubble-pop var(--dur-fast) var(--ease-pop);transform-origin:0 100%}@keyframes bubble-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.bubble.typing i,.bubble.assistant{animation:none}}.bubble .ko-sentence{font:inherit;text-align:left;margin:0}.chat-menu{gap:var(--space-4);flex-direction:column;display:flex}.chat-menu .row[aria-current]{background:var(--surface-inset)}.chat-menu-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.companion-form{gap:var(--space-2);display:flex}.companion-form .input{flex:1;min-width:0}.sent+.sent{margin-top:var(--space-1)}.sent-tr{font-size:var(--text-footnote);color:var(--text-secondary);margin-top:2px}.story-new{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.story-new p{margin:0}.story-text{gap:var(--space-2);flex-direction:column;display:flex}.story-text .ko-sentence{text-align:left;margin:0}.story-text .sent+.sent{margin-top:0}.story-done{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.widgets{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.widget{--tile:var(--violet-500);gap:var(--space-3);min-height:168px;color:inherit;background:color-mix(in srgb, var(--tile) 10%, var(--surface-card));border-color:color-mix(in srgb, var(--tile) 22%, var(--surface-card));transition:transform var(--dur-fast) var(--ease-pop);flex-direction:column;display:flex}.widget-violet{--tile:var(--violet-500)}.widget-cyan{--tile:var(--cyan-500)}.widget-gold{--tile:var(--gold-500)}.widget-pink{--tile:var(--pink-500)}.widget:active{transform:scale(var(--press-scale))}.widget-icon{width:var(--hit-min);height:var(--hit-min);border-radius:var(--radius-button);background:color-mix(in srgb, var(--tile) 18%, var(--surface-card));color:var(--tile);justify-content:center;align-items:center;display:flex}.widget-main{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.widget-title{font:var(--type-section);color:var(--text-primary)}.widget-sub{font:var(--type-caption);color:var(--text-secondary)}.skill-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.badge.skill-tag{gap:4px;padding:3px 8px;font-size:11px}.diary-write{gap:var(--space-4);flex-direction:column;display:flex}.diary-write p{margin:0}.diary-textarea{min-height:180px}.diary-en{gap:var(--space-2);flex-direction:column;display:flex}.diary-en-head{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--hit-min);margin:calc(-1 * var(--space-2)) 0;display:flex}.diary-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:var(--lh-body)}.diary-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.diary-avatar{object-fit:contain;flex:none;width:44px;height:44px}.diary-sents{gap:var(--space-3);flex-direction:column;display:flex}.diary-sent{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-card);overflow:hidden}.diary-opt{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);display:flex}.diary-opt+.diary-opt{border-top:1px solid var(--border-hairline)}.diary-opt.chosen{background:var(--action-secondary-fill)}.diary-opt-main{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.diary-opt .ko-sentence{font:var(--type-body);text-align:left;margin:0}.diary-notes{font:var(--type-caption);color:var(--text-secondary);margin:0;padding-left:1.1em}.diary-pick,.diary-ok{width:var(--hit-min);height:var(--hit-min);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.diary-pick{cursor:pointer}.diary-pick>span{border:var(--border-width-solid) solid var(--border-hairline);background:var(--surface-card);width:26px;height:26px;color:var(--text-on-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.diary-pick.on>span{background:var(--action-primary);border-color:var(--action-primary)}.diary-ok{color:var(--feedback-success)}.onb{min-height:100dvh;max-width:var(--shell-max);background:var(--bg-app);flex-direction:column;margin:0 auto;display:flex}.onb-head{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--gutter-screen);min-height:var(--nav-height);display:flex}.onb-head .pips{justify-content:center}.onb-gap{width:var(--hit-min)}.onb-stage{justify-content:center;align-items:center;height:40dvh;min-height:220px;display:flex}.onb-body{gap:var(--space-6);padding:var(--space-6) var(--gutter-screen) var(--space-7);flex-direction:column;flex:1;display:flex}.onb-title{font:var(--type-title2);color:var(--text-primary);margin:0 0 var(--space-2)}.onb-body p{margin:0 0 var(--space-2)}.onb-options{gap:var(--space-3);flex-direction:column;display:flex}.onb-option{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-3) var(--space-4);text-align:left;font:var(--type-body);color:var(--text-primary);background:var(--surface-card);border:var(--border-width-solid) solid var(--border-hairline);border-radius:var(--radius-button);transition:transform var(--dur-fast) var(--ease-pop), border-color var(--dur-fast) linear, background-color var(--dur-fast) linear;display:flex}.onb-option:active{transform:scale(var(--press-scale))}.onb-option.on{border-color:var(--action-primary);background:var(--action-secondary-fill);color:var(--action-secondary-text);font-weight:var(--weight-semibold)}.onb-option-sub{font:var(--type-caption);color:var(--text-secondary)}.onb-foot{margin-top:auto}.onb-reveal{gap:var(--space-6);animation:onb-in var(--dur-base) 1.1s var(--ease-standard) both;flex-direction:column;flex:1;display:flex}.onb-result{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.onb-result .onb-title{text-wrap:balance;margin:0}.onb-result .onb-blurb{max-width:30ch;font:var(--type-body);color:var(--text-secondary);text-wrap:balance;margin:0}@keyframes onb-in{0%{opacity:0;transform:translateY(8px)}}.egg{width:auto;height:72%;max-height:230px;overflow:visible}.egg-shell{fill:var(--action-primary)}.egg-shade{fill:var(--action-primary-press)}.egg-spot{fill:var(--edge-yellow)}.egg-ground{fill:var(--border-hairline)}.egg-cracks{fill:none;stroke:#f6f1ff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.egg-wobble{transform-box:fill-box;transform-origin:50% 95%;animation:egg-wobble .45s var(--ease-standard)}@keyframes egg-wobble{25%{transform:rotate(-5deg)}60%{transform:rotate(4deg)}}.egg-cap,.egg-base,.egg-dino{transform-box:fill-box}.egg-cap,.egg-dino{transform-origin:50% 100%}.egg-base{transform-origin:50% 0}.egg.hatched .egg-cap{animation:egg-cap .7s .4s var(--ease-standard) forwards}.egg.hatched .egg-base{animation:egg-base .7s .4s var(--ease-standard) forwards}.egg.hatched .egg-dino{animation:egg-rise .6s .6s var(--ease-pop) both}@keyframes egg-cap{to{opacity:0;transform:translate(46px,-96px)rotate(32deg)}}@keyframes egg-base{to{opacity:0;transform:translate(-40px,24px)rotate(-22deg)}}@keyframes egg-rise{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.egg-wobble,.onb-reveal{animation:none}.egg.hatched .egg-cap,.egg.hatched .egg-base{opacity:0;animation:none}.egg.hatched .egg-dino{animation:none}}.dino-level{min-width:72px;height:44px;margin:var(--space-7) auto 0;font:inherit;color:var(--action-primary);cursor:pointer;transition:transform var(--dur-fast) var(--ease-pop);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;display:flex}.dino-level:active{transform:scale(var(--press-scale))}.dino-level-num{font:var(--type-title2);line-height:1}.dino-level-num .mono{font-weight:var(--weight-bold)}.dino-level+.companion{margin-top:calc(-1 * var(--space-4));padding-top:0}.dino-level>.dino-level-bar{flex:none;width:44px;height:5px}.dino-level-bar{background:color-mix(in srgb, var(--surface-inset), var(--text-primary) 12%);border-radius:3px;flex:1;height:6px;display:block;overflow:hidden}.dino-level-bar.lg{border-radius:5px;flex:none;height:10px}.dino-level-bar span{border-radius:inherit;background:var(--action-primary);height:100%;display:block}.quest-btn{min-width:44px;min-height:44px;color:var(--text-secondary);transition:transform var(--dur-fast) var(--ease-pop);background:0 0;border:none;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex;position:relative}.quest-btn:active{transform:scale(var(--press-scale))}.quest-btn.done{color:var(--action-primary)}.quest-icon{width:30px;height:30px;display:block;position:relative}.quest-icon svg{display:block;position:absolute;inset:0}.quest-icon .quest-icon-shadow{color:var(--edge-yellow);transform:translate(2px,2px)}.quest-badge{background:var(--feedback-error);color:#fff;min-width:18px;height:18px;font-size:11px;font-weight:var(--weight-bold);box-shadow:0 0 0 2px var(--bg-app);border-radius:9px;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:flex;position:absolute;top:2px;right:0}.quest-badge.done{background:var(--feedback-success)}.quest-sheet{gap:var(--space-3);padding-bottom:var(--space-2);flex-direction:column;display:flex}.quest-card{--tile:var(--violet-500);align-items:center;gap:var(--space-3);width:100%;min-height:76px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);border:1.5px solid color-mix(in srgb, var(--tile) 30%, var(--surface-card));background:color-mix(in srgb, var(--tile) 12%, var(--surface-card));box-shadow:3px 3px 0 color-mix(in srgb, var(--tile) 35%, var(--surface-card));font:inherit;color:var(--text-primary);text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease-pop), box-shadow var(--dur-fast) var(--ease-pop);display:flex}button.quest-card:active{box-shadow:1px 1px 0 color-mix(in srgb, var(--tile) 35%, var(--surface-card));transform:translate(2px,2px)}.quest-card.tone-violet{--tile:var(--violet-500)}.quest-card.tone-cyan{--tile:var(--cyan-500)}.quest-card.tone-gold{--tile:var(--gold-500)}.quest-card.tone-pink{--tile:var(--pink-500)}.quest-card.tone-green{--tile:var(--green-500)}.quest-card.done{--tile:var(--feedback-success);cursor:default;box-shadow:none}.quest-icon-tile{background:var(--tile);color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.quest-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.quest-name{font-weight:var(--weight-semibold);line-height:1.25}.quest-card.done .quest-name{color:var(--text-secondary)}.quest-progress{align-items:center;gap:var(--space-2);font-size:var(--text-caption2);color:var(--text-secondary);display:flex}.quest-bar{background:color-mix(in srgb, var(--tile) 18%, var(--surface-card));border-radius:4px;flex:1;height:8px;overflow:hidden}.quest-bar span{border-radius:inherit;background:var(--tile);min-width:0;height:100%;transition:width var(--dur-base) var(--ease-pop);display:block}.quest-side{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.quest-go{color:var(--tile)}.quest-line{align-items:center;gap:var(--space-3);display:flex}.quest-line .quest-card{flex:1;min-width:0}.quest-checkbox{border:2px solid var(--mist-400);background:var(--surface-card);color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.quest-checkbox.on{border-color:var(--feedback-success);background:var(--feedback-success)}.xp-pill{background:var(--gold-300);color:#4a3500;font-size:12px;font-weight:var(--weight-bold);white-space:nowrap;box-shadow:inset 0 -2px 0 var(--gold-500);border-radius:999px;align-items:center;gap:3px;padding:2px 8px;display:inline-flex}.xp-pill.big{padding:4px 10px;font-size:14px}.quest-bonus{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-hairline)}.quest-checkbox-space{flex:none;width:28px}.quest-bonus-body{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2) calc(var(--space-4) + 1.5px);flex:1;display:flex}.quest-bonus-icon{width:44px;color:var(--gold-600);flex:none;justify-content:center;display:flex}.quest-bonus-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.quest-bonus-title{font-weight:var(--weight-bold);font-size:17px}.quest-bonus-sub{font-size:var(--text-footnote);color:var(--text-secondary)}.quest-bonus-xp{font-size:18px;font-weight:var(--weight-bold);color:var(--gold-600);flex:none}.quest-bonus.done .quest-bonus-icon,.quest-bonus.done .quest-bonus-xp{color:var(--feedback-success)}.bag{gap:var(--space-2);flex-direction:column;display:flex}.bag-head{font:var(--type-section)}.bag-item{--tile:var(--violet-500);align-items:center;gap:var(--space-5);min-height:60px;display:flex}.bag-item.tone-cyan{--tile:var(--cyan-500)}.bag-item.tone-pink{--tile:var(--pink-500)}.bag-item.tone-gold{--tile:var(--gold-500)}.bag-icon{background:color-mix(in srgb, var(--tile) 16%, var(--surface-card));width:48px;height:48px;color:var(--tile);box-shadow:2px 2px 0 color-mix(in srgb, var(--tile) 35%, var(--surface-card));border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.bag-icon img{object-fit:contain;width:40px;height:40px;display:block}.bag-item.empty .bag-icon{background:var(--surface-inset);color:var(--text-tertiary);box-shadow:none}.bag-item.empty .bag-icon img{filter:grayscale();opacity:.45}.bag-item.empty .quest-name{color:var(--text-secondary)}.bag-count{min-width:20px;height:20px;font-size:11px;font-weight:var(--weight-bold);background:var(--surface-card);color:var(--text-primary);box-shadow:0 0 0 2px var(--tile);border-radius:10px;justify-content:center;align-items:center;padding:0 5px;display:flex;position:absolute;bottom:-6px;right:-6px}.bag-days{align-items:center;gap:var(--space-2);padding:var(--space-2) 0 var(--space-2) calc(48px + var(--space-5));flex-wrap:wrap;display:flex}.streak-hero{--tile:var(--violet-500);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);border:1.5px solid color-mix(in srgb, var(--tile) 30%, var(--surface-card));background:color-mix(in srgb, var(--tile) 12%, var(--surface-card));box-shadow:3px 3px 0 color-mix(in srgb, var(--tile) 35%, var(--surface-card));display:flex}.streak-hero-num{font-size:40px;line-height:1;font-weight:var(--weight-bold);color:var(--action-primary)}.streak-hero-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.streak-hero-label{font-weight:var(--weight-semibold);line-height:1.2}.streak-pill{font-size:var(--text-caption2);font-weight:var(--weight-semibold);background:color-mix(in srgb, var(--tile) 18%, var(--surface-card));color:var(--action-primary);border-radius:999px;align-self:flex-start;padding:2px 10px}.streak-next{color:var(--text-secondary);flex-direction:column;flex:none;align-items:center;gap:2px;font-size:10px;display:flex}.streak-next img{object-fit:contain;width:36px;height:36px;display:block}.streak-pill.done{--tile:var(--feedback-success);color:var(--feedback-success)}.strip-wrap{gap:var(--space-3);flex-direction:column;display:flex}.strip{--gap:6px;gap:var(--gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x;margin:0 -3px;padding:8px 3px 6px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.strip.dragging{scroll-snap-type:none;cursor:grabbing}.strip-day{--tile:var(--violet-500);flex:0 0 calc((100% - 6 * var(--gap)) / 7);scroll-snap-align:center;background:var(--surface-inset);min-height:108px;color:var(--text-tertiary);transition:transform var(--dur-fast) var(--ease-pop);border:1.5px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 0 8px;display:flex;position:relative}.strip-wd{font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em}.strip-num{font-size:17px;font-weight:var(--weight-bold);line-height:1.2}.strip-mark{justify-content:center;align-items:center;height:18px;display:flex}.strip-item{flex:1;justify-content:center;align-items:flex-end;min-height:30px;display:flex}.strip-item img{object-fit:contain;width:30px;height:30px;display:block}.strip-month{font-size:9px;font-weight:var(--weight-bold);text-transform:uppercase;background:var(--surface-card);color:var(--text-secondary);box-shadow:0 0 0 1px var(--border-hairline);border-radius:999px;padding:0 6px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.strip-day.on{background:color-mix(in srgb, var(--action-primary) 22%, var(--surface-card));color:var(--action-primary);border-color:color-mix(in srgb, var(--action-primary) 35%, var(--surface-card));box-shadow:3px 3px 0 color-mix(in srgb, var(--action-primary) 35%, var(--surface-card))}.strip-day.full{background:var(--action-primary);color:#fff;box-shadow:3px 3px 0 var(--edge-yellow)}.strip-day.full .strip-mark{color:var(--edge-yellow)}.strip-day.frozen{background:color-mix(in srgb, var(--cyan-500) 18%, var(--surface-card));color:var(--cyan-600);border-color:color-mix(in srgb, var(--cyan-500) 35%, var(--surface-card));box-shadow:3px 3px 0 color-mix(in srgb, var(--cyan-500) 35%, var(--surface-card))}.strip-day.future{border:1.5px dashed var(--border-hairline);background:0 0}.strip-day.future.has-item.tone-cyan{--tile:var(--cyan-500)}.strip-day.future.has-item.tone-pink{--tile:var(--pink-500)}.strip-day.future.has-item.tone-gold{--tile:var(--gold-500)}.strip-day.future.has-item{border-color:color-mix(in srgb, var(--tile) 45%, var(--surface-card));background:color-mix(in srgb, var(--tile) 8%, var(--surface-card))}.strip-day.future .strip-item{color:var(--tile)}.strip-day.future.has-item .strip-item img{animation:strip-bob 2.4s var(--ease-pop,ease-in-out) infinite}.strip-day:not(.future) .strip-item img{filter:drop-shadow(0 1px #00000014)}.strip-day.today{outline:2px solid var(--action-primary);outline-offset:2px;transform:translateY(-4px)}.strip-day.today .strip-wd{color:inherit}@keyframes strip-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.strip-day.future.has-item .strip-item img{animation:none}}.strip-nav{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.strip-legend{gap:var(--space-3);font-size:var(--text-caption2);color:var(--text-secondary);display:flex}.strip-legend span{align-items:center;gap:5px;display:inline-flex}.strip-legend i{border-radius:3px;width:10px;height:10px;display:block}.strip-legend i.on{background:color-mix(in srgb, var(--action-primary) 30%, var(--surface-card))}.strip-legend i.full{background:var(--action-primary)}.strip-legend i.frozen{background:color-mix(in srgb, var(--cyan-500) 35%, var(--surface-card))}.quest-title{align-items:center;gap:var(--space-2);display:inline-flex}.info-pop-anchor{display:inline-flex;position:relative}.info-pop{z-index:5;gap:var(--space-2);width:min(280px,100vw - 64px);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border-hairline);box-shadow:var(--shadow-2);font:var(--type-caption);font-size:13px;font-weight:var(--weight-regular,400);color:var(--text-secondary);text-align:left;white-space:normal;border-radius:12px;flex-direction:column;line-height:1.45;display:flex;position:absolute;top:calc(100% + 6px);left:-8px}