:root{color:#f8ead2;background:radial-gradient(circle at 0 0,#ad763147,#0000 28rem),radial-gradient(circle at 100% 0,#6f1d1d52,#0000 26rem),linear-gradient(135deg,#1b130e 0%,#2a1b12 48%,#100b08 100%);font-family:Georgia,Times New Roman,serif}body{margin:0}button,input{font:inherit}.app-shell{box-sizing:border-box;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:3rem 3rem;gap:1.5rem;min-height:100vh;padding:3rem;display:grid}.hero,.panel{max-width:62rem}.eyebrow{color:#d7a84f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.875rem;font-weight:700}h1,h2,p,ul{margin-top:0}h1{color:#ffe7ad;text-shadow:0 3px #4a2414,0 0 2rem #d7a84f52;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1}h2{color:#f7d488;margin-bottom:1rem}.hero p:last-child{color:#dec9a1;font-size:1.125rem;line-height:1.7}.panel,.status-card{background:linear-gradient(#4a2715e6,#20150eeb),#2d1b10;border:2px solid #ac7d33b8;border-radius:.35rem;padding:1.5rem;box-shadow:inset 0 0 0 1px #ffeebe1f,0 1rem 2.5rem #00000057}.join-form{gap:1rem;display:grid}.join-form label{color:#e6c98f;gap:.4rem;font-weight:700;display:grid}.join-form input{box-sizing:border-box;color:#2a170d;background:#f5dfb4;border:1px solid #d7a84f9e;border-radius:.25rem;width:100%;padding:.75rem .85rem;box-shadow:inset 0 2px #502d162e}.room-note{color:#f7d488;background:#180d0885;border:1px solid #d7a84f70;border-radius:.25rem;margin:0;padding:.75rem .85rem;font-weight:700}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.actions button{color:#2b160a;cursor:pointer;text-transform:uppercase;background:linear-gradient(#f1c56f,#b87925);border:1px solid #ffe2a4;border-radius:.25rem;padding:.75rem 1rem;font-weight:800;box-shadow:0 4px #5e3518}.actions button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.status-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;max-width:62rem;display:grid}.status-card{gap:.35rem;display:grid}.status-card span,.empty-state,.event-log,.participants-list span{color:#c6ad82}.status-card strong{text-transform:capitalize;font-size:1.35rem}.participants-list,.event-log{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.participants-list li,.remote-audio{background:#180d087a;border:1px solid #d7a84f47;border-radius:.35rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;display:flex}.participants-list li div{gap:.25rem;display:grid}.sfu-debug{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:0;display:grid}.sfu-debug div{background:#180d087a;border:1px solid #d7a84f47;border-radius:.35rem;padding:.75rem}.sfu-debug dt{color:#c6ad82;text-transform:uppercase;font-size:.8rem}.sfu-debug dd{overflow-wrap:anywhere;color:#ffe7ad;margin:.35rem 0 0;font-weight:700}.badge{color:#e8ffd7;background:#375d2394;border-radius:.25rem;padding:.25rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge.muted,.error-message{color:#ffd1bd;background:#6f1d1d9e}.error-message{border:1px solid #ffd1bd57;border-radius:.35rem;padding:.75rem 1rem}.remote-audio audio{width:min(24rem,100%)}.event-log li{border-bottom:1px solid #d7a84f2e;padding-bottom:.75rem}@media (width<=720px){.app-shell{padding:1.25rem}.participants-list li,.remote-audio{flex-direction:column;align-items:flex-start}}