*{box-sizing:border-box;margin:0}:root{--bg: #101418;--card: #1a2129;--text: #e8edf2;--muted: #8b98a5;--accent: #2f81f7;--green: #2ea043;--red: #d64545}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100dvh}button{font:inherit;cursor:pointer}.login-page{min-height:100dvh;display:grid;place-items:center;padding:16px}.login-card{background:var(--card);border-radius:16px;padding:32px 24px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px;text-align:center}.login-icon{font-size:48px}.login-card h1{font-size:22px;margin-bottom:8px}.login-card input{background:var(--bg);border:1px solid #2c3742;border-radius:10px;color:var(--text);padding:14px;font-size:16px}.login-card input:focus{outline:none;border-color:var(--accent)}.login-card button[type=submit]{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:600;margin-top:4px}.login-card button:disabled{opacity:.6}.main-page{max-width:640px;margin:0 auto;padding:12px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}header{display:flex;justify-content:space-between;align-items:center;padding-top:env(safe-area-inset-top)}header h1{font-size:18px}.header-right{display:flex;align-items:center;gap:10px}.username{color:var(--muted);font-size:14px}.link{background:none;border:none;color:var(--accent);font-size:14px;padding:4px}.video-wrap{position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9}.video-start{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--card);border:none;color:var(--muted);font-size:15px}.talk-btn{border:1px solid #2c3742;border-radius:14px;padding:16px;font-size:16px;font-weight:600;color:var(--text);background:var(--card);touch-action:none;user-select:none;-webkit-user-select:none}.talk-btn.talking{background:var(--red)}.talk-btn.connecting{opacity:.7}.video-start-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fff;font-size:24px;padding-left:4px}.video-wrap video-stream{display:block;width:100%;height:100%}.video-wrap video{width:100%;height:100%;object-fit:contain}.unlock-btn{border:none;border-radius:14px;padding:20px;font-size:20px;font-weight:700;color:#fff;background:var(--green);transition:background .2s}.unlock-btn.busy{opacity:.7}.unlock-btn.done{background:#1f6f34}.unlock-btn.error{background:var(--red);font-size:16px}.notifs{background:var(--card);border-radius:12px;padding:14px 16px}.notifs-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px}.notifs-row input{width:22px;height:22px;accent-color:var(--accent)}.hint{color:var(--muted);font-size:14px;line-height:1.5}.error{color:var(--red);font-size:14px}.version{text-align:center;color:var(--muted);opacity:.6;font-size:12px;padding:8px 0 calc(8px + env(safe-area-inset-bottom))}