:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-control:10px;--radius-panel:14px;--radius-dialog:20px;--surface-paper:var(--bg);--surface-panel:var(--bg-elev);--surface-muted:var(--bg-subtle);--shadow-overlay:0 16px 48px #1820301f;--motion-fast:.16s;--motion-base:.24s;--font-label:ui-monospace, "SF Mono", Menlo, monospace;--text-3:#686f7a}[data-theme=dark]{--text-3:#9a9ba5;--shadow-overlay:0 16px 48px #00000057}html.js body.public-site .reveal{transition:none;transform:none;opacity:1!important}body.public-site :is(.section-kicker,.section-no,.collection-kicker,.now-section-label,.subscribe-action-kicker,.changelog-eyebrow){font-family:var(--font-label);color:var(--text-3);font-size:11px;line-height:1.5}body.public-site :is(.section-note,.ed-meta,.feature-meta,.reading-meta,.collection-foot,.footer-meta,.hero-meta-row){color:var(--text-3);font-size:12px;line-height:1.65}.section-head h2,.now-copy h2{line-height:1.22}.prose{overflow-wrap:break-word}.prose :is(h2,h3){text-wrap:pretty}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}body.public-site :is(.collection-card,.now-note,.subscribe-card,.toc-box,.side-card,.private-gate,.stats-card,.friend-card,.reading-item,.pn a,.related-grid a,.friends-index,.friends-hero-meta,.changelog-controls,.stats-metric){backdrop-filter:none;box-shadow:none;border-radius:var(--radius-panel)}body.public-site :is(.collection-card,.now-note,.toc-box,.side-card,.stats-card,.friend-card,.pn a,.related-grid a,.friends-index,.friends-hero-meta,.changelog-controls,.stats-metric){background:0 0}.subscribe-card,.private-gate{background:var(--surface-panel)}.search-card,.reading-menu-panel{border-radius:var(--radius-dialog);box-shadow:var(--shadow-overlay)}.filter-chip{min-height:40px;transition:color var(--motion-fast),background var(--motion-fast)}.ed-card,.collection-card,.pn a,.related-grid a{transition:color var(--motion-fast),border-color var(--motion-fast)}.ed-card:hover,.collection-card:hover,.pn a:hover,.related-grid a:hover{box-shadow:none;transform:none}body.public-site :is(.collection-card,.pn a,.related-grid a,.friend-card):hover{border-color:var(--accent);background:0 0}.ed-card:hover{background:0 0}.subscribe-card-copy p,.subscribe-card>small,.subscribe-privacy p,.subscribe-steps p{font-size:12px;line-height:1.75}.subscribe-status{font-size:12px}.subscribe-form input{border-radius:var(--radius-control)}.prose img{height:auto}@media (width>=761px){.nav{background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(8px)}}@media (width<=760px){.nav,.bottom-tab{background:var(--surface-paper);backdrop-filter:none}.filter-chip{min-height:44px}.section-note{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ed-card,.collection-card,.pn a,.related-grid a,.filter-chip{transition:none}}body.public-site :is(.prose img,.masonry img,.related-thumb){animation:none}body.public-site :is(.prose img,.masonry img){opacity:1}body.public-site .prose :is(video,iframe){max-width:100%}body.public-site .lightbox{overscroll-behavior:contain}body.public-site .lightbox img{object-fit:contain;max-height:86dvh}body.public-site .lightbox .lb-close{width:44px;height:44px;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));place-items:center;display:grid}body.public-site .lightbox .lb-caption{bottom:max(18px,env(safe-area-inset-bottom));overflow-wrap:anywhere;max-height:20dvh;padding:0 20px;overflow-y:auto}@media (width<=1023px){body.public-site :is(.comment-fields input,.comment-fields textarea,.comment-inline-form input,.comment-inline-form textarea,.subscribe-form input,.friends-search input,.friends-form-grid input,.friends-form-grid textarea,.private-gate input){font-size:16px}body.public-site :is(.comment-actions .btn,.comment-inline-form .btn,.friends-modal-card .btn){min-height:44px}}@media (prefers-reduced-motion:reduce){body.public-site :is(.prose img,.masonry img){transition:none}}body.public-site .public-security-check{grid-column:1/-1;justify-items:start;gap:8px;width:100%;min-width:0;max-width:100%;margin:6px 0;display:grid}body.public-site .public-security-hint{color:var(--text-3);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.6}body.public-site .public-security-widget{width:100%;min-width:0}body.public-site{--page-top:clamp(40px, 5vw, 64px);--page-bottom:clamp(64px, 8vw, 96px)}body.public-site :is(.archive-page,.collection-page,.reading-page,.friends-page,.public-stats-page,.changelog-page,.profile-page,.now-page){padding-top:var(--page-top);padding-bottom:var(--page-bottom)}body.public-site :is(.archive-hero,.collection-hero,.reading-hero,.friends-hero,.stats-hero,.changelog-hero){text-align:left;max-width:none;margin:0 0 40px;padding-top:0}body.public-site :is(.archive-hero,.collection-hero,.reading-hero,.friends-hero,.stats-hero,.changelog-hero,.now-page-head) h1{letter-spacing:-.045em;text-wrap:pretty;margin:14px 0 18px;font-size:clamp(38px,4.8vw,58px);line-height:1.15}body.public-site :is(.archive-hero,.collection-hero,.reading-hero,.friends-hero,.stats-hero-copy,.changelog-hero-copy)>p{max-width:640px;margin-left:0;margin-right:0;font-size:15px;line-height:1.9}body.public-site :is(.archive-timeline,.collection-list,.reading-list){max-width:none;margin-left:0;margin-right:0}body.public-site .archive-tools{gap:20px;margin-top:20px}body.public-site .month-block a{padding-top:18px;padding-bottom:18px}body.public-site .month-block .archive-title{text-wrap:pretty;min-width:0;line-height:1.65}body.public-site .month-block .date{white-space:nowrap;font-variant-numeric:tabular-nums}body.public-site .collection-list .ed-card{grid-template-columns:148px minmax(0,1fr) 24px;padding:24px 0}body.public-site .collection-list .ed-card:hover{padding-left:0;padding-right:0}body.public-site .collection-list .ed-title{text-wrap:pretty;font-size:20px;line-height:1.5}body.public-site .collection-list .ed-desc{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box}body.public-site .reading-tabs{gap:5px;width:fit-content;max-width:100%;margin:0 0 20px;display:flex}body.public-site .reading-tabs button{min-height:42px;padding:8px 18px;font-size:13px}body.public-site .reading-toolbar{margin-bottom:18px}body.public-site .reading-item{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;padding:22px 0}body.public-site .reading-item h2{font-size:19px;line-height:1.55}body.public-site .profile-grid{grid-template-columns:260px minmax(0,1fr);gap:72px}body.public-site .profile-rail,body.public-site .profile-content{min-width:0}body.public-site .profile-content :is(p,li){font-size:17px;line-height:1.95}body.public-site .profile-content h2:first-of-type{margin-top:32px}body.public-site .now-page-grid{grid-template-columns:280px minmax(0,1fr);gap:72px}body.public-site .now-page-body{min-width:0;padding-top:0}body.public-site .now-page-list li{padding-top:23px;padding-bottom:23px}body.public-site .now-note{border:0;border-top:1px solid var(--border);border-radius:0;margin-top:36px;padding:24px 0 0}body.public-site .footer-inner{gap:24px 48px;padding-top:34px;padding-bottom:28px}body.public-site .footer-links{grid-template-columns:repeat(5,max-content);align-content:start;gap:12px 22px;display:grid}body.public-site .footer-links a{font-size:12px}body.public-site .footer-meta{margin-top:4px;font-size:11px}body.public-site .nav-inner{padding-top:13px;padding-bottom:13px;transition:none}body.public-site .nav.scrolled .nav-inner{padding-top:13px;padding-bottom:13px}@media (width<=1079px){body.public-site :is(.profile-grid,.now-page-grid){grid-template-columns:230px minmax(0,1fr);gap:40px}body.public-site :is(.stats-hero,.changelog-hero){gap:28px}}@media (width<=760px){body.public-site .container{padding-left:20px;padding-right:20px}body.public-site :is(.archive-hero,.collection-hero,.reading-hero,.friends-hero,.stats-hero,.changelog-hero){margin-bottom:30px}body.public-site :is(.archive-hero,.collection-hero,.reading-hero,.friends-hero,.stats-hero,.changelog-hero,.now-page-head) h1{font-size:clamp(35px,9vw,43px)}body.public-site :is(.archive-hero,.collection-hero,.reading-hero,.friends-hero,.stats-hero-copy,.changelog-hero-copy)>p{font-size:14px}body.public-site .collection-list .ed-card{grid-template-columns:84px minmax(0,1fr);gap:14px}body.public-site .collection-list :is(.ed-index,.ed-arrow,.ed-tags){display:none}body.public-site .collection-list .ed-cover{aspect-ratio:3/2;width:84px;height:auto;min-height:0}body.public-site .collection-list .ed-title{font-size:16px}body.public-site .collection-list .ed-meta{font-size:10px}body.public-site .collection-list .ed-desc{font-size:12px}body.public-site :is(.profile-grid,.now-page-grid,.stats-hero,.changelog-hero){grid-template-columns:minmax(0,1fr);gap:28px}body.public-site .profile-rail{position:static}body.public-site .reading-tabs{width:100%}body.public-site .reading-tabs button{flex:1}body.public-site .footer-inner{gap:24px}body.public-site .footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 18px}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){body.public-site :is(.btn,.collection-card,.pn a,.friend-card){transition:transform .24s cubic-bezier(.22,1,.36,1),color .16s,border-color .16s}body.public-site :is(.btn:not(:disabled),.collection-card,.pn a,.friend-card):hover{transform:translateY(-2px)}body.public-site .btn:not(:disabled):active{transform:translateY(0)scale(.98)}body.public-site :is(.ed-card:hover .ed-arrow,.collection-card:hover .collection-foot>:last-child){transform:translate(3px,-2px)}body.public-site .collection-foot>:last-child{transition:transform .24s}}.art-thumb .art-index{font-size:9px}@media (prefers-reduced-motion:no-preference){.bottom-tab .tab-item svg{transition:transform .26s cubic-bezier(.22,1,.36,1)}.bottom-tab .tab-item.active svg{transform:translateY(-1px)}.bottom-tab .tab-item:active svg{transform:scale(.88)}}
