:root{--text:#000;--secondary:#00000080;--link-underline:#00000026;--link-underline-hover:#00000080;--hairline:#00000014;--fill:#00000008;--hover-fill:#00000008;--shadow:#00000014;--bg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--pad:24px;--nav-blur-height:80px;--space-below-nav:80px;--space-between:160px;--content-width:550px;--font-size:14px;--line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--text:#fffc;--secondary:#ffffff80;--link-underline:#ffffff26;--link-underline-hover:#ffffff80;--hairline:#ffffff24;--fill:#ffffff12;--hover-fill:#ffffff1a;--shadow:#00000080;--bg:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--text:#fffc;--secondary:#ffffff80;--link-underline:#ffffff26;--link-underline-hover:#ffffff80;--hairline:#ffffff24;--fill:#ffffff12;--hover-fill:#ffffff1a;--shadow:#00000080;--bg:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-font=serif]{--font:ui-serif, "New York", Georgia, "Times New Roman", serif}:root[data-font=mono]{--font:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size:13px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--font-size);line-height:var(--line-height);-webkit-font-smoothing:antialiased;margin:0}h1,p,dl,dd{margin:0}h1{font:inherit}button,input,textarea{font:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:1px solid var(--secondary);outline-offset:2px}a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline);text-underline-offset:.2em;text-decoration-thickness:1px;transition:text-decoration-color .15s}@media (hover:hover){a:hover{-webkit-text-decoration-color:var(--link-underline-hover);text-decoration-color:var(--link-underline-hover)}}.secondary{color:var(--secondary)}.header{z-index:10;padding:var(--pad);grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:16px;display:grid;position:sticky;top:0;overflow-x:clip}.header-backdrop{inset:0 calc(var(--pad) * -2) auto;height:var(--nav-blur-height);z-index:-2;pointer-events:none;position:absolute}.header-backdrop>div{position:absolute;inset:0}.header-backdrop>div:first-child{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask-image:linear-gradient(#0000 40%,#000 60% 80%,#0000 100%);mask-image:linear-gradient(#0000 40%,#000 60% 80%,#0000 100%)}.header-backdrop>div:nth-child(2){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(#0000 20%,#000 40% 60%,#0000 80%);mask-image:linear-gradient(#0000 20%,#000 40% 60%,#0000 80%)}.header-backdrop>div:nth-child(3){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 40%,#0000 60%);mask-image:linear-gradient(#0000 0%,#000 20% 40%,#0000 60%)}.header-backdrop>div:nth-child(4){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(#000 20%,#0000 40%);mask-image:linear-gradient(#000 20%,#0000 40%)}.header-backdrop>div:nth-child(5){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(#000 0%,#0000 20%);mask-image:linear-gradient(#000 0%,#0000 20%)}.header:before{content:"";inset:0 calc(var(--pad) * -2) auto;height:var(--nav-blur-height);z-index:-1;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--bg) 75%, transparent) 0%, color-mix(in srgb, var(--bg) 40%, transparent) 55%, transparent 100%);position:absolute}.header-side{align-items:center;min-width:0;display:flex}.header-right{justify-content:flex-end}.header-center{justify-content:center;min-width:0;display:flex}.text-button{color:var(--text);white-space:nowrap;text-decoration:none;position:relative}.text-button:after{content:"";position:absolute;inset:-12px}.content{width:100%;max-width:calc(var(--content-width) + var(--pad) * 2);padding:var(--space-below-nav) var(--pad) calc(var(--pad) * 3);margin:0 auto}.empty{text-align:center}.page-intro{margin-bottom:calc(var(--pad) * 2);flex-direction:column;display:flex}.page-intro a{text-decoration:none}@media (hover:hover){.page-intro a[href^="/u/"]:hover .author-name,.feed-author:hover .author-name{text-decoration:underline;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline);text-underline-offset:.2em;text-decoration-thickness:1px}}.post-list{gap:calc(var(--pad) * 2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.post-link{color:inherit;flex-direction:column;gap:4px;text-decoration:none;display:flex}.post-title{align-items:center;gap:8px;display:flex}.post-excerpt{color:var(--secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (min-width:641px){.post-excerpt{-webkit-line-clamp:2;line-clamp:2}}.prose>*+*{margin-top:1.5em}.prose-image{border-radius:8px;width:100%;height:auto;display:block}.prose-figure{margin:0}.prose-figure figcaption{margin-top:8px}.prose{overflow-wrap:break-word}.title-input{text-overflow:ellipsis;outline:none;width:100%;display:block}.title-input::placeholder{color:var(--secondary)}.body-input{resize:none;width:100%;min-height:50vh;line-height:var(--line-height);outline:none;display:block;overflow:hidden}.body-input-between{min-height:0}.composer-figure{margin:1.5em 0}.composer-photo{display:block}.caption-input{resize:none;width:100%;color:var(--secondary);outline:none;margin-top:8px;display:block;overflow:hidden}.caption-input::placeholder,.alt-input::placeholder{color:var(--secondary)}.alt-input{width:100%;margin-top:var(--pad);resize:none;outline:none;display:block;overflow:hidden}.composer-photo>.popover-trigger{width:100%;display:block}.composer-photo>.popover-trigger:after{content:none}.composer-image{transition:opacity .3s}.composer-image.is-uploading{opacity:.5}.header-actions{align-items:center;gap:var(--pad);display:flex}.body-field{position:relative}.cycling-placeholder{color:var(--secondary);line-height:var(--line-height);pointer-events:none;transition:opacity .7s,filter .7s;position:absolute;inset:0 0 auto}.cycling-placeholder.is-leaving{opacity:0;filter:blur(4px)}.cycling-letter{animation:1s both letter-in}.page-in,.list-in,.list-page>:not(.post-list),.list-page .post-list>li{animation:.6s cubic-bezier(.33,1,.68,1) backwards list-in;animation-delay:calc(min(var(--i,0), 6) * 70ms)}.list-page>:nth-child(2),.list-page .post-list>:first-child{--i:1}.list-page>:nth-child(3),.list-page .post-list>:nth-child(2){--i:2}.list-page>:nth-child(4),.list-page .post-list>:nth-child(3){--i:3}.list-page>:nth-child(5),.list-page .post-list>:nth-child(4){--i:4}.list-page>:nth-child(6),.list-page .post-list>:nth-child(5){--i:5}.list-page>:nth-child(7),.list-page .post-list>:nth-child(6),.list-page>:nth-child(n+8),.list-page .post-list>:nth-child(n+7){--i:6}@keyframes list-in{0%{opacity:0;transform:translateY(24px)}}@keyframes letter-in{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}@media (prefers-reduced-motion:reduce){.page-in,.list-in,.list-page>*,.list-page .post-list>li{animation:none}.cycling-placeholder{transition:opacity .7s}.cycling-placeholder.is-leaving{filter:none}.cycling-letter{animation-name:letter-fade}}@keyframes letter-fade{0%{opacity:0}}.text-button-quiet,.header-quiet .text-button,.header-quiet .popover-trigger{color:var(--secondary)}.popover-trigger.text-button-quiet[aria-expanded=true],.header-quiet .popover-trigger[aria-expanded=true]{color:var(--text)}@media (hover:hover){.text-button-quiet:hover,.header-quiet .text-button:hover,.header-quiet .popover-trigger:hover{color:var(--text)}}.text-button:disabled{color:var(--secondary);opacity:1;cursor:default}.error{margin-top:var(--pad);color:var(--secondary)}.popover{min-width:0;display:inline-flex;position:relative}.popover-trigger{align-items:center;min-width:0;display:inline-flex;position:relative}.popover-trigger:after{content:"";position:absolute;inset:-12px}.popover-menu{--menu-pad:6px;--menu-radius:16px;z-index:20;min-width:180px;padding:var(--menu-pad);background:var(--bg);border:1px solid var(--hairline);border-radius:var(--menu-radius);box-shadow:0 8px 24px var(--shadow);transform-origin:100% 0;flex-direction:column;animation:.2s cubic-bezier(.33,1,.68,1) popover-in;display:flex;position:absolute;top:calc(100% + 12px)}.popover-menu.is-closing{pointer-events:none;animation:.15s ease-in forwards popover-out}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)scale(.96)}}@keyframes popover-out{to{opacity:0;transform:translateY(-4px)scale(.96)}}@media (prefers-reduced-motion:reduce){.popover-menu{animation-name:fade-in}.popover-menu.is-closing{animation-name:fade-out}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.popover-right{right:0}.popover-left{transform-origin:0 0;left:0}.popover-inset{top:8px;right:8px}.popover-center{transform-origin:top;left:50%;translate:-50%}.popover-item{border-radius:calc(var(--menu-radius) - var(--menu-pad));text-align:left;color:var(--text);white-space:nowrap;justify-content:space-between;gap:24px;padding:8px 12px;text-decoration:none;display:flex}.popover-item:active,.popover-item:focus-visible{background:var(--hover-fill);outline:none}@media (hover:hover){.popover-item:hover{background:var(--hover-fill)}}.popover-item:disabled{opacity:1;color:var(--secondary);background:0 0}.popover-note{color:var(--secondary);white-space:nowrap;padding:8px 12px}.link-preview{border:1px solid var(--hairline);border-radius:8px;overflow:hidden}.link-preview-image{aspect-ratio:1200/630;object-fit:cover;width:100%;display:block}.link-preview-empty{justify-content:center;align-items:center;display:flex}.link-preview-text{background:var(--fill);flex-direction:column;padding:8px 12px;display:flex}.link-preview-image+.link-preview-text{border-top:1px solid var(--hairline)}.link-preview-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-intro .bio a{text-decoration:underline}.fields{gap:var(--pad);flex-direction:column;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field input{outline:none;width:100%}.field input::placeholder{color:var(--secondary)}.settings-list{gap:var(--pad);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.settings-row{width:100%;color:var(--text);text-align:left;justify-content:space-between;align-items:baseline;gap:16px;text-decoration:none;display:flex}.settings-row>.secondary{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settings-choices{gap:16px;display:flex}.blocked-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.blocked-row .post-title{color:var(--text);text-decoration:none}.header.header-fixed{position:fixed;left:0;right:0}.content.under-fixed-header{padding-top:calc(var(--pad) * 2 + var(--font-size) * var(--line-height) + var(--space-below-nav));padding-bottom:var(--space-between)}.feed{gap:var(--space-between);flex-direction:column;display:flex}.feed-entry,.feed-entry-link{color:var(--text);text-decoration:none;display:block}.feed-excerpt{-webkit-line-clamp:10;line-clamp:10;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.auth{min-height:100svh;margin-top:calc(-1 * (var(--pad) * 2 + var(--font-size) * var(--line-height)));padding:var(--pad);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-intro{margin-bottom:var(--pad)}.auth-intro h1,.auth-intro p{font:inherit;margin:0}.auth-form{flex-direction:column;align-items:center;width:100%;max-width:375px;display:flex}.auth-fields{flex-direction:column;gap:8px;width:100%;display:flex}.auth-input{border:1px solid var(--hairline);text-align:left;border-radius:8px;outline:none;width:100%;height:43px;padding:0 14px}.auth-input:focus{border-color:var(--secondary)}.auth-input::placeholder{color:var(--secondary)}.auth-terms{margin:var(--pad) 0 0;max-width:330px;font-size:calc(var(--font-size) - 1px)}.auth-terms a{color:var(--secondary)}.auth-error{margin:16px 0 0}.auth-submit{margin-top:calc(var(--pad) + 8px);color:var(--text);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.auth-submit:disabled{opacity:1;color:var(--secondary);-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline)}.auth-switch{color:var(--text);white-space:nowrap}
