.app{width:100%;height:100%;background:#0a0a0f;color:#fff}.section-wrapper{width:100%;height:100%;position:relative;animation:sectionIn .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes sectionIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(7px)}}:root{--ops-bg: #090909;--ops-surface: #111;--ops-border: #1c1c1c;--ops-text: #c8c8c8;--ops-muted: #555;--ops-accent: #4a90e2;--ops-danger: #c0392b;--ops-font: "SF Mono", "Fira Code", "Cascadia Code", monospace}.ops-loading{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--ops-bg);color:var(--ops-muted);font-family:var(--ops-font);font-size:1.5rem;letter-spacing:.3em}.ops-gate{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--ops-bg);font-family:var(--ops-font)}.ops-gate-card{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 4rem;background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:10px}.ops-gate-lock{font-size:2rem;color:var(--ops-muted);-webkit-user-select:none;user-select:none}.ops-gate-btn{padding:.65rem 2rem;background:var(--ops-accent);color:#fff;border:none;border-radius:5px;font-family:var(--ops-font);font-size:.85rem;cursor:pointer;transition:opacity .15s}.ops-gate-btn:hover{opacity:.85}.ops-error{color:var(--ops-danger);font-size:.8rem;text-align:center;max-width:24rem;line-height:1.5}.ops-room{display:flex;flex-direction:column;height:100vh;background:var(--ops-bg);color:var(--ops-text);font-family:var(--ops-font)}.ops-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--ops-surface);border-bottom:1px solid var(--ops-border);flex-shrink:0}.ops-header-title{font-size:.7rem;font-weight:600;letter-spacing:.2em;color:var(--ops-muted)}.ops-user{display:flex;align-items:center;gap:.65rem}.ops-avatar{width:24px;height:24px;border-radius:50%;opacity:.85}.ops-user-email{font-size:.78rem;color:var(--ops-muted)}.ops-logout{padding:.2rem .6rem;background:transparent;border:1px solid var(--ops-border);border-radius:4px;color:var(--ops-muted);font-family:var(--ops-font);font-size:.72rem;cursor:pointer;transition:border-color .15s,color .15s}.ops-logout:hover{border-color:#333;color:var(--ops-text)}.ops-main{flex:1;overflow:auto;padding:2rem}.ops-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--ops-muted);font-size:.85rem}*::-webkit-scrollbar{display:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0a0a0f;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}