*{box-sizing:border-box}body{margin:0;background:#f5f3ed;color:#243835;font-family:system-ui,-apple-system,'Noto Sans',sans-serif;line-height:1.65}a{color:inherit}header,main,footer{width:min(860px,calc(100% - 36px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:24px 0;border-bottom:1px solid #d8dfd6}header>span{font-size:.85rem}.brand{font-weight:800;letter-spacing:1px;text-decoration:none}.brand span{color:#567b68}main{padding:32px 0 50px}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.18;letter-spacing:-.04em;margin:16px 0 22px}h1 span{color:#467662}h2{font-size:1.3rem;margin-top:30px}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.11em;color:#567b68}.lead{max-width:640px;font-size:1.1rem}.welcome{display:flex;align-items:flex-start;flex-direction:column;background:#e3ecdf;border-radius:20px;padding:24px;gap:8px;margin:24px 0}.welcome strong{font-size:2rem}.lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.lesson{border:1px solid #d8dfd6;border-radius:18px;background:#fffdf7;padding:20px;text-align:left;color:inherit;cursor:pointer}.lesson strong{display:block;font-size:1.15rem}.lesson span,.lesson small{display:block;margin-top:7px}.lesson:hover,.lesson:focus-visible{border-color:#386956;background:#eaf0e5}button{font:inherit;font-weight:650;border:0;border-radius:12px;padding:12px 18px;background:#285b49;color:white;cursor:pointer;min-height:48px;white-space:normal;overflow-wrap:anywhere}button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b77b23;outline-offset:4px}button:disabled{cursor:default;opacity:.8}.secondary{background:#e1e8df;color:#243835}.danger{color:#873c35}details{margin-top:30px;border-top:1px solid #d8dfd6;padding-top:16px}summary{cursor:pointer;font-weight:650}.fine{font-size:.8rem;color:#596d63}.card{background:#fffdf7;border:1px solid #d8dfd6;padding:24px;border-radius:20px;margin-top:24px}.korean{font-size:clamp(1.8rem,6vw,2.7rem);line-height:1.45;margin:0 0 15px;word-break:keep-all;overflow-wrap:anywhere}.translation{font-size:1.15rem;font-weight:650}.note{border-top:1px solid #e2e6de;padding-top:16px;margin-bottom:0}#options{display:grid;gap:10px}#options button{background:#fffdf7;color:#243835;border:1px solid #ccd7ca;text-align:left}#options button.correct{border:2px solid #2d7357;background:#e0f1e5}#options button.wrong{border:2px solid #ae6848;background:#fff0e5}#feedback:not(:empty){margin-top:18px;padding:15px;border-radius:12px;background:#e3ecdf}#next{margin-top:18px;width:100%}#audio-status,#storage-status{font-size:.9rem;color:#805135}footer{display:flex;justify-content:space-between;gap:16px;padding:20px 0 32px;border-top:1px solid #d8dfd6;font-size:.85rem}.skip{position:absolute;left:10px;top:-70px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:560px){.lessons{grid-template-columns:1fr}main{padding-top:22px}.card{padding:20px}footer{flex-direction:column}header{padding:18px 0}h1{font-size:2rem}}

#storage-panel{margin-bottom:28px;background:#e8eee3;padding:14px 18px;border-radius:14px}#sync-status{margin:0;font-size:.9rem}#storage-panel details{margin-top:8px;padding-top:8px}#storage-panel input{width:100%;min-width:0;font:inherit;border:1px solid #a5b8a7;border-radius:8px;padding:12px;background:#fffdf7;color:#243835;margin:8px 0 12px}#storage-panel label{display:block;font-weight:650}#code-tools,#restore-form{margin-top:20px}#code-tools button{margin:0 8px 8px 0}#conflict{border-top:1px solid #b5c9b7;margin-top:15px;padding-top:15px}#conflict button{display:block;margin:10px 0;width:100%}.wide{width:100%;margin-top:18px}#learning .card{margin-bottom:0}#study #lesson-title{font-size:clamp(1.7rem,4vw,2.6rem)}#learning[hidden] .card{display:none}#question:focus{outline:none}

.illustration{display:block;width:100%;max-height:210px;object-fit:contain;margin:0 0 20px;border-radius:12px;background:#f0f4e9}.examples{padding-left:24px}.examples li{padding:10px 0;border-top:1px solid #e2e6de}.examples p{margin:4px 0}.example-ko{font-size:1.15rem;font-weight:650;word-break:keep-all;overflow-wrap:anywhere}.examples li p:not(.example-ko){font-size:.95rem;color:#50665c}