:root{
  color-scheme:light;
  --font-sans:"Segoe UI Variable Text","Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --font-display:"Segoe UI Variable Display","Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --bg:#f4f8f6;
  --bg-deep:#e8f1ed;
  --surface:#ffffff;
  --surface-raised:#fcfffd;
  --surface-subtle:#edf4f0;
  --surface-accent:#e1f5eb;
  --surface-warning:#fff6df;
  --surface-info:#eaf4fb;
  --text:#102019;
  --text-soft:#3f564c;
  --muted:#53695f;
  --line:#cfddd6;
  --line-strong:#82988d;
  --accent:#087a50;
  --accent-hover:#05643f;
  --accent-contrast:#ffffff;
  --success:#16754e;
  --success-text:#11633f;
  --info:#286c9d;
  --info-text:#215d88;
  --warning:#9b6200;
  --warning-text:#694100;
  --danger:#a83f46;
  --danger-text:#8b2831;
  --focus:#1769e0;
  --shadow:0 1.25rem 3.5rem rgba(20,53,39,.12),0 .2rem .8rem rgba(20,53,39,.04);
  --shadow-soft:0 .55rem 1.6rem rgba(20,53,39,.08);
  --page-background:
    radial-gradient(circle at 88% 4%,rgba(47,185,125,.16),transparent 28rem),
    radial-gradient(circle at 5% 35%,rgba(58,132,203,.08),transparent 24rem),
    linear-gradient(180deg,#f8fbfa 0%,var(--bg) 44%,var(--bg-deep) 100%);
  background:var(--bg-deep);
  color:var(--text);
}

@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#07100e;
    --bg-deep:#050b09;
    --surface:#101c19;
    --surface-raised:#14231f;
    --surface-subtle:#0b1714;
    --surface-accent:#0d2b21;
    --surface-warning:#2a210e;
    --surface-info:#0c2230;
    --text:#f4f8f6;
    --text-soft:#d5e1dc;
    --muted:#a8b8b1;
    --line:#284239;
    --line-strong:#587b6e;
    --accent:#78f0b5;
    --accent-hover:#9af6ca;
    --accent-contrast:#062118;
    --success:#63d9a0;
    --success-text:#8aefbd;
    --info:#8bc8ff;
    --info-text:#a9d7ff;
    --warning:#f6bd60;
    --warning-text:#f8d998;
    --danger:#ff8f8f;
    --danger-text:#ffb4ab;
    --focus:#a9c7ff;
    --shadow:0 1rem 3rem rgba(0,0,0,.28);
    --shadow-soft:0 .45rem 1.4rem rgba(0,0,0,.2);
    --page-background:
      radial-gradient(circle at 88% 4%,rgba(36,159,108,.22),transparent 30rem),
      radial-gradient(circle at 4% 42%,rgba(35,93,129,.11),transparent 25rem),
      linear-gradient(180deg,#091512 0%,var(--bg) 48%,var(--bg-deep) 100%);
  }
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#07100e;
  --bg-deep:#050b09;
  --surface:#101c19;
  --surface-raised:#14231f;
  --surface-subtle:#0b1714;
  --surface-accent:#0d2b21;
  --surface-warning:#2a210e;
  --surface-info:#0c2230;
  --text:#f4f8f6;
  --text-soft:#d5e1dc;
  --muted:#a8b8b1;
  --line:#284239;
  --line-strong:#587b6e;
  --accent:#78f0b5;
  --accent-hover:#9af6ca;
  --accent-contrast:#062118;
  --success:#63d9a0;
  --success-text:#8aefbd;
  --info:#8bc8ff;
  --info-text:#a9d7ff;
  --warning:#f6bd60;
  --warning-text:#f8d998;
  --danger:#ff8f8f;
  --danger-text:#ffb4ab;
  --focus:#a9c7ff;
  --shadow:0 1rem 3rem rgba(0,0,0,.28);
  --shadow-soft:0 .45rem 1.4rem rgba(0,0,0,.2);
  --page-background:
    radial-gradient(circle at 88% 4%,rgba(36,159,108,.22),transparent 30rem),
    radial-gradient(circle at 4% 42%,rgba(35,93,129,.11),transparent 25rem),
    linear-gradient(180deg,#091512 0%,var(--bg) 48%,var(--bg-deep) 100%);
}

html{min-width:20rem;background:var(--bg-deep)}
body,.organized-body,.privacy-body{
  min-height:100vh;
  background:var(--page-background);
  background-attachment:fixed;
  color:var(--text);
  font-family:var(--font-sans);
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance}
p,li,dd{ text-wrap:pretty }

.site-header,.organized-header,.privacy-header{
  position:relative;
  border-color:var(--line);
}
.brand,.organized-brand,.privacy-brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--text);font-weight:800;text-decoration:none}
.brand::before,.organized-brand::before,.privacy-brand::before{display:grid;flex:0 0 1.7rem;width:1.7rem;height:1.7rem;place-items:center;border-radius:.55rem;background:linear-gradient(145deg,var(--accent),var(--success));color:var(--accent-contrast);box-shadow:0 .35rem .9rem color-mix(in srgb,var(--accent) 24%,transparent);content:"✓";font-size:.82rem;font-weight:800}
.brand span,.organized-brand span,.privacy-brand span,.eyebrow,.organized-eyebrow,.privacy-eyebrow{color:var(--accent)}
.site-header-actions{flex-wrap:wrap;justify-content:flex-end}
.site-header-actions a{color:var(--accent)}

.theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  min-height:2.8rem;
  padding:.55rem .85rem;
  border:1px solid var(--line-strong);
  border-radius:999px;
  background:var(--surface-raised);
  color:var(--text);
  box-shadow:var(--shadow-soft);
  font:inherit;
  font-size:.82rem;
  font-weight:700;
  cursor:pointer;
}
.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}
.theme-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.theme-toggle-mark{width:.85rem;height:.85rem;border:2px solid currentColor;border-radius:50%;box-shadow:inset -.24rem -.12rem 0 0 currentColor;transform:rotate(-20deg)}
:root[data-theme-current="light"] .theme-toggle-mark{box-shadow:none;background:currentColor}

.panel,.intro,.organized-panel,.privacy-body section,.network-websocket-card,.network-webrtc-card{
  border-color:var(--line);
  border-radius:clamp(1.1rem,2vw,1.45rem);
  background:var(--surface);
  box-shadow:var(--shadow-soft);
}
.intro{
  max-width:none;
  margin-top:1rem;
  padding:clamp(1.25rem,4vw,2rem);
  border:1px solid var(--line);
}
.intro h2{max-width:18ch;font-size:clamp(2rem,4vw,3rem);line-height:1}
.profile-catalog{
  overflow:hidden;
  border-color:var(--line-strong);
  background:
    linear-gradient(135deg,var(--surface) 0%,var(--surface) 58%,var(--surface-accent) 100%);
  box-shadow:var(--shadow);
}
.profile-catalog::before{display:block;width:5rem;height:.35rem;margin:-.35rem 0 1.6rem;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--info));box-shadow:0 0 1.2rem color-mix(in srgb,var(--accent) 28%,transparent);content:""}
.profile-catalog>h1{max-width:11ch;font-size:clamp(3.15rem,7vw,5rem);line-height:.95}
.profile-grid{gap:1rem}
.profile-grid article{
  position:relative;
  isolation:isolate;
  min-height:12rem;
  overflow:hidden;
  padding:1.25rem;
  border-color:var(--line);
  border-radius:1.1rem;
  background:var(--surface-raised);
  box-shadow:var(--shadow-soft);
}
.profile-grid article::after{position:absolute;z-index:-1;inset:.35rem .7rem auto auto;color:color-mix(in srgb,var(--accent) 11%,transparent);font:900 4.5rem/1 var(--font-display);letter-spacing:-.08em}
.profile-grid article[data-profile-card="remote_speaker"]::after{content:"01"}
.profile-grid article[data-profile-card="venue_internet"]::after{content:"02"}
.profile-grid article[data-profile-card="universal"]::after{content:"03"}
.profile-grid article[data-availability="available"]{border-top:3px solid var(--accent);background:linear-gradient(145deg,var(--surface-raised),var(--surface))}
.profile-grid article[data-availability="planned"]{min-height:9rem;background:var(--surface-subtle);box-shadow:none;opacity:.86}
.profile-grid h2{font-size:1.2rem}
.profile-privacy,.privacy-note,.screen-privacy-note,.microphone-controls,.playback-panel,.confirmation-panel,.microphone-result,.speaker-controls,.speaker-result,.speaker-step,.network-summary-count,.network-summary-grid article,.universal-overview-grid article,.universal-report-action,.organized-note,.organized-link output,.organized-result-grid article,.organized-participant-row,.organizer-card,.organizer-report-attempts article{
  border-color:var(--line);
  background:var(--surface-subtle);
  color:var(--text-soft);
}
.profile-privacy strong,.privacy-note strong,.screen-privacy-note strong,.network-honesty-note strong,.throughput-honesty-note strong,.venue-honesty-note strong,.network-summary-grid h3,.network-summary-boundary strong,.universal-overview-boundary strong{color:var(--text)}

