:root{color-scheme:light dark;--bg: #f6f7f9;--card: #ffffff;--ink: #1b1f24;--muted: #5d6572;--line: #e2e5ea;--accent: #1a73e8;--on-accent: #ffffff;--link: #196bd7;--error: #b3261e;--error-soft: #fbeceb;--warn: #7a5200;--warn-soft: #fdf3dc;--logo-bg: #1a73e8;--logo-fur: #ffffff;--logo-inner: #bfd8f9;--logo-eye: #f7b538;--logo-pupil: #0d1b30;--logo-glint: #ffffff;--logo-face: #0d1b30;--logo-branch: #1551a1;--radius: 14px;--radius-control: 10px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-code: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}:root[data-colour=himbeere]{--accent: #c2255c;--link: #c2255c;--logo-bg: #c2255c;--logo-inner: #eec2d1;--logo-pupil: #25101c;--logo-face: #25101c;--logo-branch: #861d44}@media(prefers-color-scheme:dark){:root{--bg: #111418;--card: #1a1e24;--ink: #e8eaed;--muted: #a2a9b3;--line: #2c3138;--link: #3584eb;--error: #f2b8b5;--error-soft: #3a1d1b;--warn: #f3d28a;--warn-soft: #33290f}:root[data-colour=himbeere]{--link: #d3628a}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--font)}h1,h2,p{margin:0}h1{font-size:1.5rem;line-height:1.2;letter-spacing:-.01em}a{color:var(--link)}svg{display:block;flex:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.875rem}#root:empty{min-height:100vh;min-height:100dvh;background:url(/logo.svg) center / 64px no-repeat}button,input,select{font:inherit;color:inherit}button,a.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1.1rem;border:0;border-radius:var(--radius-control);background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font-weight:600;text-decoration:none;cursor:pointer}button.primary{background:var(--accent);box-shadow:none;color:var(--on-accent)}button.icon{width:44px;padding:0;box-shadow:none;color:var(--muted)}button.icon svg{width:22px;height:22px}.hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}button:disabled{opacity:.5;cursor:default}button.link{display:inline;min-height:0;padding:0;box-shadow:none;color:var(--link);font-weight:inherit;text-decoration:underline}label{display:block;font-size:.875rem;font-weight:600}input{width:100%;min-height:44px;padding:.55rem .75rem;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--card)}input.code{font-family:var(--font-code);letter-spacing:.04em}form{display:grid;gap:.5rem}form>button{margin-top:.5rem}.notice{padding:.6rem .8rem;border-radius:var(--radius-control);font-size:.9375rem;text-align:left}.notice.error{background:var(--error-soft);color:var(--error)}.notice.warn{background:var(--warn-soft);color:var(--warn)}.brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);font-size:1.1rem;font-weight:700;text-decoration:none}.logo-bg{fill:var(--logo-bg)}.logo-fur{fill:var(--logo-fur)}.logo-inner{fill:var(--logo-inner)}.logo-eye{fill:var(--logo-eye)}.logo-pupil{fill:var(--logo-pupil)}.logo-glint{fill:var(--logo-glint)}.logo-nose{fill:var(--logo-face);stroke:var(--logo-face)}.logo-mouth{fill:none;stroke:var(--logo-face)}.logo-branch{fill:var(--logo-branch)}.logo-finger{fill:var(--logo-fur);stroke:var(--logo-inner)}.wordmark-imp{fill:var(--link)}.wordmark-act{fill:var(--ink)}.frame{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.top{display:flex;align-items:center;padding:.7rem max(1rem,env(safe-area-inset-right)) .7rem max(1rem,env(safe-area-inset-left));border-bottom:1px solid var(--line)}.column{flex:1 0 auto;display:grid;align-content:start;gap:.75rem;width:100%;max-width:25rem;margin:0 auto;padding:1rem;padding-top:clamp(1rem,7vh,4.5rem)}.card{display:grid;gap:.75rem;justify-items:start;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.card>form,.card>.notice{width:100%}.card.first{justify-items:center;padding-block:1.75rem;text-align:center}.name{font-size:1.1rem;font-weight:700}.label{color:var(--muted);font-size:.78rem;font-weight:600;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.foot{padding-inline:.25rem;color:var(--muted);font-size:.875rem}.gate{--sign: 112px;min-height:100svh}.gate .column{gap:.625rem;padding-top:clamp(.75rem,6vh,4rem)}.gate .logo{width:var(--sign);height:var(--sign)}button.sign{display:block;min-height:0;padding:0;border-radius:28%;box-shadow:none}@media(prefers-reduced-motion:no-preference){button.sign.pop{animation:pop .28s ease-out}@keyframes pop{40%{transform:scale(.9)}to{transform:scale(1)}}}.gate .card{gap:.625rem;padding:1rem 1.25rem}.gate .card.first{padding-block:1.5rem 1.25rem}.gate form.card{gap:.5rem}.gate form>button{margin-top:.25rem}.invite{font-size:.9375rem;line-height:1.4}.way{padding-inline:.25rem;color:var(--muted);font-size:.875rem}.card .way{padding:0}.coderow{display:flex;align-items:center;gap:.25rem}.bigcode{font:700 1.75rem/1.2 var(--font-code);letter-spacing:.08em;user-select:all}.gate .bottom{padding-block:.25rem max(.5rem,env(safe-area-inset-bottom))}@media(max-height:700px){.gate{--sign: 88px}.gate .card.first{padding-block:1rem}.gate h1{font-size:1.3rem}}@media(max-height:560px){.gate{--sign: 64px}.gate .column{gap:.5rem;padding-top:.5rem}.gate .card,.gate .card.first{padding:.75rem 1rem}.gate h1{font-size:1.2rem}}.bottom{display:flex;justify-content:center;padding:1rem 1rem max(1rem,env(safe-area-inset-bottom))}select.language{min-height:44px;padding:0 .5rem;border:0;background:transparent;color:var(--muted);font-size:.875rem;cursor:pointer}