*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui;color:#f5fbff;background:radial-gradient(circle at top,#354aa1,#071731 65%)}header,main{max-width:1440px;margin:auto;padding:18px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}header h1{font-size:clamp(1.5rem,3vw,2.4rem)}a{color:#8feeff}.panel{background:#0e2857ed;border:1px solid #75e3ff;border-radius:18px;padding:20px;margin:12px 0}.warning{background:#4d371a;border:1px solid #e4c27b;border-radius:12px;padding:14px}.layout{display:grid;grid-template-columns:2fr 1fr;gap:14px}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:10px 0}label{display:block;flex:1;min-width:160px}select,input,textarea{width:100%;display:block;background:#081936;color:#fff;border:1px solid #77e4ff;padding:11px;border-radius:10px;font:inherit}textarea{min-height:85px}button{cursor:pointer;background:#1763bd;color:#fff;border:1px solid #85eaff;border-radius:11px;min-height:44px;padding:10px 15px;font:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffdd77}.board{background:white;border-radius:14px;overflow:hidden}.board canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.person,.event{background:#1c407a;border:1px solid #397ac2;padding:11px;margin:8px 0;border-radius:12px}.person button{margin-left:10px}#status{color:#ffe5a1}.layout[data-age=discover] button{min-height:60px;font-size:18px}.layout[data-age=future] .panel{border-radius:9px}@media(max-width:800px){.layout{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.media-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.media-tile{background:#061b3d;border:1px solid #65d7ff;border-radius:14px;padding:10px;min-height:140px}.media-tile video{width:100%;max-height:240px;object-fit:contain;background:#020a17}.media-tile audio{display:none}#guardianConsent label{margin:12px 0}#guardianConsent input[type=checkbox]{width:auto;display:inline-block;margin-right:10px}
.adm-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;margin:6px 0;border-radius:12px;background:rgba(8,30,80,.55);border:1px solid rgba(133,234,255,.35)}.adm-row span{flex:1 1 220px}#schedulePanel label{display:block;margin:6px 0}#schedulePanel input,#schedulePanel select{min-height:44px}
.media-conn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-weight:600;background:#1c2f55;border:1px solid #6b86b8;margin:4px 0}.media-conn::before{content:"";width:11px;height:11px;border-radius:50%;background:#8a97ad}.media-conn[data-state=connected]{background:#123d2c;border-color:#5fe0a0}.media-conn[data-state=connected]::before{background:#5fe0a0}.media-conn[data-state=reconnecting]::before,.media-conn[data-state=retrying]::before,.media-conn[data-state=connecting]::before,.media-conn[data-state=waiting]::before{background:#ffd166}.media-conn[data-state=removed],.media-conn[data-state=ended]{background:#4a1f2a;border-color:#ff8fa3}.media-conn[data-state=removed]::before{background:#ff8fa3}#deviceChoice select{min-height:44px}
.voice-box{background:#0a2148;border:1px solid #6fd3ff;border-radius:14px;padding:12px 14px;margin:12px 0}.voice-state{font-size:1.1rem;font-weight:600;margin:0 0 4px}.voice-state[data-turn=yes]{color:#7dffbf}.voice-note{margin:0;font-size:.9rem;opacity:.85}#talkNow:not(:disabled){background:#1f8a5b;border-color:#7dffbf}#modeTurns[aria-pressed=true],#modeOpen[aria-pressed=true]{background:#2b7de0;outline:2px solid #ffdd77}.adm-row .hand{font-size:1.2rem}.adm-row .speaking{color:#7dffbf;font-weight:700}