.navbar[data-v-d4ddb78b]{height:76px;position:sticky;top: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-d4ddb78b]{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-d4ddb78b]{min-width:0;padding:0;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;text-align:left}.brand-main[data-v-d4ddb78b]{display:flex;align-items:center;gap:10px;line-height:1.1;white-space:nowrap}.brand-main i[data-v-d4ddb78b]{width:1px;height:18px;background:var(--border)}.brand-kr[data-v-d4ddb78b]{color:var(--primary);font-family:var(--serif);font-size:1.3rem;font-weight:700;letter-spacing:.08em}.brand-main b[data-v-d4ddb78b]{color:var(--text-main);font-family:var(--serif);font-size:.94rem;font-weight:700;letter-spacing:.03em}.nav-primary[data-v-d4ddb78b]{display:flex;align-items:center;justify-content:flex-end;gap:clamp(22px,2.8vw,42px)}.nav-primary a[data-v-d4ddb78b]{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-d4ddb78b]: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-d4ddb78b]:hover,.nav-primary a.current[data-v-d4ddb78b]{color:var(--primary)}.nav-primary a[data-v-d4ddb78b]:hover:after,.nav-primary a.current[data-v-d4ddb78b]:after{left:0;right:0}.nav-spacer[data-v-d4ddb78b]{min-width:20px}.nav-actions[data-v-d4ddb78b]{display:flex;align-items:center;justify-content:flex-end;gap:8px}.theme-toggle[data-v-d4ddb78b],.nav-text-action[data-v-d4ddb78b],.user-chip[data-v-d4ddb78b],.login-btn[data-v-d4ddb78b]{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-d4ddb78b]{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);transition:color var(--motion-standard),border-color var(--motion-standard),background-color var(--motion-standard)}.theme-toggle[data-v-d4ddb78b]:hover,.theme-toggle.active[data-v-d4ddb78b]{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary)}.theme-icon[data-v-d4ddb78b]{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.nav-text-action[data-v-d4ddb78b]{color:var(--text-secondary)}.nav-text-action[data-v-d4ddb78b]:hover{color:var(--primary)}.learning-entry[data-v-d4ddb78b]{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-d4ddb78b]: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-d4ddb78b]{width:15px;height:15px;flex-shrink:0;fill:var(--primary)}.user-chip[data-v-d4ddb78b]{max-width:118px;overflow:hidden;background:#f5efe0;color:#9b7546;text-overflow:ellipsis}.user-chip span[data-v-d4ddb78b]{font-size:.52rem}.login-btn[data-v-d4ddb78b]{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-d4ddb78b]:hover{background:var(--primary-hover);transform:translateY(-1px)}.menu-toggle[data-v-d4ddb78b]{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-d4ddb78b]{height:1px;background:var(--text-main)}.mobile-menu[data-v-d4ddb78b]{display:none}@media (max-width: 1080px){.nav-inner[data-v-d4ddb78b]{width:min(calc(100% - 36px),var(--layout-max));gap:20px}.brand-main b[data-v-d4ddb78b],.brand-main i[data-v-d4ddb78b]{display:none}.nav-primary[data-v-d4ddb78b]{gap:22px}}@media (max-width: 820px){.navbar[data-v-d4ddb78b]{height:64px}.nav-inner[data-v-d4ddb78b]{width:calc(100% - 28px);grid-template-columns:auto 1fr}.nav-primary[data-v-d4ddb78b],.nav-spacer[data-v-d4ddb78b],.desktop-action[data-v-d4ddb78b]{display:none}.menu-toggle[data-v-d4ddb78b]{display:flex}.mobile-menu[data-v-d4ddb78b]{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-d4ddb78b],.mobile-menu button[data-v-d4ddb78b]{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-d4ddb78b]{background:var(--primary-soft);color:var(--primary)}.mobile-menu .learning-entry-mobile[data-v-d4ddb78b]{border:1px solid var(--primary-border-soft);background:var(--primary-soft);color:var(--primary);font-weight:750}.menu-fade-enter-active[data-v-d4ddb78b],.menu-fade-leave-active[data-v-d4ddb78b]{transition:opacity .16s ease,transform .16s ease}.menu-fade-enter-from[data-v-d4ddb78b],.menu-fade-leave-to[data-v-d4ddb78b]{opacity:0;transform:translateY(-5px)}}@media (max-width: 480px){.theme-toggle span[data-v-d4ddb78b]{display:none}.theme-toggle[data-v-d4ddb78b]{width:32px;padding:0;justify-content:center}.login-btn[data-v-d4ddb78b]{min-width:54px;padding:0 12px}}.app-main{min-height:calc(100vh - 70px)}.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}}:root{color-scheme:light;--bg-main: #fdfbf8;--bg-card: #ffffff;--bg-soft: #f5f2ec;--primary: #728c72;--primary-hover: #607760;--primary-soft: #edf2ec;--primary-border-soft: rgba(114, 140, 114, .18);--primary-border: rgba(114, 140, 114, .38);--primary-shadow: rgba(83, 108, 83, .16);--on-primary: #ffffff;--accent: #c97c58;--accent-hover: #b96c49;--accent-soft: #f8ece5;--accent-border-soft: rgba(201, 124, 88, .17);--accent-border: rgba(201, 124, 88, .34);--accent-shadow: rgba(170, 93, 58, .16);--on-accent: #ffffff;--warm-gold: #b99a63;--warm-gold-soft: #f7f0e2;--warm-gold-border: rgba(185, 154, 99, .38);--surface-sage-02: color-mix(in srgb, var(--bg-card) 98%, var(--primary));--surface-sage-03: color-mix(in srgb, var(--bg-card) 97%, var(--primary));--surface-terracotta-02: color-mix(in srgb, var(--bg-card) 98%, var(--accent));--success: #7b9b76;--text-main: #2f2f2f;--text-secondary: #77746e;--text-mute: #98948d;--border: #ece7de;--border-soft: rgba(236, 231, 222, .78);--nav-bg: rgba(253, 251, 248, .92);--scrollbar-thumb: #c9cfc7;--scrollbar-thumb-hover: #aab5ac;--login-glow-primary: rgba(114, 140, 114, .09);--login-glow-secondary: rgba(201, 124, 88, .08);--progress-start: #7b9b76;--shadow-sm: 0 4px 16px rgba(0, 0, 0, .025);--shadow-md: 0 8px 30px rgba(0, 0, 0, .04);--shadow-card: 0 8px 30px rgba(0, 0, 0, .04);--shadow-card-hover: 0 12px 34px rgba(0, 0, 0, .07);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .09);--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]{--bg-main: #edf3e7;--bg-card: #f8faf5;--bg-soft: #e3ecdd;--primary: #55745f;--primary-hover: #42604d;--primary-soft: #dce8db;--primary-border-soft: rgba(79, 115, 90, .19);--primary-border: rgba(79, 115, 90, .38);--primary-shadow: rgba(66, 98, 76, .2);--accent: #ad6e5e;--accent-hover: #925849;--accent-soft: #eee1da;--accent-border-soft: rgba(173, 110, 94, .18);--accent-border: rgba(173, 110, 94, .34);--accent-shadow: rgba(146, 88, 73, .18);--text-main: #26332b;--text-secondary: #59695f;--text-mute: #627066;--border: #cedac9;--border-soft: #dde6d8;--nav-bg: rgba(248, 250, 245, .94);--scrollbar-thumb: #b6c5b1;--scrollbar-thumb-hover: #94a68f;--login-glow-primary: rgba(79, 115, 90, .1);--login-glow-secondary: rgba(164, 181, 130, .12);--progress-start: #91aa86;--shadow-sm: 0 1px 2px rgba(42, 61, 48, .05);--shadow-md: 0 4px 20px rgba(42, 61, 48, .08);--shadow-lg: 0 18px 40px rgba(42, 61, 48, .11)}*,*: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%)}}