*{margin:0;padding:0;appearance:none;transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-duration:.15s;transition-property:none}a{color:unset;text-decoration:unset}:root{--col-bg-0: 0 0 0;--col-bg-1: 12 12 12;--col-bg-2: 18 18 18;--col-bg-3: 36 36 36;--col-fg: 255 255 255;--col-fg-1: 220 220 220;--col-fg-muted: 147 147 147;--col-accent: 237 163 255;--col-accent-muted: 77 32 88}:root{--inter: Inter}html,input,button{font-family:var(--inter),"Noto Color Emoji",sans-serif;font-feature-settings:"liga" 1,"calt" 0;font-size:15px;line-height:20px}@supports (font-variation-settings: normal){:root{--inter: InterVariable}}pre,code{font-family:SF Mono,Fira Mono,Roboto Mono,monospace;font-size:smaller;font-feature-settings:"liga" 0}#app{display:grid;grid-template-columns:minmax(0,14em) 3fr minmax(0,14em);max-width:1350px;overflow-x:clip;margin:0 auto;>*{padding:1em}>header,>footer{position:sticky;top:0;height:calc(100vh - 2em)}>main{padding-bottom:100vh}}form{display:flex;flex-direction:column;padding:.5em;width:100%;gap:.5em;max-width:50ch}input:is([type=text],[type=url],[type=search]){appearance:none;outline:none;font-size:1rem;margin:0;padding:.75em;background-color:rgb(var(--col-bg-1) / 1);border:1px solid rgb(var(--col-bg-3) / 1);border-radius:8px;color:#dedede;transition-property:color,border-color;&::placeholder{color:#a7a7a7}&:focus{border-color:rgb(var(--col-accent) / 1);color:#fffffff2}&:focus::placeholder{color:#dfdfdf}}label{font-size:1em;font-weight:600}form button{display:inline-block;padding:.75em 1.5em;margin:0;border:1px solid rgb(var(--col-bg-3) / 1);border-radius:8px;background-color:transparent;color:rgb(var(--col-accent));cursor:pointer;text-align:center;transition-property:color,border-color,background-color;&:hover{border-color:rgb(var(--col-accent) / .5);background-color:rgb(var(--col-accent-muted) / .5)}}textarea{appearance:none;resize:none;width:calc(100% - 2em);height:100%;min-height:4em;font-family:var(--inter);background-color:rgb(var(--col-bg-1) / 1);color:var(--col-fg-1);font-size:16px;padding:1em;outline:none;border:1px solid rgb(var(--col-bg-3) / 1);border-radius:4px;transition-property:border-color;&:focus{border-color:rgb(var(--col-accent) / .75)}}.compose-modal{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:0;margin:0;background-color:rgb(var(--col-bg-0) / .75);color:#fff;opacity:0;transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-duration:.15s;transition-property:opacity;pointer-events:none;z-index:9999;&.visible{pointer-events:all;backdrop-filter:blur(8px);opacity:1}}.compose-box{max-width:calc(min(900px,100vw) - 4em);margin:6em auto 0;padding:1em;border-radius:8px;border:1px solid rgb(var(--col-bg-3) / 1);background-color:rgb(var(--col-bg-0) / 1);label[for=post-text]{overflow:hidden;width:0;height:0;position:absolute}button{border-radius:4px;color:rgb(var(--col-fg) / 1);&:hover{color:rgb(var(--col-accent) / 1)}}}body:has(#app[inert]){overflow-y:hidden}#app>header{display:flex;flex-direction:column}#app>header>nav{flex:1}#app>header>*{padding:8px}#app>header>nav{display:flex;flex-direction:column;padding:0;margin-top:1em;a{display:flex;flex-direction:row;align-items:center;width:calc(100% - 16px);font-size:1.25em;padding:.5em 8px;border-radius:8px;transition-property:background-color;&:hover{background-color:rgb(var(--col-bg-2) / 1)}&[aria-disabled=true],&[aria-disabled=true]:hover{background-color:rgb(var(--col-bg-0) / 1);color:rgb(var(--col-fg-muted) / .5);pointer-events:none;user-select:none}&.highlight{margin-top:2em;transition-property:background-color color border-color;background-color:rgb(var(--col-bg-1) / 1);border:1px solid rgb(var(--col-bg-3) / .75);font-size:1rem;padding:.5em 0;width:calc(100% - 2px);justify-content:center;&:hover{color:#000;background-color:rgb(var(--col-accent) / 1);border-color:rgb(var(--col-accent) / .75)}.lucide{margin-left:-8px}}>svg{margin-right:.5em}}}#app>header #self-profile{display:flex;flex-direction:row;align-items:center;gap:1em;border-radius:8px;height:3em;padding:.25em .75em;transition-property:background-color;.avatar{height:32px}&:hover{background-color:rgb(var(--col-bg-3) / 1)}#name{display:flex;flex-direction:column;padding-top:1px}.handle:hover{text-decoration:none}}.post .embed{display:flex;flex-direction:column;cursor:pointer;width:calc(100% - 2px);overflow:clip;margin-top:.5rem;background-color:rgb(var(--col-bg-0) / 1);border:1px solid rgb(var(--col-bg-3) / 1);border-radius:8px;font-size:.9em}.post .post-body>.embed{margin-bottom:.5rem}.embed .images{width:100%;display:flex;flex-direction:row;justify-content:space-between;overflow-x:auto;gap:1em;rainbow-blur,img{overflow:clip;aspect-ratio:var(--aspect-ratio);min-width:4em;width:100%;max-height:36em;object-fit:contain;pointer-events:all}}.embed .external{padding:1em;width:calc(100% - 2em);max-height:36em;text-overflow:ellipsis;section{display:flex;flex-direction:column;gap:1em;align-items:stretch}img{object-fit:cover;aspect-ratio:1.91 / 1;width:100%;border-radius:4px}}.embed .quote{padding:1em;width:calc(100% - 2em);.topline{display:flex;flex-direction:row;justify-content:start;gap:1ch;margin-bottom:.5em;color:rgb(var(--col-fg-muted) / 1);strong{color:rgb(var(--col-fg) / 1)}.avatar{height:1em}}}.post{background-color:rgb(var(--col-bg-0) / 1);display:grid;grid-template-areas:".     reason" "aside post-main" "aside post-main";grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;align-items:stretch;padding:1em 1em .5em;&:not([data-no-link],.active){cursor:pointer}>aside{grid-area:aside;margin-right:1em}>.post-main{grid-area:post-main}>.reason{grid-area:reason;margin-bottom:.5em;color:rgb(var(--col-fg-muted) / 1);display:none;&:has(*){display:flex;flex-direction:row;align-items:center}.lucide{height:1em;margin-right:.5ch;margin-left:-.5ch}.lucide-pin{margin-left:-.75ch;margin-right:.25ch}}.topline{display:flex;flex-direction:row;justify-content:space-between}.details{width:fit-content;white-space:nowrap;time{color:rgb(var(--col-fg-muted) / 1)}}.avatar{pointer-events:all;height:46px;position:relative;z-index:4}.author strong{margin-right:.5ch;display:inline-flex;text-overflow:ellipsis;max-width:30ch;overflow-x:hidden;white-space:nowrap}>section{flex:1}.reply-details{display:inline-block;color:rgb(var(--col-fg-muted) / 1);margin-bottom:.25em;margin-top:.25em;.lucide-reply{height:1em;vertical-align:text-top;margin-left:-5px}}.post-body{overflow:clip;padding-top:.25em;padding-bottom:.25em}}.post.active{background-color:rgb(var(--col-bg-2) / 1)}.timeline .post.top-reply{margin-top:0}.timeline.thread .reply-details{display:none}.post.top-reply,.post.has-reply{>aside{position:relative;&:before{content:"";position:absolute;width:4px;left:calc(50% - 2px);background-color:rgb(var(--col-bg-2) / 1);z-index:3}}}.post.has-reply>aside:before{height:calc(100% + 1em);top:0}.post.top-reply>aside:before{height:16px;top:-16px}.post.has-reply.top-reply>aside:before{height:calc(100% + 1em + 16px);top:-16px}.post+.post{border-top:none}.post .controls{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;font-size:smaller;button{--color: 255 255 255;all:unset;appearance:none;display:block;user-select:none;cursor:pointer;transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-duration:.15s;transition-property:color background-color;display:flex;align-items:center;padding:.5em;border-radius:8px;&:hover{background-color:rgb(var(--color) / .1);color:rgb(var(--color) / 1)}>svg{margin-left:-6px;height:1.25em;margin-right:.25em}&:not(:has(data))>svg{margin:0}}.like{--color: 251 81 121;&[data-like]{color:rgb(var(--color) / 1);>svg{fill:currentColor}}}.repost{--color: 95 255 159;&[data-repost]{color:rgb(var(--color) / 1)}}.reply{--color: var(--col-accent)}}.thread .post .reason{display:none}.profile-details{background-color:rgb(var(--col-bg-1) / 1);border:1px solid rgb(var(--col-bg-3) / 1);border-radius:8px;padding-bottom:.25em;margin-bottom:.75em;>*{padding:0 1em}header{margin-bottom:.5em;.banner{z-index:-1;width:calc(100% + 2em);margin:0 -1em;object-fit:cover;aspect-ratio:3 / 1;clip-path:inset(0% round 8px 8px 12px 12px)}.avatar{margin-top:-6em;height:8em}}#numbers{display:flex;flex-direction:row;gap:.5em;color:rgb(var(--col-fg-1) / 1);data{color:rgb(var(--col-fg) / 1);font-weight:600}}>.rich-text{margin:1em 0}}.rich-text{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;a{color:rgb(var(--col-accent) / 1)}a:hover{text-decoration:underline}}.timeline{display:flex;flex-direction:column;background-color:rgb(var(--col-bg-3) / 1);border-radius:8px;>:first-child{border-top-left-radius:8px;border-top-right-radius:8px}>:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}>.loading{background-color:rgb(var(--col-bg-0) / 1);padding:1em;text-align:right}& *+*{margin-top:1px}&:has(*){padding:1px}}@property --blur-amount{syntax: "<percentage>"; initial-value: 0; inherits: true;}rainbow-blur{--blur-amount: 1;display:block;cursor:pointer;position:relative;transition-property:--blur-amount,backdrop-filter;transition-duration:.25s;&:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;transition:inherit;backdrop-filter:blur(calc(var(--blur-amount) * 60px));pointer-events:none}}rainbow-blur[data-unblur]{--blur-amount: 0}html{background-color:rgb(var(--col-bg-0) / 1);color:rgb(var(--col-fg) / 1)}img.avatar{height:42px;aspect-ratio:1;clip-path:circle(50%)}.contents{display:contents}.display-none{display:none}a.handle{color:rgb(var(--col-fg-muted) / 1);&:hover{text-decoration:underline}}a.link{color:rgb(var(--col-accent) / 1);&:hover{text-decoration:underline}}img.avatar:not([src][complete]),img.banner:not([src][complete]){background-image:linear-gradient(45deg,rgb(var(--col-accent) / 1),rgb(var(--col-fg) / 1))}
/*# sourceMappingURL=main.css.map */