:root{--p-bg:#f3f5f7;--p-ink:#16202a;--p-tint:22 32 42;--p-muted:rgb(var(--p-tint) / .56);--p-faint:rgb(var(--p-tint) / .36);--p-card:#fff;--p-card-shadow:inset 0 1px 0 #fff, inset 0 -3px 8px rgb(var(--p-tint) / .035), 0 1px 2px rgb(var(--p-tint) / .06), 0 12px 28px -10px rgb(var(--p-tint) / .12);--p-card-shadow-hover:inset 0 1px 0 #fff, inset 0 -3px 8px rgb(var(--p-tint) / .035), 0 2px 4px rgb(var(--p-tint) / .07), 0 20px 40px -14px rgb(var(--p-tint) / .2);--p-track:#e4e9ee;--p-track-shadow:inset 0 1.5px 3px rgb(var(--p-tint) / .09), inset 0 0 0 .5px rgb(var(--p-tint) / .06), 0 1px 0 #ffffffe6;--p-thumb:linear-gradient(#fff, #f7f9fb);--p-thumb-shadow:inset 0 1px 0 #fff, inset 0 -2px 3px rgb(var(--p-tint) / .05), 0 1px 2px rgb(var(--p-tint) / .1), 0 6px 14px -4px rgb(var(--p-tint) / .16);--p-round:linear-gradient(#fff, #f4f7fa);--p-round-shadow:inset 0 1px 0 #fff, 0 1px 2px rgb(var(--p-tint) / .08), 0 4px 10px -3px rgb(var(--p-tint) / .12);--p-dark:linear-gradient(165deg, #a6c8e0 0%, #83aecc 55%, #6f9fc2 100%);--p-dark-ink:#fff;--p-dark-shadow:inset 0 2px 0 #ffffff80, inset 0 -5px 12px #28507833, 0 2px 4px #2850781f, 0 12px 24px -10px #5b8eb699;--p-plush:linear-gradient(165deg, #a6c8e0 0%, #83aecc 55%, #6f9fc2 100%);--p-plush-shadow:inset 0 2px 0 #ffffff8c, inset 0 -8px 18px #28507838, 0 2px 4px #2850781f, 0 18px 36px -12px #5b8eb68c;--p-plush-ink:#3f6f96;--p-accent:#5b8eb6;--p-stage:#eef2f6;--ease-rise:cubic-bezier(.22, .8, .28, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-pill:cubic-bezier(.3, 1.25, .5, 1);--ease-slip:cubic-bezier(.2, 1.15, .3, 1);--f-puffy:"Unbounded", "Onest", sans-serif;--f-text:"Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--p-bg:#121212;--p-ink:#ececec;--p-tint:236 236 236;--p-card:#1c1c1e;--p-card-shadow:inset 0 1px 0 #ffffff0d, inset 0 -3px 8px #0000002e, 0 1px 2px #0000004d, 0 14px 30px -12px #0000008c;--p-card-shadow-hover:inset 0 1px 0 #ffffff0f, inset 0 -3px 8px #0000002e, 0 2px 4px #00000059, 0 22px 44px -14px #000000a6;--p-track:#0b0b0c;--p-track-shadow:inset 0 1.5px 3px #00000080, inset 0 0 0 .5px #ffffff0d, 0 1px 0 #ffffff0a;--p-thumb:linear-gradient(#303033, #252528);--p-thumb-shadow:inset 0 1px 0 #ffffff14, 0 1px 2px #0006, 0 6px 14px -4px #00000080;--p-round:linear-gradient(#2a2a2d, #202023);--p-round-shadow:inset 0 1px 0 #ffffff12, 0 1px 2px #00000059, 0 4px 10px -3px #00000073;--p-dark:linear-gradient(165deg, #a6c8e0 0%, #83aecc 55%, #6f9fc2 100%);--p-dark-ink:#fff;--p-dark-shadow:inset 0 2px 0 #ffffff80, inset 0 -5px 12px #28507833, 0 2px 4px #0000004d, 0 12px 24px -10px #0000008c;--p-plush:linear-gradient(165deg, #a6c8e0 0%, #83aecc 55%, #6f9fc2 100%);--p-plush-shadow:inset 0 2px 0 #ffffff8c, inset 0 -8px 18px #28507838, 0 2px 4px #0000004d, 0 18px 36px -12px #0009;--p-plush-ink:#3f6f96;--p-accent:#8dbbe0;--p-stage:#161616;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){z-index:2}.theming *,.theming :before,.theming :after{transition:none!important}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--p-bg);min-width:320px;min-height:100dvh;color:var(--p-ink);font-family:var(--f-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;transition:background-color .35s var(--ease-out);margin:0;font-size:13px;line-height:1.4;overflow-x:clip}body[data-surface=plush]{background:var(--p-bg);color:var(--p-ink)}button{font:inherit;color:inherit;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}img,video,svg{max-width:100%;display:block}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--p-accent);outline-offset:3px}::selection{background:#83aecc59}:root{--cur-pointer:url(/cursors/light/pointer.png);--cur-link:url(/cursors/light/link.png);--cur-beam:url(/cursors/light/beam.png)}:root[data-theme=dark]{--cur-pointer:url(/cursors/dark/pointer.png);--cur-link:url(/cursors/dark/link.png);--cur-beam:url(/cursors/dark/beam.png)}html,body{cursor:var(--cur-pointer) 5 10, default}a,button,[role=button],label[for],summary{cursor:var(--cur-link) 11 7, pointer}input[type=text],input[type=search],textarea{cursor:var(--cur-beam) 16 16, text}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}@keyframes rise{0%{opacity:0;filter:blur(3px);transform:translateY(-6px)}}@keyframes rise-up{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}}@keyframes fade{0%{opacity:0}}.rise{animation:rise .6s var(--ease-rise) backwards;animation-delay:calc(var(--d,0) * 1ms)}.rise-up{animation:rise-up .6s var(--ease-rise) backwards;animation-delay:calc(var(--d,0) * 1ms)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}}@media (width<=820px),(pointer:coarse){@keyframes rise-up{0%{opacity:0;transform:translateY(10px)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}}.card{background:var(--p-card);box-shadow:var(--p-card-shadow);border-radius:28px}.card-title{font:600 17px/22px var(--f-puffy);letter-spacing:-.02em}.card-sub{color:var(--p-muted);margin-top:6px;font-size:14.5px;line-height:20px}.btn-dark{background:var(--p-dark);height:52px;color:var(--p-dark-ink);box-shadow:var(--p-dark-shadow);transition:transform .2s var(--ease-spring), filter .15s;border-radius:999px;justify-content:space-between;align-items:center;padding:0 8px 0 20px;font-size:15px;font-weight:600;display:flex}.btn-dark:hover{filter:brightness(1.05)saturate(1.1)}.btn-dark:active{transform:scale(.97)}.btn-dark-icon{background:color-mix(in srgb, currentColor 14%, transparent);width:36px;height:36px;transition:transform .35s var(--ease-spring);border-radius:50%;place-items:center;display:grid}.btn-dark:hover .btn-dark-icon{transform:translate(2px)rotate(-10deg)}.btn-dark-icon svg{fill:currentColor;width:15px;height:15px}.btn-plush-light{height:52px;color:var(--p-plush-ink);transition:transform .2s var(--ease-spring), box-shadow .2s;background:linear-gradient(#fff,#eef4f9);border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:15px;font-weight:600;display:flex;box-shadow:inset 0 1px #fff,0 2px 4px #2850782e,0 8px 16px -6px #28507859}.btn-plush-light:hover{transform:translateY(-1px)}.btn-plush-light:active{transform:scale(.97)}.home{background:var(--p-bg);min-height:100dvh;color:var(--p-ink);font-family:var(--f-text);flex-direction:column;align-items:center;display:flex;overflow-x:clip}.home-top{flex-shrink:0;justify-content:flex-end;align-items:center;width:100%;height:96px;padding:0 40px;display:flex}.home-title{font:600 60px/66px var(--f-puffy);letter-spacing:-.04em;text-align:center;padding-top:90px}.shelf{flex-shrink:0;width:min(1120px,100% - 48px);margin-top:70px;padding-bottom:30px;position:relative}.shelf-plank{background:var(--p-track);height:44px;box-shadow:var(--p-track-shadow);animation:rise-up .6s var(--ease-rise) .12s backwards;border-radius:999px;position:absolute;bottom:30px;left:0;right:0}.shelf-row{justify-content:space-between;align-items:flex-end;padding:0 40px 22px;display:flex;position:relative}.shelf-folder{-webkit-user-select:none;user-select:none;width:300px;height:290px;animation:shelf-drop .7s var(--ease-spring) backwards;animation-delay:calc(.22s + var(--i) * 90ms);outline:none;flex-shrink:0;display:block;position:relative}@keyframes shelf-drop{0%{opacity:0;transform:translateY(-34px)}}.shelf-folder-body{isolation:isolate;transition:transform .45s var(--ease-out);display:block;position:absolute;inset:0}.shelf-folder[data-open] .shelf-folder-body{transition:transform .5s var(--ease-spring);transform:translateY(-6px)}.shelf-folder:active .shelf-folder-body{transition:transform .18s var(--ease-out);transform:translateY(-2px)scale(.98)}.shelf-folder:focus-visible .shelf-front svg{filter:drop-shadow(0 0 0 2px var(--p-accent)) drop-shadow(0 14px 16px #1e6eaa40)}.shelf-layer{width:300px;height:240px;position:absolute;top:50px;left:0}.shelf-front{z-index:3;transform-origin:50% 100%;transition:transform .4s var(--ease-out);transform:perspective(700px)rotateX(0)}.shelf-front>svg{filter:drop-shadow(0 14px 16px #1e6eaa40);top:0}.shelf-folder[data-open] .shelf-front{transition:transform .5s var(--ease-spring);transform:perspective(700px)rotateX(-26deg)}.shelf-label{font:600 26px/32px var(--f-puffy);letter-spacing:-.03em;color:#fff;position:absolute;bottom:22px;left:24px;right:24px}.shelf-paper{--r:-4deg;z-index:2;transform-origin:0 0;width:232px;height:150px;transform:rotate(var(--r));transition:transform .55s var(--ease-spring) 40ms, box-shadow .3s;background:#fff;border-radius:10px;padding:12px;position:absolute;top:62px;left:34px;box-shadow:0 0 0 .5px #0000000f,0 4px 10px -4px #0000002e}.shelf-folder[data-open] .shelf-paper{transform:translateY(-50px) rotate(calc(var(--r) * .4));box-shadow:0 0 0 .5px #0000000f,0 14px 24px -8px #00000040}.shelf-paper--about{gap:10px;display:flex}.shelf-paper--about img{object-fit:cover;border-radius:12px;flex-shrink:0;width:40px;height:40px}.shelf-paper--about span{color:#16202a8f;font-size:12px;line-height:16px}.shelf-paper--post{--r:3deg;flex-direction:column;gap:8px;width:226px;height:170px;padding:10px;display:flex;left:37px}.shelf-paper--post img{object-fit:cover;border-radius:7px;width:206px;height:116px}.shelf-paper--post b{color:#16202a;font-size:12px;font-weight:600;line-height:16px}.shelf-paper--plush{--r:5deg;background:var(--p-plush);padding:14px;box-shadow:inset 0 2px #ffffff80,0 4px 10px -4px #2850784d}.shelf-paper--plush b{font:600 15px/18px var(--f-puffy);color:#fff}@media (width<=1120px){.shelf-row{padding-inline:16px}.shelf-folder{zoom:.86}}@media (width<=900px){.home-title{padding-top:56px;font-size:44px;line-height:50px}.shelf-folder{zoom:.72}}@media (width<=700px){.home-top{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0}.home-title{padding-top:24px;font-size:34px;line-height:40px}.shelf{width:100%;padding-bottom:calc(40px + env(safe-area-inset-bottom));margin-top:24px}.shelf-plank{display:none}.shelf-row{isolation:isolate;flex-direction:column;align-items:center;gap:34px;padding:0 16px}.shelf-folder{zoom:.66}.shelf-folder:after{content:"";z-index:-1;background:var(--p-track);height:44px;box-shadow:var(--p-track-shadow);border-radius:999px;position:absolute;bottom:-22px;left:-60px;right:-60px}}@media (width<=820px),(pointer:coarse){.shelf-front>svg{filter:none}}.about-intro{align-items:flex-start;gap:48px;display:flex}.about-avatar{background:linear-gradient(160deg, var(--p-card), color-mix(in srgb, var(--p-card) 86%, #83aecc));width:240px;height:240px;transition:rotate .6s var(--ease-spring), scale .6s var(--ease-spring);border-radius:56px;flex-shrink:0;place-items:center;display:grid;rotate:-4deg;box-shadow:inset 0 2px #ffffffe6,inset 0 -6px 14px #5b8eb61a,0 2px 4px #16202a0f,0 24px 48px -16px #5b8eb659}.about-avatar:hover{rotate:2deg;scale:1.03}.about-avatar img{width:196px;height:auto}.about-text{flex-direction:column;gap:18px;max-width:600px;padding-top:26px;display:flex}.about-title{font:600 52px/58px var(--f-puffy);letter-spacing:-.03em}.about-bio{color:var(--p-muted);font-size:19px;line-height:29px}.about-more-btn{background:var(--p-round);height:32px;box-shadow:var(--p-round-shadow);color:var(--p-ink);transition:transform .2s var(--ease-spring);border-radius:999px;align-items:center;gap:4px;padding:0 10px 0 14px;font-size:14px;font-weight:600;display:inline-flex}.about-more-btn:active{transform:scale(.94)}.about-more-btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .4s var(--ease-spring)}.about-more[data-open] .about-more-btn svg{transform:rotate(180deg)}.about-more-panel{transition:grid-template-rows .5s var(--ease-out);grid-template-rows:0fr;display:grid}.about-more[data-open] .about-more-panel{grid-template-rows:1fr}.about-more-inner{min-height:0;overflow:hidden}.about-more-sheet{background:var(--p-card);box-shadow:var(--p-card-shadow);opacity:0;transform-origin:0 0;transition:opacity .3s, transform .5s var(--ease-spring);border-radius:22px;flex-direction:column;gap:18px;margin-top:14px;padding:22px 24px;display:flex;transform:translateY(-8px)scale(.98)}.about-more[data-open] .about-more-sheet{opacity:1;transform:none}.about-more-block{opacity:0;filter:blur(3px);transition:opacity .4s, filter .4s, transform .5s var(--ease-rise);transition-delay:calc(var(--i) * 70ms + 80ms);transform:translateY(-4px)}.about-more[data-open] .about-more-block{opacity:1;filter:none;transform:none}.about-more-block h3{font:600 14px/20px var(--f-puffy);letter-spacing:-.01em}.about-more-block p{color:var(--p-muted);margin-top:4px;font-size:15.5px;line-height:23px}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:64px;display:grid}.about-tile{background:var(--p-plush);box-shadow:var(--p-plush-shadow);color:#fff;border-radius:28px;flex-direction:column;justify-content:space-between;gap:24px;padding:28px;display:flex}.about-tile-copy{flex-direction:column;gap:10px;display:flex}.about-tile-name{font:600 30px/34px var(--f-puffy);letter-spacing:-.03em}.about-tile p{color:#ffffffe0;font-size:15px;line-height:22px}@media (width<=820px){.about-avatar{display:none}.about-intro{display:block}.about-text{gap:14px;padding-top:0}.about-title{font-size:32px;line-height:38px}.about-bio{font-size:16.5px;line-height:25px}.about-grid{grid-template-columns:1fr;gap:12px;margin-top:28px}.about-tile{border-radius:26px;gap:18px;padding:22px}.about-tile-name{font-size:24px;line-height:30px}.btn-dark,.btn-plush-light{height:54px;font-size:16px}}@media (width<=820px),(pointer:coarse){.about-more-block{filter:none}}.tabs{background:var(--p-track);box-shadow:var(--p-track-shadow);font-family:var(--f-text);isolation:isolate;border-radius:999px;align-items:center;gap:4px;padding:5px;display:inline-flex;position:relative}.tabs-thumb{z-index:-1;background:var(--p-thumb);box-shadow:var(--p-thumb-shadow);transition:transform .42s var(--ease-pill), width .42s var(--ease-pill), opacity .2s;border-radius:999px;position:absolute;top:5px;bottom:5px;left:0}.tabs-item{height:42px;color:var(--p-muted);white-space:nowrap;transition:color .2s, transform .2s var(--ease-spring);border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:15px;font-weight:500;display:inline-flex}.tabs-item:hover{color:var(--p-ink)}.tabs-item[aria-selected=true]{color:var(--p-ink);font-weight:600}.tabs-item:active{transform:scale(.95)}.tabs--sm{gap:2px;padding:4px}.tabs--sm .tabs-thumb{top:4px;bottom:4px}.tabs--sm .tabs-item{height:34px;padding:0 14px;font-size:14px}@media (width<=820px){.tabs--sm .tabs-item{height:38px;padding:0 15px;font-size:14.5px}}.pf{text-align:left;-webkit-user-select:none;user-select:none;width:100%;min-width:0;transition:transform .2s var(--ease-spring);flex-direction:column;display:flex}.pf:active{transform:scale(.97)}.pf:focus-visible{outline:none}.pf:focus-visible .pf-stage{outline:2px solid var(--p-accent);outline-offset:3px}.pf-stage{aspect-ratio:195/160;background:var(--p-card);width:100%;box-shadow:var(--p-card-shadow);transition:box-shadow .35s var(--ease-out), transform .35s var(--ease-out);border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.pf:hover .pf-stage{box-shadow:var(--p-card-shadow-hover);transform:translateY(-2px)}.pf-wrap{filter:drop-shadow(0 8px 8px #1e6eaa33);transform-style:preserve-3d;transition:transform .5s var(--ease-spring);display:block}.pf-wrap[data-open]{transform:translateY(2px)scale(1.04)}.pf-3d{perspective:520px;width:150px;height:120px;transform-style:preserve-3d;isolation:isolate;display:block;position:relative}.pf-layer{width:100%;height:100%;position:absolute;inset:0}.pf-back{z-index:1;transform:translateZ(-4px)}.pf-front{z-index:20;transform-origin:50% 100%;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .5s var(--ease-spring);transform:translateZ(18px)rotateX(0)}.pf-wrap[data-open] .pf-front{transform:translateZ(18px)rotateX(-34deg)}.pf-papers{z-index:2;transform-style:preserve-3d;position:absolute;inset:0}.pf-paper{--x:calc((var(--i) - 1) * 5%);--r:calc((var(--i) - 1) * 7deg);top:14%;bottom:26%;left:calc(9% + var(--i) * 3.4%);right:calc(9% + (2 - var(--i)) * 3.4%);z-index:calc(2 + var(--i));transform-origin:50% 100%;transform-style:preserve-3d;backface-visibility:hidden;transform:translateZ(calc(var(--i) * 2px + 2px)) translateY(calc(6px - var(--i) * 3px));transition:transform .55s var(--ease-spring) calc(var(--i) * 40ms);background:#fff;border-radius:5px;position:absolute;overflow:hidden;box-shadow:0 0 0 .5px #00000014,0 2px 6px #00000026}.pf-wrap[data-open] .pf-paper{transform:translateZ(calc(var(--i) * 2px + 2px)) translate(var(--x), calc(-28px - var(--i) * 4px)) rotate(var(--r))}.pf-sheet{width:100%;height:100%;display:flex}.pf-sheet--lines{background:#f4f8fb;flex-direction:column;gap:4px;padding:12px 8px 6px}.pf-sheet--lines i{background:#d7e3ec;border-radius:2px;height:3px;display:block}.pf-sheet--lines i:first-child{background:#83aecc;width:45%}.pf-sheet--lines i:nth-child(2){width:78%}.pf-sheet--lines i:nth-child(3){width:60%}.pf-sheet--tag b{color:#3f6f96;font:600 7px/1.4 var(--f-text);background:#5b8eb61f;border-radius:4px;align-self:flex-start;padding:1px 5px}.pf-sheet--tag i:first-of-type{background:#d7e3ec;width:80%}.pf-sheet--img,.pf-sheet--media img{object-fit:cover;width:100%;height:100%}.pf-sheet--media{background:#121212;position:relative}.pf-play{background:linear-gradient(#fff,#eaf1f7);border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;bottom:4px;right:4px;box-shadow:0 1px 3px #0000004d}.pf-play svg{fill:#5b8eb6;width:8px;height:8px}.pf-sheet--text{font:500 7px/1.3 var(--f-text);color:#475569;padding:10px 8px}.pf-caption{flex-direction:column;gap:4px;padding:12px 6px 0;display:flex}.pf-title{letter-spacing:-.01em;color:var(--p-ink);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:20px;display:-webkit-box;overflow:hidden}.pf-meta{color:var(--p-faint);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}@media (hover:none){.pf:hover .pf-stage{transform:none}}@media (width<=820px),(pointer:coarse){.pf-wrap{filter:none}.pf:hover .pf-stage{transform:none}}.posts{--ctl:48px;grid-template-columns:320px minmax(0,1fr);align-items:start;gap:48px;display:grid}.posts-intro{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.posts-title{font:600 40px/44px var(--f-puffy);letter-spacing:-.03em;margin-bottom:4px}.posts-cta{width:100%;height:var(--ctl);background:var(--p-plush);color:#fff;transition:transform .2s var(--ease-spring), filter .15s;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:15.5px;font-weight:600;display:flex;box-shadow:inset 0 2px #ffffff80,inset 0 -5px 12px #28507833,0 2px 4px #2850781f,0 12px 24px -10px #5b8eb699}.posts-cta:hover{filter:brightness(1.05)saturate(1.1);transform:translateY(-1px)}.posts-cta:active{transform:scale(.96)}.posts-cta svg{fill:currentColor;width:16px;height:16px;transition:transform .35s var(--ease-spring)}.posts-cta:hover svg{transform:translate(1px,-1px)rotate(-10deg)}.posts-search{height:var(--ctl);background:var(--p-track);box-shadow:var(--p-track-shadow);color:var(--p-faint);border-radius:999px;align-items:center;gap:10px;padding:0 10px 0 16px;transition:background-color .2s,box-shadow .2s;display:flex}.posts-search:focus-within{background:var(--p-card);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--p-accent) 55%, transparent), 0 6px 16px -8px rgb(var(--p-tint) / .2)}.posts-search>svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex-shrink:0;width:17px;height:17px}.posts-search input{min-width:0;color:var(--p-ink);font:500 15px var(--f-text);background:0 0;border:0;outline:0;flex:1;padding:0}.posts-search input::placeholder{color:var(--p-faint)}.posts-search input::-webkit-search-cancel-button{display:none}.posts-search-clear{background:var(--p-round);width:28px;height:28px;box-shadow:var(--p-round-shadow);font:600 12px var(--f-text);color:var(--p-muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.posts-search-clear svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:9px;height:9px}.posts-search-clear:active{transform:scale(.9)}.posts-filters{width:100%}.tabs--fill{width:100%;height:var(--ctl);display:flex}.tabs--fill .tabs-item{min-width:0;height:calc(var(--ctl) - 8px);flex:1 1 0;padding:0 6px}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:32px 18px;padding-top:6px;display:grid}.posts-empty{text-align:center;color:var(--p-faint);grid-column:1/-1;padding:80px 0;font-size:15px}@media (width<=1000px){.posts{grid-template-columns:280px minmax(0,1fr);gap:32px}}@media (width<=820px){.posts{--ctl:50px;flex-direction:column;align-items:stretch;gap:12px;display:flex}.posts-title{align-self:flex-start}.posts-intro{display:contents}.posts-title{font-size:30px;line-height:36px}.posts-cta-slot{top:calc(10px + env(safe-area-inset-top));z-index:30;position:sticky}.posts-cta,.posts-search input{font-size:16px}.tabs--fill .tabs-item{font-size:14.5px}.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;padding-top:10px}.pf-stage{border-radius:22px}.pf-3d{scale:.82}.pf-title{font-size:15px;line-height:20px}}@media (width<=360px){.posts-grid{grid-template-columns:1fr}.pf-3d{scale:1}}.shell{background:var(--p-bg);min-height:100dvh;color:var(--p-ink);font-family:var(--f-text)}.shell-top{grid-template-columns:1fr auto 1fr;align-items:center;height:96px;padding:0 40px;display:grid}.shell-home{transition:transform .2s var(--ease-spring), background-color .15s;border-radius:14px;justify-self:start;align-items:center;gap:10px;padding:6px 10px 6px 4px;display:inline-flex}.shell-home:hover{background:rgb(var(--p-tint) / .05)}.shell-home:active{transform:scale(.95)}.shell-home img{object-fit:contain;width:44px;height:28px}.shell-home span{font:600 15px/18px var(--f-puffy);letter-spacing:-.02em}.round-controls{justify-self:end;gap:8px;display:flex}.pill-btn{background:var(--p-dark);width:70px;height:48px;color:var(--p-dark-ink);box-shadow:var(--p-dark-shadow);transition:transform .2s var(--ease-spring), filter .15s;border-radius:999px;place-items:center;display:grid}.pill-btn:hover{transform:translateY(-1px)}.pill-btn:active{transform:scale(.94)}.pill-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.round-btn{background:var(--p-round);width:44px;height:44px;box-shadow:var(--p-round-shadow);color:var(--p-muted);transition:transform .2s var(--ease-spring), color .15s;border-radius:50%;place-items:center;display:grid}.round-btn[data-on]{color:var(--p-accent)}.round-btn:hover{transform:translateY(-1px)}.round-btn:active{transform:scale(.92)}.round-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.shell-main{width:min(1040px,100% - 48px);margin:0 auto;padding:56px 0 96px}.shell-bottom{display:none}@media (width<=820px){.shell-top{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;grid-template-columns:1fr auto}.shell-top .shell-tabs,.shell-home span{display:none}.shell-main{width:calc(100% - 32px);padding:8px 0 calc(120px + env(safe-area-inset-bottom))}.shell-bottom{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;animation:rise-up .5s var(--ease-rise) .15s backwards;display:block;position:fixed;translate:-50%}.shell-bottom .tabs{height:56px;box-shadow:var(--p-track-shadow), 0 10px 24px -8px rgb(var(--p-tint) / .3)}.shell-bottom .tabs-item{height:46px;padding:0 26px;font-size:15.5px}}
