*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #1a1a2e;--surface: #16213e;--surface-hover: #1c2a4e;--primary: #0f3460;--accent: #e94560;--correct: #4ecca3;--wrong: #e94560;--answer-text: #4ecca3;--text: #eeeee4;--text-secondary: #a0a0b0;--text-disabled: #555566;--warning: #f0a500;--border: #2a2a4e;--modal-overlay: rgba(0, 0, 0, .7);--android-banner-bg: #2a2a4e;--android-banner-color: #3ddc84;--starred-bg: #0f1a35;--revision-text: #1a1a2e}.light{--bg: #ffffff;--surface: #f5f0e0;--surface-hover: #ede8d8;--primary: #cc338b;--accent: #cc338b;--correct: #4ecca3;--wrong: #e94560;--answer-text: #cc338b;--text: #000000;--text-secondary: #444444;--text-disabled: #999999;--warning: #ffcc00;--border: #e0d8c0;--modal-overlay: rgba(0, 0, 0, .4);--android-banner-bg: #ffcc00;--android-banner-color: #000000;--starred-bg: #fff8e0;--revision-text: #000000}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Georgia,Times New Roman,serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.screen{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;overflow:hidden;zoom:clamp(.75,100vw / 480,1)}@supports not (zoom: 1){.screen{transform:scale(clamp(.75,100vw / 480,1));transform-origin:top center}}.header{padding:32px 24px 16px;flex-shrink:0}.header-row{display:flex;justify-content:space-between;align-items:center}.app-title{font-size:24px;font-weight:700}.back-btn{background:none;border:none;color:var(--text-secondary);font-size:22px;cursor:pointer;padding:4px 8px}.breadcrumbs{font-size:14px;color:var(--text-secondary)}.breadcrumb-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.section-title-row{display:flex;justify-content:space-between;align-items:center;padding:0 24px 16px}.section-title-row>.section-title{padding:0}.section-title{font-size:18px;color:var(--text-secondary);padding:0 24px 16px}.scroll-list{flex:1;overflow-y:auto;padding:0 24px 32px}.option{background:var(--surface);border-radius:12px;padding:16px 24px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;border:none;width:100%;cursor:pointer;color:var(--text);font-size:18px;text-align:left;font-family:inherit}.option:hover{background:var(--surface-hover)}.option:disabled{opacity:.4;cursor:default}.option:disabled:hover{background:var(--surface)}.dict-option{background:var(--surface);border-radius:12px;padding:8px 24px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--primary);width:100%;cursor:pointer;color:var(--accent);font-size:14px;text-align:left;font-family:inherit}.dict-option:hover{background:var(--surface-hover)}.starred-option{background:var(--starred-bg);border:1px solid var(--warning);border-radius:8px;padding:10px 14px;color:var(--warning);cursor:pointer;font-size:14px;text-align:left;font-family:inherit}.global-link{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;text-align:center;width:100%;padding:4px 0;font-family:inherit}.global-link:hover{text-decoration:underline}.global-starred{background:none;border:none;color:var(--warning);font-size:12px;cursor:pointer;text-align:center;width:100%;padding:4px 0;margin-top:8px;font-family:inherit}.android-banner{background:var(--android-banner-bg);color:var(--android-banner-color);padding:4px 10px;border-radius:4px;font-size:11px;text-decoration:none;white-space:nowrap}.theme-toggle{display:flex;gap:8px}.theme-circle-sm{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:0;transition:border-color .2s,transform .2s}.theme-circle-sm:hover{transform:scale(1.15)}.theme-circle-sm.active{border-color:var(--accent);border-width:3px}.theme-circle-dark{background:#1a1a2e}.theme-circle-light{background:#fff}.counter-row{display:flex;align-items:center;gap:4px}.counter-text{font-size:14px;color:var(--text-secondary)}.info-icon{font-size:14px;color:var(--text-secondary);background:none;border:none;cursor:pointer;font-family:inherit}.global-counter-row{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:16px}.progress-bar-container{height:4px;background:var(--surface);border-radius:2px;margin-top:8px;overflow:hidden}.progress-bar{height:4px;background:var(--correct);border-radius:2px;transition:width .3s ease}.card{background:var(--surface);border-radius:16px;padding:24px;cursor:pointer}.question{font-size:22px;font-weight:600}.hint{font-size:14px;color:var(--text-secondary);margin-top:8px}.tap-prompt{font-size:14px;color:var(--text-secondary);margin-top:24px;text-align:center}.divider{height:1px;background:var(--border);margin-bottom:16px}.answer{font-size:20px;color:var(--answer-text)}.example{font-size:14px;color:var(--text-secondary);margin-top:8px;font-style:italic}.details-toggle{background:none;border:none;color:var(--accent);font-size:14px;cursor:pointer;margin-top:16px;align-self:center;font-family:inherit}.details-box{background:var(--surface);border-radius:12px;padding:16px;margin-top:8px}.details-text{font-size:14px;color:var(--text-secondary);font-family:monospace;white-space:pre-wrap}.action-buttons{display:flex;gap:16px;padding:16px 24px 32px;flex-shrink:0}.btn-wrong{flex:1;background:var(--wrong);border:none;border-radius:12px;padding:16px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;font-family:inherit}.btn-right{flex:1;background:var(--correct);border:none;border-radius:12px;padding:16px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;font-family:inherit}.btn-wrong:hover,.btn-right:hover{opacity:.9}.header-left,.header-right{display:flex;align-items:center;gap:8px}.progress-text{font-size:14px;color:var(--text-secondary)}.level-badge{font-size:14px;color:var(--warning);font-weight:600}.revision-banner{background:var(--warning);border-radius:8px;padding:4px 16px;align-self:flex-start;margin-bottom:8px;font-size:14px;color:var(--revision-text);font-weight:700}.star-btn{background:none;border:none;font-size:22px;color:var(--text-secondary);cursor:pointer;padding:4px}.star-btn.active{color:var(--warning)}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:4px 8px}.report-btn{background:none;border:none;color:var(--text-disabled);font-size:14px;cursor:pointer;margin-top:16px;align-self:center;font-family:inherit}.report-btn:hover{color:var(--text-secondary)}.complete-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px}.complete-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:32px}.stats-card{background:var(--surface);border-radius:16px;padding:24px;margin-bottom:32px}.stat-row{display:flex;justify-content:space-between;padding:8px 0}.stat-label{font-size:18px;color:var(--text-secondary)}.stat-value{font-size:18px;font-weight:700}.btn-accent{background:var(--accent);border:none;border-radius:12px;padding:16px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;width:100%;font-family:inherit}.btn-accent:hover{opacity:.9}.search-container{padding:0 24px 16px;flex-shrink:0}.search-input{background:var(--surface);border-radius:12px;padding:8px 16px;font-size:18px;color:var(--text);border:1px solid var(--border);width:100%;outline:none;font-family:inherit}.search-input::placeholder{color:var(--text-disabled)}.search-input:focus{border-color:var(--primary)}.entry{background:var(--surface);border-radius:12px;padding:16px;margin-bottom:8px}.entry-clickable{cursor:pointer}.entry-clickable:hover{background:var(--surface-hover)}.word-row{display:flex;align-items:center;gap:8px}.level-badge-small{font-size:10px;color:var(--accent);font-weight:700}.word-text{font-size:22px;font-weight:600}.meaning-text{font-size:18px;color:var(--text-secondary);margin-top:4px}.count-text{font-size:14px;color:var(--text-secondary);margin-top:4px}.conjugation-row{background:var(--surface);border-radius:12px;padding:16px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.person-text{font-size:18px;color:var(--text-secondary);width:90px}.conjugated-text{font-size:18px;flex:1;text-align:right}.verb-info-section{margin-top:24px;background:var(--surface);border-radius:12px;padding:16px}.info-label{font-size:14px;color:var(--text-secondary);margin-top:8px}.info-label:first-child{margin-top:0}.info-value{font-size:18px}.tense-option{background:var(--surface);border-radius:12px;padding:16px 24px;margin-bottom:8px;border:none;width:100%;cursor:pointer;color:var(--text);font-size:18px;text-align:left;font-family:inherit}.tense-option:hover{background:var(--surface-hover)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);display:flex;justify-content:center;align-items:center;padding:24px;z-index:100}.modal-card{background:var(--surface);border-radius:16px;padding:24px;width:100%;max-width:340px;border:1px solid var(--border)}.modal-title{font-size:24px;font-weight:700;margin-bottom:4px}.modal-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.modal-option{background:var(--primary);border-radius:8px;padding:12px 16px;margin-bottom:8px;border:none;width:100%;cursor:pointer;color:#fff;font-size:18px;text-align:center;font-family:inherit}.modal-option:hover{opacity:.9}.modal-submit{background:var(--accent);border-radius:8px;padding:12px;border:none;width:100%;cursor:pointer;color:#fff;font-size:18px;font-weight:600;text-align:center;margin-bottom:8px;font-family:inherit}.modal-submit:disabled{opacity:.4;cursor:default}.modal-cancel{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px;width:100%;text-align:center;margin-top:4px;font-family:inherit}.modal-input{background:var(--bg);border-radius:8px;border:1px solid var(--border);color:var(--text);font-size:14px;padding:8px;min-height:60px;width:100%;resize:vertical;margin-bottom:16px;outline:none;font-family:inherit}.modal-input::placeholder{color:var(--text-disabled)}.sent-text{font-size:24px;font-weight:700;color:var(--correct);text-align:center;padding:24px 0}.failed-text{font-size:18px;color:var(--wrong);text-align:center;padding:16px 0}.modal-reset-btn{background:var(--accent);border-radius:8px;padding:8px;border:none;width:100%;cursor:pointer;color:#fff;font-size:14px;font-weight:600;text-align:center;margin-bottom:8px;font-family:inherit}.modal-body{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.loading{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spacer-xl{height:32px}.spacer-md{height:16px}.coming-soon{font-size:14px;color:var(--text-disabled)}.b2-note{font-size:14px;color:var(--text-secondary);text-align:center;margin-bottom:8px;font-style:italic}.exit-btn{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 24px;color:var(--text-secondary);font-size:14px;cursor:pointer;align-self:center;font-family:inherit}.credit-text{font-size:7px;color:var(--text-disabled);text-align:center;background:none;border:none;cursor:pointer;width:100%;font-family:inherit}.verb-meaning{font-size:18px;color:var(--text-secondary);margin-top:4px}.verb-example{font-size:14px;color:var(--text-secondary);font-style:italic;margin-top:4px}.patience{font-size:14px;color:var(--text-secondary);font-style:italic}