*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #faf8f5;--color-surface: #ffffff;--color-surface-alt: #f2efe9;--color-text: #262421;--color-text-muted: #6b675f;--color-border: #e2ddd2;--color-accent: #1f6f5e;--color-accent-contrast: #ffffff;--color-danger: #b3261e;--radius: 4px;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem}@media(prefers-color-scheme:dark){:root{--color-bg: #1c1b19;--color-surface: #242220;--color-surface-alt: #2c2a27;--color-text: #f2efe9;--color-text-muted: #a39d90;--color-border: #3a3733;--color-accent: #4fb3a0;--color-accent-contrast: #10201d;--color-danger: #e4837b}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}h1,h2,h3{font-weight:500;line-height:1.25}button{cursor:pointer}.page{max-width:80ch;margin-inline:auto;padding:var(--space-4) var(--space-2)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page button,.button-link{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.1rem;border:1px solid var(--color-accent);border-radius:var(--radius);background-color:var(--color-accent);color:var(--color-accent-contrast);font-size:.95rem;text-decoration:none;transition:opacity .12s ease}.page button:hover,.button-link:hover{opacity:.9}.page button:disabled{opacity:.5;cursor:not-allowed}.link-button{display:inline;padding:0;border:none;background:none;color:var(--color-accent);font-size:inherit;text-decoration:underline}.page input[type=text],.page input[type=radio]+label{color:var(--color-text)}.page input[type=text]{display:block;width:100%;padding:.6rem .75rem;margin-block:.4rem var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface);color:var(--color-text)}.page label{font-size:.9rem;color:var(--color-text-muted)}.field-error{color:var(--color-danger);font-size:.9rem;margin-block:.4rem}.badge{display:inline-block;margin-inline-start:var(--space-1);padding:.15rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.7rem;color:var(--color-text-muted);vertical-align:middle}.gate{display:flex;flex-direction:column;gap:var(--space-1)}.gate__hint{color:var(--color-text-muted)}.gate__form{max-width:24rem;margin-top:var(--space-2)}.home__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4)}.home__identity{color:var(--color-text-muted);font-size:.9rem}.home__boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.card{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface)}.card h2{margin-bottom:var(--space-2)}.visibility-choice{border:none;padding:0;margin-block:var(--space-1) var(--space-2)}.visibility-choice legend{font-size:.9rem;color:var(--color-text-muted);margin-bottom:.3rem}.visibility-choice label{display:flex;align-items:center;gap:.4rem;color:var(--color-text);margin-block:.3rem}.join-code{font-size:1.75rem;letter-spacing:.2em;font-weight:500;margin-block:var(--space-2)}.public-spaces h2{margin-bottom:var(--space-2)}.public-spaces__list{list-style:none;padding:0;border-top:1px solid var(--color-border)}.public-spaces__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.public-spaces__name{display:block;font-weight:500}.public-spaces__count{display:block;color:var(--color-text-muted);font-size:.85rem}.space__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.space__header p{color:var(--color-text-muted)}.space__body{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(0,2fr);gap:var(--space-3);align-items:start}@media(max-width:40rem){.space__body{grid-template-columns:1fr}}.participants,.text-chat{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface)}.participants__mic{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.participants__list{list-style:none;padding:0}.participants__item{display:flex;justify-content:space-between;gap:var(--space-1);padding-block:.4rem;font-size:.9rem}.participants__empty{color:var(--color-text-muted);font-size:.9rem}.mic-status{color:var(--color-accent);font-size:.8rem}.mic-status--muted{color:var(--color-text-muted)}.text-chat__messages{list-style:none;padding:0;max-height:24rem;overflow-y:auto;margin-bottom:var(--space-2)}.text-chat__message{display:flex;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--color-border);font-size:.9rem}.text-chat__author{font-weight:500;white-space:nowrap}.text-chat__message--self .text-chat__author{color:var(--color-accent)}.text-chat__empty{color:var(--color-text-muted);font-size:.9rem;padding:.4rem 0}.text-chat__form{display:flex;gap:.5rem}.text-chat__form input{flex:1;margin:0}