.lead,.result-action,.guided-lead,.microphone-lead,.speaker-lead,.screen-lead,.screen-result-action,.screen-preview-panel p,.screen-engineering-report,.network-latency-lead,.throughput-lead,.venue-lead,.organized-checkline,.privacy-lead,.privacy-body section p,.privacy-body section li{color:var(--text-soft)}
.status,.organized-status,.organized-muted,.field-note,.speaker-step-state,.network-overhead-note,.network-result-action,.network-method,.throughput-overhead-note,.throughput-result-action,.throughput-method,.throughput-failure,.websocket-method,.webrtc-method,.profile-lead,.profile-grid p{color:var(--muted)}

.primary-button,.organized-button,.profile-grid button,.guided-print-button,.universal-report-action button,.privacy-back,.speaker-step-number{
  min-height:2.8rem;
  background:var(--accent);
  color:var(--accent-contrast);
  box-shadow:0 .55rem 1.15rem color-mix(in srgb,var(--accent) 20%,transparent);
}
.primary-button:hover,.organized-button:hover,.profile-grid button:hover,.guided-print-button:hover,.universal-report-action button:hover,.privacy-back:hover{background:var(--accent-hover);transform:translateY(-1px)}
.primary-button:active,.organized-button:active,.profile-grid button:active,.guided-print-button:active,.universal-report-action button:active,.privacy-back:active{transform:translateY(0)}
.camera-secondary-button,.secondary-button,.screen-secondary-button,.network-secondary,.throughput-secondary,.venue-secondary,.venue-remove,.guided-return,.guided-continue,.answer-button,.organized-button.secondary,#profile-change,
body[data-active-profile="remote_speaker"] :is(#start-camera,#start-microphone,#start-speaker,#start-screen){
  border:1px solid var(--line-strong);
  background:var(--surface-raised);
  color:var(--text);
  box-shadow:none;
}
.camera-secondary-button:hover,.secondary-button:hover,.screen-secondary-button:hover,.network-secondary:hover,.throughput-secondary:hover,.venue-secondary:hover,.guided-return:hover,.guided-continue:hover,.answer-button:hover,.organized-button.secondary:hover,#profile-change:hover,
body[data-active-profile="remote_speaker"] :is(#start-camera,#start-microphone,#start-speaker,#start-screen):hover{border-color:var(--accent);background:var(--surface-raised);color:var(--accent);box-shadow:none}
.profile-grid button:disabled,.universal-report-action button:disabled{border-color:var(--line);background:var(--surface-subtle);color:var(--muted);box-shadow:none}
button:disabled{box-shadow:none}

input,select,textarea,.organized-field input,.organized-field select,.network-mode select,.throughput-mode select,.venue-calculator input,.venue-calculator select{
  border-color:var(--line-strong);
  background:var(--surface-raised);
  color:var(--text);
}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}

