:root{--tt-ease-out:cubic-bezier(.16, 1, .3, 1);--tt-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--tt-ink:#15110e;--tt-concrete:#17120f;--tt-bar:#15110eeb;--tt-top:56px;--tt-tabbar:64px}.tt-app{background-color:var(--tt-concrete);color:#f4ece7;-webkit-tap-highlight-color:transparent;min-height:100dvh}:root:has(.tt-app){background-color:var(--tt-concrete);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:#f4ece72e transparent;scrollbar-width:thin}:root:has(.tt-app) body{background:var(--tt-concrete)}:root:has(.tt-app) ::-webkit-scrollbar{width:10px;height:10px}:root:has(.tt-app) ::-webkit-scrollbar-track{background:0 0}:root:has(.tt-app) ::-webkit-scrollbar-thumb{background:#f4ece729 padding-box padding-box;border:3px solid #0000;border-radius:999px}:root:has(.tt-app) ::-webkit-scrollbar-thumb:hover{background-color:#f4ece74d}.tt-quiet-scroll{scrollbar-width:none;overscroll-behavior:contain}.tt-quiet-scroll::-webkit-scrollbar{display:none}.tt-app :focus:not(:focus-visible){outline:none}.tt-app ::selection{color:#fffcf6;background:#f24e14d9}.tt-topbar{view-transition-name:tt-topbar;height:calc(var(--tt-top) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background-color:#15110e;box-shadow:inset 0 -1px #ffffff12}.tt-tabbar{view-transition-name:tt-tabbar;padding-bottom:env(safe-area-inset-bottom);background-color:#15110e;box-shadow:inset 0 1px #ffffff12}.tt-rail{view-transition-name:tt-rail}.tt-main{padding-top:calc(var(--tt-top) + env(safe-area-inset-top));padding-bottom:calc(var(--tt-tabbar) + env(safe-area-inset-bottom) + 24px)}@media (min-width:768px){.tt-main{padding-top:0;padding-bottom:48px}}::view-transition-group(tt-topbar){z-index:100;animation:none}::view-transition-group(tt-tabbar){z-index:100;animation:none}::view-transition-group(tt-rail){z-index:100;animation:none}::view-transition-old(tt-topbar){display:none}::view-transition-old(tt-tabbar){display:none}::view-transition-old(tt-rail){display:none}::view-transition-new(tt-topbar){animation:none}::view-transition-new(tt-tabbar){animation:none}::view-transition-new(tt-rail){animation:none}::view-transition{pointer-events:none}.tt-press{transition:transform .12s,background-color .2s,color .2s,opacity .2s}.tt-press:active{transform:scale(.96)}.tt-press-soft:active{transform:scale(.985)}.tt-tab[data-on=true] .tt-tab-icon{transform:translateY(-1px)}.tt-tab-tick{animation:tt-tick-in .32s var(--tt-ease-spring) both}@keyframes tt-tick-in{0%{opacity:0;transform:scaleX(.2)rotate(-3deg)}to{opacity:1;transform:scaleX(1)rotate(-3deg)}}.tt-tab-pending .tt-tab-icon{animation:.9s ease-in-out infinite tt-breathe}@keyframes tt-breathe{50%{opacity:.45}}.tt-post-face{transition:transform .18s var(--tt-ease-spring), box-shadow .18s ease;transform:rotate(-6deg);box-shadow:0 0 0 3px #fbf4ea,0 10px 24px #f24e1473,3px 3px 0 3px #000}.tt-post:active .tt-post-face{transform:rotate(0)scale(.92);box-shadow:0 0 0 3px #fbf4ea,0 4px 10px #f24e1459,1px 1px 0 3px #000}.tt-scrim{animation:.28s both tt-fade-in}.tt-scrim[data-closing=true]{animation:.22s both tt-fade-out}.tt-sheet{animation:tt-sheet-in .42s var(--tt-ease-out) both;touch-action:none}.tt-sheet[data-closing=true]{animation:.24s ease-in both tt-sheet-out}.tt-sheet[data-dragging=true]{transition:none;animation:none}.tt-sheet-scroll{touch-action:pan-y;overscroll-behavior:contain}@keyframes tt-sheet-in{0%{transform:translateY(100%)}}@keyframes tt-sheet-out{to{transform:translateY(100%)}}@media (min-width:768px){.tt-sheet{animation-name:tt-dialog-in}.tt-sheet[data-closing=true]{animation-name:tt-dialog-out}}@keyframes tt-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes tt-dialog-out{to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes tt-fade-in{0%{opacity:0}}@keyframes tt-fade-out{to{opacity:0}}.tt-sticky{top:calc(var(--tt-top) + env(safe-area-inset-top));transition:top .3s}:root[data-tt-bar=hidden] .tt-sticky{top:env(safe-area-inset-top)}@media (min-width:768px){.tt-sticky,:root[data-tt-bar=hidden] .tt-sticky{top:0}}.tt-stubs{scroll-snap-type:x proximity;scrollbar-width:none}.tt-stubs::-webkit-scrollbar{display:none}.tt-stub{scroll-snap-align:start;position:relative;-webkit-mask:radial-gradient(5px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(5px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(5px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(5px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat}.tt-poster{rotate:var(--tilt,0deg);transition:rotate .25s var(--tt-ease-out), translate .25s var(--tt-ease-out), scale .15s ease, box-shadow .25s ease}@media (hover:hover){.tt-poster:hover{translate:0 -2px;rotate:none}}.tt-poster:active{rotate:none;scale:.99}.tt-stretch:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.tt-above{z-index:2;position:relative}.tt-cv{content-visibility:auto;contain-intrinsic-size:auto 240px;margin:-18px -16px;padding:18px 16px}.tt-paste{animation:tt-paste .55s var(--tt-ease-out) backwards}@keyframes tt-paste{0%{opacity:0;translate:0 14px;scale:.98}to{opacity:1;translate:0;scale:1}}.tt-skel{background:linear-gradient(100deg,#ffffff0d 30%,#ffffff1c 50%,#ffffff0d 70%) 0 0/300% 100%;animation:1.4s ease-in-out infinite tt-shimmer}.tt-skel-paper{background:linear-gradient(100deg,#fbf4ea1a 30%,#fbf4ea2e 50%,#fbf4ea1a 70%) 0 0/300% 100%;animation:1.4s ease-in-out infinite tt-shimmer}@keyframes tt-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.tt-pop{animation:tt-pop .34s var(--tt-ease-spring) both}@keyframes tt-pop{0%{opacity:.3;transform:scale(.85)}}.tt-crown{transform-origin:50% 90%;animation:3.2s ease-in-out infinite tt-crown}@keyframes tt-crown{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(-4deg)translateY(-3px)}}::view-transition-old(.tt-forward){--tt-slide:-48px;animation:.14s ease-in both tt-vt-fade reverse, .34s var(--tt-ease-out) both tt-vt-slide reverse}::view-transition-new(.tt-forward){--tt-slide:48px;animation:.22s ease-out .1s both tt-vt-fade, .34s var(--tt-ease-out) both tt-vt-slide}::view-transition-old(.tt-back){--tt-slide:48px;animation:.14s ease-in both tt-vt-fade reverse, .34s var(--tt-ease-out) both tt-vt-slide reverse}::view-transition-new(.tt-back){--tt-slide:-48px;animation:.22s ease-out .1s both tt-vt-fade, .34s var(--tt-ease-out) both tt-vt-slide}::view-transition-old(.tt-tab){animation:.12s ease-in reverse both tt-vt-fade}::view-transition-new(.tt-tab){animation:.22s ease-out 60ms both tt-vt-fade}::view-transition-old(.tt-board-left){--tt-slide:-28px;animation:.12s ease-in both tt-vt-fade reverse, .3s var(--tt-ease-out) both tt-vt-slide reverse}::view-transition-new(.tt-board-left){--tt-slide:28px;animation:.2s ease-out 80ms both tt-vt-fade, .3s var(--tt-ease-out) both tt-vt-slide}::view-transition-old(.tt-board-right){--tt-slide:28px;animation:.12s ease-in both tt-vt-fade reverse, .3s var(--tt-ease-out) both tt-vt-slide reverse}::view-transition-new(.tt-board-right){--tt-slide:-28px;animation:.2s ease-out 80ms both tt-vt-fade, .3s var(--tt-ease-out) both tt-vt-slide}::view-transition-group(.tt-morph){animation-duration:.42s;animation-timing-function:var(--tt-ease-out)}::view-transition-image-pair(.tt-morph){animation-name:tt-vt-soften}::view-transition-old(.tt-skel-out){animation:.14s ease-out reverse both tt-vt-fade}::view-transition-new(.tt-reveal){animation:.22s ease-in .12s both tt-vt-fade, .36s var(--tt-ease-out) both tt-vt-rise}@keyframes tt-vt-fade{0%{opacity:0}to{opacity:1}}@keyframes tt-vt-slide{0%{translate:var(--tt-slide) 0}to{translate:0}}@keyframes tt-vt-rise{0%{translate:0 10px}to{translate:0}}@keyframes tt-vt-soften{30%{filter:blur(2px)}}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}.tt-sheet,.tt-scrim,.tt-paste,.tt-pop,.tt-crown,.tt-tab-tick,.tt-skel,.tt-skel-paper{animation:none!important}.tt-press:active,.tt-press-soft:active{transform:none}.tt-poster,.tt-poster:hover,.tt-poster:active{transition:none;translate:none;scale:none}}
