.landing{min-height:100%;display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;padding:24px 16px}.landing__inner{grid-row:2;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:32px}.landing__header{text-align:center}.landing__title{display:block;margin:0 auto;width:clamp(220px,60vw,380px);height:auto}.landing__welcome{margin:16px 0 0;font-size:clamp(.75rem,3.2vw,1.0625rem);white-space:nowrap;line-height:1.5;color:var(--text-muted)}.landing__join{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}.landing__label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-align:center}.landing__code{width:100%;padding:18px 16px;border:2px solid var(--border);border-radius:14px;background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;font-size:2rem;font-weight:700;letter-spacing:.35em;text-align:center;text-indent:.35em;outline:none;transition:border-color .12s ease}.landing__code::placeholder{color:var(--text);opacity:.45}.landing__code:focus{border-color:var(--border-focus)}.landing__submit{padding:16px;border:none;border-radius:14px;background:var(--accent);color:var(--accent-text);font-size:1.0625rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .12s ease,opacity .12s ease}.landing__submit:hover:not(:disabled){background:var(--accent-hover)}.landing__submit:disabled{opacity:.4;cursor:default}.landing__host{padding:11px 22px;border:1px solid var(--border);border-radius:999px;background:none;color:var(--text-muted);font-family:inherit;font-size:.9375rem;cursor:pointer;transition:color .12s ease,border-color .12s ease}.landing__host:hover{color:var(--text);border-color:var(--text)}.landing__footer{grid-row:3;align-self:end;padding-top:24px}.landing__howto{padding:10px 18px;border:1px solid var(--border);border-radius:999px;background:none;color:var(--text-muted);font-family:inherit;font-size:.8125rem;cursor:pointer;transition:color .12s ease,border-color .12s ease}.landing__howto:hover{color:var(--text);border-color:var(--text)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.about{min-height:100%;padding:24px 16px 56px}.about__inner{width:100%;max-width:560px;margin:0 auto}.about__back{padding:8px 14px 8px 10px;border:1px solid var(--border);border-radius:999px;background:none;color:var(--text-muted);font-family:inherit;font-size:.875rem;cursor:pointer;transition:color .12s ease,border-color .12s ease}.about__back:hover{color:var(--text);border-color:var(--text)}.about__title{margin:28px 0 0;font-size:clamp(2rem,8vw,2.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.about__lede{margin:14px 0 0;font-size:1.125rem;line-height:1.55}.about__section{margin-top:30px;padding-top:24px;border-top:1px solid var(--border)}.about__heading{margin:0 0 8px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.about__section p{margin:0;font-size:1rem;line-height:1.6;color:var(--text-muted)}.about__status{margin:36px 0 0;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.875rem;line-height:1.5;color:var(--text-muted)}.join{min-height:100%;display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;padding:24px 16px}.join_input_row{display:flex;width:300px;margin:0 auto 16px;gap:8px;align-items:center}.join join--password{display:flex}.join__text{display:flex;flex-direction:column;gap:3px}.join-regenerate-button{flex-shrink:0;width:48px;height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:#ffffff26;border:1.5px solid rgba(255,255,255,.6);border-radius:50%;color:#fff;font-size:20px;cursor:pointer}.join__inner{grid-row:2;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:32px}.join__header{width:100%;text-align:center}.join__eyebrow{margin:0 0 12px;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.join__title{margin:0;font-size:clamp(3rem,15vw,5rem);font-weight:800;letter-spacing:.08em;line-height:1;overflow-wrap:anywhere}.join__welcome{margin:16px 0 0;color:var(--text-muted);font-size:1rem;line-height:1.5}.join__form{width:100%;display:flex;flex-direction:column;gap:12px}.join__label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-align:center;text-transform:uppercase}.join__name{flex:1;width:100%;box-sizing:border-box;padding:18px 16px;border:2px solid var(--border);border-radius:14px;background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font-family:inherit;font-size:1.0625rem;text-align:center;outline:none;transition:border-color .12s ease}.join__name::placeholder{color:var(--text);opacity:.45}.join__name:focus{border-color:var(--border-focus)}.join__submit{padding:16px;border:none;border-radius:14px;background:var(--accent);color:var(--accent-text);font-family:inherit;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:background .12s ease,opacity .12s ease}.join__submit:hover:not(:disabled){background:var(--accent-hover)}.join__submit:disabled{opacity:.4;cursor:default}.join__home{width:100%;box-sizing:border-box;text-align:center;text-decoration:none}.join__error{width:100%;box-sizing:border-box;margin:4px 0 0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;color:var(--text-muted);font-size:.875rem;line-height:1.5;text-align:center}.join__back{color:var(--text-muted);font-size:.9375rem;text-decoration:none;transition:color .12s ease,border-color .12s ease}.join__back:hover{color:var(--text)}.join :focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.join-button{font-size:16px;font-family:Georgia,serif;color:#fff;background-color:#4a7dfc;padding:10px 24px;border:none;border-radius:6px;cursor:pointer;display:block;margin:0 auto}.join-input-row{display:flex;width:300px;margin:0 auto 16px}.join-input{flex:1;height:43px;box-sizing:border-box;font-size:18px;font-family:Georgia,serif;color:#aaa;padding:10px 14px;background-color:#fff;border:1px solid #ccc;border-right:none;border-radius:6px 0 0 6px}.create{min-height:100%;padding:24px 16px 56px}.create__inner{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.create__back{align-self:flex-start;padding:8px 14px 8px 10px;border:1px solid var(--border);border-radius:999px;background:none;color:var(--text-muted);font-family:inherit;font-size:.875rem;cursor:pointer;transition:color .12s ease,border-color .12s ease}.create__back:hover{color:var(--text);border-color:var(--text)}.create__title{margin:0;font-size:clamp(2rem,8vw,2.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.create__lede{margin:10px 0 0;max-width:48ch;font-size:1rem;line-height:1.55;color:var(--text-muted)}.create__section{display:flex;flex-direction:column;gap:12px}.create__heading{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.create__heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.create__heading-tools{display:flex;align-items:center;gap:10px}.create__count{font-size:.75rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.filter-pop{position:relative;flex:none}.filter-pop__trigger{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font-family:inherit;font-size:.9375rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .12s ease,background .12s ease}.filter-pop__trigger:hover,.filter-pop__trigger.is-open{border-color:var(--text);background:#00000042}.filter-pop__badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:.75rem;font-weight:700}.filter-pop__panel{position:absolute;z-index:10;top:calc(100% + 6px);right:0;width:min(300px,calc(100vw - 32px));padding:14px;border:1px solid var(--border);border-radius:14px;background:#0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 40px #0000004d}.filter-pop__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.filter-pop__error{margin:12px 0 0;font-size:.8125rem;line-height:1.4;color:var(--error)}.filter-pop__actions{display:flex;gap:8px;margin-top:14px}.filter-pop__clear,.filter-pop__apply{flex:1;padding:10px;border-radius:11px;font-family:inherit;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.filter-pop__clear{border:1px solid var(--border);background:none;color:var(--text-muted)}.filter-pop__clear:hover:not(:disabled){color:var(--text);border-color:var(--text)}.filter-pop__clear:disabled{opacity:.35;cursor:default}.filter-pop__apply{border:none;background:var(--accent);color:var(--accent-text)}.filter-pop__apply:hover{background:var(--accent-hover)}.filter-pop__field{display:flex;flex-direction:column;gap:5px}.filter-pop__label{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.filter-pop__number{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font-family:inherit;font-size:.9375rem;outline:none;transition:border-color .12s ease;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.filter-pop__number:focus{border-color:var(--border-focus)}.filter-pop__number[aria-invalid=true]{border-color:var(--error)}.filter-pop__number::placeholder{color:var(--text-muted);opacity:.7}.filter-pop__number::-webkit-outer-spin-button,.filter-pop__number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.select{position:relative}.select__trigger{display:flex;align-items:center;gap:12px;width:100%;padding:15px 16px;border:1px solid var(--border);border-radius:14px;background:#0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);font-family:inherit;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease}.select__trigger:hover,.select__trigger.is-open{border-color:var(--text);background:#00000042}.select__placeholder{flex:1;color:var(--text-muted);font-weight:500}.select__value{flex:1}.select__chevron{flex:none;width:9px;height:9px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .16s ease}.select__trigger.is-open .select__chevron{transform:translateY(1px) rotate(225deg)}.select__list{position:absolute;z-index:10;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;border:1px solid var(--border);border-radius:14px;background:#0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 40px #0000004d}.select__option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:9px;font-size:1rem;font-weight:600;cursor:pointer}.select__option.is-active{background:#fff3}.select__option[aria-selected=true]:after{content:"✓";color:var(--text-muted)}.select__no-match{padding:12px 14px;font-size:.9375rem;color:var(--text-muted)}.create__detail,.create__empty{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.create__empty{margin:0;color:var(--text-muted);font-size:.9375rem}.create__detail-name{font-size:1.125rem;font-weight:700}.create__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.create__tag{padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:.8125rem;font-weight:600;white-space:nowrap}.create__description{margin:12px 0 0;font-size:.9375rem;line-height:1.55;color:var(--text-muted)}.create__options{border:1px solid var(--border);border-radius:14px;background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.option{display:flex;align-items:center;gap:16px;padding:16px 18px;cursor:pointer}.option+.option{border-top:1px solid var(--border)}.option option--password{display:flex}.option__text{display:flex;flex-direction:column;gap:3px}.option__label{font-size:1rem;font-weight:600}.option__description{font-size:.8125rem;line-height:1.45;color:var(--text-muted)}.option__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.option__switch{flex:none;position:relative;width:48px;height:28px;margin-left:auto;border:1px solid var(--border);border-radius:999px;background:#00000047;transition:background .14s ease}.option__switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .14s ease}.option__input:checked+.option__switch{background:#fff}.option__input:checked+.option__switch:after{background:#9d174d;transform:translate(20px)}.option__input:focus-visible+.option__switch{outline:2px solid var(--border-focus);outline-offset:3px}.create__actions{display:flex;flex-direction:column;gap:10px;align-items:center}.create__start{width:100%;padding:17px;border:none;border-radius:14px;background:var(--accent);color:var(--accent-text);font-family:inherit;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:background .12s ease,opacity .12s ease}.create__start:hover:not(:disabled){background:var(--accent-hover)}.create__start:disabled{opacity:.4;cursor:default}.create__hint{margin:0;font-size:.8125rem;color:var(--text-muted)}.create__name{width:100%;padding:15px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font:inherit}.create__name::placeholder{color:var(--text-muted)}:root{--text: #ffffff;--text-muted: rgba(255, 255, 255, .88);--surface: rgba(0, 0, 0, .2);--border: rgba(255, 255, 255, .42);--border-focus: rgba(255, 255, 255, .95);--accent: #ffffff;--accent-hover: rgba(255, 255, 255, .88);--accent-text: #9d174d;--error: #ffc9c9;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#ffb020,#ff7a1a 24%,#ff3d6e 58%,#ff14a8 84%,#f000c8);background-attachment:fixed}