.guided-check,.profile-active{border-color:color-mix(in srgb,var(--success) 70%,var(--line))}
.guided-steps li{background:var(--surface-subtle);color:var(--muted)}
.guided-steps li>span{background:var(--line-strong);color:var(--surface)}
.guided-steps li[data-state="current"],.guided-steps li[data-state="in_progress"],.guided-steps li[data-state="complete"]{color:var(--text)}
.guided-steps li[data-state="complete"]>span{background:var(--success);color:var(--accent-contrast)}

.network-websocket-card,.network-webrtc-card{color:var(--text)}
.websocket-warning,.webrtc-warning,.network-summary-boundary,.universal-overview-boundary,.venue-risk{border-color:var(--warning);background:var(--surface-warning);color:var(--warning-text)}
.websocket-plan div,.websocket-result-grid div,.websocket-result,.webrtc-plan div,.webrtc-result-grid div,.webrtc-result{background:var(--surface-subtle)}
.websocket-plan dt,.websocket-result-grid dt,.webrtc-plan dt,.webrtc-result-grid dt{color:var(--muted)}
.network-summary-grid article[data-state="limited"] p,.network-summary-grid article[data-state="partial"] p,.network-summary-unchecked p,.universal-overview-unchecked strong{color:var(--warning)!important}

.organized-field span{color:var(--text)}
.organized-error,.organized-danger,.venue-error,.venue-remove{color:var(--danger-text)!important}
.organized-status[data-tone]:not(:empty){
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  width:fit-content;
  max-width:100%;
  margin-block:.9rem;
  padding:.7rem .85rem;
  border:1px solid var(--line);
  border-radius:.8rem;
  background:var(--surface-subtle);
  color:var(--text-soft);
  font-weight:700;
}
.organized-status[data-tone]:not(:empty)::before{display:grid;flex:0 0 1.15rem;width:1.15rem;height:1.15rem;place-items:center;margin-top:.08rem;border-radius:50%;content:""}
.organized-status[data-tone="loading"]:not(:empty)::before{border:2px solid color-mix(in srgb,var(--accent) 28%,transparent);border-top-color:var(--accent);animation:okvideo-spin .75s linear infinite}
.organized-status[data-tone="success"]:not(:empty){border-color:color-mix(in srgb,var(--success) 42%,var(--line));background:color-mix(in srgb,var(--success) 9%,var(--surface));color:var(--success)}
.organized-status[data-tone="success"]:not(:empty)::before{background:var(--success);color:var(--accent-contrast);content:"✓";font-size:.76rem}
.organized-status[data-tone="error"]:not(:empty){border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger-text)!important}
.organized-status[data-tone="error"]:not(:empty)::before{background:var(--danger);color:var(--surface);content:"!";font-size:.76rem;font-weight:800}
.organized-button[data-loading="true"]{cursor:wait}
.organized-button[data-loading="true"]::after{display:inline-block;width:.8rem;height:.8rem;margin-left:.55rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.08rem;content:"";animation:okvideo-spin .75s linear infinite}
.organized-warning{border-color:color-mix(in srgb,var(--warning) 65%,var(--line));color:var(--warning-text)}

