@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500&family=Space+Grotesk:wght@400;500;600&display=swap";:root{color-scheme:light;--bg: #f4f1ec;--bg-accent: #fef6e4;--ink: #1f1f1f;--muted: #5f5f5f;--primary: #2b5d52;--primary-strong: #1d3f37;--accent: #d46f2c;--accent-soft: rgba(212, 111, 44, .15);--card: rgba(255, 255, 255, .85);--border: rgba(31, 31, 31, .1);--shadow: 0 24px 60px rgba(18, 18, 18, .15)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);min-height:100vh;background:radial-gradient(circle at 10% 10%,#fff8e7,#f4f1ec 35%,#e9efe8)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 10%,rgba(212,111,44,.25),transparent 45%),radial-gradient(circle at 20% 80%,rgba(43,93,82,.2),transparent 50%);pointer-events:none;z-index:0}#app{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:32px 24px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:var(--primary);color:#fff;font-weight:600;letter-spacing:1px;box-shadow:var(--shadow)}.brand h1{margin:0;font-family:Fraunces,serif;font-size:26px}.brand p{margin:4px 0 0;color:var(--muted)}.pill{padding:8px 16px;border-radius:999px;font-size:14px;background:var(--accent-soft);color:var(--accent)}.pill.connected{background:#2b5d5229;color:var(--primary)}.view{display:grid;gap:24px}#home-view{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card h2{margin:0 0 8px}.card p{margin:0 0 16px;color:var(--muted)}label{display:block;font-size:14px;color:var(--muted);margin-bottom:12px}input{width:100%;margin-top:6px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:15px}button{border:none;padding:12px 18px;border-radius:12px;font-size:15px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}button:hover{transform:translateY(-1px)}button.primary{background:var(--primary);color:#fff;box-shadow:0 12px 24px #2b5d5240}button.ghost{background:#fff;border:1px solid var(--border)}button.danger{background:#9c2a2a;color:#fff}.result{margin-top:12px;padding:10px 12px;background:#2b5d521f;border-radius:10px;color:var(--primary);font-size:14px;word-break:break-word}.result.error{background:#9c2a2a1f;color:#9c2a2a}.hidden{display:none}.room-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.room-header h2{margin:0;font-family:Fraunces,serif;font-size:28px}.room-header p{margin:6px 0 0;color:var(--muted)}.room-actions{display:flex;flex-wrap:wrap;gap:12px}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;min-height:240px}.video-grid.focus-mode .video-tile.focus{grid-column:span 2;grid-row:span 2}.video-tile{background:#121212;border-radius:18px;overflow:hidden;position:relative;min-height:200px;box-shadow:var(--shadow)}.video-tile video,.video-tile audio{width:100%;height:100%;object-fit:cover}.tile-label{position:absolute;left:12px;bottom:12px;padding:6px 10px;background:#0009;color:#fff;border-radius:8px;font-size:12px}.controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.info-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;background:#ffffffb3;border-radius:18px;padding:16px;border:1px solid var(--border)}.info-panel h3{margin:0 0 6px;font-size:14px;color:var(--muted)}@media (max-width: 720px){.topbar{flex-direction:column;align-items:flex-start}.room-header{flex-direction:column}.room-actions{width:100%;justify-content:flex-start}}