:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:oklch(52% .19 27);--color-success:oklch(50% .12 150);--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:oklch(97% .012 95);--color-paper-2:oklch(94.5% .018 95);--color-paper-3:oklch(91% .022 95);--color-ink:oklch(20% .014 255);--color-ink-2:oklch(29% .014 255);--color-muted:oklch(47% .014 255);--color-rule:oklch(87% .016 95);--color-accent:oklch(87% .175 96);--color-accent-deep:oklch(72% .16 92);--color-accent-ink:oklch(20% .014 255);--color-accent-2:oklch(50% .17 250);--color-accent-3:oklch(70% .2 22);--color-mint:oklch(82% .15 152);--color-mint-deep:oklch(48% .12 155);--color-focus:oklch(50% .17 250);--color-card:oklch(98.8% .007 95);--color-edge:oklch(83% .04 88);--color-fringe:oklch(99.2% .006 95);--color-kraft:oklch(63% .085 62);--color-sand:oklch(77% .1 76);--color-sugar:oklch(89% .035 236);--color-hill-1:oklch(94.5% .03 118);--color-hill-2:oklch(91.5% .045 135);--color-leaf:oklch(64% .15 150);--font-display:"Chillax", ui-rounded, ui-sans-serif, sans-serif;--font-body:var(--font-display);--font-outlier:"Geist Mono", ui-monospace, monospace;--radius-card:24px;--radius-stock:16px;--radius-input:14px;--radius-pill:999px;--rule-hair:1px;--shadow-card:0 1px 2px oklch(20% .014 255/.06), 0 12px 28px -14px oklch(20% .014 255/.22);--shadow-paper:drop-shadow(0 0 .6px oklch(20% .014 255/.32)) drop-shadow(1.5px 2.5px 1.5px oklch(20% .014 255/.1)) drop-shadow(6px 14px 16px oklch(20% .014 255/.13));--tracking-display:-.03em;--display-weight:600;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-snap:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (width<=60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (width<=40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]>img{filter:saturate(1.06)brightness(1.04)}:root{--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .16  0 0 0 0 .14  0 0 0 0 .1  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");--fibre:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='600'><filter id='f'><feTurbulence type='turbulence' baseFrequency='.004 .09' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .3  0 0 0 0 .26  0 0 0 0 .18  0 0 0 .05 0'/></filter><rect width='100%' height='100%' filter='url(%23f)'/></svg>");--sidebar:18rem;--control:calc(var(--space-xl) + var(--space-sm) + var(--space-3xs));--input:calc(var(--space-xl) + var(--space-sm));--sheen:oklch(100% 0 0/.6);--outline:oklch(20% .014 255/.12)}html,body,#root{height:100%}body{background:var(--grain), var(--fibre), var(--color-paper);font-weight:500}code{padding:0 var(--space-2xs);border-radius:var(--space-2xs);background:var(--color-paper-3);font-family:var(--font-outlier);font-size:.9em}a{color:var(--color-accent-2)}.loading{padding:var(--space-xl);color:var(--color-muted)}.error{margin-top:var(--space-2xs);font-size:var(--text-sm);color:var(--color-error)}.tag{padding:0 var(--space-xs);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-muted);font-size:var(--text-xs);line-height:1.6}.skip{left:var(--space-md);top:calc(-1 * var(--space-4xl));z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-stock);background:var(--color-card);position:absolute}.skip:focus-visible{top:var(--space-md)}.empty{padding:var(--space-xl);color:var(--color-muted)}.btn{--edge:var(--color-edge);justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--control);padding:0 var(--space-lg);border-radius:var(--radius-stock);background:var(--grain), var(--color-card);color:var(--color-ink);font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 var(--sheen), 0 5px 0 var(--edge);transition:transform var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);border:0;font-weight:600;text-decoration:none;display:inline-flex;transform:translateY(0)}.btn:hover{box-shadow:inset 0 1px 0 var(--sheen), 0 7px 0 var(--edge);transform:translateY(-2px)}.btn:active{box-shadow:inset 0 1px 0 var(--sheen), 0 1px 0 var(--edge);transform:translateY(4px)}.btn:disabled{cursor:not-allowed;background:var(--color-paper-3);color:var(--color-muted);box-shadow:0 2px 0 var(--color-edge);transform:none}.btn--primary{--edge:var(--color-accent-deep);background:var(--grain), var(--color-accent);color:var(--color-accent-ink);transition:transform var(--dur-short) var(--ease-spring), box-shadow var(--dur-micro) var(--ease-snap)}.btn--small{min-height:calc(var(--space-xl) - var(--space-2xs));padding:0 var(--space-md);font-size:var(--text-sm);box-shadow:inset 0 1px 0 var(--sheen), 0 3px 0 var(--edge)}.btn--quiet{box-shadow:none;color:var(--color-accent-2);text-underline-offset:.2em;background:0 0;text-decoration:underline}.btn--quiet:hover,.btn--quiet:active{box-shadow:none;transform:none}input,textarea{min-height:var(--input);padding:var(--space-sm) var(--space-md);border:var(--rule-hair) solid var(--color-muted);border-radius:var(--radius-input);background:var(--color-card);color:var(--color-ink);font:inherit}input::placeholder,textarea::placeholder{color:var(--color-muted)}input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.avatar{inline-size:var(--space-xl);block-size:var(--space-xl);background:var(--color-sand);color:var(--color-ink);font-weight:600;font-size:var(--text-sm);box-shadow:inset 0 0 0 var(--rule-hair) var(--outline);border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid;position:relative}.avatar--s{inline-size:calc(var(--space-lg) + var(--space-3xs));block-size:calc(var(--space-lg) + var(--space-3xs));font-size:var(--text-xs)}.avatar--l{inline-size:var(--space-2xl);block-size:var(--space-2xl);font-size:var(--text-lg)}.avatar--sugar{background:var(--color-sugar)}.avatar--hill{background:var(--color-hill-2)}.avatar--kraft{background:color-mix(in oklab, var(--color-kraft) 50%, var(--color-paper))}.avatar--leaf{background:color-mix(in oklab, var(--color-leaf) 40%, var(--color-paper))}.avatar--plain{background:var(--color-paper-3)}.avatar__dot{right:calc(-1 * var(--space-3xs));bottom:calc(-1 * var(--space-3xs));inline-size:var(--space-sm);block-size:var(--space-sm);background:var(--color-paper-3);box-shadow:0 0 0 var(--space-3xs) var(--color-paper-2);border-radius:50%;position:absolute}.avatar__dot--on{background:var(--color-mint-deep)}.station{grid-template-columns:var(--sidebar) minmax(0, 1fr);block-size:100dvh;display:grid}.station--thread{grid-template-columns:var(--sidebar) minmax(0, 1fr) minmax(20rem, 27rem)}.room{min-width:0;min-height:0;display:flex}.sidebar{gap:var(--space-md);min-height:0;padding:var(--space-lg) var(--space-md);background:var(--grain), var(--fibre), var(--color-paper-2);border-right:var(--rule-hair) solid var(--color-rule);flex-direction:column;display:flex;overflow-y:auto}.sidebar__top{align-items:baseline;gap:var(--space-sm);padding-inline:var(--space-xs);display:flex}.wordmark{font-weight:600;font-size:var(--text-xl);letter-spacing:var(--tracking-display)}.sidebar__station{font-size:var(--text-sm);color:var(--color-muted)}.sidebar__close{padding:var(--space-2xs) var(--space-xs);color:var(--color-accent-2);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;text-decoration:underline;display:none}.sidebar__heading{margin:var(--space-xs) var(--space-xs) 0;font-size:var(--text-sm);color:var(--color-muted);letter-spacing:0;font-weight:500}.sidebar__search input{inline-size:100%;min-height:calc(var(--input) - var(--space-xs))}.on-air{gap:var(--space-3xs);padding:var(--space-md) var(--space-md) var(--space-lg);border-radius:var(--radius-card);background:var(--grain), var(--fibre), var(--color-accent);color:var(--color-accent-ink);box-shadow:0 5px 0 var(--color-accent-deep);display:grid;position:relative}.on-air__label{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);display:flex}.on-air__label:before{content:"";inline-size:var(--space-xs);block-size:var(--space-xs);background:var(--color-accent-3);border-radius:50%}.on-air__show{font-weight:600;font-size:var(--text-xl);letter-spacing:var(--tracking-display);text-wrap:balance;line-height:1.08}.on-air__with{font-size:var(--text-sm)}.on-air__next{margin-top:var(--space-xs);font-size:var(--text-xs)}.channels,.people{gap:var(--space-3xs);margin:0;padding:0;list-style:none;display:grid}.channel{align-items:center;gap:var(--space-xs);min-height:calc(var(--space-xl) - var(--space-2xs));padding:0 var(--space-sm);border-radius:var(--radius-stock);color:var(--color-ink-2);transition:background-color var(--dur-micro) var(--ease-snap);text-decoration:none;display:flex}.channel:hover{background:var(--color-paper-3)}.channel__hash{color:var(--color-muted)}.channel__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.channel--unread{color:var(--color-ink);font-weight:600}.channel[aria-current=page]{background:var(--color-ink);color:var(--color-paper)}.channel[aria-current=page] .channel__hash{color:var(--color-paper-3)}.count{min-inline-size:calc(var(--space-lg) - var(--space-3xs));padding:0 var(--space-xs);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-xs);text-align:center;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.7}.count--mention{background:var(--color-accent-3);color:var(--color-ink)}.channel[aria-current=page] .count{background:var(--color-paper);color:var(--color-ink)}.person{align-items:center;gap:var(--space-sm);padding:var(--space-3xs) var(--space-sm);color:var(--color-muted);font-size:var(--text-sm);display:flex}.person--online{color:var(--color-ink)}.person__name{flex:1;min-width:0}.sidebar__me{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-card);background:var(--grain), var(--color-card);box-shadow:var(--shadow-card);margin-top:auto;display:flex}.sidebar__me-text{flex:1;min-width:0}.sidebar__me-name{font-weight:600;font-size:var(--text-sm)}.sidebar__status{font-size:var(--text-xs);color:var(--color-mint-deep)}.sidebar__status--off{color:var(--color-error)}.sidebar__about{padding-inline:var(--space-xs);font-size:var(--text-xs);color:var(--color-muted)}.channel-view{min-width:0;flex:1;grid-template-rows:auto minmax(0,1fr) auto;block-size:100dvh;display:grid}.channel-view__head{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:var(--rule-hair) solid var(--color-rule);display:flex}.channel-view__head h1{max-width:none;font-size:var(--text-xl)}.channel-view__topic{font-size:var(--text-sm);color:var(--color-muted)}.menu-button{padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-muted);border-radius:var(--radius-stock);color:var(--color-ink);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;font-weight:600;display:none}.scroll{min-height:0;padding:var(--space-md) var(--space-lg) var(--space-xl);overscroll-behavior:contain;overflow-y:auto}.earlier{margin:0 auto var(--space-md);display:flex}.channel-start{max-width:60ch;margin:var(--space-lg) var(--space-sm) var(--space-md);color:var(--color-muted)}.channel-start strong{color:var(--color-ink)}.messages{margin:0;padding:0;list-style:none}.day,.unread-marker,.thread__count{align-items:center;gap:var(--space-sm);margin:var(--space-lg) 0 var(--space-xs);font-size:var(--text-xs);color:var(--color-muted);display:flex}.day:before,.day:after,.unread-marker:before,.unread-marker:after,.thread__count:after{content:"";border-top:var(--rule-hair) solid var(--color-rule);flex:1}.day span{padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-paper-2);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule)}.unread-marker{color:var(--color-mint-deep);font-weight:600}.unread-marker:before,.unread-marker:after{border-top-color:var(--color-mint-deep)}.thread__count:before{content:none}.message{grid-template-columns:var(--space-xl) minmax(0, 1fr);column-gap:var(--space-sm);padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-stock);outline:none;display:grid;position:relative}.message--first{margin-top:var(--space-sm);padding-top:var(--space-xs)}.message:hover,.message:focus-within{background:color-mix(in oklab, var(--color-paper-3) 55%, transparent)}.message__gutter{justify-content:center;display:flex}.message__hover-time{padding-top:var(--space-3xs);font-size:var(--text-xs);color:var(--color-muted);opacity:0;font-variant-numeric:tabular-nums}.message:hover .message__hover-time,.message:focus-within .message__hover-time{opacity:1}.message__head{align-items:baseline;gap:var(--space-xs);display:flex}.message__name{font-weight:600}.message__head time{font-size:var(--text-xs);color:var(--color-muted);font-variant-numeric:tabular-nums}.body{white-space:pre-wrap;overflow-wrap:anywhere;max-width:72ch}.body--emoji{font-size:var(--text-2xl);line-height:1.3}.body--deleted{color:var(--color-muted);font-style:italic}.edited{font-size:var(--text-xs);color:var(--color-muted)}mark{padding:0 var(--space-3xs);border-radius:var(--space-2xs);background:linear-gradient(transparent 45%, color-mix(in oklab, var(--color-accent) 75%, transparent) 45%);color:inherit}.mention--me{background:var(--color-accent);font-weight:600}.message__actions{top:calc(-1 * var(--space-sm));right:var(--space-sm);z-index:var(--z-raised);gap:var(--space-3xs);padding:var(--space-3xs);border-radius:var(--radius-stock);background:var(--grain), var(--color-card);box-shadow:var(--shadow-card);opacity:0;pointer-events:none;display:flex;position:absolute}.message:hover .message__actions,.message:focus-within .message__actions{opacity:1;pointer-events:auto}.action{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-input);color:var(--color-ink-2);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;font-weight:600;text-decoration:none}.action:hover{background:var(--color-paper-2)}.picker{top:calc(var(--space-lg) + var(--space-xs));right:var(--space-sm);z-index:var(--z-dropdown);gap:var(--space-3xs);padding:var(--space-2xs);border-radius:var(--radius-stock);background:var(--grain), var(--color-card);box-shadow:var(--shadow-card);display:flex;position:absolute}.picker__emoji{inline-size:var(--space-xl);block-size:var(--space-xl);border-radius:var(--radius-input);font-size:var(--text-lg);cursor:pointer;background:0 0;border:0}.picker__emoji:hover{background:var(--color-paper-2)}.reactions{gap:var(--space-2xs);margin:var(--space-2xs) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.reaction{align-items:center;gap:var(--space-2xs);min-height:calc(var(--space-lg) + var(--space-2xs));padding:0 var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-card);color:var(--color-ink);font:inherit;font-size:var(--text-sm);cursor:pointer;box-shadow:0 2px 0 var(--color-edge);transition:transform var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);display:inline-flex}.reaction:active{box-shadow:0 0 0 var(--color-edge);transform:translateY(2px)}.reaction[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper);box-shadow:0 2px 0 var(--color-ink-2)}.num{font-variant-numeric:tabular-nums}.replies{align-items:center;gap:var(--space-xs);margin-top:var(--space-2xs);padding:var(--space-3xs) var(--space-sm) var(--space-3xs) var(--space-3xs);border-radius:var(--radius-pill);color:var(--color-accent-2);font-size:var(--text-sm);font-weight:600;text-decoration:none;display:inline-flex}.replies:hover{background:var(--color-card);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule)}.replies__faces{display:flex}.replies__faces .avatar+.avatar{margin-left:calc(-1 * var(--space-2xs))}.replies__last{color:var(--color-muted);font-weight:500}.replying{margin-top:var(--space-2xs);font-size:var(--text-sm);color:var(--color-mint-deep)}.edit{gap:var(--space-xs);display:grid}.edit textarea{field-sizing:content;resize:none}.edit__actions{gap:var(--space-xs);display:flex}.composer{align-items:end;gap:var(--space-2xs) var(--space-sm);margin:0 var(--space-lg) var(--space-md);padding:var(--space-sm) var(--space-sm) var(--space-2xs);border-radius:var(--radius-card);background:var(--grain), var(--color-card);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.composer textarea{field-sizing:content;resize:none;max-block-size:12rem;line-height:1.45}.composer__status{min-block-size:1.5em;padding-inline:var(--space-xs);font-size:var(--text-xs);color:var(--color-muted);grid-column:1/-1}.composer__status--problem{color:var(--color-error)}.suggest{bottom:calc(100% + var(--space-xs));left:var(--space-sm);z-index:var(--z-dropdown);min-inline-size:16rem;padding:var(--space-2xs);border-radius:var(--radius-stock);background:var(--grain), var(--color-card);box-shadow:var(--shadow-card);margin:0;list-style:none;position:absolute}.suggest__item{align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-input);cursor:pointer;display:flex}.suggest__item--on{background:var(--color-ink);color:var(--color-paper)}.suggest__handle{font-size:var(--text-xs);opacity:.7;margin-left:auto}.thread{block-size:100dvh;background:var(--grain), var(--fibre), var(--color-paper-2);border-left:var(--rule-hair) solid var(--color-rule);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.thread__head{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:var(--rule-hair) solid var(--color-rule);display:flex}.thread__head h2{font-size:var(--text-lg)}.thread__where{font-size:var(--text-sm);color:var(--color-muted)}.thread .scroll{padding-inline:var(--space-md)}.thread .composer{margin-inline:var(--space-md)}.search__form{gap:var(--space-sm);max-width:44rem;margin:var(--space-md) 0;display:flex}.search__form input{flex:1;min-width:0}.search__count{margin-bottom:var(--space-md);color:var(--color-muted)}.results{gap:var(--space-xs);max-width:52rem;margin:0;padding:0;list-style:none;display:grid}.result{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--grain), var(--color-card);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule);grid-template-columns:auto minmax(0,1fr);display:grid}.result__head{font-size:var(--text-sm);color:var(--color-muted)}.result__head strong{color:var(--color-ink)}.signin{flex-direction:column;min-block-size:100%;display:flex}.signin__main{gap:var(--space-2xl);max-inline-size:var(--container);padding:var(--space-2xl) var(--gutter);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;margin-inline:auto;display:grid}.signin__text{gap:var(--space-md);justify-items:start;display:grid}.signin h1{font-size:var(--text-3xl);max-width:14ch}.signin .lead{color:var(--color-ink-2)}.signin__pick{margin-top:var(--space-md);font-size:var(--text-lg)}.choices{gap:var(--space-md);inline-size:100%;max-inline-size:30rem;margin:0;padding:0;list-style:none;display:grid}.choice{--edge:var(--color-edge);align-items:center;gap:var(--space-md);inline-size:100%;padding:var(--space-md);border-radius:var(--radius-card);background:var(--grain), var(--color-card);color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 var(--sheen), 0 5px 0 var(--edge);transition:transform var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);border:0;display:flex}.choice:hover{box-shadow:inset 0 1px 0 var(--sheen), 0 7px 0 var(--edge);transform:translateY(-2px)}.choice:active{box-shadow:inset 0 1px 0 var(--sheen), 0 1px 0 var(--edge);transform:translateY(4px)}.choice__text{display:grid}.choice__text strong{font-size:var(--text-lg);font-weight:600}.choice__text span{font-size:var(--text-sm);color:var(--color-muted)}.signin__note{max-width:46ch;font-size:var(--text-sm);color:var(--color-muted)}.signin__photo{filter:var(--shadow-paper);margin:0;position:relative}.signin__photo img{border-radius:0 var(--radius-card) var(--radius-card) 0;clip-path:polygon(3% 0,100% 0,100% 100%,2% 100%,3.4% 93%,1.6% 86%,3.2% 78%,1.2% 70%,2.8% 61%,.8% 52%,2.6% 44%,1% 35%,3% 27%,1.4% 18%,3.6% 9%);block-size:auto;inline-size:100%}.signin__photo:before{content:"";z-index:-1;border-radius:0 var(--radius-card) var(--radius-card) 0;background:var(--color-fringe);clip-path:polygon(2% 0,100% 0,100% 100%,1% 100%,2.4% 93%,.6% 86%,2.2% 78%,.2% 70%,1.8% 61%,0% 52%,1.6% 44%,0% 35%,2% 27%,.4% 18%,2.6% 9%);position:absolute;inset:0}.colophon{padding:var(--space-lg) var(--gutter);border-top:var(--rule-hair) solid var(--color-rule);font-size:var(--text-sm);color:var(--color-muted)}.colophon p{max-width:75ch}@media (width<=60rem){.station,.station--thread{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:var(--z-modal);inline-size:min(var(--sidebar), 88vw);transition:transform var(--dur-short) var(--ease-snap);box-shadow:var(--shadow-card);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.station--drawer .sidebar{transform:none}.backdrop{z-index:calc(var(--z-modal) - 1);background:color-mix(in oklab, var(--color-ink) 35%, transparent);cursor:pointer;border:0;position:fixed;inset:0}.sidebar__top{flex-wrap:wrap}.sidebar__station{flex-basis:100%;order:3}.sidebar__close,.menu-button{display:inline-flex}.thread{z-index:var(--z-sticky);position:fixed;inset:0}.signin__main{gap:var(--space-xl);padding-block:var(--space-xl);grid-template-columns:minmax(0,1fr)}.signin__photo{order:-1}}@media (width<=40rem){.channel-view__head{padding:var(--space-sm) var(--space-md)}.scroll{padding-inline:var(--space-xs)}.composer{margin:0 var(--space-xs) var(--space-xs)}.signin h1{font-size:var(--text-2xl)}}@media (hover:none) and (pointer:coarse){.message__actions{margin-top:var(--space-2xs);opacity:1;pointer-events:auto;box-shadow:none;background:0 0;grid-column:2;justify-self:start;padding:0;display:none;position:static}.message:focus-within .message__actions{display:flex}}