:root{color-scheme:light;font-family:Space Grotesk,IBM Plex Sans,Segoe UI,sans-serif;background:#f1efe8;color:#1f1b16}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#fff7da,#f1efe8 60%,#e3dccf)}.app{min-height:100vh;padding:32px 28px 48px;display:flex;flex-direction:column;gap:24px}.header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}h1{margin:0 0 8px;font-size:36px;letter-spacing:-.02em}h2{margin:0 0 16px;font-size:20px}p{margin:0;max-width:520px}.pill{background:#15110c;color:#f6f2e6;padding:8px 14px;border-radius:999px;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.auth-wrap{display:flex;justify-content:center;align-items:center;min-height:60vh}.auth-card{width:100%;max-width:400px}.video{display:grid;grid-template-columns:minmax(260px,360px) repeat(2,minmax(220px,1fr));gap:16px;align-items:start}.card{background:#fffaf0;border:1px solid #e3dccf;padding:20px;border-radius:16px;box-shadow:0 10px 25px #15110c14;display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}input{border:1px solid #d9d0c0;border-radius:10px;padding:10px 12px;font-size:14px;background:#fff}button{border:none;border-radius:10px;padding:10px 14px;font-weight:600;background:#ea5a2a;color:#fff;cursor:pointer}button.ghost{background:transparent;border:1px solid #d9d0c0;color:#1f1b16}button.danger{background:#b81c1c}.tabs{display:flex;gap:10px}.tab{border:1px solid #d9d0c0;background:#fffaf0;color:#1f1b16;padding:8px 16px;border-radius:999px;font-weight:600;cursor:pointer}.tab.active{background:#1f1b16;color:#f6f2e6;border-color:#1f1b16}.actions{display:flex;gap:10px}.mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#5b5143;word-break:break-all}.footer{display:flex;flex-direction:column;gap:10px}.status{background:#dff5e1;border:1px solid #b4e2b8;padding:10px 12px;border-radius:12px;font-weight:600}.error{background:#ffe3e3;border:1px solid #f1b0b0;padding:10px 12px;border-radius:12px;font-weight:600}.note{font-size:13px;color:#5b5143}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;min-height:180px;border-radius:12px;background:#f7efe0;border:1px dashed #d9d0c0;padding:12px}.media-grid video,.media-grid audio{width:100%;border-radius:12px;background:#1f1b16}.participant-card{background:#fff;border:1px solid #e3dccf;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:8px}.participant-header{font-size:12px;font-weight:700;color:#5b5143;text-transform:uppercase;letter-spacing:.06em}.participant-media{display:grid;gap:8px}.video-form input{font-size:13px}@media (max-width: 720px){.header{flex-direction:column;align-items:flex-start}.video{grid-template-columns:1fr}}