*,*:before,*:after{min-width:0;min-height:0;padding:0;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}a{text-decoration:none}a:visited{color:unset}input,textarea{outline:none}button,input,select,textarea{margin:0;appearance:none;-webkit-appearance:none;border:none;background-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;padding:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--S));transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 0 100px rgb(var(--blue) / 0%),inset 0 0 0 100px rgb(var(--B))}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}input[type=search]::-ms-clear,input::-ms-reveal,input::-ms-clear{display:none!important;opacity:.5}input::placeholder{white-space:nowrap;color:inherit;opacity:.75}svg{flex-shrink:0;color:inherit}:root{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:rgb(var(--black))}}@media (prefers-color-scheme: dark){:root{color:rgb(var(--white))}}:root{--red: 234 67 53;--yellow: 251 188 5;--green: 52 168 83;--blue: 86 120 255;--blue-text: 73 102 217;--red-dark: 175 50 40;--green-dark: 39 126 62;--blue-dark: 64 90 192;--purple: 88 86 214;--black: 0 0 0;--white: 255 255 255;--gray-white: 242 242 247;--electric-blue: 48 160 250;--bluer: 20 128 250;--electric-blue: 48 176 250;--electric-blue-dark: 0 144 240;--P: 234 238 255;--B: 255 255 255;--S: var(--black);--blue-pale: 239 242 255;@media (prefers-color-scheme: dark){--blue-text: 128 154 255;--blue-pale: 255 0 0;--P: var(--black);--S: var(--white);--B: var(--black)}}:root{--bounce: cubic-bezier(.47, 1.64, .41, .8);--bounce: cubic-bezier(.4, 2, .5, .75);--extreme-bounce: cubic-bezier(.47, 6.64, .41, .8)}body:not(.animate) *{transition:none!important}@keyframes rotate{0%{rotate:0deg}to{rotate:360deg}}data{display:none}button.subscribe{aspect-ratio:1;height:32px;border-radius:100%;background-color:var(--bg);>icon-group{i.default{fill:rgb(var(--S))}i.success{fill:rgb(var(--blue))}}&:has(data[value=""]){>icon-group{i.default{scale:1;opacity:1}}}&:has(data[value=ab]){>icon-group{i.success{scale:1;opacity:1}}}}html{overscroll-behavior:none;width:100%;--H-MAX: 750px;--V-MAX: 600px}body{display:grid;background-color:rgb(var(--P));@media (width < 750px){grid-template-columns:1fr}@media (width >= 750px){grid-template-columns:calc(80px + env(safe-area-inset-left)) 1fr}@media (width >= 1000px){grid-template-columns:calc(100px + env(safe-area-inset-left)) 1fr}& sticky-bar{--bg: var(--P);transition:translate .24s ease 0s,transform .24s ease 0s,opacity .24s ease 0s;z-index:1;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;left:0;padding:8px max(12px,calc(env(safe-area-inset-right) - 12px)) 8px 12px;:is(body.bar-hide) &.hideable{translate:0 calc(-100% - env(safe-area-inset-top))}@media (width < 750px){:is(body.focus.scrolled) &.hideable{translate:0 calc(-100% - env(safe-area-inset-top))}}&:before{content:"";transition:translate .24s ease 0s,transform .24s ease 0s,opacity .24s ease 0s,box-shadow .24s ease 0s;position:absolute;inset:0;box-shadow:0 -1px rgb(var(--bg)),0 1px rgb(var(--blue) / 0%);background-color:rgb(var(--bg) / 85%);background-image:linear-gradient(rgb(var(--bg) / 100%),rgb(var(--bg) / 0%))}&.shadow:before,:is(body.scrolled) &.hideable:before{box-shadow:0 -1px rgb(var(--bg)),0 1px rgb(var(--blue) / 25%)}&.shadow{margin-bottom:24px}>location-title{padding:0 6px;line-height:40px;font-size:20px;color:rgb(var(--blue))}>button:not([data-badge]),>a>button:not([data-badge]){aspect-ratio:1;height:40px;&.back{svg{height:24px;width:24px}}}>form.search{position:absolute;left:0;bottom:0;opacity:0;pointer-events:none}&:has(form.search input[type=search]:focus,form.search:valid){>form.search{position:relative;opacity:1;pointer-events:auto;scale:1}>*:not(form.search){display:none}}}>nav{z-index:1;display:flex;align-self:start;left:0;@media (width < 750px){flex-direction:row;justify-content:space-between;align-items:center;position:fixed;top:auto;bottom:env(safe-area-inset-bottom);min-height:64px;width:100%;padding:0 16px;transition:translate .24s ease 0s,transform .24s ease 0s,opacity .24s ease 0s;:is(body.bar-hide) &{translate:0 calc(100% + env(safe-area-inset-bottom));opacity:0}@media (prefers-color-scheme: light){box-shadow:0 env(safe-area-inset-bottom) 0 rgb(var(--blue));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:rgb(var(--blue) / 90%);background-image:linear-gradient(rgb(var(--blue) / 0%),rgb(var(--blue) / 100%))}@media (prefers-color-scheme: dark){box-shadow:0 env(safe-area-inset-bottom) 0 rgb(var(--black))}}@media (width >= 750px){transition:height .4s ease 0s;flex-direction:column;align-items:center;position:sticky;top:0;height:100dvh;padding:32px 0 32px env(safe-area-inset-left);@media (prefers-color-scheme: light){background-color:rgb(var(--blue));box-shadow:0 200px rgb(var(--blue))}@media (prefers-color-scheme: dark){background-color:rgb(var(--blue) / 25%)}}& nav-spacer{flex-shrink:1;height:100%;width:100%;max-width:20px;max-height:20px}>tab-group{display:flex;width:100%;height:100%;@media (width >= 750px){align-items:center;flex-direction:column}>a{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.5;border-radius:12px;:is(body[data-page=timeline]) &.timeline,:is(body[data-page=people]) &.people,:is(body[data-page=saved]) &.saved,:is(body[data-page=profile].my-profile) &.profile{opacity:1;background-color:rgb(var(--S) / 10%)}:is(body[data-page=timeline]) &.timeline icon-group>i:nth-child(2),:is(body:not([data-page=timeline])) &.timeline icon-group>i:nth-child(1),:is(body[data-page=people]) &.people icon-group>i:nth-child(2),:is(body:not([data-page=people])) &.people icon-group>i:nth-child(1),:is(body[data-page=saved]) &.saved icon-group>i:nth-child(2),:is(body:not([data-page=saved])) &.saved icon-group>i:nth-child(1),:is(body[data-page=profile].my-profile) &.profile icon-group>i:nth-child(2),:is(body:not([data-page=profile].my-profile)) &.profile icon-group>i:nth-child(1){scale:1;opacity:1}>button{height:100%;width:100%;>icon-group{>i{transition:none;>svg{fill:rgb(var(--white))}}}}@media (width < 750px){width:48px;height:42px;>button{>icon-group{>i{>svg{height:28px;width:28px}}}}}@media (width >= 750px){width:56px;height:48px;>button{>icon-group{>i{>svg{height:32px;width:32px}}}}}}}>a.auth{display:flex;flex-shrink:0;place-items:center center;@media (width < 750px){height:40px;width:40px;>button>i>svg{height:28px;width:28px}}@media (width >= 750px){height:48px;width:48px;>button>i>svg{height:32px;width:32px}}>*{position:absolute;border-radius:100%;transition:scale .24s ease 0s,opacity .24s ease 0s;outline:solid 2px rgb(var(--S) / 15%)!important;height:100%;width:100%}>button{height:100%;aspect-ratio:1;border-radius:100%;>i>svg{fill:rgb(var(--white))}}>thumb-frame{opacity:0;scale:0;>thumb-initials{color:rgb(var(--white));outline:none}}:is(body[data-uid]) &>button{scale:0;opacity:0}:is(body[data-uid]) &>thumb-frame{scale:1;opacity:1}}>auth-button{display:flex;flex-shrink:0;place-items:center center;@media (width < 750px){height:40px;width:40px;>a.auth>button>i>svg{height:28px;width:28px}}@media (width >= 750px){height:48px;width:48px;>a.auth>button>i>svg{height:32px;width:32px}}>a{position:absolute;border-radius:100%;transition:scale .24s ease 0s,opacity .24s ease 0s}>a,>a>*{height:100%;width:100%}>a.auth{>button{height:100%;aspect-ratio:1;border-radius:100%;outline:solid 2px rgb(var(--S) / 15%);>i>svg{fill:rgb(var(--white))}}@media (width < 750px){height:40px;width:40px;>button>i>svg{height:28px;width:28px}}@media (width >= 750px){height:48px;width:48px;>button>i>svg{height:32px;width:32px}}}>a.user{opacity:0;scale:0;>thumb-frame{>thumb-initials{color:rgb(var(--white))}}}:is(body[data-uid]) &>a.auth{scale:0;opacity:0}:is(body[data-uid]) &>a.user{scale:1;opacity:1}}}>page-group{width:100%;>.page{overflow:clip;display:none;flex-direction:column;row-gap:8px}:is(body[data-page=timeline]) &>timeline-page.page,:is(body[data-page=people]) &>people-page.page,:is(body[data-page=saved]) &>saved-page.page,:is(body[data-page=profile]) &>profile-page.page,:is(body[data-page=update]) &>update-page.page,:is(body[data-page=thread]) &>thread-page.page,:is(body[data-page=settings]) &>settings-page.page{display:flex}>timeline-page,>update-page,>thread-page{main{row-gap:8px}}>profile-page{main{row-gap:8px}& article{--bg: rgb(var(--P));display:flex;flex-direction:column;align-items:center;row-gap:12px;margin:0 auto;padding:0 12px 12px;text-align:center;>user-details{display:flex;flex-direction:column;align-items:center;>thumb-frame{height:144px;>thumb-initials{font-size:60px;outline-width:3px;font-weight:200}>button.subscribe{height:36px}>a{align-self:center;position:absolute;left:calc(100% + 24px);>button.edit{height:40px;width:40px;border-radius:100%;background-color:rgb(var(--B));box-shadow:0 0 0 1px rgb(var(--blue) / 25%),0 1px 1px rgb(var(--blue) / 10%),0 3px 10px rgb(var(--blue) / 10%);>icon-group>i{fill:rgb(var(--blue));translate:1.5px 1px;opacity:1;scale:1}}}}>user-name{padding-top:24px;line-height:28px;font-size:24px}>meta-text{display:flex;column-gap:6px;font-size:14px;line-height:20px;>user-handle{color:rgb(var(--blue-text));font-weight:600}>sub-count{opacity:.5}}}}}>settings-page{>main{row-gap:24px;>section{&:not(.thumb){padding:0 14px}>button[data-badge]{height:44px;border-radius:12px;background-color:rgb(var(--B));box-shadow:0 1px 1px rgb(var(--blue) / 10%),0 3px 10px rgb(var(--blue) / 10%);font-size:16px;font-weight:400;>icon-group svg{opacity:.5}}>form{width:100%;>form-fields{>display-subtitle{font-weight:400;font-size:20px;color:rgb(var(--blue));padding-top:12px}>form-field{>field-input{outline:none;background-color:rgb(var(--B));box-shadow:0 1px 1px rgb(var(--blue) / 10%),0 3px 10px rgb(var(--blue) / 10%);&:has(input:disabled){background-color:rgb(var(--S) / 10%);box-shadow:none;opacity:.5}>button.status>icon-group>i.default>svg{opacity:.5}}>field-status{font-size:12px;opacity:.5}}}}}>section.thumb{display:flex;column-gap:12px;padding:0 12px;>thumb-frame{height:144px;>thumb-initials{font-size:60px;outline-width:3px;font-weight:200}}>button.upload{align-self:end;>lr-file-uploader-regular{z-index:1;position:absolute;opacity:0;color:transparent;height:100;inset:0;background-color:red;overflow:clip;border-radius:inherit}}}}}>thread-page{>sticky-bar{margin-bottom:0!important}}}>dialog-group{visibility:hidden;z-index:1;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable both-edges;overscroll-behavior:none;display:none;align-items:center;justify-content:center;position:fixed;top:50%;left:50%;translate:-50% -50%;height:calc(100svh + 100px);width:calc(100dvw + 100px);@media (width >= 750px){&:before{content:"";display:block;flex-shrink:0;height:calc(100% + 2px);width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-image:radial-gradient(rgb(var(--P) / 50%),rgb(var(--P) / 75%))}}>a.click-screen{pointer-events:auto;display:block;flex-shrink:0;position:absolute;height:calc(100% + 2px);width:100%}>.dialog{visibility:hidden;pointer-events:none;display:none;flex-direction:column;position:absolute;height:100svh;width:100vw;@media (width >= 750px){max-height:min(1000px,90dvh);max-width:min(100%,500px)}>dialog-modal{pointer-events:auto;display:flex;flex-direction:column;width:100%;min-height:100px}}>login-dialog,>signup-dialog{>dialog-modal{overflow-y:auto;overscroll-behavior:none;border-radius:12px;background-color:rgb(var(--B));box-shadow:0 0 0 1px rgb(var(--blue) / 5%),0 10px 25px rgb(var(--blue) / 10%);@media (width <= 750px){border-radius:0;height:100%;box-shadow:0 1px rgb(var(--P))}>sticky-bar{--bg: var(--B)}>form{display:flex;flex-direction:column;width:100%;height:100%;>display-title{color:rgb(var(--highlight-color))}>form-fields{padding:0 24px}>form-switch{display:flex;justify-content:center;align-items:end;height:100%;min-height:100px;padding:calc(12px + env(safe-area-inset-bottom)) 24px;background-color:rgb(var(--highlight-color) / 5%);@media (width > 750px) and (height > 600px){padding:34px 36px}>[data-badge]{height:48px;width:100%;border-radius:12px;color:rgb(var(--P));background-color:rgb(var(--highlight-color) / 75%);box-shadow:0 10px 20px rgb(var(--highlight-color) / 25%);font-size:16px;font-weight:400}}}}}>login-dialog{>dialog-modal{>form{--highlight-color: var(--blue);.logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;>svg{height:min(150px,15svh);aspect-ratio:1}@media (height < 500px){display:none}}>display-title{font-size:36px}}}}>signup-dialog{>dialog-modal{>form{--highlight-color: var(--green)}}}:is(body[data-auth]) &,:is(body[data-auth=login]) &>login-dialog,:is(body[data-auth=signup]) &>signup-dialog{visibility:visible;display:flex}}}partial-page{display:flex;flex-direction:column;row-gap:12px}button,.button{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:transparent;border:none;>icon-group,i{position:absolute;color:inherit;fill:inherit;stroke:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0}}button{&.loading>icon-group>i:not(.loading){scale:.75!important}&:has(icon-group){transition:all .24s ease 0s}>icon-group{>i[class]{opacity:0;scale:0;transition:all .24s ease 0s}>i.loading{pointer-events:none;scale:2;opacity:0;transition:all .24s ease 0s;>svg{pointer-events:none!important;fill:none!important;-webkit-transform:translate(0px,0px);transform:translate(0);stroke-width:5px;>circle{stroke-dasharray:15 128;transform-origin:center center;opacity:var(--loader-opacity, 60%)}>circle:nth-child(1){stroke:rgb(var(--loader-stroke-3, var(--loader-stroke, var(--purple, black))))}>circle:nth-child(2){stroke:rgb(var(--loader-stroke-3, var(--loader-stroke, var(--green, black))))}>circle:nth-child(3){stroke:rgb(var(--loader-stroke-3, var(--loader-stroke, var(--blue, black))))}}}}&.loading>icon-group>i.loading{transition:all .24s ease .06s;scale:1;opacity:1}&.animate>icon-group>i.loading{>svg{>circle:nth-child(1){animation:rotate .5s linear 0s infinite}>circle:nth-child(2){animation:rotate .45s linear 0s infinite}>circle:nth-child(3){animation:rotate .4s linear 0s infinite}}}}[data-badge]{cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;border-radius:24px;font-size:12px;font-weight:500;min-height:32px;padding:0 16px;background-color:rgb(var(--black) / 10%);color:rgb(var(--S));&:after{display:block;flex-shrink:0;content:attr(data-badge)}&:has(icon-group){padding-left:0}@media (prefers-color-scheme: dark){background-color:rgb(var(--white) / 10%)}>icon-group{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;height:100%;aspect-ratio:1}}flex-group{display:flex;width:100%;& flex-spacer{flex-shrink:1;max-width:20px;width:100%}}user-handle{&:not(:empty):before{content:"@"}text-transform:capitalize}display-title{display:block;flex-shrink:0;padding:0 24px;font-size:24px;font-weight:900}display-subtitle{padding-top:24px;display:block;font-weight:600}display-line,date-line{display:flex;align-items:end;padding:12px 12px 0;text-transform:uppercase;font-size:12px;line-height:20px}auto-resize{--max-height: 36px;--padding: 7px 16px;display:grid;grid-template-columns:1fr 36px;width:100%;border-radius:18px;font-size:14px;&:not(.icon-left):before,&.icon-left:after{content:attr(data-value);overflow:hidden;display:block;align-items:center;position:absolute;top:0;right:var(--max-height);left:0;height:var(--max-height);min-width:0;border-radius:inherit;padding:var(--padding);color:#000;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}&.expand:before,&.expand:after,&:has(textarea:focus):before,&:has(textarea:focus):after{display:none}>textarea{overflow:hidden;opacity:0;display:flex;justify-content:center;align-items:center;width:100%;height:auto;min-height:var(--max-height);max-height:var(--max-height);border-radius:inherit;padding:var(--padding);word-wrap:break-word;font-size:inherit;line-height:inherit;resize:none}>textarea:placeholder-shown{opacity:1}&.expand>textarea,>textarea:focus{opacity:1;font-size:16px;max-height:unset;padding:12px 16px}}form.writer{width:100%;>auto-resize{--max-height: 36px;margin:0 10px;background-color:rgb(var(--white) / 33.3333%);box-shadow:0 1px 1px rgb(var(--blue) / 10%),0 3px 10px rgb(var(--blue) / 10%);&:has(textarea:focus){margin:0}@media (prefers-color-scheme: dark){background-color:rgb(var(--S) / 10%)}>button{pointer-events:auto;position:absolute;right:0;bottom:0;height:var(--max-height);width:var(--max-height);&[type=submit]{>icon-group{>i.default{fill:rgb(var(--blue) / 25%);scale:1;opacity:1}}}:is(form:valid) &[type=submit]{>icon-group{>i.default{fill:rgb(var(--blue) / 100%)}>i.success{fill:rgb(var(--green))}>i.warning{fill:rgb(var(--yellow))}}}}}}form.search{display:flex;width:100%;@media (width > 750px){max-width:500px}--max-height: 40px;border-radius:var(--max-height);&:has(textarea:focus){margin:0}@media (prefers-color-scheme: dark){background-color:rgb(var(--S) / 10%)}>input[type=search]{padding:0 12px 0 48px;width:100%;height:var(--max-height);border-radius:inherit}>button{position:absolute;left:0;bottom:0;height:var(--max-height);width:var(--max-height);&[type=submit]{>icon-group{>i.default{fill:rgb(var(--blue))}>i.clear{fill:rgb(var(--blue))}}}:is(form:invalid) &[type=submit]{>icon-group{>i.default{scale:1;opacity:1}}}:is(form:valid) &[type=submit]{>icon-group{>i.clear{scale:1;opacity:1}}}}}form.xsearch{width:100%;>text-area{overflow:hidden;>*{padding:8px 12px 8px 58px}>textarea::placeholder{overflow:hidden;color:rgb(var(--S) / 50%);font-style:italic}>textarea:placeholder-shown{padding-right:0}>standard{>t-x>span{color:rgb(var(--blue-text));text-decoration:underline}}}>button{position:absolute;left:12px;bottom:2px;height:36px;width:36px;>icon-group{>i.default{fill:rgb(var(--blue))}>i.clear{fill:rgb(var(--blue))}>i.warning{fill:rgb(var(--yellow))}}}&:invalid>button{>icon-group{>i.default{scale:1;opacity:1}}}&:valid>button{>icon-group{>i.clear{scale:1;opacity:1}}}}form{display:flex;display-title{padding-left:30px}display-subtitle{padding-left:6px}>form-fields{display:flex;flex-shrink:0;flex-direction:column;row-gap:8px;width:100%;>form-field{display:flex;flex-direction:column;row-gap:4px;>field-label{padding-left:6px}>field-status:not(:empty){padding:8px 6px}>field-label{display:block;opacity:.5;font-size:12px;line-height:20px;text-transform:uppercase}>field-input{display:flex;border-radius:12px;outline-style:solid;outline-width:1px;transition:outline-color .8s ease 0s;button{position:absolute;left:0;height:44px;aspect-ratio:1}>input{width:100%;height:44px;padding-left:48px;border-radius:inherit}}& button i.default{stroke:rgb(var(--S))}& button i.warning{fill:rgb(var(--yellow))}& button i.failure{fill:rgb(var(--red))}& button i.success{fill:rgb(var(--green))}&:has(input:disabled) icon-group>i.default,&:has(input:invalid:placeholder-shown) icon-group>i.default,&:has(input:invalid:not(:placeholder-shown)) icon-group>i.warning,&:has(input:valid) icon-group>i.success{scale:1;opacity:1}&:has(input:disabled) button.loading icon-group>i.default,&:has(input:invalid:placeholder-shown) button.loading icon-group>i.default,&:has(input:invalid:not(:placeholder-shown)) button.loading icon-group>i.warning,&:has(input:valid) button.loading icon-group>i.success{scale:1;opacity:1}&:has(input:invalid:placeholder-shown) field-input{outline-color:rgb(var(--S) / 25%)}&:has(input:invalid:not(:placeholder-shown)) field-input{outline-color:rgb(var(--yellow) / 50%)}&:has(input:valid) field-input{outline-color:rgb(var(--green) / 50%)}&:has(input:focus) field-input{outline-width:2px}}& flex-group{justify-content:space-between;margin-bottom:36px;& button[data-badge]{height:48px;border-radius:12px;color:rgb(var(--white));font-size:16px;&[type=submit]{padding-right:20px;background-color:rgb(var(--highlight-color) / 100%);& svg:not(.loading){fill:rgb(var(--white))}}}}}&:invalid:has(:placeholder-shown)>form-fields flex-group button[data-badge][type=submit]{color:rgb(var(--blue))!important;background-color:rgb(var(--blue) / 10%);>icon-group>i.default{opacity:1;scale:1}& svg:not(.loading){fill:rgb(var(--blue))}}&:invalid:not(:has(:placeholder-shown))>form-fields flex-group button[data-badge][type=submit]{color:rgb(var(--yellow))!important;background-color:rgb(var(--yellow) / 10%);>icon-group>i.warning{opacity:1;scale:1}& svg:not(.loading){fill:rgb(var(--yellow))}}&:valid>form-fields flex-group button[data-badge][type=submit]{color:rgb(var(--green))!important;background-color:rgb(var(--green) / 10%);>icon-group>i.default{opacity:1;scale:1}& svg:not(.loading){fill:rgb(var(--green))}}}thumb-frame{display:flex;flex-shrink:0;flex-grow:0;aspect-ratio:1;height:var(--thumb-h, 36px);border-radius:100%;cursor:pointer;>thumb-initials{display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:inherit;outline:1px solid rgb(var(--S) / 25%);color:rgb(var(--S))}&:has(>picture:not(.error))>thumb-initials{display:none}>picture{display:block;position:absolute;inset:0;border-radius:inherit}>picture>img{height:100%;width:100%;border-radius:inherit;object-fit:cover}>picture.error img{display:none}button.subscribe{position:absolute;bottom:0;left:0;height:24px}}main{display:none;flex-direction:column;padding:0 10px}main[role=default]{display:flex}.page:has(sticky-bar form.search:valid){>main[role=default]{display:none}}.page:has(sticky-bar form.search:valid){>main[role=search]{display:flex}}main:empty{display:none!important}person-group{--bg: rgb(var(--B));display:flex;flex-direction:column;row-gap:16px;padding:16px 12px 32px;border-radius:18px;background-color:var(--bg);box-shadow:0 1px 1px rgb(var(--blue) / 10%),0 3px 10px rgb(var(--blue) / 10%);>display-line{padding-top:8px;margin-bottom:-8px}}person-frame{display:grid;grid-template-columns:72px 1fr;gap:8px;>thumb-frame{justify-self:end;height:60px;>thumb-initials{font-size:24px}>button.subscribe{left:-12px;height:24px}}>div{display:flex;flex-direction:column;line-height:20px;>user-name{color:rgb(var(--S));font-weight:500}>meta-text{font-size:12px;>user-handle{color:rgb(var(--blue));font-weight:600}>sub-count{color:rgb(var(--S) / 50%)}}>user-description{flex-shrink:0;font-size:14px;&:empty{display:none}}}}.refs{display:flex;padding:12px 0;flex-direction:column;justify-content:center;align-items:flex-start;align-self:stretch;.ref{display:flex;padding-top:4px;align-items:center;justify-content:start;gap:4px;font-size:12px;line-height:20px;color:unset;text-decoration:none;.number{font-family:Fira Code,monospace;&:before,&:after{opacity:.5}&:before{content:"["}&:after{content:"]"}}.title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;overflow:hidden;font-weight:500;color:rgb(var(--blue-text))}.date{&:before{content:"("}&:after{content:")"}}}}article{p{margin:0;line-height:22px}>ref-group{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;align-self:stretch;&:empty{display:none}>a.ref{display:flex;padding-top:4px;align-items:center;justify-content:start;gap:4px;max-width:100%;font-size:12px;line-height:20px;color:unset;text-decoration:none;>ref-index{font-family:Fira Code,monospace;&:before,&:after{opacity:.5}&:before{content:"["}&:after{content:"]"}}>ref-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;overflow:hidden;word-break:break-all;font-weight:500;color:rgb(var(--blue-text))}>ref-date{&:before{content:"("}&:after{content:")"}}}}}article.peel{--bg: rgb(var(--B));display:flex;flex-direction:column;align-items:start;row-gap:8px;padding:16px 12px 20px;>user-details{display:grid;grid-template-columns:48px 1fr;column-gap:10px;>thumb-frame{height:48px;>thumb-initials{font-size:20px}>button.subscribe{background-color:transparent!important;bottom:0;left:3px;height:8px;>icon-group>i.success.dot{background-color:rgb(var(--blue));outline:2px solid rgb(var(--B));height:8px;width:8px;border-radius:100%}}}>div{display:flex;flex-direction:column;justify-content:end;line-height:20px;>rel-time{font-size:12px;opacity:.5}>meta-text{display:flex;column-gap:6px;>user-name{font-weight:600}>user-handle{color:rgb(var(--blue-text))}}}}>p>a{display:inline-block;font-family:Fira Code,monospace;font-size:10px;vertical-align:middle;color:rgb(var(--blue-text));translate:0 -3px;margin-left:-3px;font-weight:500;&:before,&:after{opacity:.5;color:rgb(var(--S));font-weight:400}&:before{content:"["}&:after{content:"]"}}>p,>ref-group{padding-left:8px;padding-right:8px}}social-group{display:flex;padding:12px 4px 8px;width:100%;& flex-spacer{max-width:8px}& button[data-badge]{height:36px;background-color:transparent;outline:1px solid rgb(var(--blue) / 50%);font-weight:400}>flex-group{>button[data-badge]{>icon-group{margin-right:-6px;>i.default{scale:1;opacity:1}}}}}[squircle]{position:absolute;fill:red;flex-shrink:0}[squircle=""]{height:68px;width:68px}[squircle=top-right]{top:0;right:0}[squircle=top-left]{top:0;left:0}[squircle=bottom-right]{bottom:0;right:0}[squircle=bottom-left]{bottom:0;left:0}back-ground{pointer-events:none;position:absolute;inset:0;transform:translateZ(0);will-change:transform;--fill: rgb(var(--white));opacity:.3333;filter:drop-shadow(0px 1px 1px rgb(var(--blue) / 30%)) drop-shadow(0px 3px 10px rgb(var(--blue) / 30%));border-radius:18px;&:before{content:"";position:absolute;inset:0 27px;background-color:var(--fill)}&:after{content:"";position:absolute;inset:27px 0;background-color:var(--fill)}>[squircle]{fill:red}:is(.bright)>&{opacity:1;filter:drop-shadow(0px 1px 1px rgb(var(--blue) / 10%)) drop-shadow(0px 3px 10px rgb(var(--blue) / 10%))}>svg{position:absolute;fill:var(--fill)}>svg:nth-child(1){top:0;left:0}>svg:nth-child(2){top:0;right:0}>svg:nth-child(3){bottom:0;right:0}>svg:nth-child(4){bottom:0;left:0}}draft-group{display:none;flex-direction:column;row-gap:8px;:is(body[data-uid]) &{display:flex}>article.peel.upper{padding:16px 12px;border-radius:18px;@media (prefers-color-scheme: dark){background-color:rgb(var(--S) / 10%)}>user-details>div{justify-content:center}}>article.peel.lower{display:none;padding:16px 8px}&:has(form.writer:valid)>article.peel.lower{display:flex}>article.peel.lower:has(>p:empty){display:none!important}}peel-group{display:flex;flex-direction:column;row-gap:8px}peel-frame{display:grid;grid-template-columns:36px 1fr;justify-content:stretch;gap:10px;padding:16px 12px;height:68px;border-radius:18px;:is(thread-page) &{back-ground{--fill: rgb(var(--blue) / 100%);opacity:.1!important}}>div{font-size:14px;line-height:18px;color:rgb(var(--S) / 75%);meta-text{user-name{font-weight:500}user-handle{color:rgb(var(--S) / 40%)}}summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden}}&.bright{&:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:18px}>thumb-frame{>thumb-initials{outline:1px solid rgb(var(--blue) / 50%);font-weight:500}}>div{color:rgb(var(--S));font-weight:500;meta-text{user-name{font-weight:600}user-handle{color:rgb(var(--blue))}}}}}