@layer soundcomms-technician {
:root {
  color-scheme: dark;
  --sc-bg:#0E1216; --sc-bg-sunken:#0A0D10; --sc-panel:#161B21; --sc-surface:#1B222B; --sc-surface-2:#232C37; --sc-surface-3:#2C3744;
  --sc-border:#2A333E; --sc-border-strong:#3B4651; --sc-text:#F1F5F9; --sc-text-secondary:#BAC4D0; --sc-muted:#7E8A98; --sc-disabled:#4E5A66;
  --sc-accent:#19C5DE; --sc-accent-strong:#3AD8EE; --sc-accent-ink:#04161A; --sc-accent-soft:rgba(25,197,222,.14); --sc-accent-line:rgba(25,197,222,.40);
  --sc-focus:#4ADCF1; --sc-focus-ring:0 0 0 2px var(--sc-bg),0 0 0 4px var(--sc-focus);
  --sc-more:#FF8A3C; --sc-more-strong:#FF9D58; --sc-more-ink:#1B0E03; --sc-more-soft:rgba(255,138,60,.16); --sc-more-line:rgba(255,138,60,.55);
  --sc-less:#7E8CF8; --sc-less-strong:#97A2FF; --sc-less-ink:#0A0D1E; --sc-less-soft:rgba(126,140,248,.16); --sc-less-line:rgba(126,140,248,.55);
  --sc-good:#2FD27A; --sc-good-strong:#4ADE92; --sc-good-ink:#03190E; --sc-good-soft:rgba(47,210,122,.15); --sc-good-line:rgba(47,210,122,.50);
  --sc-warning:#E9C33D; --sc-warning-soft:rgba(233,195,61,.15); --sc-warning-line:rgba(233,195,61,.55);
  --sc-danger:#F05451; --sc-danger-strong:#FF6E6B; --sc-danger-soft:rgba(240,84,81,.15); --sc-danger-line:rgba(240,84,81,.55);
  --sc-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --sc-mono:ui-monospace,"SF Mono","SFMono-Regular","Cascadia Code","JetBrains Mono","Roboto Mono",Menlo,Consolas,monospace;
  --sc-r-sm:6px; --sc-r-md:10px; --sc-r-lg:14px; --sc-r-xl:20px; --sc-r-pill:999px;
  --sc-shadow-card:0 1px 0 rgba(255,255,255,.03) inset,0 10px 26px -16px rgba(0,0,0,.7);
  --sc-glow-more:0 0 0 1px var(--sc-more-line),0 0 20px -3px rgba(255,138,60,.50);
  --sc-glow-less:0 0 0 1px var(--sc-less-line),0 0 20px -3px rgba(126,140,248,.50);
  --sc-glow-good:0 0 0 1px var(--sc-good-line),0 0 16px -4px rgba(47,210,122,.40);
  --sc-glow-warn:0 0 0 1px var(--sc-warning-line),0 0 22px -3px rgba(233,195,61,.55);
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--sc-bg);color:var(--sc-text);font-family:var(--sc-font)} body{background:radial-gradient(circle at 15% -10%,rgba(25,197,222,.10),transparent 32rem),linear-gradient(180deg,#0E1216,#0A0D10 78%)} a{color:var(--sc-accent);text-decoration:none} a:hover{text-decoration:underline} :focus-visible{outline:none;box-shadow:var(--sc-focus-ring)}
.tech-shell{min-height:100vh}.tech-header{height:56px;display:flex;align-items:center;gap:1.25rem;padding:0 1.25rem;background:rgba(22,27,33,.96);border-bottom:1px solid var(--sc-border);position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;color:var(--sc-text);text-decoration:none}.brand::before{content:"";width:22px;height:22px;border-radius:7px;background:linear-gradient(90deg,#4E5A66 24%,var(--sc-accent) 24% 43%,#4E5A66 43% 60%,transparent 60%),var(--sc-surface);border:1px solid var(--sc-border)}nav{display:flex;gap:.25rem;flex-wrap:wrap}.tech-header nav a{color:var(--sc-muted);font-weight:650;font-size:.86rem;padding:.5rem .7rem;border-radius:var(--sc-r-md)}.tech-header nav a:hover{background:var(--sc-surface-2);color:var(--sc-text);text-decoration:none}.tech-main{padding:1.5rem;max-width:1440px;margin:0 auto;width:100%}
h1{font-size:clamp(1.8rem,3vw,2.45rem);letter-spacing:-.03em;margin:.2rem 0 .35rem}h2{font-size:1.25rem;margin:.2rem 0 .7rem}h3{font-size:1rem;margin:0}.muted{color:var(--sc-muted)}code,.session-key{font-family:var(--sc-mono);font-variant-numeric:tabular-nums}.card,.step,.qr-panel,.share-code-block{background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-r-lg);padding:1.25rem;box-shadow:var(--sc-shadow-card);margin-block:1rem}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hero-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1rem;align-items:stretch}.hero-card .card{margin:0}.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.card--hero,.card--entry-path,.card--login,.card--login-help,.card--empty-state,.overview-card{position:relative;overflow:hidden}.launch-paths{display:grid;gap:.8rem;margin:0}.launch-paths div{padding:.85rem 0;border-top:1px solid var(--sc-border)}.launch-paths div:first-child{border-top:0;padding-top:0}.launch-paths dt{font:800 .76rem/1 var(--sc-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sc-text-secondary);margin-bottom:.35rem}.launch-paths dd{margin:0;color:var(--sc-text-secondary)}.action-checklist{display:grid;gap:.65rem;padding-left:1.15rem;color:var(--sc-text-secondary)}.action-checklist strong{color:var(--sc-text)}.action-checklist--compact{gap:.45rem;margin:.75rem 0 0}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0}.overview-card strong{display:block;font-size:2rem;line-height:1;margin-bottom:.45rem}.dashboard-header,.login-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:1rem;align-items:start}.login-form{display:grid;gap:.9rem}.setup-prep-grid{margin-bottom:1rem}.stage-note{border:1px solid var(--sc-accent-line);background:var(--sc-accent-soft);border-radius:var(--sc-r-md);padding:.8rem;color:var(--sc-text-secondary)}
button,.button,.btn{min-height:44px;border-radius:var(--sc-r-md);border:1px solid var(--sc-border-strong);background:var(--sc-surface-2);color:var(--sc-text);padding:.58rem .9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-weight:700;transition:transform 90ms cubic-bezier(.34,1.4,.5,1),background 140ms,border-color 140ms,box-shadow 140ms}.button:hover,button:hover,.btn:hover{background:var(--sc-surface-3);border-color:#4a5765;text-decoration:none}.button:active,button:active,.btn:active{transform:translateY(1px) scale(.985)}.button.primary,.btn-primary,.create-session-button{background:var(--sc-accent);color:var(--sc-accent-ink);border-color:transparent}.button.primary:hover,.btn-primary:hover,.create-session-button:hover{background:var(--sc-accent-strong)}.btn-danger,.clear-button{background:transparent;color:var(--sc-danger-strong);border-color:var(--sc-danger-line)}.btn-danger:hover,.clear-button:hover{background:var(--sc-danger-soft);border-color:var(--sc-danger)}input,select{width:100%;min-height:48px;border-radius:var(--sc-r-md);border:1px solid var(--sc-border-strong);background:var(--sc-surface-2);color:var(--sc-text);padding:.55rem .8rem;font:600 1rem/1 var(--sc-font)}input:focus,select:focus{border-color:var(--sc-accent);box-shadow:0 0 0 3px var(--sc-accent-soft);outline:none}label{display:grid;gap:.45rem;color:var(--sc-text-secondary);font-size:.88rem;font-weight:700}.validation-error{color:var(--sc-danger-strong);background:var(--sc-danger-soft);border:1px solid var(--sc-danger-line);padding:.8rem;border-radius:var(--sc-r-md)}.toast{background:var(--sc-warning-soft);border:1px solid var(--sc-warning-line);color:var(--sc-warning);padding:.75rem;border-radius:var(--sc-r-md);margin:.5rem 0}
.setup-page-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.setup-kicker,.section-kicker{font:800 .72rem/1 var(--sc-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sc-accent)}.setup-grid{display:grid;gap:1rem}.step-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.step-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sc-accent-soft);border:1px solid var(--sc-accent-line);color:var(--sc-accent);font:800 .82rem/1 var(--sc-mono)}.setup-controls{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(160px,.45fr) auto;gap:1rem;align-items:end}.channel-editor{display:grid;gap:.85rem}.channel-draft{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:start}.suggest{position:relative}.suggest ul{list-style:none;margin:.35rem 0 0;padding:.35rem;background:var(--sc-bg-sunken);border:1px solid var(--sc-border);border-radius:var(--sc-r-md);display:flex;flex-wrap:wrap;gap:.3rem}.suggest li{padding:.42rem .62rem;border-radius:var(--sc-r-sm);background:var(--sc-surface-2);color:var(--sc-text-secondary);cursor:pointer;font-size:.86rem}.suggest li.active,.suggest li:hover{background:var(--sc-accent-soft);color:var(--sc-accent)}.language-toggle{display:grid;gap:.55rem;margin-block:.75rem}.quick-labels{display:flex;gap:.45rem;flex-wrap:wrap;margin-block:.25rem}.quick-labels button,.language-toggle button{min-height:40px;border-radius:var(--sc-r-md);font-size:.85rem}.template-picker{display:grid;gap:.5rem}.qr-panel{display:grid;justify-items:center;gap:.8rem;text-align:center}.qr-panel img{background:#fff;padding:1rem;border-radius:var(--sc-r-md);max-width:260px;width:100%;height:auto}.session-key{font-size:clamp(2.4rem,9vw,4rem);letter-spacing:.14em;font-weight:900;margin:.2rem 0;color:var(--sc-text)}.session-key .accent,.code-accent{color:var(--sc-accent)}.share-actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.privacy-note{border:1px solid var(--sc-accent-line);background:var(--sc-accent-soft);border-radius:var(--sc-r-md);padding:.75rem;color:var(--sc-text-secondary)}
.feedback-matrix{overflow:auto}.dash-toolbar{display:flex;align-items:center;gap:1rem;margin:1rem 0;flex-wrap:wrap}.sort-toggle{display:inline-flex;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;width:auto;background:var(--sc-surface-2);border:1px solid var(--sc-border-strong);border-radius:var(--sc-r-md);padding:.55rem .8rem}.sort-toggle input{width:auto;min-height:auto;accent-color:var(--sc-accent)}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-r-lg);overflow:hidden;box-shadow:var(--sc-shadow-card)}th,td{border-bottom:1px solid var(--sc-border);padding:.55rem;text-align:left}tr:last-child th,tr:last-child td{border-bottom:0}thead th{background:var(--sc-panel);color:var(--sc-text-secondary);font-size:.82rem;text-align:center;position:sticky;top:56px;z-index:2}thead th:first-child{text-align:left}.performer-row th{min-width:210px;background:rgba(10,13,16,.35)}.performer-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:.7rem;align-items:center}.performer-avatar{width:36px;height:36px;border-radius:var(--sc-r-md);background:var(--sc-surface-2);border:1px solid var(--sc-border);display:grid;place-items:center;color:var(--sc-text-secondary)}.performer-name{font-weight:800;display:block}.role{font:700 .68rem/1 var(--sc-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--sc-muted)}.connection-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--sc-good);box-shadow:0 0 0 3px var(--sc-good-soft)}.connection-left .connection-dot{background:var(--sc-muted);box-shadow:none}.clear-performer{grid-column:1 / -1;margin-top:.5rem;min-height:34px;font-size:.75rem;padding:.25rem .55rem}.matrix-cell{min-width:128px;text-align:center;vertical-align:middle}.cell-shell{position:relative;min-height:58px;border-radius:var(--sc-r-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;border:1px solid transparent}.matrix-cell.empty .cell-shell{color:var(--sc-disabled);background:transparent}.matrix-cell.active .cell-shell{background:var(--cell-soft);color:var(--cell-strong);box-shadow:var(--cell-glow);border-color:var(--cell-line);animation:new-request 600ms cubic-bezier(.2,.7,.3,1)}.matrix-cell.dir-more{--cell-soft:var(--sc-more-soft);--cell-strong:var(--sc-more-strong);--cell-line:var(--sc-more-line);--cell-glow:var(--sc-glow-more);--cell-fill:var(--sc-more);--cell-ink:var(--sc-more-ink)}.matrix-cell.dir-less{--cell-soft:var(--sc-less-soft);--cell-strong:var(--sc-less-strong);--cell-line:var(--sc-less-line);--cell-glow:var(--sc-glow-less);--cell-fill:var(--sc-less);--cell-ink:var(--sc-less-ink)}.matrix-cell.dir-good{--cell-soft:var(--sc-good-soft);--cell-strong:var(--sc-good-strong);--cell-line:var(--sc-good-line);--cell-glow:var(--sc-glow-good);--cell-fill:var(--sc-good);--cell-ink:var(--sc-good-ink)}.direction{font-size:1.25rem;font-weight:900}.age{font:800 .68rem/1 var(--sc-mono);font-variant-numeric:tabular-nums}.aggregate{position:absolute;top:5px;right:6px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:var(--cell-fill);color:var(--cell-ink);border-radius:var(--sc-r-pill);font:900 .62rem/1 var(--sc-mono)}.cell-actions{display:flex;gap:.35rem;margin-top:.35rem;justify-content:center}.cell-actions button{min-height:30px;padding:.25rem .5rem;border-radius:7px;font-size:.68rem}.ack-button{background:var(--sc-good);color:var(--sc-good-ink);border-color:transparent}.ack-button:hover{background:var(--sc-good-strong)}.priority-dot{width:.55rem;height:.55rem;display:inline-block;border-radius:999px;margin-inline:.15rem}.priority-red{background:var(--sc-danger);box-shadow:0 0 0 .18rem var(--sc-danger-soft)}.priority-yellow{background:var(--sc-warning);box-shadow:0 0 0 .18rem var(--sc-warning-soft)}.priority-green{background:var(--sc-good);box-shadow:0 0 0 .18rem var(--sc-good-soft)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes new-request{0%{transform:scale(.96)}40%{transform:scale(1.02)}100%{transform:scale(1)}}@media (max-width:900px){.hero-card,.grid-two,.setup-controls,.overview-grid,.dashboard-header,.login-shell{grid-template-columns:1fr}.tech-main{padding:1rem}.setup-page-header{display:block}}@media (max-width:700px){table,thead,tbody,tr,th,td{display:block}thead{display:none}.performer-row{margin-block:1rem;background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-r-lg);overflow:hidden}.matrix-cell{min-width:0}.matrix-cell::before{content:attr(data-channel-name);display:block;text-align:left;color:var(--sc-muted);font-weight:800;font-size:.75rem;margin-bottom:.3rem}.cell-shell{min-height:66px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
}

@media (max-width: 700px) { .feedback-matrix { display:block; } }