*,:before,:after{box-sizing:border-box}:root{--bg:#fff5f7;--text:#2d1a1f;--text-sub:#8a6070;--btn-start-bg:#e8648a;--btn-start-text:#fff;--btn-stop-bg:#dc2626;--btn-stop-text:#fff;--btn-clear-bg:#fce4ec;--btn-clear-text:#2d1a1f;--btn-font-bg:#fce4ec;--btn-font-text:#2d1a1f;--interim-color:#c48ba0;--status-dot:#e8648a;--header-border:#f8bbd0;--error-bg:#fef2f2;--error-text:#991b1b;--notice-bg:#fce4ec;--notice-text:#880e4f;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:16px}[data-theme=dark]{--bg:#1a0e13;--text:#fce4ec;--text-sub:#c48ba0;--btn-start-bg:#e8648a;--btn-start-text:#fff;--btn-stop-bg:#dc2626;--btn-stop-text:#fff;--btn-clear-bg:#3d2530;--btn-clear-text:#fce4ec;--btn-font-bg:#3d2530;--btn-font-text:#fce4ec;--interim-color:#a86d80;--status-dot:#e8648a;--header-border:#5c3645;--error-bg:#450a0a;--error-text:#fca5a5;--notice-bg:#2d1a1f;--notice-text:#f8bbd0}body{background:var(--bg);margin:0}#root{width:100%;min-height:100svh}.app{background:var(--bg);max-width:480px;height:100svh;color:var(--text);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}body{background:var(--bg)}.header{border-bottom:1px solid var(--header-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.app-title{color:var(--text);font-size:20px;font-weight:700}.theme-btn{border:1px solid var(--header-border);background:var(--btn-font-bg);color:var(--btn-font-text);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:15px;line-height:1.4}.main{flex-direction:column;flex:1;justify-content:center;padding:16px;display:flex;overflow:hidden}.welcome{text-align:center;padding:24px 8px}.welcome-text{color:var(--text);margin-bottom:24px;font-size:26px;font-weight:700;line-height:1.6}.welcome-note{color:var(--text-sub);font-size:15px;line-height:1.7}.text-area{-webkit-overflow-scrolling:touch;flex:1;padding:8px 4px;overflow-y:auto}.lines{flex-direction:column;gap:.3em;display:flex}.line{word-break:break-all;margin:0;padding:.1em 0;font-weight:700;line-height:1.5}.final-line{color:var(--text)}.interim-line{color:var(--interim-color)}.placeholder{color:var(--interim-color);text-align:center;margin:0;font-size:24px}.notice-box{background:var(--notice-bg);text-align:center;border-radius:12px;padding:24px 20px}.notice-title{color:var(--notice-text);margin-bottom:12px;font-size:22px;font-weight:700}.notice-body{color:var(--notice-text);font-size:18px;line-height:1.7}.error-banner{background:var(--error-bg);border-radius:12px;margin-top:8px;padding:16px 20px}.error-text{color:var(--error-text);white-space:pre-line;text-align:center;font-size:18px;line-height:1.7}.footer{border-top:1px solid var(--header-border);flex-direction:column;flex-shrink:0;gap:12px;padding:12px 16px 20px;display:flex}.font-controls{justify-content:center;gap:10px;display:flex}.font-btn{text-align:center;border:1px solid var(--header-border);background:var(--btn-font-bg);max-width:140px;color:var(--btn-font-text);cursor:pointer;border-radius:10px;flex:1;padding:10px 8px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.4}.font-btn:disabled{opacity:.35;cursor:default}.main-controls{gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:16px 12px;font-family:inherit;font-size:20px;font-weight:700;line-height:1.3;transition:opacity .15s}.btn:active{opacity:.8}.btn-start{background:var(--btn-start-bg);color:var(--btn-start-text)}.btn-stop{background:var(--btn-stop-bg);color:var(--btn-stop-text)}.btn-clear{background:var(--btn-clear-bg);color:var(--btn-clear-text);flex:none;width:110px;font-size:17px}.status-bar{justify-content:center;align-items:center;gap:8px;display:flex}.status-dot{background:var(--status-dot);border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite pulse}.status-text{color:var(--text-sub);font-size:16px;font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.header-btns{gap:8px;display:flex}.update-banner{color:#fff;background:#e8648a;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.update-text{font-size:15px;font-weight:700}.update-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:20px;flex-shrink:0;padding:6px 18px;font-family:inherit;font-size:15px;font-weight:700}.dict-panel{background:var(--btn-font-bg);border-bottom:2px solid var(--header-border);flex-direction:column;flex-shrink:0;gap:10px;max-height:60vh;padding:14px 16px;display:flex;overflow-y:auto}.dict-title{color:var(--text);margin:0;font-size:15px;font-weight:700}.dict-sub{color:var(--text-sub);font-size:12px;font-weight:400}.dict-input-row{align-items:flex-end;gap:8px;display:flex}.dict-field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.dict-label{color:var(--text-sub);font-size:12px;font-weight:700}.dict-input{border:1px solid var(--header-border);background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:15px}.dict-arrow{color:var(--text-sub);flex-shrink:0;padding-bottom:8px;font-size:18px}.dict-add-btn{background:var(--btn-start-bg);width:100%;color:var(--btn-start-text);cursor:pointer;border:none;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:16px;font-weight:700}.dict-add-btn:disabled{opacity:.4;cursor:default}.dict-list{flex-direction:column;gap:6px;max-height:160px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.dict-item{background:var(--bg);border:1px solid var(--header-border);border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:15px;display:flex}.dict-from{color:var(--text-sub);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dict-to{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.dict-remove-btn{border:1px solid var(--header-border);background:var(--btn-clear-bg);color:var(--btn-clear-text);cursor:pointer;border-radius:6px;flex-shrink:0;padding:4px 10px;font-family:inherit;font-size:13px}.dict-empty{color:var(--text-sub);text-align:center;margin:0;font-size:13px}@media (orientation:landscape) and (height<=500px){.app{max-width:100%}.header{padding:5px max(16px, env(safe-area-inset-right)) 5px max(16px, env(safe-area-inset-left))}.app-title{font-size:15px}.theme-btn{padding:4px 10px;font-size:13px}.main{padding:6px max(16px, env(safe-area-inset-right)) 6px max(16px, env(safe-area-inset-left))}.welcome-text{font-size:20px}.welcome-note{font-size:13px}.footer{padding:6px max(12px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:row;align-items:stretch;gap:8px}.font-controls{flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:72px}.font-btn{max-width:100%;padding:5px 4px;font-size:12px;line-height:1.2}.main-controls{flex-direction:column;flex:1;gap:5px}.btn{padding:8px 12px;font-size:16px}.btn-clear{width:auto;font-size:14px}.status-bar{flex-direction:column;flex-shrink:0;justify-content:center;gap:4px}.status-dot{width:8px;height:8px}.status-text{writing-mode:vertical-rl;font-size:11px}}