.front{--edge:max(20px,env(safe-area-inset-left,0px));--rise:cubic-bezier(0.2,0.8,0.2,1);position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;touch-action:none;background:var(--background);color:var(--foreground)}.front :is(input,select,textarea){touch-action:manipulation}.front h1,.front h2{margin:0}.front-dots{position:absolute;top:0;left:0}.front-dots.is-coarse{image-rendering:pixelated}.front-top{position:fixed;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(16px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 12px var(--edge)}.front-brand{display:inline-flex;align-items:center;gap:9px;font-weight:var(--fw-heavy);font-size:var(--fs-lg);letter-spacing:var(--ls-tight);color:inherit;text-decoration:none;opacity:0;transition:opacity .4s}.front-brand .logo{order:0;width:32px;height:32px}.front.is-away .front-brand{opacity:1}.front-top-end{display:flex;align-items:center;gap:8px}.front-go{height:38px;padding:0 14px;border:0;border-radius:var(--r-pill);background:var(--primary);color:var(--primary-foreground);font-weight:var(--fw-semibold);font-size:var(--fs-md);cursor:pointer}.front:not(.is-away) .front-go{display:none}.front-stage{position:fixed;inset:0;z-index:1;pointer-events:none}.front-slide{position:absolute;inset:0;display:grid;align-items:center;pointer-events:auto;will-change:transform;padding:80px max(24px,env(safe-area-inset-right,0px)) 56px var(--edge)}.front-slide[data-far],.front:not(.is-ready) .front-slide:not(.front-hero){visibility:hidden}.front-text{width:min(440px,40vw);display:grid;gap:14px}.front-slide.is-left .front-text{justify-self:left;margin-left:7vw}.front-slide.is-right .front-text{justify-self:right;margin-right:7vw}.front-text h2{font-size:clamp(34px,4.6vw,64px);font-weight:var(--fw-heavy);letter-spacing:var(--ls-tightest);line-height:1;text-wrap:balance}.front-text p{margin:0;font-size:var(--fs-lg);color:var(--muted-foreground);max-width:30ch;text-wrap:pretty}.front-text p,.front-word{opacity:0;transform:translateY(.45em);transition:opacity .55s var(--rise),transform .65s var(--rise)}.front-word{display:inline-block;transition-delay:calc(var(--i) * 70ms)}.front-slide.is-seen .front-text p,.front-slide.is-seen .front-word{opacity:1;transform:none}.front-slide.is-seen .front-text p{transition-delay:.3s}.front-hero{grid-template-columns:minmax(0,1fr);align-items:start;align-content:start;justify-items:center;text-align:center;padding-top:var(--hero-top,40vh);padding-bottom:var(--keyboard,0);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none}.front-hero-body{width:min(420px,100%);display:grid;justify-items:center;transition:opacity .7s var(--rise) .5s}.front:not(.is-ready) .front-hero-body{opacity:0}.front-hero-body>.login-card{text-align:start}.front-next{margin-top:10px;width:44px;height:36px;border:0;background:none;color:var(--muted-foreground);cursor:pointer;display:grid;place-items:center}.front-next svg{width:20px;height:20px;animation:front-hop 1.8s var(--rise) infinite}@keyframes front-hop{50%{transform:translateY(5px);opacity:.5}}.front.is-tall .front-hero{padding-bottom:calc(72px + var(--keyboard, 0px))}.front-feed-card{position:absolute;left:0;top:0;direction:ltr;unicode-bidi:isolate;pointer-events:none;text-align:left;line-height:1.25;transition:opacity .18s;will-change:transform,opacity}.front-feed-card .front-who{display:flex;align-items:baseline;gap:.4em;padding-inline-start:calc(44px * var(--s, 1));height:calc(30px * var(--s, 1));white-space:nowrap;overflow:hidden}.front-feed-card .front-face{position:absolute;left:calc(14px * var(--s, 1));top:calc(16px * var(--s, 1));transform:translate(-50%,-50%);width:calc(34px * var(--s, 1));height:calc(34px * var(--s, 1));font-size:.7em;opacity:0}.front-feed-card b{font-weight:var(--fw-bold);flex:none}.front-feed-card small{color:var(--muted-foreground);font-size:.87em;overflow:hidden;text-overflow:ellipsis}.front-feed-card p{margin:calc(13px * var(--s, 1)) 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.front .hash{color:var(--primary);font-weight:var(--fw-semibold)}.front-caret{display:inline-block;width:2px;height:1.1em;margin-inline-start:1px;vertical-align:-.15em;background:var(--primary);animation:front-caret .9s steps(1) infinite}@keyframes front-caret{50%{opacity:0}}.front-face{border-radius:50%;display:grid;place-items:center;flex:none;overflow:hidden;color:var(--avatar-ink);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide)}.front-face img{width:100%;height:100%;object-fit:cover}.front-peek{position:fixed;z-index:5;left:0;top:0;width:272px;padding:10px 13px 4px;border-radius:var(--r-lg);background:var(--card);box-shadow:var(--tm-shadow-hover);text-align:start;pointer-events:none;opacity:0;transition:opacity .45s var(--rise);will-change:transform,opacity}.front-peek.is-on{opacity:1}.front-peek .front-who{display:flex;align-items:center;gap:10px;min-width:0;line-height:1.25}.front-peek .front-who>div{min-width:0}.front-peek .front-face{width:30px;height:30px;font-size:var(--fs-xs)}.front-peek b,.front-peek small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.front-peek b{font-size:var(--fs-md)}.front-peek small{font-size:var(--fs-xs);color:var(--muted-foreground)}.front-peek p{margin:6px 0 2px;font-size:var(--fs-md);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.front-acts{display:flex;gap:4px;margin-inline-start:-6px;color:var(--muted-foreground);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.front-acts span{height:26px;padding:0 6px;display:inline-flex;align-items:center;gap:5px}.front-acts svg{width:17px;height:17px}.front-tally{position:absolute;left:0;top:0;margin:0;display:flex;gap:16px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--muted-foreground);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .5s var(--rise)}.front-tally.is-on{opacity:1}.front-tally span{display:inline-flex;align-items:center;gap:6px}.front-tally i{width:7px;height:7px;background:var(--muted-foreground);opacity:.6}.front-tally .is-in{color:var(--foreground)}.front-tally .is-in i{background:var(--primary);opacity:1}.front-tally b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--fw-heavy)}.front-ad{position:absolute;left:0;top:0;padding:2px 6px;border:1px solid var(--muted-foreground);border-radius:var(--r-hair);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--muted-foreground);pointer-events:none;opacity:0;will-change:transform,opacity}.front-pager{position:fixed;z-index:6;right:max(14px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);display:grid;gap:4px;transition:opacity .3s}.front-pager button{position:relative;width:22px;height:22px;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer}.front-pager button:before{content:"";width:6px;height:6px;background:var(--muted-foreground);opacity:.45;transition:all .3s var(--rise)}.front-pager button[aria-current=true]:before{height:16px;opacity:1;background:linear-gradient(var(--primary) calc(var(--p, 1) * 100%),color-mix(in oklab,var(--primary) 30%,transparent) 0)}.front-pager button:after{content:attr(data-label);position:absolute;right:26px;padding:3px 8px;border-radius:var(--r-xs);background:var(--card);box-shadow:var(--tm-shadow);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--foreground);white-space:nowrap;opacity:0;transform:translateX(4px);transition:opacity .2s,transform .2s var(--rise);pointer-events:none}.front-pager button:focus-visible:after,.front-pager button:hover:after{opacity:1;transform:none}.front-legal{position:fixed;z-index:8;right:max(14px,env(safe-area-inset-right,0px));bottom:max(10px,env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:2px;padding:3px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:color-mix(in oklab,var(--background) 86%,transparent)}.front-legal>a,.front-legal>button{padding:5px 7px;border:0;border-radius:var(--r-xs);background:none;color:var(--muted-foreground);font:inherit;text-decoration:none;cursor:pointer}.front-legal>a:hover,.front-legal>button:hover,.front-legal>button[aria-expanded=true]{color:var(--foreground);background:var(--secondary)}html body:has(.front) .datapanel{position:fixed;right:auto;left:max(16px,env(safe-area-inset-left,0px));align-items:flex-start}.front-more{position:absolute;right:0;bottom:calc(100% + 6px);min-width:210px;padding:6px;border-radius:var(--r-md);background:var(--card);box-shadow:var(--tm-shadow-hover);display:grid}.front-more a{padding:9px 10px;border-radius:var(--r-xs);font-size:var(--fs-md);color:var(--foreground);text-decoration:none}.front-more a:hover{background:var(--secondary)}.front-loading.is-done{opacity:0;visibility:hidden}.front-loading.is-done .loader{transform:scale(1.8)}@media (max-width:759px){.front-slide:not(.front-hero){align-items:start;padding-top:var(--text-top,56vh)}.front-slide.is-left .front-text,.front-slide.is-right .front-text,.front-text{width:100%;margin:0;justify-self:stretch;justify-items:center;text-align:center;gap:10px}.front-text h2{font-size:var(--fs-5xl)}.front-text p{font-size:var(--fs-body)}.front-peek{width:236px;padding-bottom:8px}.front-peek p{-webkit-line-clamp:1}.front-peek .front-acts{display:none}.front-pager{right:max(4px,env(safe-area-inset-right,0px))}.front-pager button{width:16px;height:18px}.front-pager button:before{width:5px;height:5px}.front-pager button[aria-current=true]:before{height:12px}.front:not(.is-away) .front-pager{opacity:0;pointer-events:none}.front-legal{font-size:var(--fs-2xs)}}@media (prefers-reduced-motion:reduce){.front-peek,.front-text p,.front-word{transition:none}.front-caret,.front-next svg{animation:none}}