@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Work+Sans:wght@400;500;600;700&display=swap";:root{--color-primary: #6366F1;--color-on-primary: #000000;--color-secondary: #818CF8;--color-on-secondary: #0F172A;--color-accent: #059669;--color-on-accent: #000000;--color-background: #F5F3FF;--color-foreground: #312E81;--color-card: #FFFFFF;--color-card-foreground: #312E81;--color-muted: #EBEFF9;--color-muted-foreground: #475569;--color-border: #E0E7FF;--color-destructive: #DC2626;--color-on-destructive: #FFFFFF;--color-danger-text: #B91C1C;--color-ring: #6366F1;--color-primary-text: #4F46E5;--color-accent-text: #047857;--color-topbar: #312E81;--color-topbar-accent: #A5B4FC;--color-badge-text: #3730A3;--color-badge-accent-text: #065F46;--color-error-text: #991B1B;--color-live-text: #065F46;--font-heading: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-code: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ink: var(--color-foreground);--muted: var(--color-muted-foreground);--accent: var(--color-accent);--accent-ink: var(--color-on-accent);--danger: var(--color-destructive);--line: var(--color-border);--bg: var(--color-background);--card: var(--color-card)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--color-foreground);background:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary-text)}button,input,textarea,select{font:inherit}button{touch-action:manipulation}:focus-visible{outline:3px solid var(--color-ring);outline-offset:2px;border-radius:4px}.topbar :focus-visible{outline-color:var(--color-topbar-accent)}.skip-link{position:absolute;left:-999px;top:0;z-index:1000;background:var(--color-topbar);color:#fff;padding:.75rem 1rem;border-radius:0 0 var(--radius-sm) 0;font-weight:600}.skip-link:focus{left:0}.topbar{background:var(--color-topbar);color:#fff;box-shadow:var(--shadow-md);position:relative;z-index:10}.topbar-inner{max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}.topbar a{color:#fff;text-decoration:none}.brand{font-family:var(--font-heading);font-weight:800;font-size:1.25rem;letter-spacing:-.01em}.brand-accent{color:var(--color-topbar-accent)}.topbar nav{display:flex;gap:.25rem;flex-wrap:wrap}.topbar nav a{padding:.5rem .75rem;border-radius:var(--radius-sm);font-weight:500;transition:background-color var(--duration-base) ease}.topbar nav a:hover{background:#ffffff1f}.topbar nav a.active{background:#ffffff29;font-weight:600;box-shadow:inset 0 -3px 0 var(--color-secondary)}.auth-area{margin-left:auto;display:flex;gap:.75rem;align-items:center}.hello{font-size:.9rem}.container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem 2rem}.footer{padding:1.5rem 1rem 2rem;text-align:center;color:var(--color-muted-foreground);font-size:.9rem;border-top:1px solid var(--color-border)}h1,h2,h3{font-family:var(--font-heading);color:var(--color-foreground);line-height:1.25;letter-spacing:-.01em}h1{font-size:1.6rem;font-weight:700;margin:.5rem 0}h2{font-size:1.25rem;font-weight:600;margin:1.25rem 0 .5rem}h3{font-size:1.1rem;font-weight:600;margin:.5rem 0}.muted{color:var(--color-muted-foreground)}.error{background:#fef2f2;color:var(--color-error-text);border:1px solid #FECACA;padding:.75rem 1rem;border-radius:var(--radius-sm)}.live{background:#ecfdf5;color:var(--color-live-text);border:1px solid #A7F3D0;padding:.75rem 1rem;border-radius:var(--radius-sm)}.demo-note{background:var(--color-muted);color:var(--color-foreground);border:1px solid var(--color-border);padding:.75rem 1rem;border-radius:var(--radius-sm);max-width:480px}.form{display:grid;gap:.75rem;max-width:480px}.form label,.join-box label{display:grid;gap:.25rem;font-weight:600;color:var(--color-foreground)}input,textarea,select{padding:.75rem 1rem;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-foreground);width:100%;transition:border-color var(--duration-base) ease,box-shadow var(--duration-base) ease}textarea{min-height:0}input::placeholder,textarea::placeholder{color:var(--color-muted-foreground);opacity:1}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f140}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;border-radius:var(--radius-sm);border:2px solid var(--color-primary);background:transparent;color:var(--color-foreground);font-weight:600;cursor:pointer;text-decoration:none;transition:background-color var(--duration-base) ease,opacity var(--duration-base) ease,transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) ease}.btn:hover{background:var(--color-muted)}.btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.btn.primary:hover{background:var(--color-primary);opacity:.9;transform:translateY(-1px)}.btn.accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-sm)}.btn.accent:hover{background:var(--color-accent);opacity:.9;transform:translateY(-1px)}.btn.danger{border-color:var(--color-destructive);color:var(--color-danger-text)}.btn.danger:hover{background:#fef2f2}.btn.on-dark{border-color:#ffffffd9;color:#fff;min-height:40px;padding:.5rem 1rem}.btn.on-dark:hover{background:#ffffff24}.btn:disabled{opacity:.5;cursor:wait;transform:none}.linklike{background:none;border:none;color:var(--color-primary-text);cursor:pointer;text-decoration:underline;padding:.25rem 0;text-underline-offset:2px}.linklike.danger{color:var(--color-danger-text);margin-left:.5rem}.search{display:flex;gap:.5rem;align-items:end;margin:1rem 0;flex-wrap:wrap}.search label{display:grid;gap:.25rem;flex:1 1 200px;min-width:0;font-weight:600}.search input{min-width:0}.cards{list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 640px){.cards{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.cards{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){h1{font-size:2rem}.member-list{grid-template-columns:1fr 1fr}.topbar-inner{padding:.85rem 1.5rem}}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base) ease,transform var(--duration-base) var(--ease-out),border-color var(--duration-base) ease;display:flex;flex-direction:column;gap:.5rem}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card h2,.card h3,.card p{margin:0}.card .btn{margin-top:auto;align-self:flex-start}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.chip-row,.chips{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--color-muted);color:var(--color-foreground);border:1px solid var(--color-border);border-radius:999px;padding:.15rem .65rem;font-size:.85rem;font-weight:500;white-space:nowrap}.chip-accent{background:#d1fae5;border-color:#a7f3d0;color:var(--color-badge-accent-text)}.chip-danger{background:#fef2f2;border-color:#fecaca;color:var(--color-error-text)}.badge{display:inline-block;background:var(--color-border);color:var(--color-badge-text);border-radius:999px;padding:.15rem .65rem;font-size:.85rem;font-weight:600;white-space:nowrap}.badge-accent{background:#d1fae5;color:var(--color-badge-accent-text)}.member-list{list-style:none;padding:0;display:grid;gap:.5rem}.member-list li{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem 1rem;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:.25rem .75rem;align-items:center}.code{font-family:var(--font-code);font-size:1.4rem;letter-spacing:.15em;background:var(--color-border);color:var(--color-foreground);padding:.25rem .75rem;border-radius:var(--radius-sm);overflow-wrap:anywhere}.invite-box,.join-box{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin:1rem 0;display:grid;gap:.75rem;box-shadow:var(--shadow-sm)}.invite-box h2,.join-box h2{margin:0}.join-box label{max-width:320px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}.card:hover,.btn.primary:hover,.btn.accent:hover{transform:none}}