:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:#1a1a1a;background-color:#f7f7f5;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--color-bg: #f7f7f5;--color-surface: #ffffff;--color-surface-muted: #f3f3f1;--color-text: #1a1a1a;--color-text-secondary: #5c5c5c;--color-text-muted: #9a9a9a;--color-border: #e8e8e6;--color-border-subtle: #f0f0ee;--color-accent: #1a1a1a;--color-accent-hover: #333333;--color-success: #3d6b4f;--color-success-bg: #eef5f0;--color-warning: #7a6530;--color-warning-bg: #faf6ee;--color-error: #9b3d3d;--color-error-bg: #faf0f0;--color-info: #4a5f8a;--color-info-bg: #f0f3f8;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03)}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;gap:20px;padding:20px 18px 24px;min-height:100vh;background:var(--color-bg)}.app-header{padding-bottom:4px}.app-header__title{margin:0;font-family:var(--font-serif);font-size:1.5rem;font-weight:500;letter-spacing:-.02em;line-height:1.2;color:var(--color-text)}.app-header__subtitle{margin:6px 0 0;font-size:.8125rem;line-height:1.45;color:var(--color-text-muted)}.app--loading{padding:20px 18px;font-size:.875rem;color:var(--color-text-secondary)}.panel{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel__heading{margin:0;font-family:var(--font-serif);font-size:1.0625rem;font-weight:500;letter-spacing:-.01em;color:var(--color-text)}.controls{display:flex;flex-direction:column;gap:10px}.controls__tracking-row{display:flex;align-items:stretch;gap:10px}.controls__stop-tracking{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.controls__hint{margin:2px 0 0;font-size:.75rem;color:var(--color-text-muted);line-height:1.5}.controls__error{margin:0;padding:8px 10px;font-size:.75rem;line-height:1.45;color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-sm)}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;line-height:1;white-space:nowrap}.status-pill--tracking{width:100%;color:var(--color-success);background:var(--color-success-bg)}.status-pill--loading{width:100%;color:var(--color-text-secondary);background:var(--color-surface-muted)}.status-pill.controls__tracking-status{flex:1;min-width:0;justify-content:center;padding:9px 14px;font-size:.8125rem;line-height:1.5;border:1px solid transparent}.status-pill.controls__tracking-status.status-pill--tracking{border-color:var(--color-success-bg)}.status-pill.controls__tracking-status.status-pill--loading{border-color:var(--color-surface-muted)}.status-pill__dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill--tracking .status-pill__dot{animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.btn{padding:9px 14px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font:inherit;font-size:.8125rem;font-weight:500;color:var(--color-text);cursor:pointer;text-align:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:hover:not(:disabled){background:var(--color-surface-muted);border-color:#d8d8d6}.btn:active:not(:disabled){background:#ebebea}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--block{width:100%}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--danger{background:transparent;border-color:var(--color-border);color:var(--color-error)}.btn--danger:hover:not(:disabled){background:var(--color-error-bg);border-color:#e8d4d4}.btn--danger.controls__stop-tracking{background:var(--color-error-bg);border-color:#e8d4d4;color:var(--color-error)}.btn--danger.controls__stop-tracking:hover:not(:disabled){background:var(--color-error);border-color:var(--color-error);color:#fff}.btn--pill-muted{background:#ebebea;border-color:#e0e0de;color:var(--color-text-secondary);padding:7px 14px;font-size:.75rem}.btn--pill-muted:hover:not(:disabled){background:#e2e2e0;border-color:#d4d4d2;color:var(--color-text)}.btn--pill-dark{background:var(--color-accent);border-color:var(--color-accent);color:#fff;padding:7px 14px;font-size:.75rem}.btn--pill-dark:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.track-editor{margin-top:0;padding-top:18px;border-top:none}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch__label{font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.switch__track{position:relative;display:inline-block;width:34px;height:20px;flex-shrink:0;border-radius:var(--radius-pill);background:#ddd;transition:background .2s ease}.switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000001f;transition:transform .2s ease}.switch__input:checked+.switch__track{background:var(--color-success)}.switch__input:checked+.switch__track .switch__thumb{transform:translate(14px)}.switch__input:focus-visible+.switch__track{outline:2px solid var(--color-text);outline-offset:2px}.track-editor__notice{margin:0;min-width:0;padding:8px 10px;font-size:.75rem;line-height:1.45;border-radius:var(--radius-sm)}.track-editor__notice--error{color:var(--color-error);background:var(--color-error-bg)}.track-editor__notice--info{color:var(--color-info);background:var(--color-info-bg)}.track-editor__editor-wrap{position:relative}.track-editor__copy-btn{position:absolute;bottom:8px;right:8px;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:6px;border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-sm);background:#ffffff6b;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 1px 6px #0000000f;color:var(--color-text-muted);font-size:.6875rem;font-weight:500;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s ease,color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}.track-editor__editor-wrap:hover .track-editor__copy-btn{opacity:1;pointer-events:auto}.track-editor__copy-btn:hover:not(:disabled){color:var(--color-text);border-color:#ffffffa6;background:#ffffff9e;transform:translateY(-1px)}.track-editor__copy-btn--copied{color:var(--color-success);opacity:1;pointer-events:auto}.track-editor__copy-btn:disabled{opacity:0;cursor:not-allowed}.track-editor__editor-wrap:hover .track-editor__copy-btn:disabled{opacity:.35;pointer-events:none}.track-editor__copy-icon{flex-shrink:0}.track-editor__surface{min-height:168px;max-height:280px}.track-editor__surface [data-redline=delete],.track-editor__surface [style*=line-through]{color:red;text-decoration:line-through}.track-editor__surface [data-redline=insert],.track-editor__surface [style*=underline]{color:#00f;text-decoration:underline}.track-editor__surface [data-redline=delete]{-webkit-user-select:none;user-select:none}.track-editor__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px}.track-editor__footer-btn{min-width:0}.track-editor__footer-btn--end{margin-left:auto}.editor-field__input{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:.8125rem;line-height:1.55;resize:vertical;background:var(--color-surface-muted);color:var(--color-text)}.editor-field__input--rich{min-height:168px;max-height:280px;overflow-y:auto;background:var(--color-surface)}.track-editor__surface.editor-field__input--rich{resize:none}.editor-field__input--rich:not(.track-editor__surface){resize:vertical}.editor-field__input--rich:empty:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none;white-space:pre-line;line-height:1.5}.editor-field__input--rich ul,.editor-field__input--rich ol{margin:.5em 0;padding-left:1.25em}.editor-field__input--rich li{margin:.15em 0}.editor-field__input--rich ul{list-style-type:disc}.editor-field__input--rich ol{list-style-type:decimal}.editor-field__input:focus{outline:none;border-color:#c8c8c6;box-shadow:0 0 0 3px #1a1a1a0f}