:root{--ink:#172017;--paper:#f4f0e6;--lime:#c9f45b;--muted:#6d7569;--header-h:64px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Noto Sans KR,sans-serif}.hero{z-index:30;background:var(--ink);color:#fff;flex-wrap:wrap;align-items:center;gap:20px;padding:12px max(24px,50vw - 520px);display:flex;position:sticky;top:0}.logo{color:var(--lime);white-space:nowrap;font-size:15px;font-weight:900}h1{flex:1;min-width:0;margin:0;font-family:Georgia,serif;font-size:16px;font-weight:600;line-height:1}h1 em{color:var(--lime);font-style:normal;font-weight:600}.generator{align-items:center;gap:12px;margin-left:auto;display:flex}.generator button{background:var(--lime);color:var(--ink);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:800}.generator button:disabled{opacity:.65;cursor:wait}.generator p{color:#dbe3d7;margin:0;font-size:12px}.lesson,.lesson-words{background:#fffdf7;width:min(920px,100% - 40px);margin:0 auto 40px;box-shadow:0 18px 60px #1820181c}.lesson{padding:clamp(24px,4vw,48px)}.lesson-words{padding:28px 32px}.study-layout{grid-template-columns:minmax(0,1fr) minmax(0,360px) 340px;align-items:start;gap:24px;width:min(1500px,100% - 40px);margin:30px auto 90px;display:grid}.study-layout .lesson,.study-layout .lesson-words{width:100%;margin:0}.study-layout .lesson-words{top:calc(var(--header-h) + 24px);position:sticky}.quick-wordbook{top:calc(var(--header-h) + 24px);color:#fff;background:#202a20;margin-top:0;padding:24px;position:sticky}.quick-wordbook-title{border-bottom:1px solid #455045;justify-content:space-between;align-items:baseline;padding-bottom:14px;display:flex}.quick-wordbook-title h2{margin:0;font-family:Georgia,serif;font-size:25px}.quick-wordbook-title span{color:#8a9587;font-size:12px}.quick-wordbook-list{scrollbar-width:thin;scrollbar-color:#455045 transparent;max-height:660px;padding-right:10px;overflow-y:auto}.quick-wordbook-list::-webkit-scrollbar{width:6px}.quick-wordbook-list::-webkit-scrollbar-track{background:0 0}.quick-wordbook-list::-webkit-scrollbar-thumb{background:#455045;border-radius:3px}.quick-wordbook-list::-webkit-scrollbar-thumb:hover{background:#5c6b5c}.quick-wordbook-list article{border-bottom:1px solid #3b463b;padding:16px 0}.quick-wordbook-list article>div:first-child{flex-direction:column;gap:4px;margin-bottom:7px;display:flex}.quick-wordbook-list article strong{font-family:Georgia,serif;font-size:21px}.quick-wordbook-list .meaning,.quick-empty{color:#b8c0b6;font-size:13px;line-height:1.5}.quick-wordbook-list .meaning{cursor:pointer}.quick-wordbook-list .meaning:hover{color:#fff}.quick-wordbook-list .edit-icon{opacity:.6;font-size:11px}.quick-wordbook-list .root,.quick-wordbook-list .example{color:#b8c0b6;margin:6px 0 0;font-size:13px;line-height:1.5}.quick-wordbook-list .root b{color:#dbe3d7;margin-right:5px}.quick-wordbook-list .example{border-left:3px solid var(--lime);padding-left:10px;font-style:italic}.quick-wordbook-list .meaning-edit input{color:#fff;font:inherit;background:#141a14;border:1px solid #455045;flex:1;padding:6px 8px;font-size:13px}.quick-wordbook-list .meaning-edit button{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #455045;padding:5px 8px;font-size:12px}.quick-wordbook-list .dictionary-actions,.quick-wordbook-actions{gap:14px;margin:0 0 4px;display:flex}.quick-wordbook-list .dictionary-actions button{color:var(--lime);font-size:12px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.quick-wordbook-actions{justify-content:space-between;align-items:center;margin-top:8px}.quick-wordbook-actions a{color:var(--lime);font-size:12px}.quick-wordbook-actions button{color:#e2a89f;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.lesson-meta{color:var(--muted);text-transform:uppercase;justify-content:space-between;font-size:12px;display:flex}blockquote{margin:40px 0;font-family:Georgia,serif;font-size:clamp(26px,4vw,42px);line-height:1.2}.translation{background:#f6f3ea;border:1px solid #dfe2d9;padding:24px}small{color:#758064;letter-spacing:.08em;font-weight:700}.translation p,.note p{margin:8px 0 0;line-height:1.8}.note{background:#edf7d4;border-left:4px solid #9bc931;margin:20px 0 0;padding:24px}.words h2,.archive h2{margin:0 0 10px;font-family:Georgia,serif;font-size:26px}.word-list{max-height:calc(100vh - var(--header-h) - 140px);scrollbar-width:thin;scrollbar-color:#d8d9d1 transparent;padding-right:10px;overflow-y:auto}.word-list::-webkit-scrollbar{width:6px}.word-list::-webkit-scrollbar-track{background:0 0}.word-list::-webkit-scrollbar-thumb{background:#d8d9d1;border-radius:3px}.word-list::-webkit-scrollbar-thumb:hover{background:#c3c5ba}.word{border-top:1px solid #d8d9d1;padding:18px 0}.word strong{font-family:Georgia,serif;font-size:21px;display:block}.word .meaning{color:var(--muted);margin-top:2px;display:block}.word p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.6}.word b{color:var(--ink);margin-right:5px}.word .example{border-left:3px solid var(--lime);padding-left:10px;font-style:italic}.word-list .empty-note{color:var(--muted)}.word-actions{gap:10px;margin-top:10px;display:flex}.delete-word{color:#9a5147;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #d9b3ac;padding:9px 12px}.source{color:var(--ink);margin-top:24px;font-weight:700;display:inline-block}.article-title{margin:20px 0 30px;font-family:Georgia,serif;font-size:clamp(22px,3vw,32px);line-height:1.3}.article-sentences{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.article-sentences li{border-top:1px solid #e3e5da;padding-top:18px}.article-sentences li:first-child{border-top:0;padding-top:0}.article-sentences .original{margin:0;font-family:Georgia,serif;font-size:19px;line-height:1.5}.article-sentences .translation-line{color:var(--ink);background:#f6f3ea;border:1px solid #dfe2d9;margin:8px 0 0;padding:14px 18px;line-height:1.7}.article-sentences .note-line{color:#667052;margin:10px 0 0;padding:0 2px;font-size:13px;line-height:1.6}.lesson.empty{color:var(--muted);text-align:center;padding:80px 24px}.archive{width:min(920px,100% - 40px);margin:0 auto 90px}.archive-list{scrollbar-width:thin;scrollbar-color:#c8cabf transparent;max-height:560px;padding-right:10px;overflow-y:auto}.archive-list::-webkit-scrollbar{width:6px}.archive-list::-webkit-scrollbar-track{background:0 0}.archive-list::-webkit-scrollbar-thumb{background:#c8cabf;border-radius:3px}.archive-list::-webkit-scrollbar-thumb:hover{background:#b3b6a8}.archive-row{border-top:1px solid #c8cabf;align-items:center;gap:8px;display:flex}.archive-row.selected{background:#e4f4bd;border-left:4px solid #91b92f}.archive-link{min-width:0;color:var(--ink);flex:1;grid-template-columns:150px 1fr auto;align-items:center;gap:20px;padding:18px 0;text-decoration:none;display:grid}.archive-link:hover{background:#e9eddf}.archive-row.selected .archive-link{padding-left:8px}.archive p{margin:0}.archive-row button{color:#9a5147;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 16px;font-size:13px}.save-word{color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #aab49a;padding:9px 12px}@media (max-width:650px){.archive-row{flex-direction:column;align-items:stretch}.archive-link{grid-template-columns:1fr;gap:8px}}@media (max-width:1300px){.study-layout{grid-template-columns:1fr}.quick-wordbook,.study-layout .lesson-words{position:static}.word-list{max-height:1200px}}