:root,.ui-light{--ui-font: system-ui,-apple-system,"Helvetica Neue","Segoe UI",Roboto,sans-serif;--ui-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--ui-bg: #ffffff;--ui-surface: #ffffff;--ui-subtle: #f3f3f1;--ui-fg: #111111;--ui-muted: #5f5f5b;--ui-border: #e4e4e0;--ui-strong: #bdbdb7;--ui-accent: #111111;--ui-accent-fg: #ffffff;--ui-accent-soft: #ffeb8a;--ui-sun: #ffd60a;--ui-mark-fg: #111111;--ui-mark-bg: #ffd60a;--ui-success: #18794e;--ui-success-soft: #e3f5ec;--ui-warning: #a35200;--ui-warning-soft: #fdf0dc;--ui-danger: #c62a2f;--ui-danger-soft: #fdeaea;--ui-info: #0b6bcb;--ui-info-soft: #e5f1fc;--ui-overlay: rgba(17,17,17,.45);--ui-shadow: 0 1px 2px rgba(17,17,17,.06),0 4px 12px rgba(17,17,17,.08);--ui-shadow-lg: 0 12px 40px rgba(17,17,17,.18);--ui-focus: 0 0 0 3px color-mix(in srgb,var(--ui-sun) 70%,transparent);--ui-radius: 10px;--ui-radius-sm: 6px;color-scheme: light}@media (prefers-color-scheme: dark){:root:not(.ui-light){--ui-bg: #0d0d0c;--ui-surface: #161615;--ui-subtle: #1f1f1d;--ui-fg: #f2f2ee;--ui-muted: #a3a39c;--ui-border: #2c2c29;--ui-strong: #4a4a45;--ui-accent: #ffd60a;--ui-accent-fg: #111111;--ui-accent-soft: #3a3210;--ui-sun: #ffd60a;--ui-mark-fg: #ffd60a;--ui-mark-bg: transparent;--ui-success: #4cc38a;--ui-success-soft: #12301f;--ui-warning: #f3b54a;--ui-warning-soft: #33250c;--ui-danger: #ff6b6b;--ui-danger-soft: #3a1618;--ui-info: #6cb6ff;--ui-info-soft: #10263d;--ui-overlay: rgba(0,0,0,.6);--ui-shadow: 0 1px 2px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.3);--ui-shadow-lg: 0 12px 40px rgba(0,0,0,.5);color-scheme: dark}}.ui-dark{--ui-bg: #0d0d0c;--ui-surface: #161615;--ui-subtle: #1f1f1d;--ui-fg: #f2f2ee;--ui-muted: #a3a39c;--ui-border: #2c2c29;--ui-strong: #4a4a45;--ui-accent: #ffd60a;--ui-accent-fg: #111111;--ui-accent-soft: #3a3210;--ui-sun: #ffd60a;--ui-mark-fg: #ffd60a;--ui-mark-bg: transparent;--ui-success: #4cc38a;--ui-success-soft: #12301f;--ui-warning: #f3b54a;--ui-warning-soft: #33250c;--ui-danger: #ff6b6b;--ui-danger-soft: #3a1618;--ui-info: #6cb6ff;--ui-info-soft: #10263d;--ui-overlay: rgba(0,0,0,.6);--ui-shadow: 0 1px 2px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.3);--ui-shadow-lg: 0 12px 40px rgba(0,0,0,.5);color-scheme: dark}.ui-root{margin: 0;font: 15px/1.5 var(--ui-font);background: var(--ui-bg);color: var(--ui-fg)}.ui-root *,.ui-root *::before,.ui-root *::after{box-sizing: border-box}.ui-sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}[hidden]{display: none !important}body{margin: 0}a{color: var(--ui-accent);text-decoration: none}a:not([class]):hover{color: color-mix(in srgb,var(--ui-accent) 75%,var(--ui-fg))}.note a:not([class]){font-weight: 650;text-decoration: underline;text-underline-offset: 2px}.text a{font-weight: 650}.shell{display: grid;grid-template-columns: 15rem minmax(0,37.5rem) 20rem;justify-content: center;gap: 0 1.75rem;min-height: 100vh;padding: 0 1rem}.shell.wide{grid-template-columns: 15rem minmax(0,1fr);justify-content: stretch}.side{position: sticky;top: 0;align-self: start;height: 100vh;overflow-y: auto;box-sizing: border-box}.left{display: flex;flex-direction: column;gap: .15rem;padding: .6rem 0 1rem}.right{display: flex;flex-direction: column;gap: 1rem;padding: .75rem 0 2rem}.right > *{flex-shrink: 0}.brand-mark{flex: none;display: block;border-radius: 22%}.brand{display: inline-flex;align-items: center;gap: .55rem;padding: .55rem .8rem;margin-bottom: .3rem;color: var(--ui-fg);font-weight: 800;font-size: 1.45rem;letter-spacing: -.03em;text-decoration: none}.brand b{color: var(--ui-mark-fg);background: linear-gradient(transparent 58%,var(--ui-mark-bg) 58%);padding: 0 .06em}.nav-item{display: flex;align-items: center;gap: 1rem;width: 90%;padding: .7rem 1.1rem .7rem .8rem;border-radius: 999px;color: var(--ui-fg);font-size: 1.2rem;text-decoration: none}.nav-item:hover{background: var(--ui-subtle)}.nav-item[aria-current="page"]{font-weight: 700}.nav-item svg{width: 1.6rem;height: 1.6rem;flex: none;fill: none;stroke: currentColor;stroke-width: 1.9;stroke-linecap: round;stroke-linejoin: round}.nav-item[aria-current="page"] svg{stroke-width: 2.6}.nav-item .dot{position: relative;display: inline-flex}.badge{position: absolute;top: -.45rem;right: -.6rem;min-width: 1.15rem;height: 1.15rem;padding: 0 .3rem;box-sizing: border-box;border-radius: 999px;background: var(--ui-accent);color: var(--ui-accent-fg);font: 700 11px/1.15rem var(--ui-font);text-align: center}.post-btn{display: flex;align-items: center;justify-content: center;width: 90%;height: 3.2rem;margin: .8rem 0;border-radius: 999px;background: var(--ui-accent);color: var(--ui-accent-fg);font-weight: 700;font-size: 1.05rem;text-decoration: none}.post-btn svg{display: none;width: 1.5rem;height: 1.5rem;fill: none;stroke: currentColor;stroke-width: 2.4;stroke-linecap: round}.powered{width: 90%;margin: -.35rem 0 .4rem;text-align: center;color: var(--ui-muted);font-size: .8rem;text-decoration: none}.powered b{color: var(--ui-fg);font-weight: 700}.powered:hover b{background: linear-gradient(transparent 58%,var(--ui-mark-bg) 58%)}.account{margin-top: auto;display: flex;align-items: center;gap: .6rem;padding: .6rem .7rem;border-radius: 999px;color: var(--ui-fg);text-decoration: none}.account:hover{background: var(--ui-subtle)}.account .who{min-width: 0;line-height: 1.25;font-size: .92rem}.account .who b,.account .who span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.logout{padding: .2rem .8rem}.logout button{padding: 0;border: 0;background: none;color: var(--ui-muted);font: 500 .85rem var(--ui-font);cursor: pointer}.logout button:hover{color: var(--ui-danger)}.col{min-width: 0;min-height: 100vh;border-left: 1px solid var(--ui-border);border-right: 1px solid var(--ui-border)}.top{position: sticky;top: 0;z-index: 4;background: color-mix(in srgb,var(--ui-bg) 85%,transparent);backdrop-filter: blur(12px);border-bottom: 1px solid var(--ui-border)}.top h1{margin: 0;padding: .85rem 1rem;font-size: 1.25rem;letter-spacing: -.01em}.top .sub{margin: -.7rem 0 0;padding: 0 1rem .6rem;color: var(--ui-muted);font-size: .85rem}.headline{display: flex;align-items: center;gap: .1rem}.headline .back{flex: none;display: grid;place-items: center;width: 2.3rem;height: 2.3rem;margin-left: .5rem;border-radius: 50%;color: var(--ui-fg);font-size: 1.35rem;text-decoration: none}.headline .back:hover{background: var(--ui-subtle)}.headline .back + div h1,.headline .back + div .sub{padding-left: .5rem}.thread{position: relative}.thread .post{border-bottom: 0}.thread::after{content: "";position: absolute;left: calc(1rem + 21px);top: 3.6rem;bottom: -.4rem;width: 2px;background: var(--ui-border)}.post:target{background: var(--ui-subtle)}.top .bar{display: none}.top.bare{display: none}.tabs{display: flex;position: relative;overflow-x: auto;scrollbar-width: none;overscroll-behavior-x: contain}.tabs::-webkit-scrollbar{display: none}.tabs a{flex: 1 0 auto;display: flex;justify-content: center;padding: .95rem .9rem 0;white-space: nowrap;color: var(--ui-muted);font-weight: 500;text-decoration: none}.tabs a:hover{background: var(--ui-subtle)}.tabs a span{padding-bottom: .8rem;border-bottom: 4px solid transparent}.tabs a[aria-current="page"]{color: var(--ui-fg);font-weight: 700}.tabs a[aria-current="page"] span{border-color: var(--ui-accent)}.pad{padding: 1rem}.box{border: 1px solid var(--ui-border);border-radius: 1rem;background: var(--ui-surface);overflow: hidden}.box h2{margin: 0;padding: .8rem 1rem .4rem;font-size: 1.15rem}.box p{margin: 0;padding: 0 1rem .9rem}.box .more{display: block;padding: .8rem 1rem;text-decoration: none}.box .more:hover{background: var(--ui-subtle)}.search{position: sticky;top: 0;z-index: 3;padding: .2rem 0 .3rem;background: var(--ui-bg)}.search input{width: 100%;box-sizing: border-box;height: 2.7rem;padding: 0 1rem 0 2.6rem;border: 1px solid transparent;border-radius: 999px;background: var(--ui-subtle);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: .9rem center;background-size: 1.1rem}.search input:focus{background-color: var(--ui-bg);border-color: var(--ui-accent)}.who-list{list-style: none;margin: 0;padding: 0}.trend-list{list-style: none;margin: 0;padding: 0 0 .4rem}.mascot-pop{width: min(32rem,calc(100vw - 2rem));max-height: calc(100dvh - 2rem);box-sizing: border-box;padding: 1.2rem 1.2rem 0;border: 1px solid var(--ui-border);border-radius: 1.25rem;background: var(--ui-surface);color: var(--ui-fg);overflow: hidden}.mascot-pop[open]{display: flex;flex-direction: column}.mascot-pop::backdrop{background: rgba(0,0,0,.55)}.site-menu{margin: 0;padding: 0;border: 0;max-width: none;max-height: none;background: var(--ui-bg);color: var(--ui-fg)}.site-menu[open]{position: fixed;inset: 0 auto 0 0;width: min(21rem,88vw);height: 100dvh;box-sizing: border-box;overflow-y: auto;overscroll-behavior: contain;border-right: 1px solid var(--ui-border);box-shadow: var(--ui-shadow)}.site-menu::backdrop{background: rgba(0,0,0,.45)}.menu-all{display: grid;gap: .8rem;padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.menu-head{display: flex;align-items: center;justify-content: space-between;gap: .6rem}.menu-me{display: flex;align-items: center;gap: .6rem;min-width: 0;color: inherit;text-decoration: none}.menu-me > span{display: grid;min-width: 0;line-height: 1.25}.menu-me b,.menu-me .muted{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.menu-close{display: grid;place-items: center;width: 2.4rem;height: 2.4rem;padding: 0;border: 0;border-radius: 50%;background: var(--ui-subtle);color: inherit;cursor: pointer}.menu-close svg{width: 1.2rem;height: 1.2rem;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round}.menu-list{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: 1fr 1fr;gap: .2rem}.menu-all .nav-item{width: auto;justify-content: flex-start;gap: .7rem;padding: .7rem .6rem;font-size: 1rem}.menu-all .nav-item .label{display: inline}.menu-all .nav-item.narrow-only{display: flex}.menu-actions{display: flex;flex-wrap: wrap;gap: .5rem}.menu-actions a{flex: 1 1 8rem;text-align: center}.menu-switches{display: flex;flex-wrap: wrap;gap: .5rem}.menu-logout button{width: 100%}@media (max-width: 640px){.site-menu[open]{inset: auto 0 0 0;width: 100%;height: auto;max-height: 88dvh;border-right: 0;border-top: 1px solid var(--ui-border);border-radius: 1.1rem 1.1rem 0 0}}.slow-note{margin: .3rem 1rem}.evolved{width: min(26rem,calc(100vw - 2rem));box-sizing: border-box;padding: 1.4rem 1.2rem 1.2rem;border: 1px solid var(--ui-border);border-radius: 1.25rem;background: var(--ui-surface);color: var(--ui-fg);text-align: center}.evolved::backdrop{background: rgba(0,0,0,.55)}.evolved .ev-kicker{margin: 0;font-size: .78rem;font-weight: 700;text-transform: uppercase;letter-spacing: .06em;color: var(--ui-muted)}.evolved h2{margin: .25rem 0 .2rem;font-size: 1.35rem}.evolved .ev-stage{display: grid;place-items: center;height: 180px}.evolved .ev-stage .tile{grid-area: 1 / 1;transition: opacity .7s ease,transform .7s ease}.evolved .ev-now{opacity: 0;transform: scale(.55)}.evolved.on .ev-was{opacity: 0;transform: scale(1.35)}.evolved.on .ev-now{opacity: 1;transform: none}.evolved .ev-said{margin: 0 0 1rem;color: var(--ui-muted)}@media (prefers-reduced-motion: reduce){.evolved .ev-stage .tile{transition: none}}.critter-line{padding: .9rem 0;border-top: 1px solid var(--ui-border)}.critter-line:first-of-type{border-top: 0}.critter-line h3{margin: 0;font-size: 1.05rem}.critter-stages{list-style: none;margin: .6rem 0 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(6.5rem,1fr));gap: .5rem}.critter-stages li{display: flex;flex-direction: column;align-items: center;gap: .2rem;padding: .5rem .3rem;border: 1px solid var(--ui-border);border-radius: var(--ui-radius-sm);text-align: center}.critter-stages li.worn{border-color: var(--ui-fg);box-shadow: inset 0 0 0 1px var(--ui-fg)}.critter-stages li.ahead .tile{filter: brightness(0);opacity: .22}.critter-stages li.ahead.dim .tile{filter: grayscale(1);opacity: .45}.chest-list{grid-template-columns: repeat(auto-fill,minmax(8.5rem,1fr))}.chest-list .plain{height: 2rem;padding: 0 .8rem;font-size: 13px}.chest-list a.small{overflow-wrap: anywhere}.critter-meter{height: .5rem;margin: .5rem 0 .2rem;border-radius: 999px;background: var(--ui-subtle);overflow: hidden}.critter-meter > span{display: block;height: 100%;border-radius: 999px;background: var(--ui-fg)}.legal{max-width: 40rem;line-height: 1.6}.legal h2{margin: 1.4rem 0 .4rem;font-size: 1.15rem}.legal ul,.legal ol{padding-left: 1.3rem}.legal li{margin: .3rem 0}.legal-nav{display: flex;flex-wrap: wrap;gap: .4rem 1rem;padding-bottom: .6rem;border-bottom: 1px solid var(--ui-border)}.legal-nav a[aria-current="page"]{font-weight: 700;text-decoration: underline;text-underline-offset: 3px}.legal-links a,.legal-foot a{color: inherit}.legal-foot{padding: 1.2rem 1rem 1.6rem;color: var(--ui-muted);font-size: .8rem;text-align: center;border-top: 1px solid var(--ui-border)}@media (min-width: 1101px){.legal-foot{display: none}}.stats h2{margin: 1.2rem 0 .6rem;font-size: 1.1rem}.stats h2:first-child{margin-top: 0}.kpis{display: grid;grid-template-columns: repeat(auto-fit,minmax(8.5rem,1fr));gap: .6rem}.kpis.align-start{align-content: start}.stat-pair{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,28rem),1fr));gap: 0 1.5rem}.stat-pair .top-list.chars{margin-top: 0}.stat-pair > section > h2{margin-top: 0}.kpi{display: grid;gap: .1rem;padding: .7rem .8rem;border: 1px solid var(--ui-border);border-radius: .9rem}.kpi b{font-size: 1.5rem;line-height: 1.1}.kpi span:not(.small){font-weight: 600}.charts{display: grid;grid-template-columns: repeat(auto-fill,minmax(16rem,1fr));gap: 1rem;margin-top: 1rem}.bars{margin: 0}.bars figcaption{display: grid;margin-bottom: .3rem}.bars figcaption > *{min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.bars svg{display: block;width: 100%;height: auto;overflow: visible}.bars .bar{fill: var(--ui-fg)}.bars .bar:hover{fill: var(--ui-muted)}.bars .base{stroke: var(--ui-fg);stroke-width: 1}.bars .grid{stroke: var(--ui-border);stroke-width: 1;stroke-dasharray: 2 3}.bars .axis{fill: var(--ui-muted);font: 7px var(--ui-font)}.stat-table{border-collapse: collapse;margin-top: .4rem}.server-state{display: flex;align-items: center;justify-content: space-between;gap: .6rem 1rem;flex-wrap: wrap;margin-bottom: 1rem;padding: .75rem 1rem;border-radius: .9rem}.server-state.ok{background: var(--ui-success-soft)}.server-state.bad{background: var(--ui-danger-soft)}.server-state p,.server-state ul{margin: 0}.server-state ul{padding-left: 1.1rem;display: grid;gap: .2rem}.alert-list{list-style: none;margin: 0;padding: 0}.alert-list li{display: grid;gap: .1rem;padding: .45rem 0;border-bottom: 1px solid var(--ui-border)}.stat-table td,.stat-table th{padding: .15rem .8rem .15rem 0;text-align: left}.top-lists{display: grid;grid-template-columns: repeat(auto-fit,minmax(12rem,1fr));gap: 1rem;margin-top: 1rem}.top-list h3{margin: 0 0 .4rem;font-size: .95rem}.top-list ol{list-style: none;margin: 0;padding: 0}.top-list li{display: flex;align-items: center;gap: .5rem;justify-content: space-between;padding: .2rem 0;border-bottom: 1px solid var(--ui-border)}.top-list li span{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.top-list.chars{margin-top: 1rem}.top-list.chars ol{display: grid;grid-template-columns: repeat(auto-fill,minmax(9rem,1fr));gap: .3rem .9rem}.sure{width: min(24rem,calc(100vw - 2rem));box-sizing: border-box;padding: 1.2rem 1.2rem 1rem;border: 1px solid var(--ui-border);border-radius: 1.1rem;background: var(--ui-surface);color: var(--ui-fg);box-shadow: var(--ui-shadow-lg)}.sure::backdrop{background: rgba(0,0,0,.45)}.sure p{margin: 0 0 1rem;font-size: 1.02rem;line-height: 1.45}.sure .row{justify-content: flex-end;gap: .5rem}.mascot-pop .v-close{position: absolute;top: .6rem;right: .6rem;width: 2.2rem;height: 2.2rem;display: grid;place-items: center;border: 0;border-radius: 50%;background: var(--ui-subtle);color: var(--ui-fg);cursor: pointer}.mascot-pop .v-close svg{width: 1.1rem;height: 1.1rem;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round}.pop-stage{flex: none;display: grid;place-items: center;min-height: 220px}.pop-name{flex: none;margin: .2rem 0 .6rem;text-align: center;font-weight: 700}.pop-copy{flex: none;display: grid;justify-items: center;gap: .3rem;margin-bottom: .6rem;text-align: center}.pop-copy p{margin: 0}.pop-gestures{flex: 1 1 auto;min-height: 6rem;overflow-y: auto;overscroll-behavior: contain;display: flex;flex-wrap: wrap;align-content: flex-start;gap: .35rem;padding: .6rem 0 1rem;border-top: 1px solid var(--ui-border)}@media (max-height: 640px){.pop-stage{min-height: 150px}.pop-stage .tile{--w: 150px !important}}.pop-kind{flex-basis: 100%;margin: .5rem 0 0;color: var(--ui-muted);font-size: .8rem;font-weight: 700;text-transform: uppercase;letter-spacing: .04em}.pop-gestures button{padding: .35rem .7rem;border: 1px solid var(--ui-border);border-radius: 999px;background: none;color: var(--ui-fg);font: 500 13px/1.2 var(--ui-font);cursor: pointer}.pop-gestures button:hover{background: var(--ui-subtle)}.pop-gestures button[aria-pressed="true"]{border-color: var(--ui-fg);background: var(--ui-subtle);font-weight: 700}.in-group{color: var(--ui-muted)}.in-group a{font-weight: 650}.groups-intro{justify-content: space-between;gap: 1rem;border-bottom: 1px solid var(--ui-border)}.list-head{margin: 0;padding: 1rem 1rem .2rem;font-size: 1.1rem}.group-acts{justify-content: flex-end;gap: .5rem;min-height: 2.6rem;padding-top: .8rem}.member-acts{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: .2rem .8rem}.member-acts .link{padding: 0;font-size: .9rem}.trend-list a{display: grid;gap: .1rem;padding: .5rem 1rem;text-decoration: none;color: inherit}.trend-list a:hover{background: var(--ui-subtle)}.trend-list .tag{font-weight: 700}.trend-list .muted,.trending h2 .muted{font-size: .85rem;font-weight: 400}.tag-stats{display: flex;gap: 1.4rem;flex-wrap: wrap;padding: .9rem 1rem;border-bottom: 1px solid var(--ui-border)}.tag-stats b{display: block;font-size: 1.3rem}.who-list li{display: grid;grid-template-columns: auto minmax(0,1fr) auto;gap: .6rem;align-items: center;padding: .55rem 1rem}.who-list li:hover{background: var(--ui-subtle)}.who-list a{color: inherit;text-decoration: none}.who-list .name{display: block;font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.who-list .handle{display: block;color: var(--ui-muted);font-size: .9rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.fine{padding: 0 1rem;color: var(--ui-muted);font-size: .8rem;line-height: 1.6}.fine a{color: inherit;font-weight: 600}.fine a:hover{color: var(--ui-accent)}.tabbar{display: none}h1{letter-spacing: -.02em}h2{letter-spacing: -.01em}.muted{color: var(--ui-muted)}.small{font-size: .875rem}.problem{margin: 0 0 .75rem;color: var(--ui-danger)}.note{margin: 0 0 1rem;padding: .6rem .9rem;border-radius: var(--ui-radius-sm);background: var(--ui-success-soft);color: var(--ui-fg)}.form{display: grid;gap: .8rem}.form label{display: grid;gap: .3rem;font-weight: 500}.form .hint{font-weight: 400;color: var(--ui-muted);font-size: .85rem}.form .check{display: flex;align-items: center;gap: .45rem;font-weight: 400}.form label.row{display: flex}.form h1{margin: 0;font-size: 1.5rem}input,textarea,select{padding: .5rem .7rem;border: 1px solid var(--ui-border);border-radius: var(--ui-radius-sm);background: var(--ui-bg);color: var(--ui-fg);font: inherit;font-weight: 400}input:focus-visible,textarea:focus-visible,select:focus-visible{outline: none;border-color: var(--ui-accent);box-shadow: var(--ui-focus)}.primary,.plain,.danger,.outline{display: inline-flex;align-items: center;justify-content: center;gap: .35rem;height: 2.25rem;padding: 0 1.1rem;border: 0;border-radius: 999px;font: 700 14px/1 var(--ui-font);cursor: pointer;text-decoration: none;white-space: nowrap}.primary{background: var(--ui-accent);color: var(--ui-accent-fg)}.plain{background: var(--ui-fg);color: var(--ui-bg)}.outline{background: none;color: var(--ui-fg);border: 1px solid var(--ui-border)}.danger{background: var(--ui-danger-soft);color: var(--ui-danger)}.primary:focus-visible,.plain:focus-visible,.danger:focus-visible,.outline:focus-visible{outline: none;box-shadow: var(--ui-focus)}.row{display: flex;align-items: center;gap: .6rem;flex-wrap: wrap}.tile{position: relative;display: inline-block;flex: none;width: var(--w,48px);min-height: calc(var(--w,48px) * .93);vertical-align: bottom}.theme-switch{display: inline-flex;gap: 2px;padding: 3px;border: 1px solid var(--ui-border);border-radius: 999px;background: var(--ui-subtle)}.theme-switch button{height: 26px;padding: 0 10px;border: 0;border-radius: 999px;background: transparent;color: var(--ui-muted);font: 500 12px/1 var(--ui-font);cursor: pointer}.theme-switch button[aria-pressed="true"]{background: var(--ui-surface);color: var(--ui-fg);box-shadow: var(--ui-shadow)}.post{position: relative;display: grid;grid-template-columns: auto minmax(0,1fr) auto;gap: .7rem;padding: .8rem 1rem .6rem;border-bottom: 1px solid var(--ui-border)}.post .face{align-self: start}.avatar{display: inline-block;flex: none;width: var(--s,44px);height: var(--s,44px);border-radius: 50%;object-fit: cover;vertical-align: middle;background: var(--ui-subtle)}.avatar.initial{display: inline-grid;place-items: center;background: var(--ac,var(--ui-accent));color: #fff;font: 700 calc(var(--s,44px) * .42)/1 var(--ui-font);overflow: hidden}.ring{display: inline-block;padding: 4px;border-radius: 50%;background: var(--ui-bg);line-height: 0}.badged{position: relative;display: inline-block;width: 52px}.badged .tile{position: absolute;right: -10px;bottom: -8px}.perched{position: absolute;z-index: 2;right: 1.2rem;bottom: -.6rem;display: grid;justify-items: center}.perched .greet{position: absolute;right: calc(100% + 10px);top: 38%;width: max-content;max-width: min(15rem,calc(100vw - 10rem));box-sizing: border-box;padding: .4rem .75rem;border: 1.5px solid #1b1a17;border-radius: 12px;background: #ffffff;color: #1b1a17;font: italic 15px/1.35 Georgia,"Times New Roman",serif;text-align: left;box-shadow: 0 2px 10px rgba(0,0,0,.18);animation: greet-in .25s ease-out}.perched .greet::after{content: "";position: absolute;right: -6px;top: 1rem;width: 9px;height: 9px;background: #ffffff;border: solid #1b1a17;border-width: 1.5px 1.5px 0 0;transform: rotate(45deg)}.perched .greet[hidden]{display: none}.perched .tile{cursor: pointer}.perched a.tag{text-decoration: none}.perched .tag-handle{margin-left: .35rem;color: var(--ui-muted);font-weight: 500}.mascot-head{display: flex;gap: 1.2rem;align-items: center;flex-wrap: wrap;border-bottom: 1px solid var(--ui-border)}.acts .guest-mascot{z-index: 1;will-change: translate;text-decoration: none}.tile[data-still] domain-mascot::part(tile){display: none}.gesture-chip{position: fixed;z-index: 40;padding: 1px 6px;border-radius: 999px;background: color-mix(in srgb,var(--ui-fg) 82%,transparent);color: var(--ui-bg);font: 500 10px/1.4 var(--ui-font);letter-spacing: .01em;white-space: nowrap;pointer-events: none;animation: chip-in .15s ease-out}.gesture-chip[hidden]{display: none}@keyframes chip-in{from{opacity: 0;transform: translateY(3px)}}@keyframes greet-in{from{opacity: 0;transform: translateY(4px)}}.perched .tag{margin-bottom: .2rem;padding: .15rem .55rem;border-radius: 999px;background: color-mix(in srgb,var(--ui-bg) 88%,transparent);color: var(--ui-fg);font-size: .78rem;font-weight: 700;box-shadow: var(--ui-shadow)}.bubble .says{font-size: .95rem}.react svg,.icon-btn svg,.replies svg,.more-menu .menu svg,.pinned svg{width: 1.1rem;height: 1.1rem;flex: none;fill: none;stroke: currentColor;stroke-width: 1.9;stroke-linecap: round;stroke-linejoin: round}.react{display: inline-flex;align-items: center;justify-content: center;gap: .25rem;min-width: 2.1rem}.react[aria-pressed="true"] svg{stroke-width: 2.4}.react[value="heart"][aria-pressed="true"] svg,.tally[value="heart"] svg{fill: currentColor}.tallies{display: inline-flex;gap: .3rem}span.react{cursor: default}.icons{gap: .35rem}.icon-btn{display: inline-grid;place-items: center;width: 2.3rem;height: 2.3rem;padding: 0;border: 1px solid var(--ui-border);border-radius: 50%;background: none;color: var(--ui-fg);cursor: pointer}.icon-btn:hover{border-color: var(--ui-strong);color: var(--ui-fg);background: var(--ui-subtle)}.icon-btn.on{border-color: var(--ui-fg);background: var(--ui-subtle);color: var(--ui-fg)}.icon-btn.on svg{stroke-width: 2.4}.more-menu .menu button{display: flex;align-items: center;gap: .55rem}.pinned{display: flex;align-items: center;gap: .3rem}.pinned a{color: inherit}.photos{display: grid;gap: 3px;margin: .1rem 0 .55rem;border: 1px solid var(--ui-border);border-radius: 1rem;overflow: hidden}.photos a{display: block;min-height: 0;background: var(--ui-subtle)}.photos img{display: block;width: 100%;height: 100%;object-fit: cover}.photos.n1 img{height: auto;max-height: 32rem}.photos.n1.small{width: fit-content;max-width: 100%}.photos.n1.small img{width: auto;max-width: 100%}.photos a.small img{object-fit: scale-down}.viewer{width: 100vw;height: 100vh;max-width: none;max-height: none;margin: 0;padding: 0;border: 0;background: rgba(10,10,10,.94)}.viewer[open]{display: grid;place-items: center}.viewer::backdrop{background: transparent}.viewer img{max-width: min(96vw,1600px);max-height: 86vh;object-fit: contain;border-radius: 6px;touch-action: pan-y;user-select: none}.viewer button{position: fixed;display: grid;place-items: center;width: 2.75rem;height: 2.75rem;padding: 0;border: 0;border-radius: 50%;background: rgba(255,255,255,.14);color: #fff;cursor: pointer}.viewer button:hover,.viewer button:focus-visible{background: rgba(255,255,255,.3)}.viewer button svg{width: 1.3rem;height: 1.3rem;fill: none;stroke: currentColor;stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round}.viewer .v-close{top: 1rem;right: 1rem}.viewer .v-prev{left: 1rem;top: 50%;transform: translateY(-50%)}.viewer .v-next{right: 1rem;top: 50%;transform: translateY(-50%)}.viewer .v-mascot{position: fixed;left: 1.2rem;bottom: .6rem;z-index: 2;width: 150px;pointer-events: none}.viewer .v-mascot .tile{display: block;pointer-events: auto}.viewer .v-says{position: absolute;left: 118px;bottom: 112px;width: max-content;max-width: min(19rem,calc(100vw - 9rem));box-sizing: border-box;display: grid;gap: .5rem;padding: .7rem .85rem;border-radius: 1rem;background: var(--ui-surface);color: var(--ui-fg);box-shadow: 0 10px 30px rgba(0,0,0,.35);pointer-events: auto;font: 500 .95rem/1.35 var(--ui-font)}.viewer .v-says p{margin: 0}.viewer .v-says a{color: var(--ui-accent);font-weight: 700}.viewer .v-reacts{display: flex;flex-wrap: wrap;gap: .3rem}.viewer .v-reacts .react{position: static;width: auto;height: 2.2rem;min-width: 2.4rem;padding: 0 .55rem;border: 1px solid var(--ui-border);border-radius: 999px;background: var(--ui-bg);color: var(--ui-fg);transform: none}.viewer .v-reacts .react:hover{background: color-mix(in srgb,var(--ui-sun,#ffd60a) 30%,var(--ui-bg))}.viewer .v-reacts .react[aria-pressed="true"]{border-color: transparent;background: var(--ui-sun,#ffd60a);color: #111}@media (max-width: 640px){.viewer .v-mascot{width: 96px;left: .5rem}.viewer .v-says{left: 64px;bottom: 76px}}.viewer .v-count{position: fixed;bottom: 1.2rem;left: 50%;transform: translateX(-50%);color: #fff;font: 600 .9rem var(--ui-font);opacity: .8}html:has(.viewer[open]){overflow: hidden}.photos.n2{grid-template-columns: 1fr 1fr;aspect-ratio: 16 / 9}.photos.n3{grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;aspect-ratio: 16 / 9}.photos.n3 a:first-child{grid-row: span 2}.photos.n4{grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;aspect-ratio: 16 / 9}.react.repost[aria-pressed="true"]{border-color: var(--ui-success);background: var(--ui-success-soft);color: var(--ui-success)}.add-photo{width: 2.1rem;height: 2.1rem;border-color: var(--ui-border);color: var(--ui-fg)}.shots{display: flex;gap: .4rem;flex-wrap: wrap;margin: .3rem 0 .5rem}.shot{position: relative;width: 5.2rem;height: 5.2rem;border-radius: .7rem;overflow: hidden;background: var(--ui-subtle)}.shot img{width: 100%;height: 100%;object-fit: cover}.shot button{position: absolute;top: .2rem;right: .2rem;width: 1.4rem;height: 1.4rem;padding: 0;border: 0;border-radius: 50%;background: rgba(0,0,0,.65);color: #fff;font: 700 13px/1 var(--ui-font);cursor: pointer}.empty svg{width: 1.1rem;height: 1.1rem;vertical-align: -.2rem;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round}.new-dm{padding: .8rem 1rem;border-bottom: 1px solid var(--ui-border)}.new-dm .row{flex-wrap: nowrap}.new-dm input{flex: 1;min-width: 0;border-radius: 999px}.new-dm .primary,.dm-compose .primary{width: 2.4rem;height: 2.4rem;padding: 0}.new-dm svg,.dm-compose .primary svg{width: 1.15rem;height: 1.15rem;fill: none;stroke: currentColor;stroke-width: 2;stroke-linejoin: round;stroke-linecap: round}.dms{list-style: none;margin: 0;padding: 0}.dms a{display: grid;grid-template-columns: auto minmax(0,1fr) auto;gap: .75rem;align-items: center;padding: .8rem 1rem;border-bottom: 1px solid var(--ui-border);color: inherit}.dms a:hover{background: var(--ui-subtle)}.dms li.new a{background: var(--ui-accent-soft)}.dm-who{min-width: 0}.dm-top,.dm-last{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.dm-last{color: var(--ui-muted);font-size: .92rem}.dms li.new .dm-last{color: var(--ui-fg);font-weight: 600}.dm-count{position: static}.chat{display: flex;flex-direction: column;min-height: calc(100vh - 4.5rem)}.thread-msgs{flex: 1;display: flex;flex-direction: column;gap: .7rem;padding: 1rem}.msg{display: flex;align-items: flex-end;gap: .45rem;max-width: 85%}.msg.mine{align-self: flex-end;flex-direction: row-reverse}.msg-body{display: grid;gap: .2rem}.msg.mine .msg-body{justify-items: end}.bubble-text{margin: 0;padding: .55rem .85rem;border-radius: 1.1rem 1.1rem 1.1rem .3rem;background: var(--ui-subtle);white-space: pre-wrap;overflow-wrap: anywhere;line-height: 1.4}.msg.mine .bubble-text{border-radius: 1.1rem 1.1rem .3rem 1.1rem;background: var(--ui-accent);color: var(--ui-accent-fg)}.msg.mine .bubble-text a{color: inherit;text-decoration: underline;text-decoration-thickness: 1px}.msg:target .bubble-text{box-shadow: 0 0 0 3px var(--ui-accent-soft)}.post.just-posted{animation: just-posted 1.6s ease-out}@keyframes just-posted{from{background: color-mix(in srgb,var(--ui-sun,#ffd60a) 28%,var(--ui-bg))}}@media (prefers-reduced-motion: reduce){.post.just-posted{animation: none}}.bubble-text.removed,.msg.mine .bubble-text.removed{background: none;border: 1px dashed var(--ui-strong);color: var(--ui-muted);font-style: italic}.msg-reaction{display: inline-grid;place-items: center;width: 1.7rem;height: 1.7rem;margin: -.75rem .5rem 0;border: 1px solid var(--ui-border);border-radius: 50%;background: var(--ui-bg);color: var(--ui-fg);box-shadow: var(--ui-shadow);position: relative}.msg-reaction svg,.msg-state svg,.msg-menu svg{width: 1rem;height: 1rem;flex: none;fill: none;stroke: currentColor;stroke-width: 1.9;stroke-linecap: round;stroke-linejoin: round}.msg-reaction[data-kind="heart"] svg,.msg-pop .react[value="heart"][aria-pressed="true"] svg{fill: currentColor}.msg-meta{display: inline-flex;flex-wrap: wrap;align-items: center;gap: .1rem .35rem}.msg-state{display: inline-flex;align-items: center;gap: .15rem}.msg-state[data-state="seen"]{color: var(--ui-fg)}.msg .state-word{display: none}.msg.mine:not(:has(~ .msg.mine)) .state-word{display: inline}.msg-menu{align-self: center;position: relative;flex: none}.msg-menu > summary{list-style: none;display: grid;place-items: center;width: 2rem;height: 2rem;border-radius: 50%;color: var(--ui-muted);cursor: pointer;opacity: 0;transition: opacity .15s}.msg-menu > summary::-webkit-details-marker{display: none}.msg-menu > summary:hover{background: var(--ui-subtle);color: var(--ui-fg)}.msg:hover .msg-menu > summary,.msg-menu[open] > summary,.msg-menu > summary:focus-visible{opacity: 1}@media (hover: none){.msg-menu > summary{opacity: .7}}.msg-pop{position: absolute;bottom: calc(100% + .25rem);left: 0;z-index: 6;display: grid;gap: .2rem;padding: .35rem;border: 1px solid var(--ui-border);border-radius: 1rem;background: var(--ui-bg);box-shadow: var(--ui-shadow)}.msg-pop .reacts{display: flex;gap: .1rem}.msg-pop .react{width: 2.2rem;height: 2.2rem;padding: 0;border: 0;border-radius: 50%;background: none;color: var(--ui-fg);cursor: pointer}.msg-pop .react:hover{background: var(--ui-subtle)}.msg-pop .react[aria-pressed="true"]{background: var(--ui-sun,#ffd60a);color: #111}.msg-pop .react svg{width: 1.2rem;height: 1.2rem}.msg-report{display: inline-flex;align-items: center;gap: .35rem;padding: .25rem .5rem;border-radius: .6rem;color: var(--ui-muted);font-size: .85rem;text-decoration: none}.msg-report:hover{background: var(--ui-subtle);color: var(--ui-fg)}.dm-compose{position: sticky;bottom: 0;display: grid;gap: .5rem;padding: .7rem 1rem;border-top: 1px solid var(--ui-border);background: var(--ui-bg)}.dm-compose textarea{width: 100%;box-sizing: border-box;resize: vertical;border-radius: 1rem}.dm-compose select{padding: .3rem .6rem;border-radius: 999px;color: var(--ui-fg);border-color: var(--ui-border);font-weight: 600;font-size: .9rem}@media (max-width: 640px){.dm-compose{bottom: 3.6rem}.chat{min-height: calc(100vh - 8rem)}}.answers{display: grid;gap: .45rem;margin: 0;padding: .8rem .9rem;border: 1px solid var(--ui-border);border-radius: var(--ui-radius)}.answers legend{padding: 0 .3rem;font-weight: 600}.answer{display: grid !important;grid-template-columns: 2.4rem 4rem minmax(0,1fr);align-items: center;gap: .5rem;font-weight: 500}.answer .react{pointer-events: none}.more-menu{position: absolute;top: .45rem;right: .6rem}.more-menu summary{list-style: none;display: grid;place-items: center;width: 2rem;height: 2rem;border-radius: 50%;color: var(--ui-muted);font-size: 1.15rem;line-height: 1;cursor: pointer}.more-menu summary::-webkit-details-marker{display: none}.more-menu summary:hover,.more-menu[open] summary{background: var(--ui-subtle);color: var(--ui-fg)}.more-menu .menu{position: absolute;right: 0;top: 2.2rem;z-index: 3;min-width: 13rem;padding: .3rem;border: 1px solid var(--ui-border);border-radius: .8rem;background: var(--ui-surface);box-shadow: var(--ui-shadow-lg)}.more-menu .menu button{display: block;width: 100%;padding: .6rem .8rem;border: 0;border-radius: .5rem;background: none;color: var(--ui-fg);font: 600 14px var(--ui-font);text-align: left;cursor: pointer}.more-menu .menu button:hover{background: var(--ui-subtle)}.more-menu .menu .del{color: var(--ui-danger)}.post .head{padding-right: 1.8rem}.mascot-menu{position: relative;align-self: end}.mascot-menu summary{list-style: none;display: block;padding: 2px;border-radius: 1rem;background: none;cursor: pointer;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;user-select: none}.mascot-menu summary::-webkit-details-marker{display: none}.mascot-menu summary:focus-visible{outline: none;box-shadow: var(--ui-focus)}.bubble{position: absolute;z-index: 5;right: calc(100% + 12px);bottom: 0;width: 19rem;max-width: calc(100vw - 6.5rem);box-sizing: border-box;display: grid;gap: .65rem;padding: .8rem .9rem;border: 1px solid var(--ui-border);border-radius: 1rem;background: var(--ui-surface);box-shadow: var(--ui-shadow-lg)}.bubble::before{content: "";position: absolute;right: -7px;bottom: 1.4rem;width: 12px;height: 12px;background: var(--ui-surface);border-right: 1px solid var(--ui-border);border-top: 1px solid var(--ui-border);transform: rotate(45deg)}.bubble .who{line-height: 1.3}.bubble .row{gap: .4rem}.bubble form{display: contents}.bubble .reacts{display: flex;flex-wrap: wrap;gap: .3rem}.bubble a.small{justify-self: start}.post:hover{background: color-mix(in srgb,var(--ui-subtle) 45%,transparent)}.post .head{display: flex;align-items: baseline;gap: .3rem;flex-wrap: wrap;line-height: 1.3}.post .head a{color: inherit;text-decoration: none}.post .head a:hover strong{color: var(--ui-accent)}.post .text{margin: .2rem 0 .45rem;white-space: pre-wrap;overflow-wrap: anywhere;line-height: 1.45}.post.big .text{font-size: 1.3rem;line-height: 1.4}.pinned{grid-column: 1 / -1;margin: -.2rem 0 -.3rem 3.9rem;color: var(--ui-muted);font-size: .82rem;font-weight: 700}.via{padding: .05rem .45rem;border-radius: 999px;background: var(--ui-info-soft);color: var(--ui-info);font-size: .75rem;font-weight: 600}.mood{padding: .1rem .5rem;border-radius: 999px;background: var(--ui-subtle);color: var(--ui-muted);font-size: .78rem}.acts{display: flex;align-items: center;gap: .3rem;flex-wrap: wrap;font-size: .85rem}.acts form{display: contents}.acts .mine-menu{z-index: 1;will-change: translate}.acts .mine-menu[open]{z-index: 6}.acts .mine-menu summary{padding: 0}.mine-menu .bubble{right: auto;left: -1rem;bottom: calc(100% + 12px);width: 20rem}.mine-menu .bubble::before{right: auto;left: var(--arrow,1.75rem);bottom: -7px;transform: rotate(135deg)}.react{height: 1.85rem;padding: 0 .6rem;border: 1px solid var(--ui-border);border-radius: 999px;background: none;color: var(--ui-muted);font: 500 13px/1 var(--ui-font);cursor: pointer}.react:hover{color: var(--ui-accent);border-color: var(--ui-accent)}.react[aria-pressed="true"]{border-color: var(--ui-fg);background: var(--ui-subtle);color: var(--ui-fg)}.react b{font-weight: 700}.link{padding: 0 .2rem;border: 0;background: none;color: var(--ui-accent);font: inherit;font-weight: 600;cursor: pointer}.link:hover{color: var(--ui-fg)}.replies{display: inline-flex;align-items: center;gap: .3rem;padding: .2rem .5rem;border-radius: 999px;color: var(--ui-muted);font-weight: 600}.replies:hover{background: var(--ui-subtle);color: var(--ui-fg)}.acts .replies,.acts .react{box-sizing: border-box;height: 2rem;min-width: 2.5rem;padding: 0 .7rem;gap: .35rem;border: 0;border-radius: 999px;background: none;color: var(--ui-muted);font: 600 13px/1 var(--ui-font);text-decoration: none;transition: background-color .15s,color .15s,transform .1s}.acts .replies:hover{background: var(--ui-info-soft);color: var(--ui-info)}.acts button.react.repost:hover,.acts .react.repost[aria-pressed="true"]{background: var(--ui-success-soft);color: var(--ui-success)}.acts .react.tally{background: var(--ui-subtle);color: var(--ui-fg)}.acts button.react.tally:hover{background: color-mix(in srgb,var(--ui-sun,#ffd60a) 30%,var(--ui-subtle))}.acts .react.tally[aria-pressed="true"]{background: var(--ui-sun,#ffd60a);color: #111}.acts .replies:active,.acts button.react:active{transform: scale(.93)}.acts .replies:focus-visible,.acts .react:focus-visible{outline: none;box-shadow: var(--ui-focus)}.acts .replies span,.acts .react b{font-weight: 700;font-variant-numeric: tabular-nums}.acts span.react{cursor: default}.more-menu .menu a{display: flex;align-items: center;gap: .55rem;padding: .6rem .8rem;border-radius: .5rem;color: var(--ui-fg);font: 600 14px var(--ui-font);text-decoration: none}.more-menu .menu a:hover{background: var(--ui-subtle);color: var(--ui-fg)}.more-menu .menu button{display: flex}.new-posts{position: sticky;top: 6.8rem;z-index: 4;display: block;margin: .6rem auto;padding: .5rem 1.1rem;border: 0;border-radius: 999px;background: var(--ui-fg);color: var(--ui-bg);font: 700 14px var(--ui-font);box-shadow: var(--ui-shadow-lg);cursor: pointer}.new-posts:hover{background: color-mix(in srgb,var(--ui-fg) 85%,var(--ui-sun,#ffd60a))}@media (max-width: 640px){.new-posts{top: 4.2rem}}.post.away{overflow-x: clip}.invite-box{margin-top: .9rem;padding: .45rem .5rem .45rem .85rem;border: 1px solid var(--ui-border);border-radius: .9rem}.invite-box[open]{display: grid;gap: .4rem;padding-bottom: .75rem}.invite-box > summary{display: flex;align-items: center;justify-content: space-between;gap: .5rem;list-style: none;cursor: pointer}.invite-box > summary::-webkit-details-marker{display: none}.invite-title{display: inline-flex;align-items: center;gap: .4rem;font-weight: 700}.invite-title svg{width: 1.05rem;height: 1.05rem;fill: none;stroke: currentColor;stroke-width: 1.9;stroke-linecap: round;stroke-linejoin: round}.invite-title::after{content: "▾";color: var(--ui-muted);font-size: .8rem;transition: transform .15s}.invite-box[open] .invite-title::after{transform: rotate(180deg)}.invite-box .row{gap: .5rem;align-items: center;flex-wrap: nowrap}.invite-box .outline{padding: .25rem .8rem;font-size: .9rem}.invite-box .token{min-width: 0;overflow-wrap: anywhere;font-family: var(--ui-mono,ui-monospace,monospace);font-size: .85rem}.post{scroll-margin-top: 7.5rem}.composer{scroll-margin-top: 10rem}.composer{display: grid;grid-template-columns: auto minmax(0,1fr);gap: .7rem;padding: 1rem;border-bottom: 1px solid var(--ui-border)}.composer textarea{display: block;width: 100%;box-sizing: border-box;min-height: 5rem;padding: .7rem .9rem;border: 1px solid var(--ui-border);border-radius: 1rem;background: var(--ui-subtle);font-size: 1.15rem;line-height: 1.4;resize: vertical;transition: border-color .15s,background-color .15s}.composer textarea:hover{border-color: var(--ui-strong)}.composer textarea:focus-visible{background: var(--ui-bg);border-color: var(--ui-accent);box-shadow: var(--ui-focus)}.composer .tools{display: flex;align-items: center;justify-content: space-between;gap: .6rem;flex-wrap: wrap;padding-top: .6rem}.composer select{padding: .3rem .6rem;border-radius: 999px;color: var(--ui-fg);border-color: var(--ui-border);font-weight: 600;font-size: .9rem}.composer .problem{grid-column: 1 / -1;margin: 0}.push-form .push-device{display: grid;gap: .4rem;justify-items: start}.push-form [hidden]{display: none !important}.push-offer{display: flex;align-items: center;justify-content: space-between;gap: .6rem 1rem;flex-wrap: wrap;margin: .8rem 1rem;padding: .7rem .9rem;border: 1px solid var(--ui-border);border-radius: 1rem;background: var(--ui-subtle)}.push-offer[hidden]{display: none}.push-offer .row{gap: .5rem}.clamped > div > .post > .main > .text,.reply-previews > .post > .main > .text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;line-clamp: 5;overflow: hidden}.reply-previews > .post > .main > .text{-webkit-line-clamp: 3;line-clamp: 3}.clamped > div > .post:has(> .main > .photos) > .main > .text,.post > .main > .text.open{display: block;-webkit-line-clamp: unset;line-clamp: none;overflow: visible}.read-more{display: block;margin: -.4rem 0 .45rem;padding: 0;border: 0;background: none;color: var(--ui-muted);font: 600 .9rem var(--ui-font);cursor: pointer}.read-more:hover{color: var(--ui-fg);text-decoration: underline}.post .head > a,.counts a,.post .main > p.small a,.pinned a,.people li > a{display: inline-block;padding-block: 2px;margin-block: -2px;min-height: 24px;box-sizing: border-box;line-height: 20px}.post .head > a.muted{min-width: 24px;padding-inline: 3px;margin-inline: -3px;text-align: center}.read-more{min-height: 24px;padding: 3px 0;margin-top: -.6rem}.powered,.fine a,.notes a.small{display: inline-block;padding-block: 3px;margin-block: -3px;min-height: 24px;box-sizing: border-box}.theme-switch button,.focus-switch button,.logout button,button.link{min-height: 24px}.perched .tag{padding: .25rem .6rem}.form .row > a{display: inline-block;padding-block: 3px;min-height: 24px;box-sizing: border-box}.new-version{position: fixed;z-index: 60;left: 50%;bottom: calc(1rem + env(safe-area-inset-bottom,0px));transform: translateX(-50%);display: flex;align-items: center;gap: .8rem;width: max-content;max-width: calc(100vw - 2rem);padding: .55rem .6rem .55rem 1rem;border: 1px solid var(--ui-border);border-radius: 999px;background: var(--ui-bg);box-shadow: var(--ui-shadow)}@media (max-width: 640px){.new-version{bottom: calc(4.4rem + env(safe-area-inset-bottom,0px))}}.pop-gif{display: grid;gap: .45rem;margin: 0 0 .8rem}.pop-gif[hidden]{display: none}.pop-gif .gif-row,.pop-gif .gif-acts{gap: .5rem;flex-wrap: wrap;align-items: center}.pop-gif select{padding: .35rem .6rem;border-radius: 999px;font-size: .9rem}.pop-gif .gif-said{margin: 0}.pop-gif .gif-out{display: grid;gap: .5rem;justify-items: start}.pop-gif .gif-out[hidden]{display: none}.pop-gif .gif-img{max-width: 100%;max-height: 14rem;border: 1px solid var(--ui-border);border-radius: .8rem;background: repeating-conic-gradient(var(--ui-subtle) 0 25%,var(--ui-bg) 0 50%) 0 0 / 16px 16px}.pop-gif .gif-post input{min-width: 12rem}.pop-gif .gif-width input{width: 5rem;padding: .3rem .5rem;border-radius: 999px}.pop-gif .gif-width[hidden],.pop-gif .gif-sizes[hidden]{display: none}.pop-gif .gif-sizes{display: flex;flex-wrap: wrap;gap: .3rem 1rem;margin: 0;padding: .5rem .7rem;border: 1px solid var(--ui-border);border-radius: .8rem}.pop-gif .gif-sizes legend{padding: 0 .3rem}.pop-gestures.packing button[aria-pressed="true"]{outline: 2px solid var(--ui-fg);outline-offset: 1px}html.focus{--mascot-play: paused}.switches{display: flex;flex-wrap: wrap;align-items: center;gap: .4rem .8rem}.focus-switch button{padding: .2rem .7rem;border: 1px solid var(--ui-border);border-radius: 999px;background: none;color: var(--ui-muted);font: 500 .8rem var(--ui-font);cursor: pointer}.focus-switch button[aria-pressed="true"]{border-color: var(--ui-fg);color: var(--ui-fg);background: var(--ui-subtle)}.wanderer{position: absolute;z-index: 45;width: var(--wsize,72px);height: var(--wsize,72px);pointer-events: none;transition: left 1.8s ease-in-out,top 1.8s ease-in-out,opacity .6s,transform .5s}.wanderer .w-window{position: absolute;inset: 0;overflow: hidden}.wanderer.out .w-window{overflow: visible}.wanderer .w-slide{position: absolute;inset: 0;display: grid;place-items: end center;transition: transform 1s ease-out}.wanderer .tile{pointer-events: auto;cursor: pointer}.wanderer .w-says{position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%);width: max-content;max-width: 14rem;padding: .35rem .7rem;border: 1.5px solid #1b1a17;border-radius: 12px;background: #ffffff;color: #1b1a17;font: italic 14px/1.35 Georgia,"Times New Roman",serif;box-shadow: 0 2px 10px rgba(0,0,0,.18);animation: greet-in .25s ease-out;pointer-events: none}.wanderer .w-says[hidden]{display: none}.wanderer.escape{transform: translateY(-40px)}.wanderer.gone{opacity: 0}.w-shaken{animation: w-shake .12s linear 12}@keyframes w-shake{0%,100%{transform: rotate(0)}25%{transform: rotate(-7deg) translateX(-1px)}75%{transform: rotate(7deg) translateX(1px)}}.w-held{outline: 2px dashed var(--ui-muted);outline-offset: 3px;border-radius: 999px}.rare-peek{position: absolute;z-index: 46;width: var(--wsize,72px);height: var(--wsize,72px);pointer-events: none}.rare-peek .r-window{position: absolute;inset: 0;overflow: hidden}.rare-peek .r-slide{position: absolute;inset: 0;display: grid;place-items: end center;transform: translateY(100%);transition: transform .4s ease-out}.rare-peek.up .r-slide{transform: translateY(32%)}.rare-peek.caught .r-window{overflow: visible}.rare-peek.caught .r-slide{transform: translateY(-10%)}.rare-peek .tile{pointer-events: auto;cursor: pointer;filter: drop-shadow(0 0 5px #ffd54a) drop-shadow(0 0 2px #ffb300)}.rare-peek .r-tag{position: absolute;bottom: calc(100% + 4px);left: 50%;transform: translateX(-50%);white-space: nowrap;font: 700 .72rem/1 system-ui,sans-serif;padding: .25rem .5rem;border-radius: 999px;background: #1b1a17;color: #ffd54a;opacity: 0;transition: opacity .3s}.rare-peek.up .r-tag,.rare-peek.caught .r-tag{opacity: 1}.rare-peek.gone{opacity: 0;transition: opacity .5s}.rare-peek.roam{transition: left 1.8s ease-in-out,top 1.8s ease-in-out,opacity .5s}.rare-peek.roam .r-window{overflow: visible}.rare-peek.roam .r-slide,.rare-peek.roam.up .r-slide{transform: none}.rare-peek.roam .tile{filter: drop-shadow(0 0 9px #ffc400) drop-shadow(0 0 3px #ffd60a)}.rare-said{position: absolute;z-index: 47;max-width: 16rem;padding: .45rem .75rem;border: 1.5px solid #1b1a17;border-radius: 12px;background: #fffdf5;color: #1b1a17;font-size: .9rem;box-shadow: 0 6px 20px rgb(0 0 0 / .18)}@media (prefers-reduced-motion: reduce){.rare-peek .r-slide{transition: none}}.answer-said{position: absolute;z-index: 44;max-width: 15rem;padding: .4rem .75rem;border: 1.5px solid var(--ui-fg);border-radius: 14px 14px 14px 4px;background: var(--ui-surface);color: var(--ui-fg);font-size: .92rem;line-height: 1.3;box-shadow: var(--ui-shadow);animation: answer-pop .18s ease-out}@keyframes answer-pop{from{transform: translateY(6px) scale(.9);opacity: 0}to{transform: none;opacity: 1}}@media (prefers-reduced-motion: reduce){.answer-said{animation: none}}.answer-row{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);gap: .4rem .8rem;align-items: center}.answer-say input{width: 100%;box-sizing: border-box}@media (max-width: 560px){.answer-row{grid-template-columns: 1fr;margin-bottom: .5rem}}.device-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 1rem}.device-asks{border-left: 4px solid #ffd60a}dialog.login-ask{width: min(22rem,calc(100vw - 2rem));box-sizing: border-box;border: 2px solid #ffd60a;border-radius: 18px;padding: 1.4rem 1.25rem 1.1rem;background: var(--ui-surface);color: var(--ui-fg);text-align: center;box-shadow: var(--ui-shadow-lg),0 0 0 6px rgb(255 214 10 / .2)}dialog.login-ask::backdrop{background: rgba(0,0,0,.72);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px)}.la-icon{width: 52px;height: 52px;margin: 0 auto .6rem;border-radius: 50%;background: #ffd60a;color: #111;display: grid;place-items: center}dialog.login-ask h2{margin: 0 0 .8rem;font-size: 1.35rem}.la-device{display: grid;gap: .2rem;margin: 0 0 1rem;padding: .8rem .9rem;border-radius: 12px;border: 1px solid var(--ui-border);background: var(--ui-bg)}.la-device strong{font-size: 1.15rem}.la-device span{color: var(--ui-muted);font-size: .92rem}.la-actions{display: grid;gap: 1.1rem;margin-top: .2rem}dialog.login-ask h2:focus{outline: none}.la-actions button{width: 100%;padding: .8rem 1rem;font-size: 1.02rem;font-weight: 700}.la-no{background: transparent;border: 2px solid var(--ui-danger);color: var(--ui-danger);border-radius: 999px;cursor: pointer}.la-no:hover{background: var(--ui-danger-soft)}.la-note{margin: .8rem 0 0;font-size: .82rem;color: var(--ui-muted)}.faq .lead{font-size: 1.05rem;margin: 0 0 1rem}.faq-toc{display: flex;flex-wrap: wrap;gap: .4rem;margin: 0 0 1.2rem}.faq-toc a{padding: .3rem .75rem;border: 1.5px solid var(--ui-line,#ddd);border-radius: 999px;text-decoration: none;font-size: .9rem}.faq-section{margin: 0 0 1.4rem;scroll-margin-top: 8rem}.faq-section h2{font-size: 1.15rem;margin: 0 0 .5rem}.faq-item{border-bottom: 1px solid var(--ui-line,#e5e5e5);scroll-margin-top: 8rem}.faq-item summary{cursor: pointer;padding: .7rem 1.6rem .7rem 0;font-weight: 600;list-style: none;position: relative}.faq-item summary::-webkit-details-marker{display: none}.faq-item summary::after{content: "+";position: absolute;right: .2rem;top: .55rem;font-size: 1.2rem;font-weight: 400}.faq-item[open] summary::after{content: "−"}.faq-item p{margin: 0 0 .8rem;line-height: 1.5}.faq-join{margin: 1.4rem 0 .4rem}.faq-item .faq-link{margin: -.2rem 0 1rem}.faq-go{display: inline-flex;align-items: center;gap: .4rem;padding: .4rem .9rem;border: 1.5px solid color-mix(in srgb,var(--ui-fg) 30%,transparent);border-radius: 999px;background: var(--ui-accent-soft);color: var(--ui-fg);font-weight: 650;font-size: .95rem;text-decoration: underline;text-decoration-thickness: 1.5px;text-underline-offset: 3px}.faq-go span{text-decoration: none;transition: transform .15s}.faq-go:hover{background: var(--ui-accent);border-color: var(--ui-accent);color: var(--ui-accent-fg)}.faq-go:hover span{transform: translateX(3px)}.faq-go:focus-visible{outline: none;box-shadow: var(--ui-focus)}.faq-progress{margin: 0 0 1.1rem;padding: .7rem .9rem;border-radius: var(--ui-radius-lg,12px);background: var(--ui-subtle)}.faq-progress p{margin: 0 0 .5rem}.faq-bar{display: block;height: 6px;border-radius: 999px;background: var(--ui-border);overflow: hidden}.faq-bar span{display: block;height: 100%;border-radius: 999px;background: var(--ui-accent);transition: width .4s}.faq-tick{display: inline-grid;place-items: center;width: 1.15rem;height: 1.15rem;margin-left: .45rem;border-radius: 50%;background: var(--ui-accent);color: var(--ui-accent-fg);font-size: .7rem;font-weight: 800;vertical-align: .12em}.faq-tick.new{animation: faq-tick .45s ease-out}.faq-earned{margin-left: .45rem;white-space: nowrap;font-size: .8rem;font-weight: 700;color: var(--ui-muted);animation: faq-earned 2.6s forwards}@keyframes faq-tick{0%{transform: scale(0)}70%{transform: scale(1.3)}100%{transform: scale(1)}}@keyframes faq-earned{0%,75%{opacity: 1}100%{opacity: 0}}.faq-item:target > summary{animation: faq-found 2.4s ease-out;border-radius: 8px}@keyframes faq-found{0%,40%{background: var(--ui-accent-soft)}100%{background: transparent}}@media (prefers-reduced-motion: reduce){.faq-tick.new,.faq-earned,.faq-item:target > summary{animation: none}.faq-bar span,.faq-go span{transition: none}}.rare-mark{display: inline-block;font-weight: 700;font-size: .8rem;letter-spacing: .02em;padding: .18rem .6rem;border-radius: 999px;background: #1b1a17;color: #ffd54a}.rare-sign .sig{display: inline-block;font: italic 400 1.45rem/1.1 "Segoe Script","Bradley Hand","Snell Roundhand","Brush Script MT",cursive;padding: 0 .35rem .05rem;border-bottom: 1.5px solid currentColor;transform: rotate(-3deg)}.rare-genuine{color: var(--ui-good,#1d7a3a)}.rare-not{color: var(--ui-muted)}.rare-history{margin: 0;padding-left: 1.1rem}.rare-history li{margin: .25rem 0}.gift-list{list-style: none;margin: 0;padding: 0;display: grid;gap: .9rem}.gift{display: flex;gap: .9rem;align-items: center}.gift-box{position: relative;width: 56px;height: 56px;flex: none}.gift-box .box{position: absolute;left: 6px;right: 6px;bottom: 0;height: 34px;border-radius: 4px;background: #e2455b}.gift-box .lid{position: absolute;left: 2px;right: 2px;top: 12px;height: 12px;border-radius: 3px;background: #c7354a;transform-origin: 10% 100%;animation: gift-wobble 2.4s ease-in-out infinite}.gift-box .bow{position: absolute;left: 50%;top: 4px;width: 10px;height: 52px;margin-left: -5px;background: #ffd54a;border-radius: 2px}@keyframes gift-wobble{0%,80%,100%{transform: rotate(0)}85%{transform: rotate(-8deg)}90%{transform: rotate(5deg)}95%{transform: rotate(-3deg)}}@media (prefers-reduced-motion: reduce){.gift-box .lid{animation: none}}.maker-badge{display: inline-flex;align-items: center;gap: .25rem;padding: .12rem .55rem;border-radius: 999px;background: var(--ui-accent-soft);color: var(--ui-fg);font-size: .78rem;font-weight: 700;white-space: nowrap;vertical-align: .1em}.maker-badge span{display: inline-grid;place-items: center;width: 1rem;height: 1rem;border-radius: 50%;background: var(--ui-accent);color: var(--ui-accent-fg);font-size: .62rem}.maker-line{margin: .3rem 0 0;display: flex;gap: .6rem;align-items: center;flex-wrap: wrap}.maker-mark{background: var(--ui-fg);color: var(--ui-bg)}.maker-list{list-style: none;margin: 0;padding: 0}.maker-list a{display: flex;gap: .5rem;align-items: center;flex-wrap: wrap;padding: .8rem 1rem;border-bottom: 1px solid var(--ui-border);color: inherit}.maker-locked{padding: .5rem .7rem;border-radius: 8px;background: var(--ui-accent-soft)}.maker-kinds{border: 0;padding: 0;margin: 0 0 .6rem;display: grid;gap: .5rem}.design-grid{list-style: none;margin: 0;padding: 1rem;display: grid;grid-template-columns: repeat(auto-fill,minmax(9rem,1fr));gap: .8rem}.design-grid a{display: grid;justify-items: center;gap: .25rem;padding: .8rem .5rem;border: 1px solid var(--ui-border);border-radius: 12px;color: inherit;text-align: center}.design-grid a:hover{border-color: var(--ui-accent)}.studio-list{list-style: none;margin: 0;padding: 0}.studio-list li{display: flex;gap: .8rem;align-items: center;padding: .8rem 1rem;border-bottom: 1px solid var(--ui-border)}.design-look{display: flex;gap: 1rem;align-items: center;flex-wrap: wrap;margin: 0 0 1rem}.signed-box{border-top: 1px solid var(--ui-border)}.sig-drawn{display: block;width: min(100%,16rem);height: auto;color: var(--ui-fg)}.rare-mark-box .sig-drawn{width: 11rem}.store-links{display: flex;flex-wrap: wrap;gap: .5rem;margin: 0 0 .6rem}.answers-list{margin: 0;padding-left: 1.1rem}.codes-made{padding: .8rem;border-radius: 12px;background: var(--ui-accent-soft);margin: 0 0 1rem}.codes-made pre{margin: 0;white-space: pre-wrap;font-size: .9rem}.sign-how{border: 0;padding: 0;margin: 0 0 .8rem;display: grid;gap: .5rem}.sign-pad{position: relative;border: 2px dashed var(--ui-strong,#999);border-radius: 12px;background: var(--ui-surface);touch-action: none;cursor: crosshair}.sign-pad svg{display: block;width: 100%;height: auto;aspect-ratio: 3 / 1;color: var(--ui-fg)}.sign-pad::after{content: "";position: absolute;left: 8%;right: 8%;bottom: 22%;border-bottom: 1px solid var(--ui-border);pointer-events: none}.sign-pad [data-sign-clear]{position: absolute;top: .3rem;right: .5rem}.sign-agree span{font-size: .92rem}.release-at{display: flex;gap: .3rem .6rem;align-items: center;flex-wrap: wrap;margin: 0 0 0 1.6rem}.release-at input[type="datetime-local"]{width: auto;max-width: 100%}.release-box{padding: .8rem;border-radius: 12px;background: var(--ui-accent-soft);margin: 0 0 1rem;display: grid;gap: .6rem}.release-box p,.release-box form{margin: 0}.art-stage{display: grid;place-items: center;padding: 1rem;margin: 0 0 .8rem;border-radius: 12px;background-color: var(--ui-subtle);background-image: linear-gradient(45deg,var(--ui-border) 25%,transparent 25%,transparent 75%,var(--ui-border) 75%),linear-gradient(45deg,var(--ui-border) 25%,transparent 25%,transparent 75%,var(--ui-border) 75%);background-size: 20px 20px;background-position: 0 0,10px 10px}.item-card{display: grid;justify-items: center;gap: .25rem;padding: .8rem .5rem;border: 1px solid var(--ui-border);border-radius: 12px;text-align: center}.interest-sub{padding: .4rem 0 .7rem;border-top: 1px dashed var(--ui-border)}.interest-sub:first-of-type{border-top: 0}.interest-types{display: flex;flex-wrap: wrap;gap: .35rem;margin: .4rem 0 0 .2rem}.interest-chip{display: inline-flex;align-items: center;gap: .35rem;padding: .3rem .7rem;border: 1.5px solid var(--ui-border);border-radius: 999px;cursor: pointer;font-size: .9rem}.interest-chip.sub{font-weight: 700}.interest-chip:has(input:checked){border-color: var(--ui-fg);background: var(--ui-subtle)}.interest-chip input{margin: 0;accent-color: var(--ui-fg)}.interest-tags{margin: .35rem 0 0 .2rem;display: flex;flex-wrap: wrap;gap: .5rem}.interest-save{position: sticky;bottom: 0;padding: .7rem 0;background: var(--ui-bg);border-top: 1px solid var(--ui-border);z-index: 2}.mascot-bar{position: sticky;bottom: 0;z-index: 2;display: flex;align-items: center;justify-content: space-between;gap: .5rem 1rem;padding: .5rem 0;background: var(--ui-bg);border-top: 1px solid var(--ui-border)}.mascot-bar > .row{flex: none}.mascot-compare{display: flex;align-items: center;gap: .5rem;min-width: 0;flex: 1 1 auto}.compare-look{display: grid;justify-items: center;gap: .1rem;flex: none}.compare-to{color: var(--ui-muted);font-size: 1.3rem}.compare-said{display: grid;justify-items: start;gap: .1rem;min-width: 0;flex: 1 1 0}.compare-said [data-changed]{overflow-wrap: anywhere}.compare-said [data-undo]{padding: 0;white-space: nowrap;text-align: left}.mascot-bar .row > a{display: none}.interest-targeting{margin-top: 1.4rem}.interest-new{margin-left: .3rem;padding: 0 .4rem;border-radius: 999px;background: #ffd60a;color: #111;font-size: .7rem}.interest-publish{margin: 0 0 1rem;padding: .8rem;border: 1px solid var(--ui-border);border-radius: 12px}.interest-name{flex: 1 1 10rem;font-weight: 600}.interest-targeting h2{font-size: 1.1rem;margin: 0 0 .5rem}.interest-edit{gap: .4rem;flex-wrap: wrap;margin: .3rem 0}.interest-edit input[name=name]{flex: 1 1 10rem}.interest-edit input[name=tags]{flex: 2 1 12rem}.interest-types-edit{margin-left: 1.2rem}.perk-list{list-style: none;margin: 0;padding: 0;display: grid;gap: .8rem}.perk-card{display: grid;grid-template-columns: 7.5rem 1fr;gap: .9rem;align-items: start;padding: .9rem;border: 1px solid var(--ui-border);border-radius: 14px}.perk-qr svg{display: block;width: 100%;height: auto;border-radius: 8px}.perk-qr.big{width: min(15rem,70vw);margin: 0 0 .6rem}.perk-words{display: grid;gap: .3rem;min-width: 0}.perk-title{font-size: 1.05rem}.perk-code{font: 600 1.05rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing: .03em}.check-good,.check-bad{margin: 0 0 .6rem;padding: .6rem .8rem;border-radius: 10px;font-weight: 700}.check-good{background: rgba(31,122,77,.14);border-left: 4px solid #1f7a4d}.check-bad{background: rgba(180,35,24,.12);border-left: 4px solid #b42318}.promo-codes{display: grid;gap: .5rem;border: 1px solid var(--ui-border);border-radius: 12px;padding: .6rem .8rem .8rem}@media (max-width: 420px){.perk-card{grid-template-columns: 5.5rem 1fr}}.product-grid{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(9.5rem,1fr));gap: .8rem}.attachments .product-grid{margin-top: .4rem}.product-card form{margin: .2rem 0 0}.item-offer{width: 100%;display: grid;gap: .3rem;text-align: left}.pop-attach{margin: 0 0 .6rem}.pop-attach-list{list-style: none;margin: .3rem 0 0;padding: 0;display: grid;gap: .5rem;max-height: 15rem;overflow-y: auto}.pop-attach-list li{display: flex;align-items: center;gap: .7rem}.pop-attach-list li > span:last-child{display: grid;gap: .15rem;min-width: 0;text-align: left}.pop-attach-list form{margin: .2rem 0 0}.store-list pre{white-space: pre-wrap;word-break: break-all;font-size: .8rem}.codes-made pre{word-break: break-all}form.inline{display: inline}@media (prefers-reduced-motion: reduce){.wanderer{display: none}}.wandered{margin: 0}.bubble .wandered{margin: .1rem 0 .1rem}.wander-log ul{list-style: none;margin: 0;padding: 0 1rem .6rem;display: grid;gap: .35rem}.wander-log li{display: flex;align-items: center;gap: .55rem}.wander-log .list-head .small{font-weight: 500;margin-left: .4rem}.reply-previews{grid-column: 1 / -1;display: grid;margin: 0 -1rem -.6rem}.reply-previews > .post{padding: .55rem 1rem .35rem 3.9rem;border-bottom: 0}.reply-previews > .post > .face .avatar{--s: 36px !important}.post.has-previews > .face{align-self: stretch;position: relative}.post.has-previews > .face::after{content: "";position: absolute;left: 21.5px;top: 50px;bottom: -.75rem;border-left: 1px dotted var(--ui-muted)}.reply-previews > .post::before{content: "";position: absolute;left: calc(1rem + 21.5px);top: 0;width: calc(2.9rem - 27px);height: calc(.55rem + 17.5px);border-left: 1px dotted var(--ui-muted);border-bottom: 1px dotted var(--ui-muted);border-bottom-left-radius: 12px;pointer-events: none}.reply-previews > .post:not(:last-child)::after,.more-replies::before{content: "";position: absolute;left: calc(1rem + 21.5px);top: 0;bottom: 0;border-left: 1px dotted var(--ui-muted);pointer-events: none}.reply-previews > .post > .main > .replying{display: none}.more-replies{position: relative;padding: .4rem 1rem .1rem 3.9rem;color: var(--ui-muted);font-size: .9rem;font-weight: 600;text-decoration: none}.more-replies:hover{color: var(--ui-fg);text-decoration: underline}.reply-inline{display: grid;gap: .5rem;margin: .6rem 0 .3rem}.reply-inline textarea{display: block;width: 100%;box-sizing: border-box;min-height: 3.6rem;padding: .6rem .8rem;border: 1px solid var(--ui-border);border-radius: .9rem;background: var(--ui-subtle);line-height: 1.4;resize: vertical}.reply-inline textarea:focus-visible{background: var(--ui-bg);border-color: var(--ui-accent);box-shadow: var(--ui-focus)}.reply-inline .problem{margin: 0}.reply-tools{display: flex;align-items: center;justify-content: space-between;gap: .5rem;flex-wrap: wrap}.reply-tools .row{gap: .4rem}.older{display: block;padding: 1rem;text-align: center;text-decoration: none}.older:hover{background: var(--ui-subtle)}.empty{padding: 2rem 1.5rem;color: var(--ui-muted);text-align: center}.lonely{display: grid;justify-items: center;gap: .4rem;padding: 2.2rem 1.5rem 2.4rem;text-align: center}.lonely p{max-width: 24rem;margin: 0;color: var(--ui-muted)}.auth{max-width: 23rem;margin: 2.2rem auto 2.5rem;padding: 0 1rem}.perch{position: relative;z-index: 1;display: grid;justify-items: center;margin-bottom: -.85rem}.sitters{display: flex;align-items: flex-end;gap: .15rem}.say-bubble{position: relative;margin-bottom: .55rem;padding: .45rem .8rem;border: 1px solid var(--ui-border);border-radius: 1rem;background: var(--ui-surface);box-shadow: var(--ui-shadow);font-size: .9rem;font-style: italic;text-align: center}.say-bubble::after{content: "";position: absolute;left: 50%;bottom: -6px;width: 10px;height: 10px;background: var(--ui-surface);border-right: 1px solid var(--ui-border);border-bottom: 1px solid var(--ui-border);transform: translateX(-50%) rotate(45deg)}.auth-card{padding: 1.6rem 1.3rem 1.2rem;border: 1px solid var(--ui-border);border-radius: 1.2rem;background: var(--ui-surface);box-shadow: var(--ui-shadow)}.auth-card .form{gap: .7rem}.auth-card h1{font-size: 1.4rem;text-align: center}.auth-card .primary{width: 100%}.pad.form,.section{max-width: 34rem}.mascot-chosen{margin: 0;padding: .55rem .8rem;border-radius: var(--ui-radius-sm);background: var(--ui-subtle);font-size: .9rem}.wide .pad.form,.wide .section{max-width: none}.switch-grid,.tool-groups{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,20rem),1fr));gap: 0 2rem;align-items: start}.number-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,20rem),1fr));gap: .8rem 2rem;align-items: start}.wide .admin > p,.wide .admin > form.row{max-width: 46rem}.scrolling{display: grid;gap: .45rem}.scrolling .filter{width: 100%;max-width: 24rem;box-sizing: border-box;padding: .35rem .7rem;font-size: .9rem}.scroll-box{max-height: 20rem;overflow-y: auto;overscroll-behavior: contain;border-radius: var(--ui-radius-sm)}.scroll-box:focus-visible{outline: none;box-shadow: var(--ui-focus)}.scroll-box::-webkit-scrollbar{width: 10px}.scroll-box::-webkit-scrollbar-track{background: color-mix(in srgb,var(--ui-border) 45%,transparent);border-radius: 10px}.scroll-box::-webkit-scrollbar-thumb{background: color-mix(in srgb,var(--ui-muted) 70%,transparent);border: 2px solid transparent;background-clip: padding-box;border-radius: 10px}@supports (-moz-appearance: none){.scroll-box{scrollbar-width: thin;scrollbar-color: color-mix(in srgb,var(--ui-muted) 70%,transparent) transparent}}.scroll-box li[hidden]{display: none !important}.scrolling .filter-none{margin: 0}.exempt-list{border-top: 1px solid var(--ui-border)}.people{list-style: none;margin: 0;padding: 0}.people li{display: grid;grid-template-columns: auto minmax(0,1fr) auto;gap: .75rem;align-items: center;padding: .8rem 1rem;border-bottom: 1px solid var(--ui-border)}.people a{color: inherit;text-decoration: none}.people a.plain{color: var(--ui-bg)}.people a.primary{color: var(--ui-accent-fg)}.banner{position: relative;aspect-ratio: 3 / 1;min-height: 7rem;background: var(--pc,linear-gradient(120deg,var(--ui-accent),var(--ui-info)))}.profile{position: relative;padding: 0 1rem 1rem;border-bottom: 1px solid var(--ui-border)}.profile .face{margin-top: -4.5rem;display: flex;align-items: flex-end;justify-content: space-between}.profile h2{margin: .5rem 0 0;font-size: 1.35rem}.profile .bio{margin: .5rem 0}.profile .meta{display: flex;gap: 1rem;flex-wrap: wrap;color: var(--ui-muted);font-size: .9rem}.counts{display: flex;gap: 1.1rem;flex-wrap: wrap;margin-top: .6rem;font-size: .92rem}.counts a{color: inherit;text-decoration: none}.counts a:hover b{color: var(--ui-accent)}.notes{list-style: none;margin: 0;padding: 0}.notes li{display: grid;grid-template-columns: auto minmax(0,1fr);gap: .7rem;align-items: center;padding: .8rem 1rem;border-bottom: 1px solid var(--ui-border)}.notes li.new{background: var(--ui-accent-soft)}.hero{text-align: center;padding: 1.5rem 1rem 1rem;border-bottom: 1px solid var(--ui-border)}.hero h2{margin: 0 0 .5rem;font-size: 1.9rem;letter-spacing: -.02em}.hero p{max-width: 30rem;margin: 0 auto 1.2rem;color: var(--ui-muted);font-size: 1.02rem}.parade{display: flex;justify-content: center;align-items: flex-end;gap: .3rem;flex-wrap: wrap;margin: .5rem 0 1rem}.steps{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: .7rem;padding: 1rem;border-bottom: 1px solid var(--ui-border)}.steps div h3{margin: 0 0 .3rem;font-size: 1rem}.steps div p{margin: 0;color: var(--ui-muted);font-size: .88rem}code,pre{font-family: var(--ui-mono);font-size: .85em}pre{padding: .75rem .9rem;border-radius: var(--ui-radius-sm);background: var(--ui-subtle);overflow-x: auto;white-space: pre-wrap;overflow-wrap: anywhere}.token{padding: .75rem .9rem;border: 2px dashed var(--ui-accent);border-radius: var(--ui-radius-sm);font-family: var(--ui-mono);overflow-wrap: anywhere}.section{padding: 1rem;border-bottom: 1px solid var(--ui-border)}.section h2{margin: 0 0 .6rem;font-size: 1.15rem}.picker{display: grid;grid-template-columns: repeat(auto-fill,minmax(84px,1fr));gap: .4rem;max-height: 22rem;overflow: auto;padding: .4rem;border: 1px solid var(--ui-border);border-radius: var(--ui-radius-sm)}.picker button{display: grid;justify-items: center;gap: .2rem;padding: .35rem .2rem;border: 2px solid transparent;border-radius: var(--ui-radius-sm);background: none;color: var(--ui-fg);font: 500 12px/1.2 var(--ui-font);cursor: pointer}.picker button:hover{background: var(--ui-subtle)}.picker button[aria-pressed="true"]{border-color: var(--ui-accent);background: var(--ui-accent-soft)}.picker .group{grid-column: 1 / -1;margin: .4rem 0 0;color: var(--ui-muted);font-size: .8rem;font-weight: 600}.avatar-form{display: flex;align-items: flex-start;gap: 1.1rem;border-bottom: 1px solid var(--ui-border);max-width: 34rem}.photo-form{display: grid;gap: .7rem}.banner-form{display: grid;gap: .7rem;border-bottom: 1px solid var(--ui-border);max-width: 34rem}.banner-now{width: 100%;aspect-ratio: 3 / 1;border-radius: var(--ui-radius-sm);background: var(--pc,linear-gradient(120deg,var(--ui-accent),var(--ui-info)))}.switch-row{display: flex !important;gap: .8rem;align-items: flex-start;padding: .75rem 0;border-bottom: 1px solid var(--ui-border);font-weight: 400 !important;cursor: pointer}.switch-row input{appearance: none;position: relative;flex: none;width: 2.6rem;height: 1.5rem;margin: .1rem 0 0;padding: 0;border: 0;border-radius: 999px;background: var(--ui-strong);cursor: pointer;transition: background .15s}.switch-row input::after{content: "";position: absolute;top: .15rem;left: .15rem;width: 1.2rem;height: 1.2rem;border-radius: 50%;background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,.3);transition: transform .15s}.switch-row input:checked{background: var(--ui-success)}.switch-row input:checked::after{transform: translateX(1.1rem)}.switch-row input:focus-visible{box-shadow: var(--ui-focus)}.switch-row input:disabled{opacity: .4;cursor: not-allowed}.invite-link{display: flex;align-items: center;gap: .6rem;padding: .5rem .5rem .5rem .9rem;border: 1.5px solid var(--ui-border);border-radius: 999px}.invite-link svg{flex: none;width: 1.2rem;height: 1.2rem;fill: none;stroke: var(--ui-muted);stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.invite-link span{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 600}.share-row{display: flex;flex-wrap: wrap;gap: 1.1rem}.share{display: grid;justify-items: center;gap: .35rem;padding: 0;border: 0;background: none;color: var(--ui-fg);font: 600 .82rem var(--ui-font);text-decoration: none;cursor: pointer}.share[hidden]{display: none}.share-icon{display: grid;place-items: center;width: 3.4rem;height: 3.4rem;border-radius: 50%;background: var(--ui-subtle);transition: background .15s}.share:hover .share-icon,.share:focus-visible .share-icon{background: var(--ui-accent-soft)}.share-icon svg{width: 1.45rem;height: 1.45rem;fill: none;stroke: currentColor;stroke-width: 2.6;stroke-linecap: round;stroke-linejoin: round}.joined{list-style: none;margin: 0;padding: 0;display: grid;gap: .5rem}.joined a{display: flex;align-items: center;gap: .6rem;color: inherit;text-decoration: none}.code-input{max-width: 11rem;font: 700 1.6rem/1 var(--ui-mono);letter-spacing: .25em;text-align: center}.tool-group{margin: 0 0 .6rem;padding: 0;border: 0}.tool-group legend{padding: 0;margin-bottom: .1rem;font-weight: 700}.bubble .said{margin: .1rem 0 .5rem;font: italic 1rem/1.35 Georgia,"Times New Roman",serif;overflow-wrap: anywhere}.styles{display: flex;flex-wrap: wrap;gap: .6rem 1rem;margin: 0;padding: 0;border: 0}.styles legend{width: 100%;padding: 0;margin-bottom: .2rem;font-weight: 700}.invited{display: flex;align-items: center;gap: .6rem;margin: 0;padding: .55rem .75rem;border-radius: var(--ui-radius-sm);background: var(--ui-accent-soft);color: var(--ui-fg);font-size: .9rem}.brand-note{display: flex;align-items: flex-start;gap: .45rem;margin: 0;padding: .55rem .75rem;border-radius: var(--ui-radius-sm);background: var(--ui-warning-soft);color: var(--ui-fg);font-size: .85rem;line-height: 1.35}.brand-note svg{flex: none;width: 1.05rem;height: 1.05rem;margin-top: .05rem;fill: none;stroke: var(--ui-warning);stroke-width: 2.2;stroke-linecap: round}.form-mini{display: grid;gap: .25rem;font-weight: 500;font-size: .9rem}.embed-preview{display: flex;align-items: flex-end;min-height: 300px;padding: .8rem;border: 1px dashed var(--ui-border);border-radius: var(--ui-radius);background: repeating-linear-gradient(45deg,var(--ui-subtle),var(--ui-subtle) 10px,var(--ui-bg) 10px,var(--ui-bg) 20px)}.upload-btn{display: inline-flex !important;align-items: center;gap: .5rem;width: max-content;height: 2.4rem;padding: 0 1.1rem;border: 1.5px dashed var(--ui-accent);border-radius: 999px;color: var(--ui-accent);font-weight: 600 !important;cursor: pointer}.upload-btn:hover,.upload-btn:focus-within{background: var(--ui-accent-soft);border-style: solid}.upload-btn svg,.zoom svg{width: 1.15rem;height: 1.15rem;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.cropper{display: grid;gap: .5rem;justify-items: start}.crop-frame{position: relative;width: 220px;height: 220px;border-radius: 50%;overflow: hidden;background: var(--ui-subtle);box-shadow: 0 0 0 3px var(--ui-accent-soft);cursor: grab;touch-action: none;user-select: none}.crop-frame:active{cursor: grabbing}.crop-frame.wide{width: 100%;max-width: 30rem;height: auto;aspect-ratio: 3 / 1;border-radius: var(--ui-radius-sm)}.crop-frame img{position: absolute;left: 0;top: 0;max-width: none;transform-origin: 0 0;pointer-events: none}.zoom{display: flex !important;align-items: center;gap: .5rem;width: 220px;color: var(--ui-muted)}.zoom input{flex: 1;padding: 0;accent-color: var(--ui-accent)}.zoom.wide{width: 100%;max-width: 30rem}.mod-queue,.report-list{list-style: none;margin: 0;padding: 0}.mod-queue a{display: grid;gap: .2rem;padding: .8rem 1rem;border-bottom: 1px solid var(--ui-border);color: inherit;text-decoration: none}.mod-queue a:hover{background: var(--ui-subtle)}.reason-chips{display: flex;flex-wrap: wrap;gap: .3rem}.reason-chips .chip{padding: 1px 8px;border-radius: 999px;background: var(--ui-subtle);font-size: 12px}.report-list li{padding: .5rem 0;border-bottom: 1px solid var(--ui-border)}.mod-actions{display: grid;gap: .6rem}.mod-thread{list-style: none;margin: 0;padding: 0;display: grid;gap: .5rem}.mod-thread li{padding: .45rem .7rem;border-radius: .8rem;background: var(--ui-subtle)}.mod-thread li p{margin: .15rem 0 0;white-space: pre-wrap;overflow-wrap: anywhere}.mod-thread li.reported{background: none;border: 2px solid var(--ui-fg)}.reasons{display: grid;gap: .35rem;border: 0;padding: 0;margin: 0}.version-grid{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(8.5rem,1fr));gap: .6rem}.version-grid li{display: grid;justify-items: center;gap: .25rem;padding: .6rem .4rem .7rem;border: 1px solid var(--ui-border);border-radius: .9rem;text-align: center}.version-grid strong{font-size: .9rem;overflow-wrap: anywhere}.version-grid .plain{height: 2rem;padding: 0 .8rem;font-size: 13px}.version-grid .link{padding: 0;font-size: 13px}.slots{display: grid;grid-template-columns: repeat(auto-fill,minmax(9rem,1fr));gap: .6rem}.slots input[type="color"]{display: block;width: 100%;height: 2.75rem;padding: .25rem;box-sizing: border-box;border: 1px solid var(--ui-border);border-radius: .6rem;background: var(--ui-surface);cursor: pointer}@media (max-width: 1100px){.shell{grid-template-columns: 4.75rem minmax(0,37.5rem);gap: 0 1rem}.shell.wide{grid-template-columns: 4.75rem minmax(0,1fr)}.right{display: none}.left{align-items: center}.nav-item{width: 3.2rem;justify-content: center;padding: .75rem 0}.nav-item .label,.account .who,.brand .word,.logout{display: none}.brand{padding: .55rem}.post-btn{width: 3.2rem}.post-btn span{display: none}.powered{display: none}.post-btn svg{display: block}}@media (min-width: 1101px){.nav-item.narrow-only{display: none}}@media (max-width: 640px){.shell{display: block;padding: 0}.left{display: none}.col{border: 0;padding-bottom: 4.5rem}.top .bar{display: flex;align-items: center;justify-content: space-between;padding: .4rem 1rem 0}.top.bare{display: block;border-bottom: 0}.top.bare .bar{padding-bottom: .4rem}.top .bar .brand{font-size: 1.2rem;padding: .3rem 0}.interest-save{bottom: calc(3.4rem + env(safe-area-inset-bottom))}.mascot-bar{bottom: calc(3.4rem + env(safe-area-inset-bottom));padding: .45rem 0}.mascot-bar .compare-look .tile{--w: 88px !important}.mascot-bar .mascot-compare{flex-wrap: wrap;row-gap: .15rem}.mascot-bar .compare-said{flex: 1 1 100%}body:has(:is(textarea,select,input:not([type=checkbox],[type=radio],[type=button],[type=submit],[type=file],[type=hidden])):focus) .mascot-bar{bottom: 0}.tabbar{position: fixed;z-index: 6;left: 0;right: 0;bottom: 0;display: flex;justify-content: space-around;padding: .3rem 0 calc(.3rem + env(safe-area-inset-bottom));border-top: 1px solid var(--ui-border);background: var(--ui-bg)}body:has(:is(textarea,select,input:not([type=checkbox],[type=radio],[type=button],[type=submit],[type=file],[type=hidden])):focus) .tabbar{display: none}.tabbar .nav-item{padding: .6rem}.tabbar .nav-item .label{display: none}.top .bar .mine{display: flex;align-items: center;gap: .55rem}.compose{display: grid;place-items: center;width: 2rem;height: 2rem;border: 1.5px solid var(--ui-accent);border-radius: 50%;color: var(--ui-accent)}.compose svg{width: 1.05rem;height: 1.05rem;fill: none;stroke: currentColor;stroke-width: 2.4;stroke-linecap: round}.steps{grid-template-columns: 1fr}.post{padding: .7rem .8rem .5rem;gap: .5rem}.post .mascot-menu .tile{--w: 42px !important}.perched .tile{--w: 80px !important}.profile .face{margin-top: -3.2rem}.profile .face .avatar{--s: 88px !important}.profile .face .row{flex-wrap: nowrap;gap: .35rem}.profile .face .outline,.profile .face .plain{height: 2rem;padding: 0 .8rem;font-size: 13px}.post .mood{display: none}.react{height: 1.6rem;padding: 0 .45rem;font-size: 12px}.acts .replies,.acts .react{height: 1.8rem;min-width: 2.1rem;padding: 0 .5rem;font-size: 12px}.acts{gap: .25rem}}.room-list{list-style: none;margin: 0;padding: 0}.room-list li{border-bottom: 1px solid var(--ui-border)}.room-list a{display: grid;gap: .15rem;padding: .8rem 1rem;color: inherit;text-decoration: none}.room-list a:hover{background: var(--ui-subtle)}.room-make{padding: 0 1rem 1rem}.room-make > summary{list-style: none;width: max-content}.room-make > summary::-webkit-details-marker{display: none}.room-make .form{margin-top: 1rem;max-width: 34rem}.room-colors{display: grid;gap: .4rem;margin: 0;padding: 0;border: 0}.room-colors legend{margin-bottom: .45rem;padding: 0;font-weight: 500}.swatches{display: flex;flex-wrap: wrap;gap: .5rem}.swatch{position: relative;display: inline-grid;cursor: pointer}.swatch input[type="radio"]{position: absolute;width: 1px;height: 1px;opacity: 0}.swatch-dot,.swatch input[type="color"]{box-sizing: border-box;width: 2.1rem;height: 2.1rem;padding: 0;border: 3px solid var(--ui-bg);border-radius: 50%;box-shadow: 0 0 0 1px var(--ui-border);background: none;cursor: pointer}.swatch input[type="color"]::-webkit-color-swatch-wrapper{padding: 0}.swatch input[type="color"]::-webkit-color-swatch{border: 0;border-radius: 50%}.swatch input[type="color"]::-moz-color-swatch{border: 0;border-radius: 50%}.swatch input[type="radio"]:checked + .swatch-dot,.swatch input[type="radio"]:checked + input[type="color"]{box-shadow: 0 0 0 2px var(--ui-fg)}.swatch input[type="radio"]:focus-visible + .swatch-dot,.swatch input[type="radio"]:focus-visible + input[type="color"]{box-shadow: var(--ui-focus)}.room{display: flex;flex-direction: column;min-height: calc(100vh - 8rem)}.room-bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: .6rem;padding: .35rem 1rem;border-bottom: 1px solid var(--ui-border)}.room-bar form{margin: 0}.room-bar .outline{height: 1.9rem;padding: 0 .85rem;font-size: 13px}.room-wait{margin: 0;padding: 2.5rem 1.5rem;color: var(--ui-muted);text-align: center}.room-grid{flex: 1;display: grid;grid-template-columns: minmax(0,1fr) 13rem}.room-main{position: relative;display: flex;flex-direction: column;min-width: 0;border-right: 1px solid var(--ui-border)}.room-lines{flex: 1;min-height: 16rem;max-height: calc(100vh - 13.5rem);margin: 0;padding: .4rem 0;overflow-y: auto;overscroll-behavior: contain;list-style: none;font-size: .92rem;line-height: 1.4}.room-quiet{max-width: 24rem;margin: 3rem auto;padding: 0 1rem;color: var(--ui-muted);font-size: .9rem;text-align: center}.room-line{padding: .08rem 1rem .08rem 3.55rem;text-indent: -2.75rem;overflow-wrap: anywhere}.room-line:hover{background: var(--ui-subtle)}.room-line.mine{background: color-mix(in srgb,var(--ui-subtle) 60%,transparent)}.room-line time{display: inline-block;width: 2.75rem;text-indent: 0;color: var(--ui-muted);font-size: .72rem;font-variant-numeric: tabular-nums}.room-nick{margin-right: .4rem;padding: 0;border: 0;background: none;color: color-mix(in oklab,var(--c) 65%,var(--ui-fg));font: inherit;font-weight: 700;text-indent: 0;cursor: pointer;touch-action: manipulation}.room-nick:hover,.room-name:hover{text-decoration: underline}.room-name{padding: 0;border: 0;background: none;color: inherit;font: inherit;font-weight: 700;cursor: pointer;touch-action: manipulation}.room-line.to-me{background: color-mix(in srgb,var(--ui-accent) 16%,transparent)}.room-only{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: .5rem;margin: 0;padding: .3rem 1rem;border-bottom: 1px solid var(--ui-border);background: var(--ui-subtle);font-size: .82rem}.room-text{white-space: pre-wrap}.room-more{position: absolute;left: 50%;bottom: 3.6rem;transform: translateX(-50%);padding: .3rem .8rem;border: 0;border-radius: 999px;background: var(--ui-accent);color: var(--ui-accent-fg);box-shadow: var(--ui-shadow);font: 700 12px/1.2 var(--ui-font);cursor: pointer}.room-more[hidden]{display: none}.room-dot{display: inline-block;flex: none;width: .6rem;height: .6rem;border-radius: 50%;box-shadow: 0 0 0 1px color-mix(in srgb,var(--ui-fg) 22%,transparent)}.room-say{position: sticky;bottom: 0;display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: end;gap: .4rem;padding: .45rem .75rem;border-top: 1px solid var(--ui-border);background: var(--ui-bg)}.room-say .problem{grid-column: 1 / -1;margin: 0;font-size: .85rem}.room-say textarea{display: block;width: 100%;box-sizing: border-box;min-height: 2.2rem;max-height: 8rem;padding: .4rem .8rem;border-radius: 1.1rem;font-size: .92rem;line-height: 1.35;resize: none;field-sizing: content}.room-say .primary{width: 2.2rem;height: 2.2rem;padding: 0}.room-say svg{width: 1rem;height: 1rem;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.room-side{display: grid;grid-template-columns: minmax(0,1fr);align-content: start;align-self: start;gap: .9rem;max-height: calc(100vh - 10.5rem);padding: .6rem .8rem;overflow-y: auto;overscroll-behavior: contain;font-size: .85rem}.room-n{margin-left: .25rem;color: var(--ui-fg);font-weight: 700;letter-spacing: 0}.room-find{display: block;width: 100%;box-sizing: border-box;margin: 0 0 .4rem;padding: .3rem .6rem;border-radius: 999px;font-size: .8rem}.room-more-people{margin: .4rem 0 0;color: var(--ui-muted);font-size: .78rem}.room-side h3{margin: 0 0 .3rem;color: var(--ui-muted);font-size: .72rem;letter-spacing: .04em;text-transform: uppercase}.room-side ul{display: grid;grid-template-columns: minmax(0,1fr);gap: .15rem;margin: 0;padding: 0;list-style: none}.room-side li{display: flex;flex-wrap: wrap;align-items: center;gap: .4rem;min-height: 1.6rem}.room-side li.away{opacity: .55}.room-person{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.room-host{margin-left: .3rem;padding: .02rem .35rem;border-radius: 999px;background: var(--ui-subtle);font-size: .65rem;font-weight: 700;vertical-align: .1rem}.room-x{flex: none;width: 1.5rem;height: 1.5rem;padding: 0;border: 0;border-radius: 50%;background: none;color: var(--ui-muted);font-size: 1.05rem;line-height: 1;cursor: pointer}.room-x:hover,.room-x:focus-visible{background: var(--ui-subtle);color: var(--ui-fg)}.room-asks .row{flex-basis: 100%;gap: .35rem;padding-left: 1rem}.room-asks .primary,.room-asks .outline{height: 1.7rem;padding: 0 .65rem;font-size: 12px}.room-invite{display: grid;gap: .35rem}.room-invite p{margin: 0;font-size: .78rem}.room-invite input{width: 100%;box-sizing: border-box;padding: .3rem .5rem;font-size: .75rem}.room-invite .outline{height: 1.8rem;font-size: 12px}.room-people-btn{display: none}@media (max-width: 760px){body:has(.room) .col{min-height: 0;padding-bottom: 0}body:has(.room) .legal-foot{display: none}.room{position: relative;height: calc(100vh - var(--room-top,8rem) - var(--tabbar-h,0px));height: calc(var(--vvh,100dvh) - var(--room-top,8rem) - var(--tabbar-h,0px));min-height: 12rem}body:has(.room-say textarea:focus) .room{height: calc(var(--vvh,100dvh) - var(--room-top,8rem))}.room-grid{display: flex;flex-direction: column;min-height: 0}.room-main{flex: 1;min-height: 0;border-right: 0}.room-lines{min-height: 0;max-height: none}.room-say{position: static}.room-say textarea,.room-find{font-size: 16px}.room-say{padding: .5rem .6rem max(.5rem,calc(env(safe-area-inset-bottom) - var(--tabbar-h,0px)))}body:has(.room-say textarea:focus) .room-say{padding-bottom: .5rem}.room-say textarea{min-height: 2.75rem;padding: .55rem .9rem;border-radius: 1.4rem}.room-say .primary{width: 2.75rem;height: 2.75rem}.room-say svg{width: 1.2rem;height: 1.2rem}.room-count{display: none}.room-people-btn{display: inline-flex;align-items: center;height: 1.9rem;margin-right: auto;padding: 0 .75rem;border: 1px solid var(--ui-border);border-radius: 999px;background: none;color: var(--ui-fg);font: 600 12px/1 var(--ui-font);cursor: pointer}.room-people-btn[aria-expanded="true"]{background: var(--ui-subtle)}.room-people-btn.asks{border-color: var(--ui-accent);background: var(--ui-accent);color: var(--ui-accent-fg)}.room-side{display: none}.room.panel .room-side{position: absolute;z-index: 3;top: 2.65rem;left: 0;right: 0;display: grid;max-height: 65%;overflow-y: auto;overscroll-behavior: contain;border-bottom: 1px solid var(--ui-border);background: var(--ui-bg);box-shadow: var(--ui-shadow);font-size: .9rem}.room-line{padding: .1rem .6rem .1rem 3.05rem;text-indent: -2.45rem}.room-line time{width: 2.45rem;font-size: .68rem}}