#organize-setup[data-state="created"]{display:none}
.organized-participant-rows{counter-reset:participant-row}
.organized-participant-row{position:relative;counter-increment:participant-row;padding:1.15rem}
.organized-participant-row::before{position:absolute;inset:.7rem .8rem auto auto;color:color-mix(in srgb,var(--accent) 56%,var(--muted));content:"0" counter(participant-row);font-size:.75rem;font-weight:800;letter-spacing:.08em}
[data-remove-participant]{color:var(--danger-text)!important}
#organize-submit{min-height:3.2rem;font-size:1rem}
.organized-links{display:grid;gap:1rem}
.organized-link[data-link-kind]{gap:.55rem;padding:1rem;border-radius:1rem}
.organized-link[data-link-kind="organizer"]{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.organized-link[data-link-kind="participant"]{border-color:var(--line);background:var(--surface-subtle)}
.organized-link-step{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.organized-link-purpose{margin:0;color:var(--muted);font-size:.88rem}
.organized-created-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:.5rem}
.organized-created-head h3{margin:.25rem 0 0}
#copy-progress{white-space:nowrap;color:var(--text-soft);font-size:.85rem}
[data-copy-output][data-copied="true"]{border-color:color-mix(in srgb,var(--success) 55%,var(--line));color:var(--success-text)}

.organized-participant-shell{display:grid;gap:1rem}
body[data-organized-entry] .site-header-actions>a{display:none}
body[data-organized-entry] #organized-participant-title{max-width:22ch;font-size:clamp(2.55rem,6vw,4.65rem);line-height:.96;overflow-wrap:anywhere}
.organized-participant-route{display:grid;gap:.6rem}
.organized-participant-route ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:0;padding:0;list-style:none}
.organized-participant-route li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;min-width:0;padding:.75rem;border:1px solid var(--line);border-radius:.85rem;background:var(--surface-subtle);color:var(--muted)}
.organized-participant-route li>span{display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;background:var(--line-strong);color:var(--surface);font-weight:800}
.organized-participant-route li strong,.organized-participant-route li small{display:block;overflow-wrap:anywhere}
.organized-participant-route li small{margin-top:.12rem;font-size:.75rem}
.organized-participant-route li[data-state="current"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));color:var(--text)}
.organized-participant-route li[data-state="current"]>span{background:var(--accent);color:var(--accent-contrast)}
.organized-participant-route li[data-state="complete"]{border-color:color-mix(in srgb,var(--success) 48%,var(--line));color:var(--text)}
.organized-participant-route li[data-state="complete"]>span{background:var(--success);color:var(--accent-contrast);font-size:0}
.organized-participant-route li[data-state="complete"]>span::after{content:"✓";font-size:.82rem}
.organized-participant-route li[data-state="error"]{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger-text)}
.organized-participant-route li[data-state="error"]>span{background:var(--danger);color:var(--surface)}
#organized-participant-route-status{margin:0;color:var(--muted);font-size:.85rem;font-weight:700}
.organized-participant-assignment{display:grid;gap:.3rem;padding:.8rem 1rem;border-left:3px solid var(--accent);background:var(--surface-subtle)}
.organized-participant-assignment>span{color:var(--text);font-weight:800}
.organized-participant-assignment p{margin:0}
body[data-organized-entry] .organized-checkline{padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface-subtle);line-height:1.5}
body[data-organized-entry] .organized-checkline input{width:1.1rem;height:1.1rem}
body[data-organized-entry] #organized-participant-start{width:100%;min-height:3.2rem;font-size:1rem}
.organized-submit-panel[data-state="ready"]{border-color:var(--accent);box-shadow:var(--shadow)}
.organized-submit-panel[data-state="sent"]{border-color:var(--success);background:color-mix(in srgb,var(--success) 5%,var(--surface))}
.organized-submit-preview{display:grid;gap:.3rem;padding:1rem;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:.9rem;background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.organized-submit-preview p{margin:0;color:var(--text-soft)}

.organizer-overview{display:grid;gap:1rem}
.organizer-overview .organized-status[data-passive="true"]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.organizer-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.organizer-overview-head h1{margin-bottom:0}
.organizer-overview-head h1,.organizer-card h2{overflow-wrap:anywhere}
.organizer-connection{display:flex;align-items:center;gap:.45rem;flex:0 0 auto;margin:.2rem 0;padding:.42rem .65rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-subtle);color:var(--muted);font-size:.78rem;font-weight:700}
.organizer-connection span{width:.55rem;height:.55rem;border-radius:50%;background:var(--warning);box-shadow:0 0 0 .22rem color-mix(in srgb,var(--warning) 15%,transparent)}
.organizer-connection[data-state="live"] span{background:var(--success);box-shadow:0 0 0 .22rem color-mix(in srgb,var(--success) 15%,transparent)}
.organizer-connection[data-state="closed"] span{background:var(--muted);box-shadow:none}
.organizer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:0}
.organizer-summary div{min-width:0;padding:.85rem;border:1px solid var(--line);border-radius:.85rem;background:var(--surface-subtle)}
.organizer-summary dt{color:var(--muted);font-size:.78rem;font-weight:700}
.organizer-summary dd{margin:.18rem 0 0;color:var(--text);font-size:clamp(1.35rem,3vw,1.8rem);font-weight:800;line-height:1}
.organizer-summary div:nth-child(3){border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.organizer-summary div:nth-child(4){border-color:color-mix(in srgb,var(--success) 35%,var(--line));background:color-mix(in srgb,var(--success) 7%,var(--surface))}
.organizer-skeleton{display:grid;gap:.7rem;padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--surface-subtle)}
.organizer-skeleton span{height:.85rem;border-radius:999px;background:linear-gradient(90deg,var(--line) 20%,var(--surface-raised) 50%,var(--line) 80%);background-size:220% 100%;animation:organizer-skeleton 1.25s ease-in-out infinite}
.organizer-skeleton span:nth-child(1){width:42%}.organizer-skeleton span:nth-child(2){width:68%}.organizer-skeleton span:nth-child(3){width:88%}
.organizer-card{border-inline-start:4px solid var(--line-strong);box-shadow:var(--shadow-soft)}
.organizer-card[data-status="in_progress"]{border-inline-start-color:var(--accent)}
.organizer-card[data-status="completed"]{border-inline-start-color:var(--success)}
.organizer-card[data-status="disabled"]{border-inline-start-color:var(--warning)}
.organizer-tools{border-top:1px solid var(--line)}
.organizer-tools>summary{min-height:2.8rem;padding:.75rem 0;color:var(--accent);font-weight:800;cursor:pointer;list-style-position:inside}
.organizer-tools[open]>summary{border-bottom:1px solid var(--line)}
.organizer-card .organized-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;padding-top:.75rem}
.organizer-card .organized-actions .organized-button{min-height:2.8rem;padding:.6rem .85rem;font-size:.84rem}
.organizer-card .organized-actions [data-action="reset"]{border-color:var(--line-strong);color:var(--text-soft)}
.organizer-card .organized-actions [data-report-participant]{border-color:color-mix(in srgb,var(--info) 45%,var(--line));color:var(--info-text)}
.organizer-badge{background:var(--surface-subtle);color:var(--muted)}
.organizer-badge[data-status="in_progress"]{background:var(--surface-accent);color:var(--accent)}
.organizer-badge[data-status="completed"]{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success)}
.organizer-badge[data-outcome="has_risks"],.organizer-badge[data-outcome="could_not_check"]{background:var(--surface-warning);color:var(--warning-text)}
.organizer-badge[data-outcome="not_ready"]{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger-text)}
.organizer-card[data-enabled="false"]{border-color:var(--warning)}
.organizer-card[data-enabled="false"] .organizer-badge{background:var(--surface-warning);color:var(--warning-text)}
.organizer-history{border-color:var(--line)}
.organizer-history summary{color:var(--accent)}
.organizer-new-link{border-color:var(--accent);background:var(--surface-accent)}
.organizer-acceptance-state{color:var(--success)}
.organizer-acceptance-state[data-accepted="false"]{color:var(--muted)}
.organizer-privacy{max-width:58rem;padding:.85rem 1rem;border-left:3px solid var(--line-strong)}

