*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg)}body{display:flex;flex-direction:column;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{width:100%;height:100%;max-width:100%;overflow:hidden}:root{--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Consolas", monospace;--text-2xs: .58rem;--text-xs: .7rem;--text-sm: .82rem;--text-base: .88rem;--text-md: .92rem;--text-lg: 1.05rem;--text-xl: 1.1rem;--text-2xl: 1.4rem;--text-3xl: 2rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--radius-xs: 2px;--radius-sm: 5px;--radius-md: 6px;--radius-base: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-3xl: 22px;--radius-4xl: 28px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--color-score-low: #ff5566;--color-score-mid: #ffb830;--color-score-high: #58cc02;--color-toggle-on: #4caf50;--color-danger: #ff5566;--color-white: #fff}[data-theme=light]{--color-bg: #f2f3f5;--color-surface: #ffffff;--color-header-bg: #f4f4f2;--color-header-border: #c4c9d4;--color-text: #060607;--color-text-secondary: #5c6070;--color-text-muted: #b8bcc8;--color-border: #c4c9d4;--color-border-subtle: #d9dce3;--color-toggle-bg: #d9dce3;--color-toggle-active: #fff;--color-input-bg: #f4f4f2;--color-input-text: #060607;--color-primary-bg: #1a1a1a;--color-primary-text: #fff;--color-ghost-border: #c4c9d4;--color-ghost-text: #5c6070;--color-kbd-bg: #d9dce3;--color-kbd-text: #3a3d47;--color-active-bg: #eaf5ea;--color-active-border: #58cc02;--color-active-text: #236b23;--color-card-front-bg: #ffffff;--color-card-front-border: #c4c9d4;--shadow-card-front: 0 4px 16px rgba(0,0,0,.12), 0 1px 4px rgba(0,0,0,.08);--color-card-back-bg: #eaf5ea;--color-card-back-border: #58cc02;--shadow-card-back: 0 6px 32px rgba(80,160,80,.2);--color-label-prompt: #5c6070;--color-label-answer: #236b23;--color-text-prompt: #060607;--color-text-answer: #1a3a1a;--color-success: #248a5e;--color-modal-bg: #ffffff;--color-overlay: rgba(0,0,0,.6);--color-overlay-heavy: rgba(0,0,0,.75);--color-fab-bg: #1a1a1a;--color-fab-text: #fff;--color-chart-line: rgba(0, 0, 0, .387);--color-progress-track: #d0d3da;--color-danger-border: #f8c0c8;--color-edit-highlight: #eaf5ea;--color-llm-btn: #e040fb}[data-theme=dark]{--color-bg: #0e0e0e;--color-surface: #1e1e1e;--color-header-bg: #161616;--color-header-border: #2a2a2a;--color-text: #eaeaea;--color-text-secondary: #999;--color-text-muted: #666;--color-border: #2e2e2e;--color-border-subtle: #2a2a2a;--color-toggle-bg: #222;--color-toggle-active: #303030;--color-input-bg: #1e1e1e;--color-input-text: #eaeaea;--color-primary-bg: #e8e8e8;--color-primary-text: #111;--color-ghost-border: #363636;--color-ghost-text: #999;--color-kbd-bg: #2a2a2a;--color-kbd-text: #ccc;--color-active-bg: #0c1f0c;--color-active-border: #58cc02;--color-active-text: #6dde6d;--color-card-front-bg: #1e1e1e;--color-card-front-border: #303030;--shadow-card-front: 0 6px 32px rgba(0,0,0,.55), 0 1px 4px rgba(0,0,0,.3);--color-card-back-bg: #0c1f0c;--color-card-back-border: #58cc02;--shadow-card-back: 0 6px 32px rgba(10,40,10,.85);--color-label-prompt: #b6b6b6;--color-label-answer: #6dde6d;--color-text-prompt: #eaeaea;--color-text-answer: #eaffea;--color-success: #5ddb9e;--color-modal-bg: #242424;--color-overlay: rgba(0,0,0,.65);--color-overlay-heavy: rgba(0,0,0,.78);--color-fab-bg: #e8e8e8;--color-fab-text: #111;--color-chart-line: rgba(255, 255, 255, .362);--color-progress-track: #2e2e2e;--color-danger-border: #3a1515;--color-edit-highlight: #1a2a1a;--color-llm-btn: #d72660}.ps::-webkit-scrollbar{width:4px;height:4px}.ps::-webkit-scrollbar-track{background:transparent}.ps::-webkit-scrollbar-thumb{background:#80808033;border-radius:var(--radius-full)}.ps::-webkit-scrollbar-thumb:hover{background:#80808066}.app{font-family:var(--font-sans);background:var(--color-bg);height:100vh;color:var(--color-text);width:100%;max-width:100%;overflow-x:hidden;display:flex;flex-direction:column}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;width:100%}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-active{color:var(--color-active-text)}.btn{border:none;cursor:pointer;border-radius:var(--radius-base);font-family:inherit;font-weight:var(--weight-medium);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;line-height:1}.btn-primary{background:var(--color-primary-bg);color:var(--color-primary-text);padding:.6rem 1.3rem;font-size:var(--text-base)}.btn-ghost{background:transparent;color:var(--color-ghost-text);padding:.5rem 1rem;font-size:var(--text-sm);border:1px solid var(--color-ghost-border)}.btn-icon{background:transparent;border:none;padding:.3rem .4rem;line-height:0;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger-border)}.btn-llm{margin-left:auto;background:var(--color-llm-btn);color:var(--color-white);border:none;box-shadow:0 2px 8px #d726601f}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:.65rem .9rem;border-radius:var(--radius-base);border:1px solid var(--color-border);font-family:inherit;font-size:var(--text-base);outline:none;background:var(--color-input-bg);color:var(--color-input-text)}.textarea{width:100%;padding:.65rem .9rem;border-radius:var(--radius-base);border:1px solid var(--color-border);font-family:inherit;font-size:var(--text-sm);outline:none;background:var(--color-input-bg);color:var(--color-input-text);resize:vertical}.textarea-mono{font-family:var(--font-mono)}.section-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--weight-semibold);margin-bottom:10px}.kbd{background:var(--color-kbd-bg);color:var(--color-kbd-text);padding:2px 7px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono)}.toggle{cursor:pointer;width:34px;height:20px;border-radius:var(--radius-lg);background:var(--color-border);position:relative;flex-shrink:0;transition:background var(--transition-base);border:none;padding:0;display:flex;align-items:center;outline:none}.toggle--on{background:var(--color-toggle-on)}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--color-white);transition:left var(--transition-base);box-shadow:0 1px 3px #00000040}.toggle--on .toggle-knob{left:16px}.toggle-cat{cursor:pointer;width:38px;height:22px;border-radius:var(--radius-xl);background:var(--color-border);flex-shrink:0;transition:background var(--transition-base);margin-left:4px;border:none;padding:0;display:flex;align-items:center;outline:none}.toggle-cat--on{background:var(--color-toggle-on)}.toggle-cat-knob{position:relative;top:0;left:3px;width:16px;height:16px;border-radius:50%;background:var(--color-white);transition:left var(--transition-base);box-shadow:0 1px 3px #00000040}.toggle-cat--on .toggle-cat-knob{left:18px}.header{background:var(--color-header-bg);border-bottom:1px solid var(--color-header-border);z-index:50;width:100%;flex-shrink:0;padding-top:env(safe-area-inset-top,0px)}.header-inner{display:flex;flex-wrap:wrap;align-items:stretch;min-height:54px;width:100%}.header-brand{padding:0 1.2rem;display:flex;align-items:center;font-weight:var(--weight-bold);font-size:1rem;flex:1 1 auto;min-height:48px}.header-brand-icon{width:28px;height:28px;margin-right:10px;vertical-align:middle;flex-shrink:0}.header-brand-sub{color:var(--color-text-secondary);font-weight:var(--weight-normal);margin-left:6px}.nav-tabs{display:flex;flex-shrink:0}.nav-tab{border:none;cursor:pointer;border-radius:0;padding:0 1.2rem;font-size:var(--text-base);background:transparent;color:var(--color-text-secondary);border-bottom:2px solid transparent;font-weight:var(--weight-normal);white-space:nowrap;font-family:inherit;transition:all var(--transition-fast);line-height:1}.nav-tab--active{color:var(--color-text);border-bottom-color:var(--color-primary-bg);font-weight:var(--weight-semibold)}.flip-card{cursor:pointer;width:100%;max-width:680px;margin:0 auto;height:340px;-webkit-user-select:none;user-select:none;background:var(--color-card-front-bg);border-radius:var(--radius-4xl);border:3px solid var(--color-card-front-border);box-shadow:var(--shadow-card-front);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .25rem;transform:scaleX(1);transition:background var(--transition-base),border var(--transition-base),box-shadow var(--transition-base),transform .11s cubic-bezier(.4,0,.2,1);overflow:hidden}.flip-card--back{background:var(--color-card-back-bg);border-color:var(--color-card-back-border);box-shadow:var(--shadow-card-back)}.flip-card--out{transform:scaleX(0)}.flip-card-label{font-size:.85rem;letter-spacing:3px;color:var(--color-label-prompt);margin-bottom:20px;text-transform:uppercase;font-weight:var(--weight-medium)}.flip-card--back .flip-card-label{color:var(--color-label-answer)}.flip-card-text{font-weight:var(--weight-bold);color:var(--color-text-prompt);text-align:center;line-height:1.3;width:100%;word-break:keep-all;overflow-wrap:normal;white-space:normal;overflow:hidden}.flip-card--back .flip-card-text{color:var(--color-text-answer)}.study-screen{padding:2rem;margin:0}.mode-toggle{display:flex;justify-content:center;align-items:center;margin-bottom:2.5rem}.mode-toggle--study{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.mode-toggle-right{display:flex;align-items:center;padding-left:10px}.mode-toggle-group{display:flex;background:var(--color-toggle-bg);border-radius:var(--radius-lg);padding:3px}.mode-toggle-btn{border:none;cursor:pointer;border-radius:var(--radius-base);font-family:inherit;font-weight:var(--weight-medium);transition:all var(--transition-fast);padding:.5rem 1.1rem;font-size:var(--text-lg);line-height:1;display:flex;align-items:center;gap:4px;background:transparent;color:var(--color-text-secondary);box-shadow:none}.mode-toggle-btn--active{background:var(--color-toggle-active);color:var(--color-text);box-shadow:0 1px 4px #00000040}.auto-speak-btn{display:flex;align-items:center;justify-content:center;background:var(--color-toggle-bg);border:none;border-radius:var(--radius-lg);padding:.45rem .7rem;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);line-height:0}.auto-speak-btn:hover{color:var(--color-text);background:var(--color-toggle-active)}.auto-speak-btn--active{background:var(--color-primary-bg);color:var(--color-primary-text);box-shadow:0 1px 4px #00000040}.auto-speak-btn--active:hover{opacity:.85;background:var(--color-primary-bg);color:var(--color-primary-text)}.voice-lang-list{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.voice-lang-card,.voice-lang-card--plain{display:flex;flex-direction:column;gap:8px;background:none;border-radius:0;padding:0}.voice-lang-separator{padding:12px 0 8px}.voice-lang-separator hr{border:none;border-top:1px solid var(--color-border);margin:0}.voice-lang-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:2px}.voice-lang-controls{display:flex;gap:8px;align-items:center}.voice-select{flex:1;font-size:var(--text-sm);padding:.35rem .6rem;min-width:0}.voice-test-btn{flex-shrink:0;padding:.35rem .75rem;font-size:var(--text-sm)}.voice-inline-row{display:flex;align-items:center;gap:6px;margin-top:2px}.voice-inline-label{font-size:var(--text-xs, .72rem);color:var(--color-text-secondary);white-space:nowrap;min-width:34px}.voice-inline-gap{margin-left:8px}.voice-slider{flex:1;accent-color:var(--color-primary-bg);min-width:50px}.voice-inline-value{display:none}.voice-flip-speed-section{margin-top:4px}.voice-flip-label-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0 2px}.voice-flip-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);min-width:unset}.voice-flip-speed-value{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-semibold);min-width:36px;text-align:right}.voice-flip-slider-row{display:flex;align-items:center;padding-bottom:4px}.voice-flip-slider-row .voice-slider{width:100%}.voice-modal-actions{display:flex;margin-top:16px}.voice-modal-actions .btn{flex:1}.empty-state{text-align:center;color:var(--color-text-secondary);margin-top:5rem}.empty-state-icon{font-size:2.5rem;margin-bottom:16px}.empty-state-link{color:var(--color-text);cursor:pointer;font-weight:var(--weight-bold)}.card-tips{margin-top:14px;line-height:2;position:fixed;left:24px;bottom:24px;z-index:10;pointer-events:none;opacity:.85}.card-tip-line{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-normal)}.card-tip-sep{margin:0 .5em}.study-stats{display:flex;justify-content:center;gap:32px;margin-top:1.5rem;font-size:.78rem;color:var(--color-text-muted)}.manage-screen{padding:1.5rem 2rem;margin:0}.manage-top{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;align-items:stretch}.stats-grid{display:flex;flex-wrap:wrap;gap:.5rem;flex:1 1 260px;align-content:stretch;align-items:stretch}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:.7rem .6rem;border:1px solid var(--color-border);flex:1 1 25%;min-width:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.stat-value{font-size:clamp(1rem,1.5vw,1.6rem);font-weight:var(--weight-bold);color:var(--color-text);line-height:1}.stat-label{font-size:clamp(.55rem,.7vw,.75rem);color:var(--color-text-secondary);margin-top:4px}.actions-bar{display:flex;gap:10px;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.actions-bar .input{flex:1 1 180px;width:auto}.category-section{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--color-border)}.category-header{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.category-header--expanded{margin-bottom:8px}.category-chevron{transition:transform var(--transition-base);flex-shrink:0}.category-chevron--expanded{transform:rotate(90deg)}.category-name-group{display:inline-flex;align-items:center;gap:6px}.category-name{font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-text)}.category-meta{font-size:.72rem;color:var(--color-text-secondary);margin-left:2px}.category-delete{margin-left:auto}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pack-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:.9rem;display:flex;flex-direction:column;gap:8px;transition:background var(--transition-base),border-color var(--transition-base);min-width:0}.pack-card--active{background:var(--color-active-bg);border-color:var(--color-active-border)}.pack-name{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-card--active .pack-name{color:var(--color-active-text)}.pack-word-count{font-size:var(--text-xs);color:var(--color-text-secondary)}.pack-progress{height:3px;border-radius:var(--radius-xs);background:var(--color-progress-track);overflow:hidden}.pack-progress-fill{height:100%;border-radius:var(--radius-xs);transition:width var(--transition-slow)}.pack-actions{display:flex;align-items:center;gap:4px}.pack-actions-spacer{flex:1}.no-packs{text-align:center;color:var(--color-text-secondary);padding:4rem 0}.progress-chart{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:.6rem .8rem;overflow-x:auto;height:100%;flex:1 1 380px;min-width:0}.chart-title{font-size:var(--text-2xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-semibold);margin-bottom:3px}.chart-legend{display:flex;gap:12px;margin-top:6px;font-size:.72rem;color:var(--color-text-secondary);justify-content:center}.chart-legend-item{display:flex;align-items:center;gap:4px}.chart-legend-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-xs)}.quiz-screen{padding:2rem 2rem 5rem;max-width:600px;margin:0 auto}.quiz-prompt-card{width:100%;margin:0 auto 1rem;background:var(--color-card-front-bg);border-radius:var(--radius-4xl);border:3px solid var(--color-card-front-border);box-shadow:var(--shadow-card-front);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;min-height:250px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.quiz-prompt-label{font-size:.85rem;letter-spacing:3px;color:var(--color-label-prompt);margin-bottom:16px;text-transform:uppercase;font-weight:var(--weight-medium)}.quiz-prompt-text{font-weight:var(--weight-bold);color:var(--color-text-prompt);text-align:center;line-height:1.3;word-break:keep-all;overflow-wrap:normal;white-space:normal;width:100%;overflow:hidden;-webkit-user-select:text;user-select:text}.quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:1.5rem}.quiz-option-translation{margin-left:16px;font-size:1.08rem;color:var(--color-text-secondary);font-weight:500;opacity:.85;-webkit-user-select:text;user-select:text;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.quiz-option{display:flex;align-items:center;gap:14px;padding:.9rem 1.2rem;border-radius:var(--radius-2xl);border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-family:inherit;font-size:var(--text-lg);color:var(--color-text);transition:all var(--transition-fast);text-align:left;width:100%}@media(hover:hover)and (pointer:fine){.quiz-option:hover:not(.quiz-option--correct):not(.quiz-option--wrong):not(.quiz-option--dimmed){border-color:var(--color-text-secondary);background:var(--color-toggle-bg)}}.quiz-option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-toggle-bg);font-weight:var(--weight-bold);font-size:var(--text-sm);flex-shrink:0;color:var(--color-text-secondary);transition:all var(--transition-fast)}.quiz-option-text{flex:1;font-weight:var(--weight-medium)}.quiz-option--correct{border-color:#58cc02;background:#58cc021f;color:var(--color-text)}.quiz-option--correct .quiz-option-letter{background:#58cc02;color:#fff}.quiz-option--wrong{border-color:#f56;background:#ff55661f;color:var(--color-text)}.quiz-option--wrong .quiz-option-letter{background:#f56;color:#fff}.quiz-option--dimmed{opacity:.4;cursor:pointer}.quiz-option--correct,.quiz-option--wrong{cursor:pointer}@keyframes quiz-shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-6px)}30%,70%{transform:translate(6px)}}.quiz-option--shake{animation:quiz-shake .5s ease-in-out}.quiz-stats{display:flex;justify-content:center;gap:32px;font-size:.78rem;color:var(--color-text-muted)}.quiz-stats-sep{margin:0 .2em}.about-screen{padding:3rem 2rem;max-width:800px;margin:0 auto;text-align:center}.about-icon{width:300px;height:300px}.about-title{font-weight:var(--weight-extrabold);font-size:var(--text-3xl);margin-bottom:10px}.about-description{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:24px}.about-link{color:var(--color-text);text-decoration:underline;margin-left:4px}.about-copyright{font-size:var(--text-md);color:var(--color-text-muted);margin-top:30px}.about-actions{display:flex;align-items:center;justify-content:center;margin-top:2.5rem}.about-gear-btn{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-base);padding:.6rem 1.3rem}.about-gear-btn:hover{opacity:.85}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal{background:var(--color-modal-bg);border-radius:var(--radius-2xl);width:100%;max-width:800px;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000047}.modal--narrow{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 1.8rem;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.modal-title{font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-text)}.modal-close{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--color-text-secondary);line-height:1}.modal-body{overflow-y:auto;padding:1.6rem 1.8rem;flex:1}.modal-section{padding:1.4rem 1.8rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-footer{border-top:1px solid var(--color-border);padding:1.2rem 1.8rem;flex-shrink:0}.modal-scroll{flex:1;overflow-y:auto;padding:1.4rem 1.8rem}.word-row{display:flex;align-items:center;gap:10px;background:var(--color-surface);border-radius:var(--radius-base);padding:.6rem .9rem;font-size:var(--text-sm);border:1px solid var(--color-border)}.word-row--editing{background:var(--color-edit-highlight);border-color:var(--color-active-border)}.word-content{flex:1}.word-korean{font-weight:var(--weight-bold);color:var(--color-text)}.word-separator{color:var(--color-text-muted);margin:0 8px}.word-translation{color:var(--color-text-secondary)}.word-score{font-size:var(--text-xs);font-weight:var(--weight-semibold);min-width:28px;max-width:400px;font-size:1.08rem}.word-form{display:grid;gap:8px;align-items:center}.word-form--add{grid-template-columns:1fr 1.4fr 1fr}.word-form--edit{grid-template-columns:1fr 1.4fr 1fr .5fr}.word-form-cancel{font-size:var(--text-xl);padding:.4rem;width:100%}.word-msg{margin-top:8px;font-size:var(--text-sm);color:var(--color-success);margin-bottom:0}.rename-row{display:flex;gap:8px}.rename-row .input{flex:1}.no-words{color:var(--color-text-muted);font-size:var(--text-sm);padding:.5rem 0}.words-list{display:flex;flex-direction:column;gap:8px}.import-actions{display:flex;gap:10px;margin-top:1rem;align-items:center}.import-msg{margin-top:1rem;font-size:var(--text-sm);margin-bottom:0}.import-msg--success{color:var(--color-success)}.import-msg--error{color:var(--color-danger)}.prompt-actions{display:flex;gap:10px;margin-top:1rem;align-items:center}.prompt-copied-msg{margin-top:1rem;font-size:.83rem;color:var(--color-success);line-height:1.6;margin-bottom:0}.lang-overlay{position:fixed;inset:0;background:var(--color-overlay-heavy);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem}.lang-modal{background:var(--color-modal-bg);border-radius:var(--radius-3xl);padding:1.5rem;text-align:center;position:relative}.lang-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--color-text-secondary);line-height:1;padding:.2rem .4rem;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.lang-modal-close:hover{color:var(--color-text)}.lang-modal-icon{width:150px;height:150px}.lang-modal-title{font-weight:var(--weight-extrabold);font-size:var(--text-2xl);color:var(--color-text);margin:0}.lang-modal-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);margin:0 0 2rem}.lang-btn-group{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.lang-btn{cursor:pointer;border-radius:var(--radius-2xl);font-family:inherit;font-weight:var(--weight-semibold);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-md);padding:.75rem 1.6rem;color:var(--lang-color);border:1.5px solid var(--lang-border);background:color-mix(in srgb,var(--lang-color) 7.5%,var(--color-modal-bg));box-shadow:0 0 0 0 transparent}.lang-btn:hover{background:color-mix(in srgb,var(--lang-color) 15%,var(--color-modal-bg));box-shadow:0 2px 12px color-mix(in srgb,var(--lang-color) 20%,transparent)}.settings-list{display:flex;flex-direction:column;gap:0}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--color-border-subtle)}.settings-row:last-child{border-bottom:none}.settings-label{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.settings-lang-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:.5rem 1rem;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.settings-lang-btn:hover{border-color:var(--color-text-secondary)}.settings-theme-toggle{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);overflow:hidden}.settings-theme-btn{display:inline-flex;align-items:center;gap:6px;padding:.45rem .9rem;font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:inherit;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.settings-theme-btn--active{background:var(--color-primary-bg);color:var(--color-primary-text)}.settings-row--danger{justify-content:center;padding-top:1.4rem;border-bottom:none}.settings-reset-btn{font-size:var(--text-base);width:100%;padding:.65rem 1.3rem;background:var(--color-danger-bg, rgba(255, 85, 102, .1));color:var(--color-danger);border:1px solid var(--color-danger)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--color-header-bg);border-top:1px solid var(--color-header-border);padding-top:1rem;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1.5rem)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);font-family:inherit;transition:color var(--transition-fast);padding:0;height:100%}.bottom-nav-item--active{color:var(--color-primary-bg)}[data-theme=dark] .bottom-nav-item--active{color:var(--color-text)}.bottom-nav-label{font-size:var(--text-2xs);font-weight:var(--weight-medium);line-height:1}@media(orientation:portrait){.header{display:none}.bottom-nav{display:flex}.app{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.fab{bottom:calc(5rem + 16px + env(safe-area-inset-bottom,0px))}.card-tips{bottom:calc(4.5rem + 24px + env(safe-area-inset-bottom,0px))}}