*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth}body,h1,h2,p{margin:0}body{min-width:320px;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a{font:inherit}button{margin:0}a{color:inherit;text-decoration:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ink: #23352e;--ink-soft: #627068;--forest: #315f4d;--forest-dark: #24483b;--sage: #dfe9d8;--cream: #f7f1e3;--paper: #fffdf7;--apricot: #e77b50;--apricot-soft: #f8d9c3;--gold: #e8bd58;--line: #ded8c8;--white: #ffffff;--success: #2f7658;--danger: #b44e3e;--shadow: 0 18px 45px rgba(77, 67, 45, .1);--font-sans: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif}body{color:var(--ink);background:radial-gradient(circle at 8% 8%,rgba(232,189,88,.14),transparent 24rem),radial-gradient(circle at 92% 18%,rgba(49,95,77,.1),transparent 26rem),var(--cream);font-family:var(--font-sans);line-height:1.6}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#app,.site-shell{min-height:100vh}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:100;padding:.7rem 1rem;color:var(--white);background:var(--forest-dark);border-radius:.65rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(49,95,77,.12);background:#fffdf7ed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{width:min(100% - 2rem,1080px);min-height:5rem;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem}.brand{width:fit-content;display:inline-flex;align-items:center;gap:.7rem}.brand-mark{width:2.55rem;height:2.55rem;display:grid;place-items:center;color:var(--paper);background:var(--apricot);border-radius:50% 50% 44% 56%;font-size:1.4rem;box-shadow:0 4px #c96741}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.2}.brand strong{color:var(--forest-dark);font-size:1.45rem;letter-spacing:-.04em}.brand small{margin-top:.16rem;color:var(--ink-soft);font-size:.7rem}.main-nav{display:flex;align-items:center;gap:.35rem;padding:.3rem;border:1px solid var(--line);border-radius:999px;background:var(--white)}.nav-link{min-width:5.5rem;min-height:2.65rem;padding:.55rem 1.15rem;display:grid;place-items:center;color:var(--ink-soft);border-radius:999px;font-weight:700}.nav-link:hover{color:var(--forest-dark);background:var(--sage)}.nav-link.router-link-active{color:var(--white);background:var(--forest)}.learning-total{justify-self:end;min-height:2.75rem;padding:.55rem .9rem;display:flex;align-items:baseline;gap:.3rem;color:var(--ink-soft);background:#f1ecdc;border-radius:.8rem;font-size:.82rem}.learning-total strong{color:var(--apricot);font-size:1.2rem}.header-record-area{justify-self:end;display:flex;align-items:center;gap:.55rem}.profile-menu-button{min-height:2.75rem;padding:.5rem .75rem;display:inline-flex;align-items:center;gap:.4rem;color:var(--forest-dark);border:1px solid #c8d5c8;border-radius:.8rem;background:#f4f8f1;cursor:pointer;font-size:.78rem;font-weight:800;white-space:nowrap}.profile-menu-button:hover{border-color:#8fac98;background:var(--sage)}.profile-menu-button small{padding:.13rem .35rem;color:var(--ink-soft);background:#ffffffbf;border-radius:999px;font-size:.62rem;font-weight:700}.main-content{padding-bottom:4rem}.page-shell{width:min(100% - 2rem,1020px);margin:0 auto;padding-top:3.75rem}.page-intro{max-width:720px;margin:0 auto 2.2rem;text-align:center}.eyebrow{margin-bottom:.7rem;color:var(--apricot);font-size:.84rem;font-weight:800;letter-spacing:.08em}.page-intro h1{color:var(--forest-dark);font-size:clamp(1.85rem,4vw,2.8rem);line-height:1.3;letter-spacing:-.045em;text-wrap:balance}.page-intro>p:last-child{margin-top:.85rem;color:var(--ink-soft);font-size:1rem}.learning-panel,.quiz-card{padding:clamp(1.15rem,3.5vw,2.5rem);border:1px solid var(--line);border-radius:1.75rem;background:linear-gradient(#fffdf7f7,#fffdf7f7),repeating-linear-gradient(0deg,transparent 0 4px,rgba(49,95,77,.04) 5px);box-shadow:var(--shadow)}.category-tabs{width:min(100%,430px);margin:0 auto 2rem;padding:.35rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;background:#eee8d8;border-radius:1rem}.category-tab{min-height:3.35rem;padding:.55rem 1rem;display:flex;align-items:center;justify-content:center;gap:.55rem;border:0;border-radius:.78rem;background:transparent;cursor:pointer}.category-tab span{font-size:1rem;font-weight:800}.category-tab small{color:var(--ink-soft);font-size:.74rem}.category-tab:hover{background:#ffffff9e}.category-tab.active{color:var(--forest-dark);background:var(--white);box-shadow:0 5px 14px #473d2a17}.category-summary{display:flex;align-items:end;justify-content:space-between;gap:1rem}.category-kicker{color:var(--forest);font-size:1rem;font-weight:800}.category-summary p{margin-top:.12rem;color:var(--ink-soft);font-size:.85rem}.category-progress-copy{display:flex;align-items:baseline;gap:.25rem;white-space:nowrap}.category-progress-copy strong{color:var(--apricot);font-size:1.35rem}.category-progress-copy span{color:var(--ink-soft);font-size:.78rem}.progress-track{height:.55rem;margin:.85rem 0 1.65rem;overflow:hidden;border-radius:999px;background:#e9e2d1}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--apricot),var(--gold));border-radius:inherit;transition:width .28s ease}.learning-card{min-height:380px;padding:clamp(1.35rem,4vw,2.6rem);display:flex;flex-direction:column;align-items:center;border:1px solid #e7dfcc;border-radius:1.35rem;background:var(--paper);box-shadow:inset 0 0 0 7px #f7f1e3bf;transition:border-color .18s ease,box-shadow .18s ease}.learning-card.learned{border-color:#8fb39f;box-shadow:inset 0 0 0 7px #dfe9d8b8,0 10px 28px #315f4d14}.card-meta{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ink-soft);font-size:.78rem;font-weight:700}.type-badge{width:fit-content;padding:.3rem .65rem;display:inline-flex;align-items:center;color:var(--forest-dark);background:var(--sage);border-radius:999px;font-size:.76rem;font-weight:800}.word-content{width:100%;margin:auto 0;padding:1.5rem 0;text-align:center}.word-label{color:var(--apricot);font-size:.78rem;font-weight:800;letter-spacing:.08em}.word-content h2{margin-top:.6rem;color:var(--forest-dark);font-size:clamp(1.65rem,4.5vw,2.7rem);line-height:1.35;letter-spacing:-.035em;word-break:keep-all;text-wrap:balance}.meaning-divider{width:min(100%,360px);margin:1.35rem auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem;color:#978b74;font-size:.72rem}.meaning-divider span{height:1px;background:#ded6c5}.meaning{max-width:690px;margin:0 auto;color:#46544d;font-size:clamp(1.02rem,2.4vw,1.22rem);line-height:1.8;word-break:keep-all}.meaning-reveal{position:relative;width:min(100%,690px);min-height:9rem;margin:0 auto;padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ded6c5;border-radius:1rem;background:#f8f3e8}.meaning-reveal .meaning{transition:filter .26s ease,opacity .26s ease,transform .26s ease}.meaning-reveal.masked .meaning{filter:blur(11px);opacity:.28;transform:scale(.98);-webkit-user-select:none;user-select:none;pointer-events:none}.meaning-reveal.masked:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(49,95,77,.08) 0 8px,transparent 8px 16px),repeating-linear-gradient(-45deg,rgba(231,123,80,.07) 0 9px,transparent 9px 18px)}.meaning-reveal.revealed .meaning{animation:revealMeaning .32s ease both}.meaning-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;color:var(--ink-soft);background:#f8f3e894;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.meaning-cover>span{font-size:.8rem;font-weight:700}.meaning-toggle-button{min-height:2.85rem;padding:.6rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;color:var(--white);border:0;border-radius:.75rem;background:var(--forest);box-shadow:0 4px 0 var(--forest-dark);cursor:pointer;font-weight:800}.meaning-toggle-button:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--forest-dark)}.meaning-hide-button{margin-top:.85rem;padding:.35rem .55rem;color:var(--ink-soft);border:0;border-bottom:1px solid currentColor;background:transparent;cursor:pointer;font-size:.76rem;font-weight:700}.meaning-hide-button:hover{color:var(--forest-dark)}@keyframes revealMeaning{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.learn-button{min-width:9rem;min-height:3.15rem;padding:.7rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:var(--white);border:0;border-radius:.85rem;background:var(--apricot);box-shadow:0 4px #c76540;cursor:pointer;font-weight:800;transition:transform .16s ease,box-shadow .16s ease}.learn-button:hover{transform:translateY(-2px);box-shadow:0 6px #c76540}.learn-button:active{transform:translateY(2px);box-shadow:0 2px #c76540}.learn-button.completed{background:var(--forest);box-shadow:0 4px 0 var(--forest-dark)}.card-navigation{margin-top:1.35rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.card-navigation p{color:var(--ink-soft);font-size:.82rem;text-align:center}.card-navigation p strong{color:var(--apricot);font-size:1rem}.navigation-button{width:fit-content;min-height:2.85rem;padding:.6rem .9rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;color:var(--forest-dark);border:1px solid #cfc6b2;border-radius:.75rem;background:transparent;cursor:pointer;font-weight:700}.navigation-button:last-child{justify-self:end}.navigation-button:hover:not(:disabled){background:var(--sage);border-color:#9daf9e}.navigation-button:disabled{cursor:not-allowed;opacity:.38}.quiz-page{width:min(100% - 2rem,920px)}.quiz-intro{margin-bottom:2rem}.quiz-status{padding-bottom:1.15rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px dashed #d6cebb}.quiz-status>div:first-child{display:flex;align-items:center;gap:.65rem}.question-pool{color:var(--ink-soft);font-size:.8rem}.score{display:flex;align-items:baseline;gap:.45rem;color:var(--ink-soft);font-size:.78rem}.score strong{color:var(--apricot);font-size:1.15rem}.question-copy{padding:clamp(2rem,6vw,3.6rem) 0 1.6rem;text-align:center}.question-copy>span{color:var(--ink-soft);font-size:.86rem;font-weight:700}.question-copy h2{margin-top:.55rem;color:var(--forest-dark);font-size:clamp(1.6rem,4.5vw,2.65rem);line-height:1.4;letter-spacing:-.04em;word-break:keep-all;text-wrap:balance}.answers-list{display:grid;gap:.8rem}.answer-button{width:100%;min-height:4.2rem;padding:.85rem 1rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;color:#39473f;border:1px solid #dbd3c0;border-radius:1rem;background:var(--white);cursor:pointer;text-align:left;line-height:1.6;transition:transform .16s ease,border-color .16s ease,background .16s ease}.answer-button:hover:not(:disabled){transform:translateY(-2px);border-color:#94aa99;background:#f5f8f1}.answer-button:disabled{cursor:default}.answer-button.correct{color:#285742;border-color:#78a087;background:#e7f1e6}.answer-button.incorrect{color:#8f3f34;border-color:#d89b8e;background:#fbe8e2}.answer-number{width:2rem;height:2rem;display:grid;place-items:center;color:var(--forest);background:var(--sage);border-radius:50%;font-size:.78rem;font-weight:800}.answer-mark{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;font-weight:900}.answer-button.correct .answer-mark{color:var(--white);background:var(--success)}.answer-button.incorrect .answer-mark{color:var(--white);background:var(--danger)}.quiz-hint{margin-top:1.1rem;color:var(--ink-soft);font-size:.8rem;text-align:center}.quiz-feedback{margin-top:1.2rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid;border-radius:1rem}.quiz-feedback.correct{color:#285742;border-color:#9db8a3;background:#edf4e9}.quiz-feedback.incorrect{color:#813c31;border-color:#dfaea1;background:#fcece5}.feedback-copy{min-width:0;display:flex;align-items:flex-start;gap:.8rem}.feedback-icon{flex:0 0 auto;width:2rem;height:2rem;display:grid;place-items:center;color:var(--white);border-radius:50%;font-weight:900}.quiz-feedback.correct .feedback-icon{background:var(--success)}.quiz-feedback.incorrect .feedback-icon{background:var(--danger)}.feedback-copy strong{font-size:.95rem}.feedback-copy p{margin-top:.25rem;color:var(--ink);font-size:.82rem;line-height:1.55}.next-question-button{flex:0 0 auto;min-height:2.8rem;padding:.6rem .85rem;color:var(--white);border:0;border-radius:.72rem;background:var(--forest);cursor:pointer;font-weight:800}.next-question-button:hover{background:var(--forest-dark)}body.dialog-open{overflow:hidden}.profile-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:1rem;display:grid;place-items:center;overflow-y:auto;background:#18272194;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.profile-dialog{position:relative;width:min(100%,600px);max-height:calc(100vh - 2rem);padding:clamp(1.35rem,4vw,2.25rem);overflow-y:auto;color:var(--ink);border:1px solid #d7cfbc;border-radius:1.4rem;background:var(--paper);box-shadow:0 26px 70px #14231d4d;outline:none}.dialog-close-button{position:absolute;top:.9rem;right:.9rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;color:var(--ink-soft);border:0;border-radius:50%;background:#f1ecdf;cursor:pointer;font-size:1.5rem;line-height:1}.dialog-close-button:hover{color:var(--forest-dark);background:var(--sage)}.profile-dialog-heading{padding-right:2.5rem;display:flex;align-items:flex-start;gap:.9rem}.profile-dialog-icon{flex:0 0 auto;width:3rem;height:3rem;display:grid;place-items:center;background:var(--sage);border-radius:1rem;font-size:1.45rem}.profile-dialog-heading .eyebrow{margin-bottom:.15rem;font-size:.72rem}.profile-dialog-heading h2{color:var(--forest-dark);font-size:clamp(1.35rem,4vw,1.8rem);line-height:1.35;letter-spacing:-.035em}.profile-dialog-heading h2+p{margin-top:.35rem;color:var(--ink-soft);font-size:.84rem;line-height:1.6}.profile-record-summary{margin-top:1.35rem;padding:1rem 1.15rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--ink-soft);background:#f3eddf;border-radius:.9rem;font-size:.85rem}.profile-record-summary strong{color:var(--apricot);font-size:1.25rem}.device-link-section{margin-top:1rem;padding:1.15rem;border:1px solid #d8dfd2;border-radius:1rem;background:#f6f9f3}.device-link-section h3{color:var(--forest-dark);font-size:1rem}.device-link-section p,.profile-switch-section p,.profile-form>p{margin-top:.18rem;color:var(--ink-soft);font-size:.78rem;line-height:1.55}.device-link-section>.dialog-primary-button{margin-top:.9rem}.generated-link-code{margin-top:1rem;padding:.9rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px dashed #8ca494;border-radius:.8rem;background:var(--white)}.generated-link-code strong{color:var(--forest-dark);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.55rem,6vw,2.15rem);letter-spacing:.14em}.generated-link-code span{max-width:11rem;color:var(--ink-soft);font-size:.7rem;line-height:1.5;text-align:right}.profile-switch-section{margin-top:1rem;padding-top:.9rem;border-top:1px solid #e2dccd;text-align:center}.dialog-primary-button,.dialog-secondary-button{min-height:2.8rem;padding:.58rem .9rem;border-radius:.75rem;cursor:pointer;font-weight:800;white-space:nowrap}.dialog-primary-button{color:var(--white);border:0;background:var(--forest);box-shadow:0 3px 0 var(--forest-dark)}.dialog-primary-button:hover:not(:disabled){transform:translateY(-1px)}.dialog-secondary-button{color:var(--forest-dark);border:1px solid #9eaf9e;background:var(--sage)}.dialog-primary-button:disabled,.dialog-secondary-button:disabled{cursor:not-allowed;opacity:.55}.dialog-text-button{margin-top:.35rem;padding:.3rem .45rem;color:var(--ink-soft);border:0;border-bottom:1px solid currentColor;background:transparent;cursor:pointer;font-size:.76rem;font-weight:700}.dialog-text-button+.dialog-text-button{margin-left:.65rem}.dialog-text-button.danger{color:var(--danger)}.local-record-notice,.profile-server-notice,.profile-operation-error{margin-top:1rem;padding:.75rem .9rem;border-radius:.75rem;font-size:.78rem}.local-record-notice{color:#6c4c25;border:1px solid #e5c987;background:#fff5d8}.profile-form{margin-top:1.2rem}.profile-form label{color:var(--forest-dark);font-size:.9rem;font-weight:800}.profile-form-row{margin-top:.65rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.profile-form input{width:100%;min-height:2.85rem;padding:.65rem .8rem;color:var(--ink);border:1px solid #cfc6b2;border-radius:.75rem;background:var(--white);font:inherit}.profile-form input:focus{border-color:var(--forest);outline:3px solid rgba(232,189,88,.45);outline-offset:1px}.profile-form .link-code-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.05rem;font-weight:800;letter-spacing:.2em}.profile-form-divider{margin:1.15rem 0 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;color:#9a8f79;font-size:.7rem}.profile-form-divider:before,.profile-form-divider:after{content:"";height:1px;background:#e1dacb}.profile-server-notice{color:#7b4b24;border:1px solid #e8c49f;background:#fff0df}.profile-server-notice button{margin-top:.4rem;padding:0;color:inherit;border:0;border-bottom:1px solid currentColor;background:transparent;cursor:pointer;font-size:inherit;font-weight:800}.profile-operation-error{color:#8f3f34;border:1px solid #dba99d;background:#fce9e3}.profile-privacy-note{margin-top:1.2rem;color:#887d68;font-size:.68rem;line-height:1.5;text-align:center}@media(max-width:760px){.header-inner{min-height:auto;padding:.75rem 0;grid-template-columns:1fr auto;gap:.75rem}.brand small,.learning-total>span:first-child{display:none}.main-nav{grid-column:1 / -1;grid-row:2;width:100%}.nav-link{flex:1}.header-record-area{grid-column:2;grid-row:1}.profile-menu-button small{display:none}.page-shell{padding-top:2.5rem}.learning-panel,.quiz-card{border-radius:1.25rem}.learning-card{min-height:360px}.quiz-feedback{align-items:stretch;flex-direction:column}.next-question-button{width:100%}}@media(max-width:520px){.header-inner,.page-shell,.quiz-page{width:min(100% - 1.25rem,1020px)}.brand-mark{width:2.25rem;height:2.25rem}.brand strong{font-size:1.25rem}.learning-total{padding-inline:.7rem}.header-record-area{gap:.35rem}.profile-menu-button{padding-inline:.6rem}.profile-menu-button>span:first-child{display:none}.page-intro{margin-bottom:1.5rem}.category-summary{align-items:flex-start}.category-summary p{max-width:12rem}.learning-card{min-height:390px}.card-navigation{grid-template-columns:repeat(2,1fr)}.card-navigation p{grid-column:1 / -1;grid-row:1}.navigation-button{width:100%}.quiz-status{align-items:flex-start}.quiz-status>div:first-child{align-items:flex-start;flex-direction:column;gap:.35rem}.score{align-items:flex-end;flex-direction:column;gap:0}.answer-button{align-items:start;gap:.7rem}.profile-dialog-backdrop{padding:0;place-items:end center}.profile-dialog{width:100%;max-height:92vh;border-radius:1.35rem 1.35rem 0 0}.generated-link-code{align-items:flex-start;flex-direction:column}.generated-link-code span{max-width:none;text-align:left}.profile-form-row{grid-template-columns:1fr}}