.navbar[data-v-e49ded6c]{height:76px;position:fixed;top:0;right:0;left:0;z-index:100;border-bottom:1px solid var(--border-soft);background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-inner[data-v-e49ded6c]{width:min(calc(100% - 96px),var(--layout-max));height:100%;margin:0 auto;display:grid;grid-template-columns:auto minmax(250px,1fr) auto;align-items:center;gap:34px}.brand[data-v-e49ded6c]{min-width:0;padding:0;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;text-align:left}.brand-main[data-v-e49ded6c]{display:flex;align-items:center;gap:10px;line-height:1.1;white-space:nowrap}.brand-main i[data-v-e49ded6c]{width:1px;height:18px;background:var(--border)}.brand-kr[data-v-e49ded6c]{color:var(--primary);font-family:var(--serif);font-size:1.3rem;font-weight:700;letter-spacing:.08em}.brand-main b[data-v-e49ded6c]{color:var(--text-main);font-family:var(--serif);font-size:.94rem;font-weight:700;letter-spacing:.03em}.nav-primary[data-v-e49ded6c]{display:flex;align-items:center;justify-content:flex-end;gap:clamp(22px,2.8vw,42px)}.nav-primary a[data-v-e49ded6c]{padding:27px 0 24px;position:relative;color:var(--text-secondary);font-size:var(--font-nav);font-weight:600;white-space:nowrap}.nav-primary a[data-v-e49ded6c]:after{content:"";position:absolute;left:50%;right:50%;bottom:18px;height:1px;background:var(--primary);transition:left var(--motion-standard),right var(--motion-standard)}.nav-primary a[data-v-e49ded6c]:hover,.nav-primary a.current[data-v-e49ded6c]{color:var(--primary)}.nav-primary a[data-v-e49ded6c]:hover:after,.nav-primary a.current[data-v-e49ded6c]:after{left:0;right:0}.nav-spacer[data-v-e49ded6c]{min-width:20px}.nav-actions[data-v-e49ded6c]{display:flex;align-items:center;justify-content:flex-end;gap:8px}.nav-text-action[data-v-e49ded6c],.user-chip[data-v-e49ded6c],.login-btn[data-v-e49ded6c]{min-height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-size:var(--font-small);line-height:1;white-space:nowrap}.theme-toggle[data-v-e49ded6c]{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--text-mute);transition:color var(--motion-standard),background-color var(--motion-standard),border-color var(--motion-standard),transform var(--motion-standard),box-shadow var(--motion-standard)}.theme-toggle[data-v-e49ded6c]:hover{border-color:var(--primary-border-soft);background:var(--bg-card);color:var(--primary);transform:translateY(-1px)}.theme-toggle.active[data-v-e49ded6c]{border-color:var(--primary-border-soft);background:var(--primary-soft);color:var(--primary);box-shadow:0 4px 12px #6f8f7a21}.theme-toggle svg[data-v-e49ded6c]{width:19px;height:19px;fill:currentColor}.search-trigger[data-v-e49ded6c]{min-height:38px;padding:0 10px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);font-size:.68rem}.search-trigger[data-v-e49ded6c]:hover{border-color:var(--primary-border);color:var(--primary)}.search-trigger span[data-v-e49ded6c]{font-size:1rem}.search-trigger b[data-v-e49ded6c]{font-weight:700}.search-trigger kbd[data-v-e49ded6c]{padding:1px 4px;border:1px solid var(--border);border-radius:5px;background:var(--bg-soft);color:var(--text-mute);font:600 .55rem var(--sans)}.nav-text-action[data-v-e49ded6c]{color:var(--text-secondary)}.nav-text-action[data-v-e49ded6c]:hover{color:var(--primary)}.learning-entry[data-v-e49ded6c]{border:1px solid var(--primary-border-soft);background:var(--primary-soft);color:var(--primary);font-weight:750;box-shadow:0 4px 14px #536c5317}.learning-entry[data-v-e49ded6c]:hover{border-color:var(--primary-border);background:color-mix(in srgb,var(--primary-soft) 78%,var(--primary));color:var(--primary-hover);transform:translateY(-1px)}.study-icon[data-v-e49ded6c]{width:15px;height:15px;flex-shrink:0;fill:var(--primary)}.user-chip[data-v-e49ded6c]{max-width:118px;overflow:hidden;background:#f5efe0;color:#9b7546;text-overflow:ellipsis}.user-chip span[data-v-e49ded6c]{font-size:.52rem}.login-btn[data-v-e49ded6c]{min-width:64px;justify-content:center;border:1px solid var(--primary);background:var(--primary);color:var(--on-primary);font-weight:700;transition:background-color var(--motion-standard),transform var(--motion-standard)}.login-btn[data-v-e49ded6c]:hover{background:var(--primary-hover);transform:translateY(-1px)}.menu-toggle[data-v-e49ded6c]{width:32px;height:32px;padding:8px;display:none;flex-direction:column;justify-content:space-around;border:1px solid var(--border);border-radius:50%;background:var(--bg-card)}.menu-toggle span[data-v-e49ded6c]{height:1px;background:var(--text-main)}.mobile-menu[data-v-e49ded6c]{display:none}@media (max-width: 1080px){.nav-inner[data-v-e49ded6c]{width:min(calc(100% - 36px),var(--layout-max));gap:20px}.brand-main b[data-v-e49ded6c],.brand-main i[data-v-e49ded6c]{display:none}.nav-primary[data-v-e49ded6c]{gap:22px}.search-trigger b[data-v-e49ded6c],.search-trigger kbd[data-v-e49ded6c]{display:none}.search-trigger[data-v-e49ded6c]{width:36px;padding:0;justify-content:center}}@media (max-width: 820px){.navbar[data-v-e49ded6c]{height:64px}.nav-inner[data-v-e49ded6c]{width:calc(100% - 28px);grid-template-columns:auto 1fr}.nav-primary[data-v-e49ded6c],.desktop-action[data-v-e49ded6c]{display:none}.menu-toggle[data-v-e49ded6c]{display:flex}.mobile-menu[data-v-e49ded6c]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 14px 14px;border-top:1px solid var(--border-soft);background:var(--bg-main)}.mobile-menu a[data-v-e49ded6c],.mobile-menu button[data-v-e49ded6c]{padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);font-size:.78rem;text-align:left}.mobile-menu .current[data-v-e49ded6c]{background:var(--primary-soft);color:var(--primary)}.mobile-menu .learning-entry-mobile[data-v-e49ded6c]{border:1px solid var(--primary-border-soft);background:var(--primary-soft);color:var(--primary);font-weight:750}.menu-fade-enter-active[data-v-e49ded6c],.menu-fade-leave-active[data-v-e49ded6c]{transition:opacity .16s ease,transform .16s ease}.menu-fade-enter-from[data-v-e49ded6c],.menu-fade-leave-to[data-v-e49ded6c]{opacity:0;transform:translateY(-5px)}}@media (max-width: 480px){.theme-toggle[data-v-e49ded6c]{width:32px;height:32px;flex-basis:32px}.login-btn[data-v-e49ded6c]{min-width:54px;padding:0 12px}}.search-overlay[data-v-945997a9]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:max(12vh,84px) 18px 18px;background:#191c1a59;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.search-dialog[data-v-945997a9]{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-945997a9]{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-945997a9]{color:var(--primary);font-size:1.45rem}.search-dialog input[data-v-945997a9]{min-width:0;border:0;outline:0;background:transparent;color:var(--text-main);font-size:.95rem}kbd[data-v-945997a9]{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-945997a9]{min-height:190px;max-height:480px;padding:10px;overflow-y:auto}.search-results>button[data-v-945997a9]{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-945997a9]:hover{background:var(--primary-soft)}.search-results>button>span[data-v-945997a9]{min-width:38px;padding:4px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.62rem;font-weight:800;text-align:center}.search-results strong[data-v-945997a9],.search-results small[data-v-945997a9]{display:block}.search-results strong[data-v-945997a9]{color:var(--text-main);font-size:.79rem}.search-results small[data-v-945997a9]{margin-top:2px;overflow:hidden;color:var(--text-mute);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.search-results b[data-v-945997a9]{color:var(--text-mute)}.search-status[data-v-945997a9]{padding:58px 16px;color:var(--text-mute);text-align:center;font-size:.75rem}.quick-title[data-v-945997a9]{padding:8px 12px 4px;color:var(--text-mute);font-size:.63rem;font-weight:800;letter-spacing:.12em}.search-dialog footer[data-v-945997a9]{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-945997a9],.search-fade-leave-active[data-v-945997a9]{transition:opacity .18s ease}.search-fade-enter-from[data-v-945997a9],.search-fade-leave-to[data-v-945997a9]{opacity:0}.app-main{min-height:100vh}.app-main-with-nav{padding-top:76px}.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}}@media (max-width: 820px){.app-main-with-nav{padding-top:64px}}:root{color-scheme:light;--bg-main: #fffefc;--bg-card: #ffffff;--bg-soft: #f8f6f1;--primary: #77957f;--primary-hover: #63816d;--primary-soft: #edf6ef;--primary-border-soft: rgba(119, 149, 127, .19);--primary-border: rgba(119, 149, 127, .4);--primary-shadow: rgba(84, 116, 93, .17);--on-primary: #ffffff;--accent: #ce826a;--accent-hover: #b96c54;--accent-soft: #fbeee8;--accent-border-soft: rgba(206, 130, 106, .18);--accent-border: rgba(206, 130, 106, .36);--accent-shadow: rgba(176, 96, 72, .17);--on-accent: #ffffff;--warm-gold: #c2a15f;--warm-gold-soft: #fbf4df;--warm-gold-border: rgba(194, 161, 95, .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));--success: #7fa479;--text-main: #303733;--text-secondary: #6f746f;--text-mute: #929790;--border: #eeeae2;--border-soft: rgba(238, 234, 226, .82);--nav-bg: rgba(255, 254, 252, .94);--scrollbar-thumb: #c8d1c9;--scrollbar-thumb-hover: #a6b6a9;--login-glow-primary: rgba(119, 149, 127, .11);--login-glow-secondary: rgba(206, 130, 106, .1);--progress-start: #83a47e;--sentence-highlight: #f1ff82;--sentence-highlight-border: #c8dc47;--sentence-highlight-shadow: rgba(170, 194, 45, .22);--sentence-highlight-ink: #65731d;--shadow-sm: 0 4px 18px rgba(55, 75, 62, .035);--shadow-md: 0 10px 32px rgba(55, 75, 62, .055);--shadow-card: 0 9px 30px rgba(55, 75, 62, .05);--shadow-card-hover: 0 14px 36px rgba(55, 75, 62, .09);--shadow-lg: 0 24px 60px rgba(55, 75, 62, .12);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-card: 24px;--layout-max: 1440px;--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;--display: "Cormorant Garamond", "Noto Serif KR", "Noto Serif SC", "Songti SC", serif;--serif: "Cormorant Garamond", "Noto Serif KR", "Noto Serif SC", "Songti SC", "PingFang SC", serif;--sans: "MiSans", "HarmonyOS Sans SC", "Source Han Sans SC", "Noto Sans SC", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--handwriting: "Nanum Pen Script", "Gaegu", "Segoe Print", "Comic Sans MS", "Malgun Gothic", "Noto Sans KR", cursive}:root[data-theme=eye-care]{color-scheme:light;--bg-main: #f2f7ed;--bg-card: #fbfdf8;--bg-soft: #e8f0e3;--primary: #62826b;--primary-hover: #4e6d58;--primary-soft: #dfeade;--primary-border-soft: rgba(98, 130, 107, .2);--primary-border: rgba(98, 130, 107, .4);--primary-shadow: rgba(69, 101, 79, .19);--accent: #b87866;--accent-hover: #9e6251;--accent-soft: #f2e5df;--accent-border-soft: rgba(184, 120, 102, .19);--accent-border: rgba(184, 120, 102, .36);--accent-shadow: rgba(151, 88, 72, .17);--text-main: #2d3931;--text-secondary: #5e6b62;--text-mute: #748177;--border: #d3dfcf;--border-soft: #e0e9dc;--nav-bg: rgba(251, 253, 248, .95);--scrollbar-thumb: #b8c8b3;--scrollbar-thumb-hover: #96aa91;--login-glow-primary: rgba(98, 130, 107, .11);--login-glow-secondary: rgba(184, 120, 102, .1);--progress-start: #8eaa87;--sentence-highlight: #eaff78;--sentence-highlight-border: #b8cf3f;--sentence-highlight-shadow: rgba(149, 177, 39, .21);--sentence-highlight-ink: #566817;--shadow-sm: 0 3px 14px rgba(52, 75, 58, .045);--shadow-md: 0 8px 26px rgba(52, 75, 58, .075);--shadow-card: 0 8px 26px rgba(52, 75, 58, .07);--shadow-card-hover: 0 12px 32px rgba(52, 75, 58, .11);--shadow-lg: 0 20px 46px rgba(52, 75, 58, .13)}*,*: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-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(--serif);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:#000000d9;color:var(--on-accent);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%)}}