.notification-root[data-v-5043485f]{position:relative;flex:0 0 auto}.notification-trigger[data-v-5043485f]{width:34px;height:34px;position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:var(--bg-card);color:var(--text-secondary)}.notification-trigger[data-v-5043485f]:hover{border-color:var(--primary-border);color:var(--primary)}.notification-trigger svg[data-v-5043485f]{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-badge[data-v-5043485f]{min-width:16px;height:16px;position:absolute;top:-5px;right:-6px;padding:0 4px;border:2px solid var(--nav-bg);border-radius:999px;background:var(--danger-ink);color:var(--on-primary);font:700 .58rem/12px var(--sans)}.notification-panel[data-v-5043485f]{width:min(380px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 82px));position:absolute;top:calc(100% + 12px);right:0;z-index:240;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--bg-card);box-shadow:0 18px 48px #2f2a242e}.notification-panel>header[data-v-5043485f]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-soft)}.notification-panel>header strong[data-v-5043485f]{color:var(--text-main);font-size:.94rem}.notification-panel>header button[data-v-5043485f],.notification-action[data-v-5043485f]{color:var(--primary);font-size:.75rem}.notification-list[data-v-5043485f]{max-height:min(550px,calc(100vh - 145px));overflow-y:auto}.notification-item[data-v-5043485f]{position:relative;padding:14px 16px 15px;border-bottom:1px solid var(--border-soft);cursor:default}.notification-item[data-v-5043485f]:last-child{border-bottom:0}.notification-item.unread[data-v-5043485f]{background:color-mix(in srgb,var(--primary-soft) 58%,var(--bg-card))}.notification-item.unread[data-v-5043485f]:before{content:"";width:6px;height:6px;position:absolute;top:19px;left:5px;border-radius:50%;background:var(--primary)}.notification-meta[data-v-5043485f]{display:flex;align-items:center;gap:8px;color:var(--text-mute);font-size:.65rem}.notification-meta span[data-v-5043485f]{color:var(--primary);font-weight:700}.notification-meta time[data-v-5043485f]{margin-left:auto}.notification-dismiss[data-v-5043485f]{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--text-mute);font-size:1rem;line-height:1}.notification-dismiss[data-v-5043485f]:hover{background:var(--bg-soft);color:var(--text-main)}.notification-item h3[data-v-5043485f]{margin:7px 0 5px;color:var(--text-main);font-size:.88rem;line-height:1.4}.notification-item p[data-v-5043485f]{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-secondary);font-size:.77rem;line-height:1.55;white-space:pre-line;-webkit-box-orient:vertical;-webkit-line-clamp:4}.notification-item p.expanded[data-v-5043485f]{display:block;overflow:visible}.notification-action[data-v-5043485f]{margin-top:8px;padding:0}.notification-state[data-v-5043485f]{padding:38px 16px;color:var(--text-mute);font-size:.82rem;text-align:center}@media (max-width: 480px){.notification-panel[data-v-5043485f]{position:fixed;top:58px;right:12px}}.navbar[data-v-f4e1ac06]{height:var(--nav-height);position:fixed;top:0;right:0;left:0;z-index:100;border-bottom:1px solid var(--border);background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-inner[data-v-f4e1ac06]{width:min(calc(100% - 64px),var(--layout-max));height:100%;margin:0 auto;display:flex;align-items:center;gap:28px}.brand[data-v-f4e1ac06]{padding:0;color:var(--primary);font-family:var(--font-brand);font-size:23px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.nav-primary[data-v-f4e1ac06]{display:flex;align-items:center;gap:2px;min-width:0}.nav-group[data-v-f4e1ac06]{position:relative}.nav-top[data-v-f4e1ac06]{height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:4px;border-radius:8px;color:var(--text-main);font-size:var(--font-size-body);font-weight:500;white-space:nowrap;transition:background-color var(--motion-standard),color var(--motion-standard)}.nav-top svg[data-v-f4e1ac06]{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--motion-standard)}.nav-top[data-v-f4e1ac06]:hover,.nav-top.open[data-v-f4e1ac06]{background:var(--primary-soft);color:var(--primary)}.nav-top.open svg[data-v-f4e1ac06]{transform:rotate(180deg)}.nav-top.current[data-v-f4e1ac06]{color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary);border-radius:8px 8px 0 0}.nav-dropdown[data-v-f4e1ac06]{width:420px;position:absolute;top:100%;left:0;padding:8px;display:grid;gap:2px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);box-shadow:var(--shadow-lg)}.nav-dropdown[data-v-f4e1ac06]:before{content:"";position:absolute;inset:-14px 0 auto;height:14px}.nav-item[data-v-f4e1ac06]{padding:10px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;border-radius:8px;color:var(--text-main);transition:background-color var(--motion-standard)}.nav-item strong[data-v-f4e1ac06]{font-size:var(--font-size-body);font-weight:500}.nav-item small[data-v-f4e1ac06]{grid-column:1;color:var(--text-mute);font-size:var(--font-size-note);line-height:1.5}.nav-item .nav-badge[data-v-f4e1ac06]{grid-row:1;grid-column:2;align-self:center}a.nav-item[data-v-f4e1ac06]:hover,.nav-item.current[data-v-f4e1ac06]{background:var(--bg-soft)}.nav-item.current strong[data-v-f4e1ac06]{color:var(--primary)}.nav-item.disabled[data-v-f4e1ac06]{cursor:default}.nav-item.disabled strong[data-v-f4e1ac06]{color:var(--text-secondary)}.nav-badge[data-v-f4e1ac06]{height:22px;padding:0 8px;display:inline-flex;align-items:center;border-radius:6px;font-size:var(--font-size-tag);font-weight:500;white-space:nowrap}.badge-free[data-v-f4e1ac06]{background:var(--primary-soft);color:var(--primary)}.badge-soon[data-v-f4e1ac06]{border:1px dashed var(--text-mute);color:var(--text-mute)}.nav-actions[data-v-f4e1ac06]{margin-left:auto;display:flex;align-items:center;gap:8px}.language-picker select[data-v-f4e1ac06]{height:34px;max-width:96px;padding:0 24px 0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);font:500 var(--font-size-note) var(--sans);cursor:pointer}.sr-only[data-v-f4e1ac06]{width:1px;height:1px;padding:0;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-trigger[data-v-f4e1ac06]{height:34px;min-width:132px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-mute);font-size:var(--font-size-note)}.search-trigger[data-v-f4e1ac06]:hover{border-color:var(--primary-border);color:var(--primary)}.search-trigger b[data-v-f4e1ac06]{font-weight:400}.search-trigger kbd[data-v-f4e1ac06]{margin-left:auto;color:var(--text-mute);font:500 11px ui-monospace,Consolas,monospace}.search-trigger svg[data-v-f4e1ac06],.theme-toggle svg[data-v-f4e1ac06],.menu-toggle svg[data-v-f4e1ac06],.drawer-single svg[data-v-f4e1ac06]{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-toggle[data-v-f4e1ac06]{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);transition:color var(--motion-standard),border-color var(--motion-standard)}.theme-toggle[data-v-f4e1ac06]:hover,.theme-toggle.is-eye-care[data-v-f4e1ac06]{border-color:var(--primary-border);color:var(--primary)}.nav-text-action[data-v-f4e1ac06],.user-chip[data-v-f4e1ac06],.login-btn[data-v-f4e1ac06]{height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:var(--font-size-note);white-space:nowrap}.nav-text-action[data-v-f4e1ac06]{color:var(--text-secondary)}.nav-text-action[data-v-f4e1ac06]:hover{color:var(--primary)}.learning-entry[data-v-f4e1ac06]{background:var(--primary-soft);color:var(--primary);font-weight:500}.user-chip[data-v-f4e1ac06]{max-width:120px;overflow:hidden;display:inline-block;line-height:34px;background:var(--bg-soft);color:var(--text-secondary);text-overflow:ellipsis}.login-btn[data-v-f4e1ac06]{min-width:64px;background:var(--primary);color:var(--on-primary);font-size:var(--font-size-body);font-weight:500;transition:background-color var(--motion-standard)}.login-btn[data-v-f4e1ac06]:hover{background:var(--primary-hover)}.menu-toggle[data-v-f4e1ac06]{width:38px;height:38px;display:none;place-items:center;border-radius:8px;color:var(--text-main)}.drawer-open .menu-toggle[data-v-f4e1ac06]{background:var(--primary-soft);color:var(--primary)}.nav-backdrop[data-v-f4e1ac06]{position:fixed;inset:var(--nav-height) 0 0;z-index:-1;background:var(--overlay-backdrop)}.nav-drawer[data-v-f4e1ac06]{position:relative;max-height:calc(100vh - var(--nav-height));overflow-y:auto;padding:4px 18px 22px;border-top:1px solid var(--border);background:var(--bg-main);box-shadow:var(--shadow-lg);overscroll-behavior:contain}.drawer-group[data-v-f4e1ac06]{padding:12px 0 8px;border-bottom:1px solid var(--border)}.drawer-group h2[data-v-f4e1ac06]{margin:0 0 2px;color:var(--text-mute);font-size:var(--font-size-note);font-weight:500;letter-spacing:.04em}.drawer-group .nav-item[data-v-f4e1ac06]{padding:9px 0}.drawer-group a.nav-item[data-v-f4e1ac06]:hover,.drawer-group .nav-item.current[data-v-f4e1ac06]{background:transparent}.drawer-single[data-v-f4e1ac06]{padding:15px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);color:var(--text-main);font-size:16px;font-weight:500}.drawer-single.current[data-v-f4e1ac06]{color:var(--primary)}.drawer-account[data-v-f4e1ac06]{padding-top:16px;display:flex;gap:10px}.drawer-account .login-btn[data-v-f4e1ac06]{height:42px;flex:1}.drawer-plain[data-v-f4e1ac06]{height:42px;padding:0 14px;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:var(--font-size-note)}.drawer-settings[data-v-f4e1ac06]{padding-top:10px;display:flex;gap:10px}.drawer-settings .language-picker select[data-v-f4e1ac06]{height:42px;max-width:none}@media (max-width: 1320px){.navbar[data-v-f4e1ac06]{height:112px}.nav-inner[data-v-f4e1ac06]{width:calc(100% - 28px);height:100%;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:64px 48px;align-content:stretch;gap:0 12px}.brand[data-v-f4e1ac06]{grid-column:1;grid-row:1;align-self:center}.nav-actions[data-v-f4e1ac06]{grid-column:2;grid-row:1;min-width:0;justify-content:flex-end;gap:6px}.nav-primary[data-v-f4e1ac06]{grid-column:1 / -1;grid-row:2;width:100%;min-width:0;overflow-x:auto;gap:2px;padding-bottom:6px;scrollbar-width:thin}.nav-primary .nav-group[data-v-f4e1ac06]{flex:0 0 auto}.nav-top[data-v-f4e1ac06]{height:38px;padding:0 10px}.nav-dropdown[data-v-f4e1ac06]{position:fixed;top:112px;left:14px;width:min(420px,calc(100vw - 28px));max-height:calc(100vh - 126px);overflow-y:auto}.menu-toggle[data-v-f4e1ac06],.nav-drawer[data-v-f4e1ac06],.nav-backdrop[data-v-f4e1ac06]{display:none!important}.search-trigger[data-v-f4e1ac06]{width:38px;min-width:0;height:38px;padding:0;justify-content:center;border:0;background:transparent;color:var(--text-main)}.search-trigger b[data-v-f4e1ac06],.search-trigger kbd[data-v-f4e1ac06]{display:none}}@media (max-width: 640px){.navbar[data-v-f4e1ac06]{height:108px}.nav-inner[data-v-f4e1ac06]{grid-template-rows:58px 50px;gap:0 8px}.brand[data-v-f4e1ac06]{font-size:20px}.nav-actions[data-v-f4e1ac06]{gap:2px}.language-picker select[data-v-f4e1ac06]{max-width:78px;padding-right:18px;padding-left:7px}.theme-toggle[data-v-f4e1ac06],.user-chip[data-v-f4e1ac06]{display:none}.nav-text-action[data-v-f4e1ac06]{padding:0 5px;font-size:.68rem}.login-btn[data-v-f4e1ac06]{min-width:55px;padding:0 8px;font-size:.72rem}.nav-top[data-v-f4e1ac06]{padding:0 9px;font-size:.82rem}.nav-dropdown[data-v-f4e1ac06]{top:108px;max-height:calc(100vh - 122px)}}@media (max-width: 390px){.nav-text-action.learning-entry[data-v-f4e1ac06]{max-width:58px;overflow:hidden;text-overflow:ellipsis}.nav-text-action[data-v-f4e1ac06]:not(.learning-entry){max-width:48px;overflow:hidden;text-overflow:ellipsis}}@media (min-width: 1321px){.nav-drawer[data-v-f4e1ac06],.nav-backdrop[data-v-f4e1ac06]{display:none!important}}.search-overlay[data-v-c12578fb]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:max(12vh,84px) 18px 18px;background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.search-dialog[data-v-c12578fb]{width:min(650px,100%);max-height:min(650px,78vh);margin:0 auto;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--bg-card);box-shadow:var(--shadow-lg)}.search-dialog header[data-v-c12578fb]{min-height:66px;padding:0 19px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border-bottom:1px solid var(--border-soft)}.search-dialog header>span[data-v-c12578fb]{color:var(--primary);font-size:1.45rem}.search-dialog input[data-v-c12578fb]{min-width:0;border:0;outline:0;background:transparent;color:var(--text-main);font-size:.95rem}kbd[data-v-c12578fb]{padding:2px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg-soft);color:var(--text-mute);font:600 .62rem var(--sans)}.search-results[data-v-c12578fb]{min-height:190px;max-height:480px;padding:10px;overflow-y:auto}.search-results>button[data-v-c12578fb]{width:100%;min-height:62px;padding:9px 11px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border-radius:13px;text-align:left}.search-results>button[data-v-c12578fb]:hover{background:var(--primary-soft)}.search-results>button>span[data-v-c12578fb]{min-width:38px;padding:4px 7px;border-radius:999px;background:var(--mark-soft);color:var(--mark);font-size:.62rem;font-weight:800;text-align:center}.search-results strong[data-v-c12578fb],.search-results small[data-v-c12578fb]{display:block}.search-results strong[data-v-c12578fb]{color:var(--text-main);font-size:.79rem}.search-results small[data-v-c12578fb]{margin-top:2px;overflow:hidden;color:var(--text-mute);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.search-results b[data-v-c12578fb]{color:var(--text-mute)}.search-status[data-v-c12578fb]{padding:58px 16px;color:var(--text-mute);text-align:center;font-size:.75rem}.quick-title[data-v-c12578fb]{padding:8px 12px 4px;color:var(--text-mute);font-size:.63rem;font-weight:800;letter-spacing:.12em}.search-dialog footer[data-v-c12578fb]{padding:11px 18px;border-top:1px solid var(--border-soft);color:var(--text-mute);font-size:.62rem;text-align:center}.search-fade-enter-active[data-v-c12578fb],.search-fade-leave-active[data-v-c12578fb]{transition:opacity .18s ease}.search-fade-enter-from[data-v-c12578fb],.search-fade-leave-to[data-v-c12578fb]{opacity:0}.app-main{min-height:100vh}.app-main-with-nav{padding-top:var(--nav-height)}.app-main-full{min-height:100vh}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media print{.navbar{display:none!important}.app-main{min-height:auto!important}body{background:#fff!important}}html.nav-drawer-open,html.nav-drawer-open body{overflow:hidden}@font-face{font-family:"Hanreader Brand Serif";src:url(/assets/hanreader-brand-serif-CSvGs8DY.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:light;--bg-main: #fffdf9;--bg-card: #fffefa;--bg-soft: #f8f3eb;--primary: #4d755a;--primary-hover: #3f634b;--primary-decor: #5f8c6e;--primary-soft: #edf5ef;--primary-border-soft: rgba(95, 140, 110, .2);--primary-border: rgba(95, 140, 110, .44);--primary-shadow: rgba(70, 111, 84, .2);--on-primary: #ffffff;--accent: #b8572b;--accent-hover: #9c4722;--accent-soft: #fbede3;--accent-border-soft: rgba(184, 87, 43, .2);--accent-border: rgba(184, 87, 43, .42);--accent-shadow: rgba(156, 71, 34, .2);--on-accent: #ffffff;--warm-gold: #c79a3e;--warm-gold-soft: #fbf3dc;--warm-gold-border: rgba(199, 154, 62, .42);--mark: #8a6616;--mark-hover: #6f5111;--mark-soft: #f8f1dd;--mark-border-soft: rgba(138, 102, 22, .2);--mark-border: rgba(138, 102, 22, .42);--mark-shadow: rgba(138, 102, 22, .18);--on-mark: #ffffff;--surface-mark-02: color-mix(in srgb, var(--bg-card) 96.5%, var(--mark));--card-border-warm: rgba(175, 120, 68, .24);--card-border-warm-strong: rgba(175, 120, 68, .4);--surface-sage-02: color-mix(in srgb, var(--bg-card) 96.5%, var(--primary));--surface-sage-03: color-mix(in srgb, var(--bg-card) 95.5%, var(--primary));--surface-terracotta-02: color-mix(in srgb, var(--bg-card) 96.5%, var(--accent));--surface-glass: rgba(255, 254, 250, .82);--surface-glass-strong: rgba(255, 255, 255, .94);--surface-warm: #fff8ed;--surface-warm-soft: #fffaf2;--surface-warm-muted: #fff9ef;--inset-highlight: rgba(255, 255, 255, .92);--track-bg: rgba(255, 255, 255, .78);--toast-bg: rgba(24, 30, 27, .9);--toast-text: #ffffff;--overlay-backdrop: rgba(28, 36, 31, .42);--overlay-dialog: rgba(28, 34, 43, .58);--success: #4d755a;--success-soft: #e8f5e9;--success-ink: #357a44;--success-border: #a5d6a7;--warning-soft: #fff3cd;--warning-ink: #856404;--danger-soft: #ffebee;--danger-ink: #c62828;--danger-border: #ef9a9a;--text-main: #26302b;--text-secondary: #56615a;--text-mute: #68726b;--text-primary: var(--text-main);--text-faint: var(--text-mute);--border: #ebe3d8;--border-soft: rgba(235, 227, 216, .84);--nav-bg: rgba(255, 253, 249, .94);--scrollbar-thumb: #becabd;--scrollbar-thumb-hover: #95aa99;--login-glow-primary: rgba(95, 140, 110, .12);--login-glow-secondary: rgba(184, 87, 43, .08);--progress-start: #74a081;--sentence-highlight: #f1ff82;--sentence-highlight-border: #c8dc47;--sentence-highlight-shadow: rgba(170, 194, 45, .22);--sentence-highlight-ink: #65731d;--shadow-sm: 0 4px 16px rgba(111, 76, 41, .055);--shadow-md: 0 9px 26px rgba(111, 76, 41, .08);--shadow-card: 0 8px 24px rgba(111, 76, 41, .07);--shadow-card-hover: 0 12px 30px rgba(111, 76, 41, .11);--shadow-lg: 0 20px 48px rgba(111, 76, 41, .15);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-card: 24px;--layout-max: 1440px;--nav-height: 64px;--space-section: 80px;--gap-card: 24px;--motion-standard: .2s ease;--font-hero: 56px;--font-section: 34px;--font-card: 28px;--font-nav: 16px;--font-body: 15px;--font-small: 13px;--font-size-hero: 44px;--font-size-page: 30px;--font-size-title: 20px;--font-size-lead: 17px;--font-size-body: 15px;--font-size-note: 13px;--font-size-tag: 12px;--font-brand: "Hanreader Brand Serif", "Noto Serif SC", "Noto Serif KR", "Songti SC", "STSong", serif;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--font-heading: var(--sans);--handwriting: "Nanum Pen Script", "Gaegu", "Segoe Print", "Comic Sans MS", "Malgun Gothic", "Noto Sans KR", cursive}@media (max-width: 1320px){:root{--nav-height: 112px}}@media (max-width: 640px){:root{--nav-height: 108px}}:root[data-theme=eye-care]{color-scheme:light;--bg-main: #f0f3e7;--bg-card: #fafaf0;--bg-soft: #e4ead8;--primary: #456d52;--primary-hover: #375a42;--primary-decor: #557e62;--primary-soft: #d9e6d5;--primary-border-soft: rgba(85, 126, 98, .22);--primary-border: rgba(85, 126, 98, .46);--primary-shadow: rgba(57, 92, 68, .2);--on-primary: #f9fff9;--accent: #a9502a;--accent-hover: #8f4222;--accent-soft: #f2e0d1;--accent-border-soft: rgba(169, 80, 42, .22);--accent-border: rgba(169, 80, 42, .44);--accent-shadow: rgba(143, 66, 34, .2);--on-accent: #ffffff;--warm-gold: #b58a34;--warm-gold-soft: #eee5c6;--warm-gold-border: rgba(181, 138, 52, .44);--mark: #7d5c14;--mark-hover: #64490f;--mark-soft: #ece2c6;--mark-border-soft: rgba(125, 92, 20, .22);--mark-border: rgba(125, 92, 20, .44);--mark-shadow: rgba(125, 92, 20, .18);--on-mark: #fffdf5;--surface-mark-02: color-mix(in srgb, var(--bg-card) 94%, var(--mark));--card-border-warm: rgba(151, 112, 67, .27);--card-border-warm-strong: rgba(151, 112, 67, .44);--surface-sage-02: color-mix(in srgb, var(--bg-card) 94%, var(--primary));--surface-sage-03: color-mix(in srgb, var(--bg-card) 92%, var(--primary));--surface-terracotta-02: color-mix(in srgb, var(--bg-card) 94%, var(--accent));--surface-glass: rgba(250, 250, 240, .82);--surface-glass-strong: rgba(252, 252, 243, .94);--surface-warm: #f3eddd;--surface-warm-soft: #f6f2e5;--surface-warm-muted: #f2eee0;--inset-highlight: rgba(255, 255, 248, .7);--track-bg: rgba(250, 250, 240, .82);--overlay-backdrop: rgba(38, 48, 41, .36);--overlay-dialog: rgba(42, 50, 46, .58);--text-main: #283129;--text-secondary: #4f5b52;--text-mute: #5f6b62;--border: #c9d4bf;--border-soft: rgba(201, 212, 191, .82);--nav-bg: rgba(240, 243, 231, .94);--scrollbar-thumb: #aebca7;--scrollbar-thumb-hover: #8ea087;--login-glow-primary: rgba(85, 126, 98, .14);--login-glow-secondary: rgba(216, 117, 59, .1);--progress-start: #678e70;--success-soft: #deebd9;--success-ink: #3f7349;--success-border: #a9c9a1;--warning-soft: #eee4bd;--warning-ink: #78621a;--danger-soft: #f2ddd9;--danger-ink: #a44136;--danger-border: #d8a39b;--sentence-highlight: #dfea73;--sentence-highlight-border: #aebd39;--sentence-highlight-shadow: rgba(132, 153, 35, .2);--sentence-highlight-ink: #506117;--shadow-sm: 0 4px 16px rgba(77, 87, 52, .06);--shadow-md: 0 9px 26px rgba(77, 87, 52, .085);--shadow-card: 0 8px 24px rgba(77, 87, 52, .08);--shadow-card-hover: 0 12px 30px rgba(77, 87, 52, .12);--shadow-lg: 0 20px 48px rgba(77, 87, 52, .16)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-main);color:var(--text-main);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-body);line-height:1.6;transition:background-color var(--motion-standard),color var(--motion-standard)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;color:var(--text-main)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-weight:500;font-size:.92rem;transition:color var(--motion-standard),background-color var(--motion-standard),border-color var(--motion-standard),transform var(--motion-standard),box-shadow var(--motion-standard)}.btn:hover{border-color:var(--text-main)}.btn-primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-action{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:800;box-shadow:0 8px 20px var(--accent-shadow)}.btn-action:hover{border-color:var(--accent-hover);background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 10px 24px var(--accent-shadow)}.btn-explore{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary-hover);font-weight:800;box-shadow:0 5px 14px var(--primary-shadow)}.btn-explore:hover{border-color:var(--primary-hover);background:color-mix(in srgb,var(--primary-soft) 78%,var(--primary));transform:translateY(-1px)}.btn-ghost:hover{background:var(--bg-soft)}.sec-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border-soft)}.sec-mark{flex-shrink:0;width:12px;height:12px;border-radius:4px;background:var(--primary)}.sec-title{font-family:var(--font-heading);font-size:clamp(1.5rem,2.3vw,var(--font-section));font-weight:700;color:var(--text-main);margin:0}.sec-sub{margin-left:auto;font-size:.82rem;color:var(--text-mute);align-self:baseline}@media (max-width: 640px){.sec-sub{display:none}.sec-title{font-size:1.12rem}}.container{max-width:var(--layout-max);margin:0 auto;padding:0 24px}:focus-visible{outline:3px solid var(--primary-border);outline-offset:3px}::selection{background:var(--primary-soft);color:var(--text-main)}.empty-state{color:var(--text-mute);text-align:center;padding:60px 20px;font-size:.95rem}.toast{position:fixed;left:50%;top:90px;transform:translate(-50%);background:var(--toast-bg);color:var(--toast-text);padding:12px 22px;border-radius:999px;font-size:.9rem;z-index:9999;box-shadow:var(--shadow-lg);animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}