:root{--color-bg: #ffffff;--color-surface: #f4f6f9;--color-text: #1a1d23;--color-text-muted: #4a4f57;--color-border: #595f6b;--color-border-subtle: #c4c9d2;--color-primary: #1d4ed8;--color-primary-hover: #1640ad;--color-on-primary: #ffffff;--color-danger: #b3261e;--color-danger-text: #a11b14;--color-focus: #1d4ed8;--color-status-live-bg: #d7f0dd;--color-status-live-text: #14532d;--color-status-ended-bg: #e3e6eb;--color-status-ended-text: #2b303a;--color-flag-bg: #fdeecd;--color-flag-text: #6b4a00;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 6px;--target-min: 44px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.5}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:2px}a{color:var(--color-primary)}h1{font-size:1.6rem}h2{font-size:1.25rem}.skip-link{position:absolute;left:var(--space-2);top:-48px;background:var(--color-primary);color:var(--color-on-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius);z-index:100;transition:top .12s ease-in}.skip-link:focus{top:var(--space-2)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap}.app-nav{display:flex;gap:var(--space-2);align-items:center}.app-nav a{display:inline-flex;align-items:center;min-height:var(--target-min);padding:0 var(--space-3);border-radius:var(--radius);text-decoration:none;color:var(--color-text)}.app-nav a[aria-current=page]{background:var(--color-surface);font-weight:600}.app-main{padding:var(--space-5);max-width:1100px;margin:0 auto;width:100%}.identity{display:flex;align-items:center;gap:var(--space-3);font-size:.95rem;color:var(--color-text-muted)}button,.btn{font:inherit;min-height:var(--target-min);padding:0 var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer}button:hover,.btn:hover{background:var(--color-surface)}button[disabled]{cursor:not-allowed;opacity:.6}button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}button.primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}button.danger{color:var(--color-danger-text);border-color:var(--color-danger)}input[type=text],input[type=password],select,textarea{font:inherit;min-height:var(--target-min);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text)}textarea{resize:vertical;line-height:1.5}label{display:block;font-weight:600;margin-bottom:var(--space-1)}fieldset{border:1px solid var(--color-border-subtle);border-radius:var(--radius);padding:var(--space-4);margin:0 0 var(--space-4)}.field{margin-bottom:var(--space-4)}.form-error{color:var(--color-danger-text);font-weight:600}.muted{color:var(--color-text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}table{width:100%;border-collapse:collapse}caption{text-align:left;font-weight:600;margin-bottom:var(--space-2)}th,td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}th{border-bottom:2px solid var(--color-border)}.status-badge{display:inline-block;padding:2px var(--space-3);border-radius:999px;font-size:.85rem;font-weight:600}.status-badge.live{background:var(--color-status-live-bg);color:var(--color-status-live-text)}.status-badge.ended{background:var(--color-status-ended-bg);color:var(--color-status-ended-text)}.card{border:1px solid var(--color-border-subtle);border-radius:var(--radius);padding:var(--space-5);background:var(--color-bg)}.toolbar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.save-status{font-weight:600}.save-status.error{color:var(--color-danger-text)}.segment{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) 0}.segment-head{display:flex;gap:var(--space-3);align-items:baseline;margin-bottom:var(--space-2);flex-wrap:wrap}.segment-time{font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-size:.9rem}.corrected-flag{background:var(--color-flag-bg);color:var(--color-flag-text);padding:0 var(--space-2);border-radius:var(--radius);font-size:.8rem;font-weight:600}.list-row{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-2) 0}.list-row input[type=text]{flex:1}.login-shell{max-width:420px;margin:10vh auto;padding:0 var(--space-4)}th button.sort-header{all:unset;cursor:pointer;font:inherit;font-weight:inherit;display:inline-flex;align-items:center;gap:.15em}th button.sort-header:focus-visible{outline:2px solid currentColor;outline-offset:2px}