:root{color:#f6f7f4;background:#050706;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:320px}button{border:0;font:inherit}a{color:inherit}.home{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:#050706;color:#f6f7f4}.home-content{position:relative;z-index:2;display:grid;gap:18px;justify-items:center}.home h1{margin:0;display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:600;line-height:1.1}.home h1 svg{flex:0 0 auto}.home nav{display:flex;gap:12px}.home a{border:1px solid rgb(246 247 244 / 24%);border-radius:6px;background:#f6f7f41a;padding:12px 16px;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-page{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#050706}.video-button{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;padding:0;background:transparent;cursor:pointer}.video-button:disabled{cursor:default}.start-label{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;pointer-events:none}.start-label span{border:1px solid rgb(246 247 244 / 24%);border-radius:6px;background:#050706b8;color:#f6f7f4;padding:10px 14px;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.camera-switch-button{position:fixed;top:12px;right:12px;z-index:10;width:38px;height:38px;border:1px solid rgb(246 247 244 / 24%);border-radius:999px;background:#050706b8;color:#f6f7f4;font-size:22px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.camera-switch-button:disabled{opacity:.48}.pairing-code{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:20px}.pairing-link{display:block}.pairing-link svg{width:min(42vw,240px);min-width:176px;height:auto;display:block;border-radius:6px;box-shadow:0 16px 60px #0000006b}video{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover;background:transparent}.status-overlay{position:fixed;right:12px;top:12px;z-index:10;display:inline-flex;align-items:center;max-width:min(340px,calc(100vw - 24px));gap:7px;border-radius:999px;background:#050706b8;color:#f6f7f4;padding:7px 10px;font-size:12px;line-height:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:#8a938d}.status-overlay.ready .status-dot{background:#31d074}.status-overlay.recording .status-dot{background:#f23d3d}.status-overlay.error .status-dot{background:#ffb020}.status-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}