@layer components{.rooms{--rooms-gutter:clamp(16px, 3vw, 40px);--rooms-ground:color-mix(in srgb, var(--color-cream) 55%, white);--rooms-line:#1111111f;--rooms-muted:#1119;--rooms-header-h:64px;background-color:var(--rooms-ground);min-height:100svh;color:var(--color-ink);font-family:var(--font-sans)}html:has(>body.rooms){background-color:var(--rooms-ground)}.rooms a{text-underline-offset:.2em}.rooms-header{z-index:40;background-color:var(--color-brand);color:#fff;position:sticky;top:0}.rooms-header__inner{max-width:1440px;height:var(--rooms-header-h);padding:0 var(--rooms-gutter);align-items:center;gap:16px;margin:0 auto;display:flex}.rooms-header__brand{color:inherit;text-decoration:none;display:inline-flex}.rooms-header .lockup{--lockup-size:26px}.rooms-header__rule{background-color:#ffffff59;width:1px;height:24px}.rooms-header__title{font-family:var(--font-serif);color:inherit;font-size:24px;font-style:italic;text-decoration:none}.rooms-header__back{color:#ffffffd9;align-items:center;gap:6px;margin-left:auto;font-size:14px;text-decoration:none;display:inline-flex}.rooms-header__back:hover{color:#fff;text-decoration:underline}@media (max-width:559px){.rooms-header__back{display:none}}.rooms-shell{--rail:240px;--side:320px;grid-template-columns:var(--rail) minmax(0, 1fr) var(--side);max-width:calc(var(--rail) + 740px + var(--side) + 48px + 2 * var(--rooms-gutter));padding:24px var(--rooms-gutter) 64px;align-items:start;gap:24px;margin:0 auto;display:grid}.rooms-main{min-width:0}.rooms-main:focus{outline:none}@media (max-width:1199px){.rooms-shell{grid-template-columns:minmax(0, 1fr) var(--side)}.rooms-rail{grid-column:1/-1}}@media (max-width:1023px){.rooms-shell{grid-template-columns:minmax(0,1fr)}.rooms-side{display:none}}.rooms-rail{top:calc(var(--rooms-header-h) + 24px);position:sticky}.rooms-rail__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.rooms-rail__link{border-radius:var(--radius);min-height:44px;color:var(--color-ink);align-items:center;gap:8px;padding:0 12px;font-size:16px;text-decoration:none;display:flex}.rooms-rail__link:hover{background-color:#1111110f}.rooms-rail__link[aria-current=page]{background-color:var(--color-brand);color:#fff}.rooms-rail__hash{color:#1116}.rooms-rail__link[aria-current=page] .rooms-rail__hash{color:#ffffffb3}.rooms-rail__more{border-top:1px solid var(--rooms-line);margin-top:10px;padding-top:10px}@media (max-width:1199px){.rooms-rail{position:static}.rooms-rail__list{margin:0 calc(-1 * var(--rooms-gutter));padding:2px var(--rooms-gutter);scrollbar-width:none;flex-direction:row;gap:8px;overflow-x:auto}.rooms-rail__list::-webkit-scrollbar{display:none}.rooms-rail__link{border:1px solid var(--rooms-line);background-color:var(--color-paper);white-space:nowrap;border-radius:999px;font-size:15px}.rooms-rail__link[aria-current=page]{border-color:var(--color-brand)}.rooms-rail__more{border:0;margin:0;padding:0}}.rooms-intro{margin-bottom:20px}.rooms-intro__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--rooms-muted);margin:0 0 6px;font-size:13px;font-weight:500}.rooms-intro__title{letter-spacing:-.01em;color:var(--color-brand);margin:0;font-size:clamp(34px,4vw,52px);font-weight:400;line-height:1.05}.rooms-intro__body{color:#111111b8;text-wrap:pretty;max-width:46ch;margin:10px 0 0;font-size:17px;line-height:1.5}.rooms-intro__body a{color:var(--color-brand)}.rooms-sort ul{border:1px solid var(--rooms-line);border-radius:var(--radius);background-color:var(--color-paper);gap:4px;width:fit-content;margin:0 0 12px;padding:4px;list-style:none;display:flex}.rooms-sort a{min-height:40px;color:var(--color-ink);border-radius:8px;align-items:center;padding:0 16px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.rooms-sort a:hover{background-color:#1111110f}.rooms-sort a[aria-current=page]{background-color:var(--color-brand);color:#fff}.rooms-feed{flex-direction:column;gap:12px;display:flex}.rooms-post{border:1px solid var(--rooms-line);border-radius:var(--radius);background-color:var(--color-paper);grid-template-columns:56px minmax(0,1fr);grid-template-areas:"vote main""vote foot";display:grid;overflow:hidden}.rooms-post:hover{border-color:#11111147}.rooms-post[data-kind=announcement]{border-left:4px solid var(--color-sun);background-color:var(--color-cream)}.rooms-post__vote{grid-area:vote}.rooms-post__main{grid-area:main;min-width:0;padding:14px 16px 4px 4px}.rooms-post__foot{grid-area:foot;padding:0 16px 8px 4px}.rooms-post__meta{color:var(--rooms-muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 6px;font-size:13px;display:flex}.rooms-post__room{color:var(--color-brand);font-weight:600;text-decoration:none}.rooms-post__room:hover{text-decoration:underline}.rooms-post__title{font-family:var(--font-sans);text-wrap:balance;margin:0;font-size:19px;font-weight:600;line-height:1.3}.rooms-post__title a{color:inherit;text-decoration:none}.rooms-post__title a:hover{text-decoration:underline}.rooms-post__excerpt{color:#111111b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.rooms-post__link{color:var(--color-brand);align-items:center;gap:4px;margin-top:8px;font-size:13px;display:inline-flex}.rooms-post__comments{color:#111111b8;align-items:center;gap:6px;min-height:36px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.rooms-post__comments:hover{color:var(--color-brand);text-decoration:underline}@media (max-width:767px){.rooms-post{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"main main""vote foot";align-items:center}.rooms-post__main{padding:14px 16px 4px}.rooms-post__foot{padding:0 16px 0 0}.rooms-post__comments{min-height:44px}}.rooms-vote{background-color:color-mix(in srgb, var(--color-cream) 45%, white);color:var(--rooms-muted);flex-direction:column;align-items:center;gap:2px;padding:14px 0;font-size:14px;font-weight:600;display:flex}.rooms-post[data-kind=announcement] .rooms-vote{background-color:#0000}.rooms-vote__score{color:var(--color-ink);font-variant-numeric:tabular-nums}@media (max-width:767px){.rooms-vote{background-color:#0000;flex-direction:row;gap:8px;padding:0 16px}}.rooms-badge{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.rooms-badge--announcement{background-color:var(--color-sun);color:var(--color-ink)}.rooms-badge--studio,.rooms-badge--answer{background-color:var(--color-brand);color:#fff}.rooms-badge--studio{margin-left:6px}.rooms-flair{background-color:var(--color-blush);color:var(--color-ink);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500;line-height:1.5}.rooms-author{color:#111c;font-weight:500}.rooms-author--gone{color:var(--rooms-muted);font-style:italic;font-weight:400}.rooms-thread{border:1px solid var(--rooms-line);border-radius:var(--radius);background-color:var(--color-paper);grid-template-columns:56px minmax(0,1fr);display:grid;overflow:hidden}.rooms-thread[data-kind=announcement]{border-left:4px solid var(--color-sun);background-color:var(--color-cream)}.rooms-thread[data-kind=announcement] .rooms-vote{background-color:#0000}.rooms-thread__main{min-width:0;padding:18px 20px 22px 8px}.rooms-thread__title{letter-spacing:-.01em;text-wrap:balance;margin:8px 0 0;font-size:clamp(28px,3.2vw,40px);font-weight:400;line-height:1.1}.rooms-thread__body{margin-top:16px;font-size:17px}@media (max-width:767px){.rooms-thread{grid-template-columns:minmax(0,1fr)}.rooms-thread__vote{border-top:1px solid var(--rooms-line);order:2;justify-content:flex-start;min-height:44px}.rooms-thread__main{padding:16px}}.rooms-discussion{scroll-margin-top:calc(var(--rooms-header-h) + 16px);margin-top:28px}.rooms-discussion__title{align-items:center;gap:8px;margin:0 0 12px;font-size:26px;font-weight:400;display:flex}.rooms-comments{margin:0;padding:0;list-style:none}.rooms-discussion>.rooms-comments{border:1px solid var(--rooms-line);border-radius:var(--radius);background-color:var(--color-paper);padding:8px 18px}.rooms-discussion>.rooms-comments>.rooms-comment+.rooms-comment{border-top:1px solid var(--rooms-line)}.rooms-comment{scroll-margin-top:calc(var(--rooms-header-h) + 16px)}.rooms-comment>details{padding:4px 0}.rooms-comment__head{min-height:40px;color:var(--rooms-muted);cursor:pointer;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;list-style:none;display:flex}.rooms-comment__head::-webkit-details-marker{display:none}.rooms-comment__head:focus-visible{outline-offset:0;border-radius:6px}.rooms-comment__chevron{transition:transform .2s var(--ease-reveal);flex:none}.rooms-comment>details:not([open])>.rooms-comment__head .rooms-comment__chevron{transform:rotate(-90deg)}.rooms-comment__gone{font-style:italic}.rooms-comment__body{padding-left:20px;font-size:16px}.rooms-comment__replies{border-left:2px solid var(--rooms-line);margin:6px 0 0 7px;padding-left:14px}.rooms-comment[data-studio-answer]>details{border-left:3px solid var(--color-brand);background-color:color-mix(in srgb, var(--color-brand) 6%, white);border-radius:8px;margin:8px 0;padding:6px 14px 10px}.rooms-prose{overflow-wrap:anywhere;line-height:1.6}.rooms-prose>:first-child{margin-top:0}.rooms-prose>:last-child{margin-bottom:0}.rooms-prose p,.rooms-prose ul,.rooms-prose ol,.rooms-prose pre,.rooms-prose blockquote{margin:0 0 .9em}.rooms-prose ul,.rooms-prose ol{padding-left:1.4em}.rooms-prose ul{list-style:outside}.rooms-prose ol{list-style:decimal}.rooms-prose li+li{margin-top:.3em}.rooms-prose a{color:var(--color-brand);text-decoration:underline}.rooms-prose h3,.rooms-prose h4{margin:1.2em 0 .4em;font-weight:400;line-height:1.2}.rooms-prose h3{font-size:1.4em}.rooms-prose h4{font-size:1.2em}.rooms-prose blockquote{border-left:3px solid var(--rooms-line);color:#111111b8;padding-left:1em}.rooms-prose code{background-color:#1111110f;border-radius:6px;padding:.1em .35em;font-size:.9em}.rooms-prose pre{background-color:#1111110f;border-radius:8px;padding:12px 14px;overflow-x:auto}.rooms-prose pre code{background:0 0;padding:0}.rooms-side{top:calc(var(--rooms-header-h) + 24px);max-height:calc(100svh - var(--rooms-header-h) - 40px);scrollbar-width:none;flex-direction:column;gap:12px;display:flex;position:sticky;overflow-y:auto}.rooms-side::-webkit-scrollbar{display:none}.rooms-card{border:1px solid var(--rooms-line);border-radius:var(--radius);background-color:var(--color-paper);padding:16px 18px}.rooms-card__title{font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--rooms-muted);margin:0 0 8px;font-size:12px;font-weight:600}.rooms-card__body{color:#111111bf;margin:0;font-size:15px;line-height:1.5}.rooms-card__link{color:var(--color-brand);margin-top:10px;font-weight:500;display:inline-block}.rooms-rules{margin:0;padding-left:1.4em;font-size:15px;line-height:1.8;list-style:decimal}.rooms-rules a{color:inherit;text-decoration:none}.rooms-rules a:hover{color:var(--color-brand);text-decoration:underline}.rooms-related{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rooms-related a{color:inherit;font-size:15px;font-weight:500;line-height:1.3;text-decoration:none;display:block}.rooms-related a:hover{text-decoration:underline}.rooms-related span{color:var(--rooms-muted);font-size:13px}.rooms-card--help{background-color:var(--color-brand);color:#fff;border-color:#0000}.rooms-card--help .rooms-card__title{color:#ffffffbf}.rooms-card--help .rooms-card__body{color:#ffffffeb}.rooms-button{background-color:var(--color-sun);min-height:44px;color:var(--color-ink);transition:transform .4s var(--ease-reveal);border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:0 18px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.rooms-button:hover{transform:translateY(-1px)}.rooms-guidelines{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rooms-guideline{border:1px solid var(--rooms-line);border-radius:var(--radius);background-color:var(--color-paper);scroll-margin-top:calc(var(--rooms-header-h) + 16px);grid-template-columns:40px minmax(0,1fr);align-items:start;gap:16px;padding:18px 20px;display:grid}.rooms-guideline:target{border-color:var(--color-brand);box-shadow:0 0 0 1px var(--color-brand)}.rooms-guideline__number{background-color:var(--color-brand);color:#fff;width:40px;height:40px;font-family:var(--font-serif);border-radius:50%;place-items:center;font-size:20px;display:grid}.rooms-guideline__title{margin:0;font-size:24px;font-weight:400;line-height:1.2}.rooms-guideline__body{color:#111111bf;margin:6px 0 0;line-height:1.55}.rooms-empty{border:1px solid var(--rooms-line);border-radius:var(--radius);background-color:var(--color-paper);text-align:center;color:var(--rooms-muted);margin:0;padding:32px 16px}.rooms-skeleton{border-radius:var(--radius);background-color:#11111112;animation:1.4s ease-in-out infinite rooms-pulse}.rooms-skeleton--sort{width:216px;height:50px;margin-bottom:12px}.rooms-skeleton--post{border:0;height:124px;display:block}@keyframes rooms-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.rooms-skeleton{animation:none}.rooms-comment__chevron,.rooms-button{transition:none}}.rooms-soon{isolation:isolate;background-color:var(--color-brand);color:#fff;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.rooms-soon:before{content:"";z-index:-1;background:radial-gradient(60% 50% at 50% 0%, #ffffff29, transparent 70%), radial-gradient(45% 45% at 100% 100%, var(--color-brand-deep), transparent 70%);position:absolute;inset:0}.rooms-soon:after{content:"";z-index:-1;background-image:var(--grain);opacity:.18;mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.rooms-soon:focus{outline:none}.rooms-soon__inner{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:60rem;margin:0 auto;padding:24px clamp(16px,4vw,64px) 48px;display:flex}.rooms-soon__mark{color:#fff;width:auto;height:clamp(72px,12vw,128px);display:block}.rooms-soon__eyebrow{letter-spacing:.24em;text-transform:uppercase;color:#ffffffc7;margin:28px 0 0;font-size:13px;font-weight:500}.rooms-soon__title{letter-spacing:-.015em;text-wrap:balance;margin:12px 0 0;font-size:clamp(40px,7vw,104px);font-weight:400;line-height:1.02}.rooms-soon__lead{font-family:var(--font-sans)}.rooms-soon__italic{font-family:var(--font-serif);color:var(--color-sun);font-style:italic}.rooms-soon__body{color:#ffffffe6;text-wrap:pretty;max-width:34em;margin:20px 0 0;font-size:clamp(16px,1.3vw,21px);line-height:1.5}.rooms-soon__btn{margin-top:clamp(24px,3vw,36px)}.rooms-soon__rooms{margin-top:clamp(36px,6vw,64px)}.rooms-soon__rooms-title{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:#ffffffb3;margin:0 0 14px;font-size:12px;font-weight:500}.rooms-soon__rooms ul{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rooms-soon__rooms li{border:1px solid #fff6;border-radius:999px;padding:8px 16px;font-size:14px}.rooms-soon__legal{text-align:center;color:#ffffffbf;margin:0;padding:0 16px 20px;font-size:13px}}