.kf-page{width:100%;max-width:var(--kf-page-max-width);min-height:100dvh;padding:var(--kf-page-top) var(--kf-page-x) var(--kf-page-bottom);gap:var(--kf-space-stack);flex-direction:column;margin:0 auto;display:flex}.kf-stack{gap:var(--kf-space-2);flex-direction:column;display:flex}.kf-stack--tight{gap:0}.kf-row{gap:var(--kf-space-inline);align-items:center;display:flex}.kf-row--tight{gap:var(--kf-gap-chip)}.kf-row--wrap{flex-wrap:wrap}.kf-grow{flex:auto;min-width:0}.kf-spacer{flex:auto}.kf-center{text-align:center}.kf-bottom{gap:var(--kf-space-3);flex-direction:column;margin-top:auto;display:flex}.kf-dimmed{opacity:var(--kf-dimmed-opacity);pointer-events:none}.kf-h1{font-size:var(--kf-font-size-h1);text-align:center}.kf-h1--start{text-align:start}.kf-topbar-title{font-size:var(--kf-font-size-topbar);text-align:center}.kf-h2{font-size:var(--kf-font-size-h2)}.kf-section{font-size:var(--kf-font-size-section)}.kf-label{font-weight:var(--kf-font-weight-strong);font-size:var(--kf-font-size-banner)}.kf-tagline{color:var(--kf-color-muted);font-weight:var(--kf-font-weight-semibold);font-size:var(--kf-font-size-tagline);text-align:center}.kf-hint{color:var(--kf-color-muted);font-size:var(--kf-font-size-hint)}.kf-caps{color:var(--kf-color-muted);font-weight:var(--kf-font-weight-strong);font-size:var(--kf-font-size-caption);letter-spacing:var(--kf-letter-spacing-caption);text-transform:uppercase;text-align:center}.kf-meta{color:var(--kf-color-muted);font-size:var(--kf-font-size-caption)}.kf-error{color:var(--kf-color-error-text);font-weight:var(--kf-font-weight-bold);font-size:var(--kf-font-size-hint)}.kf-error:empty{display:none}.kf-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kf-icon{width:var(--kf-icon);height:var(--kf-icon);-webkit-mask:var(--kf-icon-src) center / contain no-repeat;-webkit-mask:var(--kf-icon-src) center / contain no-repeat;mask:var(--kf-icon-src) center / contain no-repeat;background-color:currentColor;flex:none;display:inline-block}.kf-icon--sm{width:var(--kf-icon-sm);height:var(--kf-icon-sm)}.kf-icon--color{background:var(--kf-icon-src) center / contain no-repeat;-webkit-mask:none;mask:none}.kf-topbar{grid-template-columns:var(--kf-icon-button) 1fr var(--kf-icon-button);align-items:center;gap:var(--kf-space-inline);display:grid;position:relative}.kf-icon-btn{width:var(--kf-icon-button);height:var(--kf-icon-button);border:var(--kf-border-outline);border-radius:var(--kf-radius-icon-button);background:var(--kf-color-card);color:var(--kf-color-graphite);box-shadow:var(--kf-shadow-hard-sm);cursor:pointer;place-items:center;display:inline-grid}.kf-icon-btn--bare{box-shadow:none;width:var(--kf-min-touch);height:var(--kf-min-touch);background:0 0;border:0}.kf-btn{min-height:var(--kf-button-h);padding:0 var(--kf-button-x);border:var(--kf-border-outline);border-radius:var(--kf-radius-button);background:var(--kf-color-card);color:var(--kf-color-ink);box-shadow:var(--kf-shadow-hard);font-size:var(--kf-font-size-button);justify-content:center;align-items:center;gap:var(--kf-space-inline);white-space:nowrap;cursor:pointer;transition:transform var(--kf-motion-press), box-shadow var(--kf-motion-press);flex:none;display:inline-flex}.kf-btn:active:not(:disabled){transform:translateY(var(--kf-press-offset));box-shadow:none}.kf-btn--primary{background:var(--kf-color-primary)}.kf-btn--accent{background:var(--kf-color-accent);color:var(--kf-color-on-accent)}.kf-btn--block{width:100%}.kf-btn--sm{min-height:var(--kf-button-sm-h);padding:0 var(--kf-button-sm-x);border-radius:var(--kf-radius-button-sm);font-size:var(--kf-font-size-button-sm);gap:var(--kf-gap-chip)}.kf-btn--xs{min-height:auto;padding:var(--kf-chip-y) var(--kf-button-sm-x)}.kf-btn:disabled,.kf-btn[aria-disabled=true]{background:var(--kf-color-disabled-bg);border:var(--kf-border-disabled);color:var(--kf-color-disabled-text);box-shadow:none;cursor:not-allowed}.kf-field{min-height:var(--kf-input-h);border:var(--kf-border-input);border-radius:var(--kf-radius-input);background:var(--kf-color-card);padding:0 var(--kf-space-3) 0 var(--kf-space-4);align-items:center;gap:var(--kf-space-inline);display:flex}.kf-field--sm{min-height:var(--kf-input-sm-h);padding:0 var(--kf-space-2)}.kf-field:focus-within{border:var(--kf-border-input-focus)}.kf-field--error,.kf-field--error:focus-within{border:var(--kf-border-input-error);background:var(--kf-color-error-bg);color:var(--kf-color-error-text)}.kf-input{min-width:0;color:var(--kf-color-ink);font:inherit;font-size:var(--kf-font-size-body);background:0 0;border:0;outline:0;flex:auto}.kf-input--link{font-weight:var(--kf-font-weight-semibold);font-size:var(--kf-font-size-chip);min-width:0}.kf-input::placeholder{color:var(--kf-color-muted)}.kf-input--code{text-transform:uppercase;letter-spacing:var(--kf-letter-spacing-caption)}.kf-input--code::placeholder{text-transform:none}.kf-divider{align-items:center;gap:var(--kf-space-3);color:var(--kf-color-muted);font-family:var(--kf-font-heading);font-weight:var(--kf-font-weight-heading);font-size:var(--kf-font-size-button-sm);display:flex}.kf-divider:before,.kf-divider:after{content:"";border-top:var(--kf-border-hairline);flex:1}.kf-card{border:var(--kf-border-outline);border-radius:var(--kf-radius-card);background:var(--kf-color-card);box-shadow:var(--kf-shadow-hard);padding:var(--kf-card-y) var(--kf-card-x)}.kf-room-card{align-items:center;gap:var(--kf-space-3);display:flex}.kf-wordmark{width:var(--kf-wordmark-w);aspect-ratio:413/121;max-width:100%;margin:var(--kf-space-3) auto 0;background:var(--kf-asset-wordmark) center / contain no-repeat;display:block}.kf-wordmark--sm{width:calc(var(--kf-wordmark-w) * .75)}.kf-hero{padding:var(--kf-space-2) 0;place-items:center;display:grid;position:relative}.kf-doodle{pointer-events:none;background:50%/contain no-repeat;position:absolute}.kf-doodle--swirl{background-image:var(--kf-asset-doodle-swirl);width:var(--kf-doodle-lg-w);height:var(--kf-doodle-lg-h);transform:rotate(var(--kf-tilt-1));top:0;left:0}.kf-doodle--star{background-image:var(--kf-asset-doodle-star);width:var(--kf-doodle-sm);height:var(--kf-doodle-sm);transform:rotate(var(--kf-tilt-4));top:0;right:0}.kf-doodle--cloud{background-image:var(--kf-asset-doodle-cloud);width:var(--kf-doodle-lg-w);height:var(--kf-doodle-lg-h);bottom:25%;left:0}.kf-doodle--dots{background-image:var(--kf-asset-doodle-dots);width:var(--kf-doodle-sm);height:var(--kf-doodle-sm);top:40%;right:6%}.kf-hero-card{width:var(--kf-hero-card-w);height:var(--kf-hero-card-h);border:var(--kf-border-outline);border-radius:var(--kf-radius-card);background:var(--kf-color-card) var(--kf-asset-hero) center / 80% no-repeat;box-shadow:var(--kf-shadow-hero);transform:rotate(var(--kf-tilt-1))}.kf-chip{align-items:center;gap:var(--kf-space-1);min-width:0;max-width:100%;padding:var(--kf-chip-y) var(--kf-chip-x);border:var(--kf-border-chip);border-radius:var(--kf-radius-chip);background:var(--kf-color-card);font-weight:var(--kf-font-weight-bold);font-size:var(--kf-font-size-chip);white-space:normal;text-wrap:balance;line-height:var(--kf-line-height-heading);flex-wrap:wrap;flex:none;display:inline-flex}.kf-chip--paper{background:var(--kf-color-paper-2)}.kf-chip--primary{background:var(--kf-color-primary)}.kf-chip--success{background:var(--kf-color-success-bg)}button.kf-chip{font-family:var(--kf-font-body);color:var(--kf-color-ink);cursor:pointer}.kf-chips{gap:var(--kf-gap-chip);flex-wrap:wrap;display:flex}.kf-code-card{flex-direction:column;gap:0;display:flex}.kf-code-card>.kf-caps{margin-bottom:var(--kf-space-2)}.kf-code-tiles{justify-content:center;gap:var(--kf-space-2);padding:var(--kf-space-1) 0 0;display:flex}.kf-code-card-url{width:100%;font-family:var(--kf-font-body);font-weight:var(--kf-font-weight-semibold);font-size:var(--kf-font-size-invite-url);color:var(--kf-color-graphite);text-align:center;white-space:nowrap;cursor:pointer;background:0 0;border:0;margin:4px 0 0;padding:0;line-height:1.25;display:block;overflow:hidden}.kf-code-card-actions{gap:8px;margin-top:12px;display:flex}.kf-code-card-actions>.kf-btn{min-width:0;min-height:var(--kf-min-touch);font-size:var(--kf-font-size-button-sm);flex:1 1 0;gap:4px;padding:0 8px}.kf-code-card-actions>.kf-btn>.kf-icon{flex-shrink:0}@media (max-width:360px){.kf-code-tiles{gap:7px}}.kf-code-tile{width:var(--kf-code-tile-w);height:var(--kf-code-tile-h);border:var(--kf-border-outline);border-radius:var(--kf-radius-tile);background:var(--kf-color-paper);box-shadow:var(--kf-shadow-tile);font-family:var(--kf-font-heading);font-weight:var(--kf-font-weight-heading);font-size:var(--kf-font-size-code-tile);place-items:center;display:grid}.kf-code-tile:nth-child(5n+1){transform:rotate(var(--kf-tilt-1))}.kf-code-tile:nth-child(5n+2){transform:rotate(var(--kf-tilt-2))}.kf-code-tile:nth-child(5n+3){transform:rotate(var(--kf-tilt-3))}.kf-code-tile:nth-child(5n+4){transform:rotate(var(--kf-tilt-4))}.kf-code-tile:nth-child(5n+5){transform:rotate(var(--kf-tilt-5))}.kf-section-head{align-items:center;gap:var(--kf-space-inline);display:flex}.kf-section-head>.kf-hint{white-space:nowrap;margin-left:auto}.kf-grid{gap:var(--kf-space-2);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.kf-slot{min-height:var(--kf-slot-h);border:var(--kf-border-slot);border-radius:var(--kf-radius-input);background:var(--kf-color-card);align-items:center;gap:var(--kf-space-2);padding:0 var(--kf-space-2) 0 var(--kf-space-2);min-width:0;display:flex}.kf-slot--open{border:var(--kf-border-slot-open);color:var(--kf-color-graphite-light);font-weight:var(--kf-font-weight-bold);font-size:var(--kf-font-size-chip);background:0 0;justify-content:center}.kf-slot-text{min-width:0;line-height:var(--kf-line-height-heading);flex-direction:column;flex:auto;display:flex}.kf-slot-name{font-weight:var(--kf-font-weight-strong);font-size:var(--kf-font-size-slot-name)}.kf-slot-sub{color:var(--kf-color-muted);font-weight:var(--kf-font-weight-bold);font-size:var(--kf-font-size-slot-sub)}.kf-kick{width:var(--kf-icon-button);height:var(--kf-slot-h);margin-right:calc(-1 * var(--kf-space-2));color:var(--kf-color-graphite);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.kf-kick:disabled{cursor:not-allowed}.kf-avatar{width:var(--kf-avatar);height:var(--kf-avatar);border:var(--kf-border-outline);border-radius:var(--kf-radius-avatar);background:var(--kf-avatar-1);box-shadow:var(--kf-shadow-hard-sm);font-family:var(--kf-font-heading);font-weight:var(--kf-font-weight-heading);font-size:var(--kf-font-size-avatar);color:var(--kf-color-ink);flex:none;place-items:center;line-height:1;display:grid}.kf-avatar--lg{width:var(--kf-avatar-lg);height:var(--kf-avatar-lg);font-size:var(--kf-font-size-avatar-lg)}.kf-avatar[data-color="1"]{background:var(--kf-avatar-1)}.kf-avatar[data-color="2"]{background:var(--kf-avatar-2)}.kf-avatar[data-color="3"]{background:var(--kf-avatar-3)}.kf-avatar[data-color="4"]{background:var(--kf-avatar-4)}.kf-avatar[data-color="5"]{background:var(--kf-avatar-5)}.kf-avatar[data-color="6"]{background:var(--kf-avatar-6)}.kf-avatar-picker{gap:var(--kf-space-3);flex-wrap:wrap;display:flex}button.kf-avatar{cursor:pointer}.kf-avatar[aria-checked=true]{outline:var(--kf-border-outline);outline-offset:var(--kf-space-1)}.kf-settings-head{justify-content:space-between;align-items:center;gap:var(--kf-space-3);display:flex}.kf-waiting{min-height:var(--kf-waiting-h);justify-content:center;align-items:center;gap:var(--kf-space-2);background:var(--kf-color-paper-2);border-radius:var(--kf-radius-button);padding:var(--kf-space-2) var(--kf-space-4);color:var(--kf-color-graphite);font-weight:var(--kf-font-weight-bold);font-size:var(--kf-font-size-banner);text-align:center;display:flex}.kf-offline{align-items:center;gap:var(--kf-space-3);border:var(--kf-border-outline);border-radius:var(--kf-radius-card);background:var(--kf-color-warning-bg);box-shadow:var(--kf-shadow-hard);padding:var(--kf-space-3) var(--kf-space-3) var(--kf-space-3) var(--kf-space-4);color:var(--kf-color-graphite);display:flex}.kf-offline-title{color:var(--kf-color-ink);font-weight:var(--kf-font-weight-strong);font-size:var(--kf-font-size-banner)}.kf-toast{left:50%;bottom:calc(var(--kf-button-h) + var(--kf-page-bottom) * 2);border:var(--kf-border-chip);border-radius:var(--kf-radius-chip);background:var(--kf-color-success-bg);color:var(--kf-color-success-text);padding:var(--kf-chip-y) var(--kf-chip-x);font-weight:var(--kf-font-weight-strong);font-size:var(--kf-font-size-chip);white-space:nowrap;z-index:10;position:fixed;transform:translate(-50%)}.kf-loading{align-items:center;gap:var(--kf-space-3);text-align:center;flex-direction:column;margin:auto 0;display:flex}.kf-loading .kf-icon{color:var(--kf-color-graphite);width:var(--kf-icon-button);height:var(--kf-icon-button)}.kf-skeleton{gap:var(--kf-space-3);border:var(--kf-border-hairline);border-radius:var(--kf-radius-card);background:var(--kf-color-card);width:100%;padding:var(--kf-card-y) var(--kf-card-x);flex-direction:column;display:flex}.kf-skeleton-row{align-items:center;gap:var(--kf-space-3);display:flex}.kf-skeleton-dot{width:var(--kf-avatar);height:var(--kf-avatar);border-radius:var(--kf-radius-avatar);background:var(--kf-color-paper-2)}.kf-skeleton-line{height:var(--kf-skeleton-line);border-radius:var(--kf-radius-chip);background:var(--kf-color-paper-2);width:70%}.kf-menu{right:0;top:calc(100% + var(--kf-space-1));min-width:var(--kf-menu-min-width);border:var(--kf-border-outline);border-radius:var(--kf-radius-card);background:var(--kf-color-card);box-shadow:var(--kf-shadow-hard);padding:var(--kf-space-1);z-index:5;flex-direction:column;display:flex;position:absolute}.kf-menu-item{text-align:left;padding:var(--kf-space-3);font-family:var(--kf-font-body);font-weight:var(--kf-font-weight-bold);font-size:var(--kf-font-size-banner);color:var(--kf-color-ink);white-space:nowrap;background:0 0;border:0}.kf-menu-item:disabled{color:var(--kf-color-disabled-text);cursor:not-allowed}.kf-footer{align-items:center;gap:var(--kf-space-1);font-size:var(--kf-font-size-caption);color:var(--kf-color-muted);flex-direction:column;display:flex}.kf-footer-links{justify-content:center;gap:var(--kf-space-1) var(--kf-space-3);flex-wrap:wrap;display:flex}.kf-footer-links a{text-decoration:underline}.kf-lang-switch{justify-content:center;gap:var(--kf-space-2);display:flex}.kf-lang-switch button{font-family:var(--kf-font-body);font-weight:var(--kf-font-weight-semibold);font-size:var(--kf-font-size-caption);color:var(--kf-color-muted);padding:var(--kf-space-1) var(--kf-space-2);cursor:pointer;background:0 0;border:0}.kf-lang-switch button[aria-pressed=true]{color:var(--kf-color-ink);font-weight:var(--kf-font-weight-strong);text-decoration:underline}.kf-greeting{justify-content:space-between;align-items:center;gap:var(--kf-space-3);display:flex}.kf-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kf-lobby-body{gap:var(--kf-space-stack);flex-direction:column;display:flex}