:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:#263d32;background:#f5f3ed;font-synthesis:none;--green:#37604b;--muted:#727c74;--line:#e7e7df;--cream:#f5f3ed;--soft:#edf2e9}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input{accent-color:var(--green)}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c69237;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1180px;margin:auto;padding:0 42px}.masthead{display:flex;justify-content:space-between;align-items:center;min-height:104px;border-bottom:1px solid #dfe2d8}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:20px;font-weight:750;letter-spacing:-.7px}.brand small{display:block;font-size:8px;font-weight:650;letter-spacing:2px;margin-top:5px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--green);color:white;font-size:31px;font-weight:400}.local-badge{font-size:12px;color:var(--muted)}.local-badge span{color:#78916a;font-size:8px;margin-right:6px}.intro{padding:47px 0 32px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:650;color:#788274;margin:0 0 12px}h1{font-size:39px;font-weight:580;letter-spacing:-2px;line-height:1.32;margin:0}h1 br{display:none}.intro-copy{color:var(--muted);font-size:14px;margin-top:16px;margin-bottom:0}.workspace{display:grid;grid-template-columns:1fr 1.08fr;gap:24px;align-items:start}.main-column,.library-column{min-width:0}.panel{background:#fffefa;border:1px solid #e0e4d9;border-radius:21px;padding:26px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.section-top>.eyebrow{margin:0}.section-top h2{margin:0;font-size:17px;letter-spacing:-.5px;font-weight:650}.section-top>div>.eyebrow{font-size:9px;margin-bottom:8px}.status-pill{font-size:10px;font-weight:650;background:var(--soft);padding:6px 10px;border-radius:20px;color:var(--green)}.field-label{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}select{width:100%;min-height:46px;border:1px solid #dfe4db;border-radius:9px;background:#fffefa;color:#263d32;padding:10px;font-size:14px;text-overflow:ellipsis}.muted{color:var(--muted)}.small{font-size:11px;line-height:1.7}#deck-summary{margin-top:9px}.now-playing{padding:42px 0 28px;text-align:center;min-height:215px;overflow-wrap:anywhere}.kana{font-size:14px;color:#6e8369;letter-spacing:1px;white-space:pre-wrap}.now-playing h2{font-size:32px;font-weight:550;letter-spacing:-1px;line-height:1.35;margin:12px 0 13px;white-space:pre-wrap}.now-playing p{font-size:14px;color:#747a70;line-height:1.75;white-space:pre-wrap;margin:0;max-height:220px;overflow:auto}.player-bottom{display:flex;gap:8px;min-height:39px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px}.learned-control{display:flex;gap:6px;align-items:center;font-size:12px;min-height:44px;cursor:pointer;white-space:nowrap}.learned-control input,.row-check input{width:19px;height:19px}.transport{display:flex;gap:9px;margin-top:12px}.primary,.secondary{border-radius:10px;min-height:46px;font-size:13px;font-weight:600;padding:12px 16px;border:1px solid transparent}.primary{background:var(--green);color:white}.primary:hover:not(:disabled){background:#2a4d3b}.secondary{background:transparent;border-color:#dfe4db;color:#52644f}.transport .primary{flex:1}.transport span{font-size:11px;margin-right:7px}.stop{min-width:86px}.voice-status{margin:12px 0 0;overflow-wrap:anywhere}.settings{margin-top:16px;padding-top:22px;padding-bottom:20px}.settings .section-top{margin-bottom:22px}.settings .section-top h2{font-size:14px}.settings .section-top .small{font-size:10px}.setting{display:grid;grid-template-columns:1fr auto;align-items:center;font-size:12px}.setting output{font-weight:650;color:var(--green)}input[type=range]{width:100%;grid-column:1/-1;margin:16px 0 20px;cursor:pointer;min-height:18px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid label{font-size:11px;color:var(--muted)}.settings-grid select{margin-top:7px;font-size:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:19px;cursor:pointer;min-height:50px}.toggle-row strong{font-weight:500;font-size:12px}.toggle-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.6}.switch{appearance:none;width:36px;height:22px;min-width:36px;border-radius:20px;background:#d6dbd1;position:relative;cursor:pointer}.switch:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .15s}.switch:checked{background:var(--green)}.switch:checked:before{transform:translateX(14px)}.screen-note{display:flex;gap:13px;padding:22px 9px}.sun{font-size:27px;line-height:1;color:#a89b6d}.screen-note strong{font-size:11px;font-weight:600}.screen-note p{font-size:10px;line-height:1.8;color:var(--muted);margin:6px 0 0}.library{min-height:570px}.import-button{font-size:11px;min-height:42px;padding:10px 12px;white-space:nowrap}.empty-list{text-align:center;padding:110px 0 80px}.empty-icon{position:relative;margin:0 auto 31px;width:55px;height:65px;border:1px solid #d8dfcf;border-radius:7px;background:#f1f4ea;color:#95a587;font-size:32px;transform:rotate(-9deg);display:grid;place-items:center}.empty-icon span{position:absolute;display:grid;place-items:center;width:43px;height:48px;left:31px;top:21px;background:#fffefa;border:1px solid #dde0d3;border-radius:7px;font-size:23px;transform:rotate(19deg);color:#b2a87e}.empty-list h3{font-weight:550;font-size:14px;letter-spacing:-.4px}.empty-list p{font-size:12px;color:var(--muted);line-height:1.9;margin:14px 0 19px}.text-button{font-size:12px;color:var(--green);font-weight:600;min-height:44px;background:none;border:0}.text-button span{margin-left:9px}.privacy-note{font-size:10px;line-height:1.8;text-align:center;color:#858a80;margin:18px 8px}.word-list{padding:0;list-style:none;margin:0}.word-row{border-bottom:1px solid var(--line);display:flex;gap:14px;padding:16px 0;align-items:flex-start}.word-row.active{background:#f0f4e9;border-radius:8px;padding-left:10px;padding-right:10px}.row-check{display:flex;align-items:center;min-height:44px;cursor:pointer}.row-content{flex:1;min-width:0}.row-heading{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;overflow-wrap:anywhere}.row-heading strong{font-size:16px;font-weight:600;white-space:pre-wrap}.row-heading span{font-size:11px;color:#7f8d72;white-space:pre-wrap}.row-meaning{font-size:12px;color:#77806f;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0}.word-row.learned .row-heading strong{color:#919b8d;text-decoration:line-through}.word-row.learned .row-meaning{color:#9ca496}.list-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:3px}.list-meta .small{font-size:10px}.pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:22px}.pagination button{min-width:44px}.save-status{color:var(--muted);margin:0 0 20px}footer{display:flex;justify-content:space-between;border-top:1px solid #dfe2d8;padding:22px 0 26px;font-size:10px;color:#8d9286}.notice{border:1px solid #edc8b8;background:#fff4ed;color:#994923;padding:14px;border-radius:10px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.notice.compact{padding:10px;font-size:11px}.error{color:#994923}dialog{width:min(720px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #e0e4d9;border-radius:20px;color:#263d32;background:#fffefa;overflow:auto}dialog::backdrop{background:#18281ed0;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:22px;margin:0;letter-spacing:-1px}.dialog-head .eyebrow{font-size:10px;margin:0 0 7px}.icon-button{min-width:44px;min-height:44px;border:0;background:none;font-size:28px;color:#718065}.file-picker{display:flex;flex-direction:column;gap:14px;border:1px dashed #aebda3;border-radius:12px;background:#f4f7ef;padding:20px;font-size:13px;margin:20px 0}.file-picker span{font-size:10px;color:var(--muted)}input[type=file]{width:100%;font-size:12px}input[type=file]::file-selector-button{background:white;border:1px solid #cdd7c4;border-radius:6px;padding:10px;color:var(--green);margin-right:12px;cursor:pointer}.import-card{border:1px solid #dfe4db;border-radius:12px;padding:18px;margin-top:15px;overflow:hidden}.import-card h3{font-size:14px;margin:0 0 15px;overflow-wrap:anywhere}.mapping{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mapping label{font-size:11px;color:var(--muted)}.mapping select,.mapping input{margin-top:5px}.mapping input{min-height:44px;width:100%;border:1px solid #dfe4db;border-radius:8px;padding:8px;background:white}.preview-row{background:#f5f6f0;border-radius:7px;padding:12px;margin:8px 0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto}.preview-row strong{display:block;font-size:13px;margin-bottom:5px}.validation-info{font-size:11px;line-height:1.8;color:var(--muted)}details{font-size:11px;line-height:1.8}summary{cursor:pointer;min-height:32px}.invalid-list{max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.dialog-actions .primary{white-space:nowrap}noscript{display:block;padding:20px;color:#994923}.shell{max-width:540px;padding:0 20px}.masthead{min-height:83px}.brand{font-size:18px}.brand-mark{width:38px;height:38px;font-size:27px;border-radius:11px}.brand small{font-size:7px}.local-badge{font-size:10px}.intro{padding:29px 0 24px}.intro .eyebrow{font-size:9px;margin-bottom:13px}h1{font-size:31px;letter-spacing:-1.6px}h1 br{display:block}.intro-copy{font-size:12px;margin-top:13px}.workspace{display:flex;flex-direction:column;gap:0}.main-column,.library-column{width:100%}.panel{padding:21px;border-radius:18px}.now-playing{min-height:200px;padding:33px 0 25px}.now-playing h2{font-size:31px}.now-playing p{font-size:13px}.kana{font-size:13px}.settings{margin-top:14px}.screen-note{padding:19px 4px 24px}.library{min-height:unset}.empty-list{padding:51px 0 28px}.library .section-top{margin-bottom:10px}.library .section-top h2{font-size:16px}.import-button{font-size:10px;padding:10px}.section-top{margin-bottom:18px}.settings .section-top{margin-bottom:17px}.privacy-note{font-size:9px;margin:14px 0 22px}.save-status{font-size:10px}footer{font-size:9px;padding:19px 0 25px}.word-row{padding:14px 0}.row-meaning{font-size:12px}dialog{padding:20px}.dialog-actions{align-items:flex-start;flex-direction:column;gap:6px}.dialog-actions .primary{width:100%}.dialog-head h2{font-size:21px}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.voice-selectors{margin-top:15px}.voice-selectors select{font-size:11px}.voice-selectors+p{font-size:10px;margin-bottom:0}

.current-note{font-size:10px;margin:11px 0 0}

#repeat-count{margin-bottom:18px}.player-bottom{flex-wrap:wrap}.workspace{display:flex;flex-direction:column}.word-list{max-height:none;overflow:visible}
.workspace{margin-top:20px}.word-navigation button{flex:1}.library-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}#word-dialog{width:min(540px,calc(100% - 28px))}#word-dialog .dialog-head{position:sticky;top:-20px;background:#fffefa;z-index:1;padding:8px 0}#word-dialog .word-list{margin-top:10px}