.result-panel[data-outcome],.screen-result-panel[data-outcome],.guided-summary[data-outcome],.network-result[data-status],.throughput-result[data-status],.websocket-result[data-status],.webrtc-result[data-status]{border-inline-start:4px solid var(--line-strong);background:var(--surface-subtle)}
.result-panel[data-outcome="ready"],.screen-result-panel[data-outcome="ready"],.guided-summary[data-outcome="ready"],.network-result[data-status="measured"],.throughput-result[data-status="measured"],.websocket-result[data-status="measured"],.webrtc-result[data-status="measured"]{border-color:var(--success);background:color-mix(in srgb,var(--success) 7%,var(--surface))}
.result-panel[data-outcome="has_risks"],.guided-summary[data-outcome="has_risks"],.network-result[data-status="partial"],.throughput-result[data-status="partial"],.websocket-result[data-status="partial"],.webrtc-result[data-status="partial"]{border-color:var(--warning);background:var(--surface-warning)}
.result-panel[data-outcome="could_not_check"],.screen-result-panel[data-outcome="could_not_check"],.guided-summary[data-outcome="could_not_check"],.network-result[data-status="could_not_check"],.throughput-result[data-status="could_not_check"],.websocket-result[data-status="could_not_check"],.webrtc-result[data-status="could_not_check"]{border-color:var(--info);background:var(--surface-info);color:var(--info-text)}
.result-panel[data-outcome="not_ready"],.screen-result-panel[data-outcome="not_ready"],.guided-summary[data-outcome="not_ready"]{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--surface))}

