*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface-hover: #222;--border: #2a2a2a;--text: #e8e8e8;--text-muted: #666;--accent: #c8f04a;--accent-dim: #a8cc30;--drawing: #4af0c8;--painting: #f0a84a;--design: #c84af0;--font-display: "DM Mono", monospace;--font-body: "DM Mono", monospace;--header-h: 52px;--bp-tablet: 1024px;--bp-mobile: 768px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{display:none}.app.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh}.app:has(.room),.app:has(.refs-page){height:100vh}header.svelte-12qhfyh{position:sticky;top:0;z-index:100;height:var(--header-h);background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:24px}.desktop-nav.svelte-12qhfyh{display:flex;gap:4px}.nav-link.svelte-12qhfyh{padding:6px 12px;border-radius:4px;color:var(--text-muted);font-size:13px;letter-spacing:.05em;text-transform:uppercase;transition:color .15s,background .15s}.nav-link.svelte-12qhfyh:hover{color:var(--text);background:var(--surface)}.auth.svelte-12qhfyh{display:flex;align-items:center;gap:12px}.username.svelte-12qhfyh{color:var(--text-muted);font-size:13px;transition:color .15s}.username.svelte-12qhfyh:hover{color:var(--text)}.logout-btn.svelte-12qhfyh{background:none;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-body);font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:4px;cursor:pointer;transition:color .15s,border-color .15s}.logout-btn.svelte-12qhfyh:hover{color:var(--text);border-color:var(--text-muted)}.hamburger.svelte-12qhfyh{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger.svelte-12qhfyh span:where(.svelte-12qhfyh){display:block;width:20px;height:1px;background:var(--text-muted);transition:transform .2s,opacity .2s}.hamburger.svelte-12qhfyh span.open:where(.svelte-12qhfyh):nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.svelte-12qhfyh span.open:where(.svelte-12qhfyh):nth-child(2){opacity:0}.hamburger.svelte-12qhfyh span.open:where(.svelte-12qhfyh):nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-overlay.svelte-12qhfyh{position:fixed;inset:0;z-index:90;background:#00000080}.mobile-nav.svelte-12qhfyh{position:fixed;top:var(--header-h);left:0;right:0;z-index:95;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-direction:column;padding:8px 0}.mobile-nav-link.svelte-12qhfyh{display:block;padding:12px 24px;color:var(--text-muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase;transition:color .15s,background .15s;background:none;border:none;font-family:var(--font-body);text-align:left;cursor:pointer;width:100%}.mobile-nav-link.svelte-12qhfyh:hover{color:var(--text);background:var(--surface-hover)}.mobile-logout.svelte-12qhfyh{color:var(--text-muted)}main.svelte-12qhfyh{flex:1;padding:32px 24px;max-width:1100px;width:100%;margin:0 auto}main:has(.room),main:has(.refs-page){padding:0;max-width:100%;margin:0;display:flex;flex-direction:column;overflow:hidden}@media(max-width:1024px){.desktop-nav.svelte-12qhfyh .nav-link:where(.svelte-12qhfyh){padding:6px 8px;font-size:12px}.username.svelte-12qhfyh{display:none}}@media(max-width:768px){.desktop-nav.svelte-12qhfyh{display:none}.hamburger.svelte-12qhfyh{display:flex}.auth.svelte-12qhfyh .logout-btn:where(.svelte-12qhfyh){display:none}.auth.svelte-12qhfyh .nav-link:where(.svelte-12qhfyh){display:none}main.svelte-12qhfyh{padding:20px 16px}}