.roomkit-header { backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.roomkit-logo-mark { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border:1px solid var(--rule); border-radius:8px; background:#fff8ee; color:#a4572a; font-family:'JetBrains Mono', ui-monospace, monospace; font-size:11px; font-weight:700; letter-spacing:-.05em; }
.roomkit-logo-lg { width:54px; height:54px; border-radius:16px; font-size:18px; margin:0 auto 12px; }
.roomkit-auth-main, .roomkit-app-main { padding-top:56px; }
.roomkit-auth-card { width:min(460px, calc(100vw - 32px)); margin:0 auto; padding:32px; border:1px solid var(--rule); border-radius:24px; background:var(--paper); box-shadow:0 28px 80px -44px rgba(0,0,0,.35); }
.roomkit-auth-brand { text-align:center; margin-bottom:22px; }
.roomkit-auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:6px; border:1px solid var(--rule); border-radius:999px; margin-bottom:28px; background:rgba(0,0,0,.03); }
.roomkit-tab { border:0; border-radius:999px; padding:10px 12px; background:transparent; color:var(--ink-soft); font:600 13px Inter, sans-serif; cursor:pointer; }
.roomkit-tab.is-active { background:var(--ink); color:var(--paper); }
.roomkit-form { display:flex; flex-direction:column; gap:14px; margin-top:24px; }
.roomkit-form label { display:flex; flex-direction:column; gap:7px; color:var(--ink-soft); font:600 11px 'JetBrains Mono', monospace; text-transform:uppercase; letter-spacing:.08em; }
.roomkit-form input, .roomkit-form textarea { width:100%; border:1px solid var(--rule); border-radius:12px; background:#fffdfa; color:var(--ink); padding:13px 14px; font:14px Inter, sans-serif; text-transform:none; letter-spacing:0; box-sizing:border-box; }
.roomkit-form textarea { min-height:130px; resize:vertical; }
.roomkit-link-button { border:0; background:transparent; color:var(--accent); font:600 14px Inter, sans-serif; margin:16px auto 0; display:block; cursor:pointer; }
.roomkit-mini { margin-top:20px; color:var(--ink-mute); font:11px/1.5 'JetBrains Mono', monospace; text-align:center; }
.roomkit-toast { position:fixed; left:50%; bottom:24px; z-index:2147483647; transform:translateX(-50%); width:min(540px, calc(100vw - 32px)); padding:14px 16px; border-radius:10px; background:#16120f; color:#fff8ee; box-shadow:0 18px 48px rgba(0,0,0,.28); font:14px/1.45 'JetBrains Mono', ui-monospace, monospace; }
.roomkit-reveal { opacity:0; transform:translate3d(0,18px,0); transition:opacity 720ms cubic-bezier(.16,1,.3,1), transform 720ms cubic-bezier(.16,1,.3,1); will-change:opacity,transform; }
.roomkit-reveal-small { transform:translate3d(0,10px,0); }
.roomkit-reveal.is-visible { opacity:1; transform:none; }
.roomkit-app-top { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; margin-bottom:28px; }
.roomkit-dashboard-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
.roomkit-panel { border:1px solid var(--rule); border-radius:20px; background:var(--paper); padding:22px; min-height:190px; }
.roomkit-panel h2 { color:var(--ink); font:700 28px Inter, sans-serif; margin:10px 0 18px; }
.roomkit-panel ul { display:flex; flex-direction:column; gap:10px; padding:0; margin:0; list-style:none; color:var(--ink-soft); }
.roomkit-panel-wide { grid-column:1 / -1; }
.roomkit-meter { height:10px; border-radius:999px; overflow:hidden; background:rgba(0,0,0,.08); }
.roomkit-meter span { display:block; height:100%; background:var(--accent); border-radius:999px; }
@media (prefers-reduced-motion: reduce) { .roomkit-reveal { opacity:1; transform:none; transition:none; } }
@media (max-width: 760px) { .roomkit-dashboard-grid { grid-template-columns:1fr; } .roomkit-app-top { flex-direction:column; } .roomkit-auth-card { padding:24px; } }