@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=EB+Garamond:ital@0;1&display=swap");:root{--night:#05060e;--ink:#e8e4d8;--ink-dim:#b9b4a4;--ink-faint:#7d7a6e;--gold:#c9a96a;--gold-soft:#a08a5c;--veil:#11152b}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{background:var(--night);color:var(--ink);font-family:EB Garamond,Georgia,serif;font-size:18px;line-height:1.7}a{color:var(--gold)}h1,h2,h3{font-family:Cormorant Garamond,Georgia,serif;font-weight:300}.page{max-width:720px;margin:0 auto;padding:10vh 24px 12vh}.kicker{font-size:12px;letter-spacing:.38em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:16px}.card{border:1px solid rgba(232,228,216,.12);background:rgba(17,21,43,.55);padding:28px;margin-top:28px}label{display:block;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}input,textarea{width:100%;background:rgba(5,6,14,.8);border:1px solid rgba(232,228,216,.14);color:var(--ink);padding:12px 14px;font:inherit;margin-bottom:18px}.btn,button{display:inline-block;background:transparent;border:1px solid var(--gold);color:var(--gold);padding:12px 22px;font:inherit;letter-spacing:.18em;text-transform:uppercase;font-size:13px;cursor:pointer;text-decoration:none}.btn:hover,button:hover{background:rgba(201,169,106,.12)}button:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--ink-dim)}.error{color:#e8a0a0;margin-top:12px}.room-list{list-style:none;margin-top:20px}.room-list li{padding:18px 0;border-top:1px solid rgba(232,228,216,.1)}.room-list li:last-child{border-bottom:1px solid rgba(232,228,216,.1)}.invite-link-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.invite-link{flex:1 1;min-width:200px;display:block;padding:10px 12px;background:rgba(5,6,14,.8);border:1px solid rgba(232,228,216,.14);color:var(--ink-dim);font-size:14px;word-break:break-all}.btn-small{padding:10px 16px;font-size:11px;white-space:nowrap}.video-shell{width:100%;min-height:420px;border:1px solid rgba(232,228,216,.12);background:#000;margin-top:24px}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.badge{display:inline-block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);border:1px solid rgba(201,169,106,.35);padding:4px 10px}.badge.record{border-color:rgba(232,120,120,.5);color:#e8a0a0}.badge.live{border-color:rgba(120,200,140,.5);color:#a8d4b0}.room-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--night)}.room-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid rgba(232,228,216,.1)}.room-header h1{font-size:clamp(24px,4vw,36px)}.room-status{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.room-stage{flex:1 1;display:flex;flex-direction:column;gap:12px;padding:16px;min-height:0}@media (min-width:768px){.room-stage{flex-direction:row}}.remote-pane{flex:1 1;min-height:40vh}.local-pane,.remote-pane{position:relative;border:1px solid rgba(232,228,216,.12);background:#000;overflow:hidden;border-radius:4px}.local-pane{height:140px}@media (min-width:768px){.local-pane{width:240px;height:auto;flex-shrink:0}}.video-fill{width:100%;height:100%;object-fit:cover}.mirror{transform:scaleX(-1)}.waiting-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(5,6,14,.88);text-align:center;padding:24px;color:var(--ink-dim)}.name-tag{position:absolute;bottom:10px;left:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:rgba(0,0,0,.55);padding:4px 10px;color:var(--ink)}.room-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:20px 24px;border-top:1px solid rgba(232,228,216,.1)}.control-btn{min-width:72px;padding:12px 16px;border:1px solid rgba(232,228,216,.2);background:rgba(17,21,43,.6);color:var(--ink-dim);font:inherit;font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.control-btn.on{border-color:rgba(201,169,106,.45);color:var(--gold)}.control-btn.off{border-color:rgba(200,100,100,.45);color:#e8a0a0}.record-btn{padding:12px 20px;border:1px solid var(--gold);background:transparent;color:var(--gold);font:inherit;font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.record-btn.active{background:rgba(200,80,80,.15);border-color:#e8a0a0;color:#e8a0a0}.record-btn:disabled{opacity:.4;cursor:not-allowed}.leave-btn{padding:12px 20px;border:1px solid rgba(200,80,80,.6);background:rgba(120,30,30,.35);color:#f0c0c0;font:inherit;font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.room-error{text-align:center;padding:0 24px 8px}.room-page.ended{max-width:720px;margin:0 auto;padding:12vh 24px;text-align:center}.room-page.ended h1{margin-bottom:16px}