:root{--fs-heading: 22px;--fs-title: 18px;--fs-body: 16px;--fs-label: 13px;--lh-body: 1.7;--font-heading: "Noto Serif JP", "Yu Mincho", serif;--font-body: "BIZ UDPGothic", "Meiryo UI", sans-serif;--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--bg: #faf8f5;--surface: #ffffff;--text: #1a1a1a;--text-secondary: #555555;--accent: #8b4513;--accent-contrast: #ffffff;--line: #eee7df;--code-bg: #f0ece6;--ok: #2d7d3a;--warn: #9a6700;--err: #c0392b}[data-theme=light]{--bg: #faf8f5;--surface: #ffffff;--text: #1a1a1a;--text-secondary: #555555;--accent: #8b4513;--accent-contrast: #ffffff;--line: #eee7df;--code-bg: #f0ece6;--ok: #2d7d3a;--warn: #9a6700;--err: #c0392b}[data-theme=dark]{--bg: #1a1a1a;--surface: #242424;--text: #d4d0c8;--text-secondary: #999999;--accent: #c4956a;--accent-contrast: #1a1a1a;--line: #2a2a2a;--code-bg: #252525;--ok: #3fb950;--warn: #d29922;--err: #f85149}[data-theme=sepia]{--bg: #f4ecd8;--surface: #fbf5e6;--text: #3b2e1a;--text-secondary: #6b5c47;--accent: #7a3030;--accent-contrast: #ffffff;--line: #8b7355;--code-bg: #e8dfc6;--ok: #4a7c3f;--warn: #8b6914;--err: #a63d2f}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);background:var(--bg);color:var(--text);min-height:100dvh}.page-content{padding:16px 16px 76px}.auth-banner{background:#fff3cd;border-bottom:1px solid #ffc107;padding:10px 16px;font-size:14px;display:flex;align-items:center;gap:12px}.auth-banner__link{background:#1e6ec8;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:13px;cursor:pointer}h1{font-size:20px;margin-bottom:16px}h2{font-size:16px;margin-bottom:12px}.card{background:#fff;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #00000014}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.badge--ok{background:#d4edda;color:#155724}.badge--err{background:#f8d7da;color:#721c24}.badge--na{background:#e2e3e5;color:#383d41}button.btn{padding:10px 16px;border-radius:6px;border:none;font-size:14px;cursor:pointer;font-weight:500}button.btn-primary{background:#1e6ec8;color:#fff}button.btn-secondary{background:#e9ecef;color:#333}button.btn-danger{background:#c0392b;color:#fff}input.field{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:8px}label.field-label{display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:#555}.row{display:flex;gap:8px;flex-wrap:wrap}.mt8{margin-top:8px}.mt16{margin-top:16px}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:6px 8px;border-bottom:1px solid #eee;text-align:left}th{background:#f8f8f8;font-weight:600}.chat-root{height:calc(100dvh - 56px);overflow:hidden;display:flex}.chat-desktop{display:none;width:100%}.chat-mobile{display:flex;flex:1;min-width:0}@media(min-width:600px){.chat-desktop{display:flex;flex:1}.chat-mobile{display:none}}.toast-container{position:fixed;top:98px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:1000;width:min(90vw,400px);pointer-events:none}.toast{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;box-shadow:0 4px 12px #0000002e;animation:toast-slide-in .2s ease;pointer-events:all}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast--success{background:color-mix(in srgb,var(--ok) 90%,var(--surface));color:#fff}.toast--error{background:color-mix(in srgb,var(--err) 90%,var(--surface));color:#fff}.toast--info{background:color-mix(in srgb,var(--accent) 85%,var(--surface));color:var(--accent-contrast)}.toast__message{flex:1}.toast__close{background:none;border:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;padding:0 4px;opacity:.8}.toast__close:hover{opacity:1}.nav{position:fixed;bottom:0;left:0;right:0;height:60px;display:flex;background:#fff;border-top:1px solid #e0e0e0;z-index:100}.nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;background:none;border:none;cursor:pointer;color:#666;font-size:10px;padding:0;transition:color .15s}.nav__tab:hover{color:#1e6ec8}.nav__tab--active{color:#1e6ec8;font-weight:600}.nav__icon{font-size:20px;line-height:1}.nav__label{line-height:1}.offline-banner{background:#856404;color:#fff;padding:10px 16px;font-size:13px;text-align:center;position:sticky;top:0;z-index:200}.settings-screen{background:var(--bg);color:var(--text);min-height:100dvh;font-family:var(--font-body);font-size:var(--fs-body)}.settings-sticky{position:sticky;top:0;z-index:20}.settings-header{height:48px;display:flex;align-items:center;padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--line);gap:var(--space-2)}.header-back{background:none;border:none;color:var(--accent);font-size:var(--fs-body);cursor:pointer;padding:4px 8px;min-height:44px;display:flex;align-items:center;font-family:var(--font-body)}.header-title{flex:1;text-align:center;font-size:var(--fs-title);font-weight:600;font-family:var(--font-heading)}.header-ver{font-size:11px;color:var(--text-secondary);min-width:52px;text-align:right;font-family:monospace}.tab-bar{display:flex;background:var(--surface);border-bottom:1px solid var(--line)}.tab-bar button{flex:1;padding:10px 0;border:none;background:none;color:var(--text-secondary);font-size:var(--fs-label);cursor:pointer;border-bottom:2px solid transparent;font-family:var(--font-body);transition:color .12s}.tab-bar button.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-content{padding:var(--space-3) var(--space-4) 100px}.section{margin-bottom:var(--space-3);background:var(--surface);border-radius:var(--radius-m);overflow:hidden}.section-header{display:flex;align-items:center;padding:var(--space-3) var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none}.section-header h3{flex:1;font-size:var(--fs-body);font-weight:600}.section-caret{color:var(--text-secondary);margin-right:var(--space-2);font-size:12px;width:16px;flex-shrink:0}.section-body{padding:0 var(--space-4) var(--space-4)}.section-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:var(--space-2);flex-shrink:0}.section .reset-btn{background:none;border:none;color:var(--accent);font-size:var(--fs-label);cursor:pointer;padding:4px 8px;font-family:var(--font-body)}.settings-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.row-between{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.row-between+.row-between{border-top:1px solid var(--line)}.row-label{font-size:var(--fs-body)}.row-value{font-size:var(--fs-body);color:var(--text-secondary);font-variant-numeric:tabular-nums}.settings-screen .btn{padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--code-bg);color:var(--text);cursor:pointer;font-size:var(--fs-label);min-height:44px;flex:1;transition:all .12s;font-family:var(--font-body)}.settings-screen .btn:active{transform:scale(.97)}.settings-screen .btn.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.settings-screen .btn.btn-danger{border-color:var(--err);color:var(--err)}.btn-full{display:block;width:100%;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);color:var(--text);cursor:pointer;font-size:var(--fs-body);text-align:left;margin-bottom:var(--space-2);min-height:44px;font-family:var(--font-body);transition:background .12s}.btn-full.btn-danger{border-color:var(--err);color:var(--err)}.btn-link{display:block;width:100%;padding:var(--space-3) var(--space-4);background:var(--code-bg);border-radius:var(--radius-s);color:var(--accent);font-size:var(--fs-body);text-decoration:none;margin-bottom:var(--space-2);cursor:pointer;border:none;text-align:left;font-family:var(--font-body)}.slider-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.slider-row input[type=range]{flex:1;accent-color:var(--accent)}.slider-val{font-size:var(--fs-label);color:var(--text-secondary);min-width:44px;text-align:right;font-variant-numeric:tabular-nums}.slider-min{font-size:var(--fs-label);color:var(--text-secondary);min-width:28px}.detail-toggle{background:none;border:none;color:var(--text-secondary);font-size:var(--fs-label);cursor:pointer;padding:6px 0;margin-top:2px;font-family:var(--font-body);display:block}.radio-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.radio-label{padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius-s);cursor:pointer;font-size:var(--fs-label);min-height:40px;display:flex;align-items:center;transition:all .12s;background:var(--code-bg);color:var(--text);-webkit-user-select:none;user-select:none}.radio-label.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.radio-label input{display:none}.font-preview{margin-top:var(--space-3);padding:var(--space-3);background:var(--code-bg);border-radius:var(--radius-s);font-size:var(--fs-body);line-height:1.8}.theme-swatch{width:44px;height:44px;border-radius:var(--radius-s);border:2px solid var(--line);cursor:pointer;padding:0}.theme-swatch.active{border-color:var(--accent);border-width:3px}.theme-swatch[data-t=light]{background:#faf8f5}.theme-swatch[data-t=dark]{background:#1a1a1a}.theme-swatch[data-t=sepia]{background:#f4ecd8}.conn-row{display:flex;align-items:flex-start;padding:8px 0;gap:10px}.conn-row+.conn-row{border-top:1px solid var(--line)}.conn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.conn-dot.ok{background:var(--ok)}.conn-dot.warn{background:var(--warn)}.conn-dot.err{background:var(--err)}.conn-info{flex:1}.conn-name{font-size:var(--fs-body)}.conn-detail{font-size:var(--fs-label);color:var(--text-secondary);margin-top:2px}.backup-row{display:flex;align-items:center;gap:var(--space-3);padding:10px 0}.backup-info{flex:1}.backup-label{font-size:var(--fs-body)}.backup-ts{font-size:var(--fs-label);color:var(--text-secondary);margin-top:2px}.backup-btn{padding:8px 16px;border:1px solid var(--accent);border-radius:var(--radius-s);background:none;color:var(--accent);cursor:pointer;font-size:var(--fs-label);min-height:40px;white-space:nowrap;font-family:var(--font-body)}.ver-row{display:flex;justify-content:space-between;padding:4px 0}.ver-label{font-size:var(--fs-label);color:var(--text-secondary)}.ver-value{font-size:var(--fs-label);color:var(--text);font-family:monospace}.queue-bar{display:flex;align-items:center;gap:var(--space-2);padding:8px 12px;background:var(--code-bg);border-radius:var(--radius-s);margin-bottom:var(--space-2)}.queue-count{font-size:20px;font-weight:700;color:var(--accent)}.queue-label{font-size:var(--fs-label);color:var(--text-secondary)}.error-item{background:var(--code-bg);padding:8px 12px;border-radius:var(--radius-s);margin-bottom:6px}.error-ts{font-size:var(--fs-label);color:var(--text-secondary)}.error-msg{font-size:var(--fs-body);margin-top:2px}.error-detail{font-size:var(--fs-label);color:var(--text-secondary);margin-top:2px}.copyright{text-align:center;padding:var(--space-5) 0 var(--space-4);font-size:11px;color:var(--text-secondary)}.log-table{width:100%;font-size:var(--fs-label);border-collapse:collapse}.log-table th{padding:4px 6px;text-align:left;color:var(--text-secondary)}.log-table td{padding:6px;border-top:1px solid var(--line)}.status-badge{padding:2px 8px;border-radius:10px;font-size:var(--fs-label);font-weight:600}.status-badge.ok{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok)}.status-badge.err{background:color-mix(in srgb,var(--err) 20%,transparent);color:var(--err)}.status-badge.na{background:color-mix(in srgb,var(--text-secondary) 20%,transparent);color:var(--text-secondary)}