@keyframes okvideo-spin{to{transform:rotate(360deg)}}
@keyframes organizer-skeleton{0%{background-position:100% 0}100%{background-position:-120% 0}}

.privacy-body main{padding-block:clamp(2.5rem,7vw,5rem)}
.privacy-body section{border-radius:1.1rem}
.privacy-body footer,.organized-body footer,body>footer{border-color:var(--line)}
.privacy-body footer a,.organized-body footer a,body>footer a{color:var(--muted)}

@media(hover:hover){
  .profile-grid article,.panel,.organized-panel,.privacy-body section{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
  .profile-grid article[data-availability="available"]:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow)}
  button,a{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
}

@media(min-width:42.001rem){
  .organizer-tools>summary{display:none}
  .organizer-tools[open]>.organized-actions{padding-top:.75rem}
}

@media(max-width:42rem){
  .site-header-actions{width:100%;align-items:stretch}
  .site-header-actions .theme-toggle{align-self:flex-start}
  .organized-header{align-items:flex-start}
  .organized-header .theme-toggle{align-self:flex-start}
  .profile-grid article{min-height:0}
  .organizer-overview-head{display:grid}
  .organizer-connection{width:fit-content}
  .organizer-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .organizer-card .organized-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .organizer-card .organized-actions .organized-button{width:100%}
  .organizer-tools:not([open]){padding-bottom:0}
  .organized-participant-route ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}
  .organized-participant-route li{display:grid;grid-template-columns:1fr;gap:.35rem;padding:.55rem .35rem;text-align:center}
  .organized-participant-route li>span{margin-inline:auto}
  .organized-participant-route li small{display:none}
  .organized-created-head{align-items:flex-start;flex-direction:column}
  .organized-link[data-link-kind] .organized-button{width:100%}
  .organized-link output{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .organized-link output:focus{overflow-wrap:anywhere;white-space:normal}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

@media print{
  .theme-toggle{display:none!important}
  html,body{background:#fff!important;color:#111!important}
}