:root,[data-theme=fox]{--bg:#f5e9d0;--bg2:#ede0c0;--accent:#e07b30;--accent2:#111;--text:#2a1a0a;--text-muted:#7a5c3a;--card-bg:#fff8ec;--card-border:#2a1a0a;--btn-bg:#e07b30;--btn-text:#fff8ec;--btn2-bg:#111;--btn2-text:#fff8ec;--shadow:4px 4px 0 #2a1a0a}[data-theme=hedgehog]{--bg:#f5ead5;--bg2:#e8d8b8;--accent:#7a5c3a;--accent2:#2d5016;--text:#2a1800;--text-muted:#7a5c3a;--card-bg:#fdf5e6;--card-border:#2a1800;--btn-bg:#7a5c3a;--btn-text:#fdf5e6;--btn2-bg:#2d5016;--btn2-text:#fdf5e6;--shadow:4px 4px 0 #2a1800}[data-theme=koala]{--bg:#d6f0e0;--bg2:#bde4cb;--accent:#3a8c5c;--accent2:#1a5c38;--text:#0a2a18;--text-muted:#3a6c4c;--card-bg:#edfaf2;--card-border:#0a2a18;--btn-bg:#3a8c5c;--btn-text:#edfaf2;--btn2-bg:#1a5c38;--btn2-text:#edfaf2;--shadow:4px 4px 0 #0a2a18}[data-theme=bear]{--bg:#f0f0ec;--bg2:#dcdcd4;--accent:#1a3a6c;--accent2:#0a1a3c;--text:#0a0a18;--text-muted:#4a5a7a;--card-bg:#fafafa;--card-border:#0a0a18;--btn-bg:#1a3a6c;--btn-text:#fafafa;--btn2-bg:#0a1a3c;--btn2-text:#fafafa;--shadow:4px 4px 0 #0a0a18}[data-theme=rabbit]{--bg:#ede0f8;--bg2:#d8c8f0;--accent:#7c3aab;--accent2:#4a8c3a;--text:#1a0a2a;--text-muted:#6a4a8a;--card-bg:#f8f0ff;--card-border:#1a0a2a;--btn-bg:#7c3aab;--btn-text:#f8f0ff;--btn2-bg:#4a8c3a;--btn2-text:#f8f0ff;--shadow:4px 4px 0 #1a0a2a}[data-theme=squirrel]{--bg:#d0e8f8;--bg2:#b8d4ec;--accent:#2a6aaa;--accent2:#7a4a1a;--text:#0a1a2a;--text-muted:#3a5a7a;--card-bg:#edf6ff;--card-border:#0a1a2a;--btn-bg:#2a6aaa;--btn-text:#edf6ff;--btn2-bg:#7a4a1a;--btn2-text:#edf6ff;--shadow:4px 4px 0 #0a1a2a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Nunito,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}.pixel-title{color:var(--text);text-shadow:2px 2px 0 var(--accent);font-family:"Press Start 2P",monospace;font-size:clamp(14px,4vw,22px);line-height:1.6}.pixel-title.small{text-shadow:1px 1px 0 var(--accent);font-size:clamp(10px,3vw,14px)}.screen{width:100%;max-width:480px;min-height:100vh;margin:0 auto;display:none}.screen.active{display:block}.screen-inner{flex-direction:column;gap:16px;min-height:100vh;padding:16px;display:flex}.top-bar{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.top-bar--stack{flex-wrap:wrap;gap:8px}.top-bar--stack>.pixel-title{flex-basis:100%}.pixel-card{background:var(--card-bg);border:3px solid var(--card-border);box-shadow:var(--shadow);border-radius:0;padding:16px;transition:background .3s,border-color .3s}.card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-family:"Press Start 2P",monospace;font-size:8px}.btn{border:3px solid var(--card-border);box-shadow:var(--shadow);cursor:pointer;text-align:center;width:100%;padding:14px 20px;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.4;transition:all .1s;display:block}.btn:active{box-shadow:2px 2px 0 var(--card-border);transform:translate(2px,2px)}.btn-primary{background:var(--btn-bg);color:var(--btn-text)}.btn-secondary{background:var(--card-bg);color:var(--text)}.btn-group{flex-direction:column;gap:12px;width:100%;display:flex}.full-width{width:100%}.pixel-btn{border:3px solid var(--card-border);box-shadow:3px 3px 0 var(--card-border);background:var(--card-bg);color:var(--text);cursor:pointer;padding:8px 14px;font-family:"Press Start 2P",monospace;font-size:9px;transition:all .1s}.pixel-btn:active{box-shadow:1px 1px 0 var(--card-border);transform:translate(2px,2px)}.btn-back{padding:6px 10px;font-size:8px}button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.mascot-corner{object-fit:contain;width:56px;height:56px;image-rendering:pixelated}.mascot-hero-img{object-fit:contain;width:140px;height:140px;image-rendering:pixelated;filter:drop-shadow(4px 4px #0003)}.landing-inner{flex-direction:column;align-items:center;gap:20px;min-height:100vh;padding:32px 20px 40px;display:flex}.landing-mascot-hero{justify-content:center;display:flex}.landing-pitch{text-align:center;max-width:320px;color:var(--text);font-size:14px;line-height:1.7}.landing-pitch.small{color:var(--text-muted);font-size:12px}.mascot-row{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:8px;display:flex}.mascot-chip{border:2px solid var(--card-border);box-shadow:2px 2px 0 var(--card-border);background:var(--card-bg);cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:76px;padding:8px;transition:all .1s;display:flex}.mascot-chip img{object-fit:contain;width:44px;height:44px;image-rendering:pixelated}.mascot-chip span{color:var(--text-muted);text-align:center;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.3}.mascot-chip.active,.mascot-chip:hover{background:var(--accent);color:#fff;border-color:var(--card-border)}.mascot-chip.active span,.mascot-chip:hover span{color:#fff}.mascot-chip:active{box-shadow:1px 1px 0 var(--card-border);transform:translate(1px,1px)}.greeting{margin-bottom:6px;font-family:"Press Start 2P",monospace;font-size:13px;line-height:1.6}.greeting-sub{color:var(--text-muted);font-size:13px}.action-cards{flex-direction:column;gap:14px;display:flex}.action-card{border:3px solid var(--card-border);box-shadow:var(--shadow);background:var(--card-bg);cursor:pointer;flex-direction:column;align-items:center;gap:10px;width:100%;padding:24px 16px;transition:all .1s;display:flex}.action-card:active{box-shadow:2px 2px 0 var(--card-border);transform:translate(2px,2px)}.action-card.primary{background:var(--btn-bg)}.action-card.primary .action-label{color:var(--btn-text)}.action-icon{font-size:36px}.action-label{color:var(--text);text-align:center;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.5}.settings-link{color:var(--text-muted);text-align:center;padding:8px;font-family:"Press Start 2P",monospace;font-size:9px;text-decoration:none;display:block}.settings-link:hover{color:var(--accent);text-decoration:underline}.discover-count{color:var(--text-muted);text-align:center;margin-bottom:12px;font-size:12px}.review-card{text-align:center}.korean-sentence{letter-spacing:1px;margin-bottom:14px;font-size:20px;font-weight:700;line-height:1.8}.btn-audio{margin:0 auto}.btn-audio.playing{background:var(--accent);color:var(--btn-text);border-color:var(--card-border)}.translation-section{flex-direction:column;gap:14px;display:flex}.translation-section.hidden{display:none}.translation-text{font-size:16px;font-style:italic;font-weight:600;line-height:1.7}.word-list{flex-direction:column;gap:8px;display:flex}.word-item{border-bottom:1px dashed var(--bg2);align-items:center;gap:12px;padding:4px 0;font-size:14px;font-weight:600;display:flex}.word-item:last-child{border-bottom:none}.word-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.word-item .word-korean{font-size:16px}.word-item .word-meta{opacity:.65;white-space:nowrap;margin-left:auto;font-size:12px;font-weight:400}.difficulty-btns{justify-content:center;gap:8px;margin-bottom:6px;display:flex}.diff-btn{border:3px solid var(--card-border);width:44px;height:44px;box-shadow:3px 3px 0 var(--card-border);background:var(--card-bg);color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:0;font-family:"Press Start 2P",monospace;font-size:12px;transition:all .1s;display:flex}.diff-btn.selected{background:var(--accent);color:var(--btn-text)}.diff-btn:active{box-shadow:1px 1px 0 var(--card-border);transform:translate(2px,2px)}.diff-labels{color:var(--text-muted);justify-content:space-between;padding:0 4px;font-family:"Press Start 2P",monospace;font-size:9px;display:flex}.mascot-bubble{z-index:100;align-items:flex-end;gap:8px;animation:.4s cubic-bezier(.34,1.56,.64,1) bounceIn;display:flex;position:fixed;bottom:20px;right:16px}.mascot-bubble.hidden{display:none}@keyframes bounceIn{0%{opacity:0;transform:scale(0)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.speech-bubble{background:var(--card-bg);border:3px solid var(--card-border);box-shadow:var(--shadow);color:var(--text);text-align:center;max-width:130px;padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.6;position:relative}.speech-bubble:after{content:"";border:5px solid #0000;border-left-color:var(--card-border);position:absolute;bottom:14px;right:-10px}.bubble-mascot{object-fit:contain;width:64px;height:64px;image-rendering:pixelated}.mascot-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;display:grid}.mascot-option{border:3px solid var(--card-border);box-shadow:3px 3px 0 var(--card-border);background:var(--bg);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;transition:all .1s;display:flex}.mascot-option img{object-fit:contain;width:52px;height:52px;image-rendering:pixelated}.mascot-option span{text-align:center;color:var(--text-muted);font-family:"Press Start 2P",monospace;font-size:7px;line-height:1.4}.mascot-option.active{background:var(--accent);border-color:var(--card-border)}.mascot-option.active span{color:#fff}.mascot-option:hover{background:var(--bg2)}.mascot-option:active{box-shadow:1px 1px 0 var(--card-border);transform:translate(2px,2px)}.pixel-select{border:3px solid var(--card-border);width:100%;box-shadow:var(--shadow);background:var(--card-bg);color:var(--text);appearance:none;cursor:pointer;padding:10px;font-family:"Press Start 2P",monospace;font-size:9px;line-height:1.5}.pixel-select:focus{outline:2px solid var(--accent)}.toast{background:var(--btn2-bg);color:var(--btn2-text);border:3px solid var(--card-border);box-shadow:var(--shadow);z-index:200;white-space:nowrap;text-align:center;padding:10px 16px;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.5;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.hidden{display:none}.hidden{display:none!important}@media (width>=768px){.screen{max-width:520px}#screen-landing .landing-inner{padding:60px 40px}.landing-pitch{font-size:15px}.pixel-title{font-size:26px}.mascot-row{gap:14px}.mascot-chip{width:88px}.mascot-chip img{width:52px;height:52px}}@media (width>=1024px){body{background:var(--bg2);justify-content:center;display:flex}.screen{background:var(--bg);box-shadow:0 0 0 3px var(--card-border), 8px 8px 0 var(--card-border)}}.sentence-search{border:3px solid var(--card-border);width:100%;box-shadow:var(--shadow);background:var(--card-bg);color:var(--text);outline:none;padding:10px 12px;font-family:Nunito,sans-serif;font-size:14px}.sentence-search:focus{outline:2px solid var(--accent)}.sentence-search::placeholder{color:var(--text-muted)}.sentence-list{flex-direction:column;gap:10px;display:flex}.sentence-row{all:unset;cursor:pointer;width:100%;display:block}.sentence-row:active .sentence-row-card{box-shadow:2px 2px 0 var(--card-border);transform:translate(2px,2px)}.sentence-row-card{transition:all .1s}.translation-view{align-items:flex-start;gap:10px;display:flex}.translation-edit{flex-direction:column;gap:10px;display:flex}.translation-edit textarea{border:3px solid var(--card-border);background:var(--card-bg);width:100%;min-height:80px;color:var(--text);resize:vertical;outline:none;padding:8px 10px;font-family:Nunito,sans-serif;font-size:14px}.translation-edit textarea:focus{outline:2px solid var(--accent)}.icon-btn{all:unset;cursor:pointer;opacity:.7;flex-shrink:0;padding:2px 4px;font-size:16px;transition:opacity .1s}.icon-btn:hover{opacity:1}.word-row{border-bottom:1px dashed var(--bg2);border-left:6px solid #0000;align-items:center;gap:10px;padding:6px 8px;display:flex}.word-row:last-child{border-bottom:none}.word-link{color:inherit;cursor:pointer;text-decoration:none}.word-link:hover{color:var(--accent)}.word-score{color:var(--text-muted);margin-left:auto;font-family:"Press Start 2P",monospace;font-size:8px}.word-row-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.word-row-card .word-row-word{margin-bottom:0}.word-row-meta{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.word-meta-line{color:var(--text-muted);font-size:10px;line-height:1.3}.word-score-input{text-align:right;border:2px solid var(--card-border);background:var(--card-bg);width:80px;color:var(--text);-moz-appearance:textfield;outline:none;margin-left:auto;padding:2px 4px;font-family:"Press Start 2P",monospace;font-size:8px}.word-score-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.word-score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.word-score-input:focus{outline:2px solid var(--accent)}.word-add{border-top:2px dashed var(--bg2);align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.word-add input[type=text]{border:3px solid var(--card-border);background:var(--card-bg);color:var(--text);outline:none;flex:1;padding:8px 10px;font-family:Nunito,sans-serif;font-size:13px}.word-add input[type=text]:focus{outline:2px solid var(--accent)}.score-strong{border-left:6px solid #2e7d32}.score-good{border-left:6px solid #81c784}.score-warn{border-left:6px solid #ef6c00}.score-bad{border-left:6px solid #c62828}.btn-delete-sentence{color:#c62828;background:0 0;border-color:#c62828;margin-top:8px}.btn-delete-sentence:hover{background:#c6282814}.confirm-overlay{z-index:50;background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.confirm-card{flex-direction:column;gap:16px;width:calc(100% - 32px);max-width:340px;display:flex}.confirm-card p{font-size:13px;line-height:1.7}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}