:root{--color-bg: #FFFFFF;--color-surface: #F5F7FA;--color-fg: #1A1A1A;--color-muted: #5F6B7A;--color-ink: #0B274B;--color-brand: #009DE1;--color-brand-strong: #0070A8;--color-on-strong: #FFFFFF;--color-focus: #0070A8;--color-cta: #FFD514;--color-success: #15803D;--color-warning: #B45309;--color-danger: #B42318;--color-info-surface: #E6F5FC;--color-banner-bg: #FFF4D6;--color-banner-fg: #5A4300;--color-control-border: #7A8594;--color-line: #E2E2E2;--color-screen-bg: #000000;--color-screen-fg: #FFFFFF;--color-screen-muted: #9A9A9A;--font-sans: system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--leading-tight: 1.3;--leading-normal: 1.6;--leading-subtitle: 1.5;--weight-regular: 400;--weight-semibold: 600;--weight-bold: 700;--radius-control: 2px;--radius-card: 4px;--radius-panel: 8px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--focus-width: 2px;--focus-offset: 2px;--content-max: 960px;--content-max-wide: 1200px;--control-height: 36px;--target-audience: 44px;--target-min: 24px}body{margin:0;background:var(--color-surface);color:var(--color-fg);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);overflow-wrap:anywhere;border-top:var(--space-1) solid var(--color-brand);accent-color:var(--color-brand-strong)}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}a{color:var(--color-brand-strong)}h1,h2,h3,h4{margin:0;color:var(--color-ink);line-height:var(--leading-tight)}.page-title{margin:0;color:var(--color-ink);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.section-title{margin:0;color:var(--color-ink);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.subsection-title{margin:0;color:var(--color-ink);font-size:var(--text-md);font-weight:var(--weight-semibold)}.hint{color:var(--color-muted);font-size:var(--text-sm)}.hint-lead{margin-bottom:var(--space-2)}.flush{margin:0}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-success{color:var(--color-success)}.bullet-list{display:grid;gap:var(--space-1);padding-left:var(--space-5)}fieldset{margin:0;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-card);min-width:0}legend{padding:0 var(--space-1);color:var(--color-fg);font-weight:var(--weight-semibold)}.fieldset-bare{display:grid;gap:var(--space-3);border:none;margin:0;padding:0;min-width:0}label:has(>input:not([type=radio],[type=checkbox])),label:has(>.select),label:has(>textarea){display:grid;gap:var(--space-1);align-content:start}label:has(>input[type=radio]),label:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--space-2);min-height:var(--target-min);cursor:pointer}input[type=radio],input[type=checkbox]{flex:none;width:var(--space-4);height:var(--space-4);margin:0;accent-color:var(--color-brand-strong)}input:not([type=radio],[type=checkbox]),select,textarea{box-sizing:border-box;min-height:var(--control-height);padding:var(--space-1) var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-bg);color:var(--color-fg);font:inherit}input:disabled,select:disabled,textarea:disabled{background:var(--color-surface);color:var(--color-muted)}.select{position:relative;display:inline-grid;min-width:0}.select-fill{display:grid;width:100%}.select>select{appearance:none;width:100%;padding-right:var(--space-6);cursor:pointer}.select:after{content:"";position:absolute;top:50%;right:var(--space-3);width:6px;height:6px;border-right:2px solid var(--color-fg);border-bottom:2px solid var(--color-fg);transform:translateY(-70%) rotate(45deg);pointer-events:none}.select:has(>select:disabled):after{border-color:var(--color-muted)}.app{--app-max: var(--content-max)}.app[data-width=wide]{--app-max: var(--content-max-wide)}.topbar{background:var(--color-bg);border-bottom:1px solid var(--color-line)}.topbar-inner{box-sizing:border-box;max-width:var(--app-max);margin:0 auto;padding:0 var(--space-4)}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px}.brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-ink);font-size:var(--text-lg);font-weight:var(--weight-bold)}.brand:before{content:"";flex:none;width:10px;height:10px;background:var(--color-brand)}.topbar-account{display:flex;align-items:center;gap:var(--space-3);min-width:0}.tabs{display:flex;gap:var(--space-1);margin-bottom:-1px}.tabs .tab{min-height:44px;padding:0 var(--space-3);border:none;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--color-fg);font-weight:var(--weight-regular)}.tabs .tab:hover{color:var(--color-brand-strong)}.tabs .tab[aria-selected=true]{border-bottom-color:var(--color-brand-strong);color:var(--color-brand-strong);font-weight:var(--weight-semibold)}.shell{box-sizing:border-box;display:grid;gap:var(--space-4);max-width:var(--app-max, var(--content-max));margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.page-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.stack-1,.stack-2,.stack-3,.stack-4{display:grid}.stack-1{gap:var(--space-1)}.stack-2{gap:var(--space-2)}.stack-3{gap:var(--space-3)}.stack-4{gap:var(--space-4)}.row{display:flex;gap:var(--space-2)}.inline-row{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.center{align-items:center}.end{align-items:end}.wrap{flex-wrap:wrap}.gap-3{gap:var(--space-3)}.grow{flex:1;min-width:0}.grow-200{flex:1;min-width:200px}.grow-220{flex:1;min-width:220px}.grow-240{flex:1;min-width:240px}.min-140{min-width:140px}.fill{box-sizing:border-box;width:100%}.measure-sm{max-width:520px}.measure-md{max-width:640px}.measure-lg{max-width:720px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.grid-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-1) var(--space-3)}.translation-row{display:grid;grid-template-columns:max-content 1fr max-content;gap:var(--space-2);align-items:center}.spec-list{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4);margin:0}.spec-list dt{color:var(--color-muted);font-size:var(--text-sm);line-height:var(--control-height)}.spec-list dd{min-height:var(--control-height);display:flex;align-items:center;flex-wrap:wrap}.spec-list dd.stack-2{display:grid;align-items:start}.plain-list{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.rule-top{border-top:1px solid var(--color-line);padding-top:var(--space-2)}.card{box-sizing:border-box;min-width:0;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-bg)}.card-flush{padding:0;overflow-x:auto}.panel-info{display:grid;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-brand);border-radius:var(--radius-panel);background:var(--color-info-surface);color:var(--color-ink)}.panel-info .hint{color:inherit}.icon{flex:none;width:20px;height:20px}button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-bg);color:var(--color-fg);font:inherit;font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-align:center;cursor:pointer}button:hover:not(:disabled){border-color:var(--color-ink)}button:disabled{border-color:var(--color-line);background:var(--color-surface);color:var(--color-muted);cursor:not-allowed}.btn-primary{border-color:var(--color-brand-strong);background:var(--color-brand-strong);color:var(--color-on-strong)}.btn-primary:hover:not(:disabled){border-color:var(--color-ink);background:var(--color-ink)}.btn-cta{border-color:var(--color-ink);background:var(--color-cta);color:var(--color-ink)}.btn-cta:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-ink)}.btn-danger{border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover:not(:disabled){border-color:var(--color-danger);background:var(--color-surface)}.btn-danger-solid{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-on-strong)}.btn-danger-solid:hover:not(:disabled){border-color:var(--color-ink)}.btn-primary:disabled,.btn-cta:disabled,.btn-danger:disabled,.btn-danger-solid:disabled{border-color:var(--color-line);background:var(--color-surface);color:var(--color-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--target-min);padding:0 var(--space-3);border:1px solid currentColor;border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);white-space:nowrap}.badge-dot{flex:none;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:currentColor}.badge[data-tone=info]{color:var(--color-brand-strong)}.badge[data-tone=ok]{color:var(--color-success)}.badge[data-tone=warn]{color:var(--color-warning)}.badge[data-tone=error]{color:var(--color-danger)}.badge:not(:has(.badge-dot)){border-color:var(--color-control-border);color:var(--color-fg);font-weight:var(--weight-regular)}.state{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-5);text-align:center}.state-title{margin:0;color:var(--color-ink);font-size:var(--text-md);font-weight:var(--weight-semibold)}.state-desc{color:var(--color-muted);font-size:var(--text-sm)}.state[data-kind=error]>.icon{color:var(--color-danger)}.state-bar{position:relative;display:block;width:160px;height:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface);overflow:hidden}.state-bar:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:var(--radius-pill);background:var(--color-brand);animation:state-slide 1.2s ease-in-out infinite}@keyframes state-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media(prefers-reduced-motion:reduce){.state-bar:after{animation:none}}.data-table{width:100%;overflow-wrap:break-word;border-collapse:separate;border-spacing:0}.cell{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);text-align:left;vertical-align:middle}.data-table th.cell{background:var(--color-surface);color:var(--color-fg);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.data-table tbody tr:last-child>.cell{border-bottom:none}.card-flush .data-table thead tr:first-child>th:first-child{border-top-left-radius:var(--radius-panel)}.card-flush .data-table thead tr:first-child>th:last-child{border-top-right-radius:var(--radius-panel)}.data-table-compact{border:1px solid var(--color-line);border-radius:var(--radius-card)}.data-table-compact .cell{padding:var(--space-2) var(--space-3)}.cell-strong{font-weight:var(--weight-semibold)}.cell-nowrap{white-space:nowrap}.cell-end{width:1%;text-align:right;white-space:nowrap}.cell-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.alert-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border:1px solid var(--color-danger);border-radius:var(--radius-card);background:var(--color-bg);color:var(--color-danger)}.copy-status{min-height:1.5em;color:var(--color-success);font-size:var(--text-sm)}.copy-status[data-copy=failed]{color:var(--color-danger)}.qr-bg{fill:var(--color-bg)}.qr-fg{fill:var(--color-fg)}.org-note{margin:0}.detail-grid{display:grid;gap:var(--space-4);align-items:start}@media(min-width:760px){.detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.count{color:var(--color-ink);font-size:var(--text-lg);font-weight:var(--weight-bold)}.join-body{display:grid;justify-items:start;gap:var(--space-4)}.join-body>.grow{width:100%}.broadcast-form label{max-width:520px}.danger-zone{display:flex;padding-top:var(--space-4);border-top:1px solid var(--color-line)}.confirm{padding:var(--space-4);border:1px solid var(--color-danger);border-radius:var(--radius-card);background:var(--color-bg)}.action-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);background:var(--color-bg)}.action-bar-title{display:grid;gap:var(--space-1);min-width:0;flex:1 1 240px}.broadcast-name{color:var(--color-ink);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.connection-status{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.action-bar-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.meter-group{display:flex;align-items:center;gap:var(--space-2);color:var(--color-muted)}.meter{width:200px;height:var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-pill);background:var(--color-surface);overflow:hidden}.meter-fill{width:var(--meter-level);height:100%;background:var(--color-success);transition:width 80ms linear}.meter-fill[data-hot=true]{background:var(--color-danger)}@media(prefers-reduced-motion:reduce){.meter-fill{transition:none}}.speak-prompt{color:var(--color-brand-strong);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.subtitle-grid{display:grid;gap:var(--space-4)}@media(min-width:760px){.subtitle-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.pane{display:grid;grid-template-rows:auto 1fr;gap:var(--space-3);min-width:0}.pane-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-line)}.pane-scroll{display:flex;flex-direction:column-reverse;height:55vh;min-height:240px;overflow-y:auto}.subtitle-list{gap:var(--space-3)}.subtitle{color:var(--color-fg);font-size:var(--text-lg);line-height:var(--leading-normal)}.subtitle[data-final=false]{color:var(--color-muted)}