div#app{display:contents}ol,ul{padding-inline-start:0}ol:first-of-type{margin-top:0}li{list-style-type:none}:root{--color-neon-green: hsl(150, 60%, 60%);--color-electric-blue: hsl(220, 65%, 67%);--color-warm-orange: hsl(20, 60%, 55%);--color-hot-pink: hsl(330, 60%, 55%);--border-color: #333;--border-light: #555;--text-primary: #fff;--text-secondary: #ddd;--text-muted: #888;--text-placeholder: #666;--text-light: #ccc;--bg-darker: #141414;--bg-darkest: hsl(0, 0%, 5%);--bg-content: rgba(0, 0, 0, .4)}.blue{--_color: var(--color-electric-blue);color:var(--color-electric-blue)}.orange{--_color: var(--color-warm-orange);color:var(--color-warm-orange)}.green{--_color: var(--color-neon-green);color:var(--color-neon-green)}.pink{--_color: var(--color-hot-pink);color:var(--color-hot-pink)}button,.button{--_color: var(--color-neon-green, white);border:2px solid var(--_color);border-radius:.5em;background:none;color:var(--_color);padding:.35em .5em;font-size:.8rem;font-weight:700;font-family:Arial}section.panel{margin:1em;padding:1em;min-width:30ch;display:grid;justify-items:center;gap:1em;border:1px solid oklch(30% 0 0);border-radius:var(--border-radius);background:var(--bg-panel);background-size:var(--noise-size-fine)}div.sidebar-layout{display:flex;justify-content:space-evenly}div.sidebar-layout main{margin-left:auto}div.sidebar-layout aside{flex:0 1 30ch;margin-right:auto}:root{--base-dark: #1a1a1a;--noise-white: rgba(255, 255, 255, .015);--noise-opacity-fine: .015;--noise-opacity-medium: .018;--noise-opacity-medium-coarse: .02;--noise-opacity-coarse: .023;--noise-opacity-very-coarse: .025;--noise-dot-fine: .25px;--noise-dot-medium: .35px;--noise-dot-medium-coarse: .5px;--noise-dot-coarse: .65px;--noise-dot-very-coarse: 1px;--noise-size-fine: 1px 1px;--noise-size-medium: 1.5px 1.5px;--noise-size-medium-coarse: 2px 2px;--noise-size-coarse: 2.5px 2.5px;--noise-size-very-coarse: 4px 4px;--gradient-start-1: #2c2c2c;--gradient-start-2: #292929;--gradient-start-3: #262626;--gradient-start-4: #232323;--gradient-start-5: #202020;--gradient-start-6: #1d1d1d;--gradient-end-1: #1a1a1a;--gradient-end-2: #181818;--gradient-end-3: #151515;--gradient-end-4: #131313;--gradient-end-5: #101010;--gradient-end-6: #0e0e0e;--bg-noise-fine: radial-gradient(circle, rgba(255, 255, 255, var(--noise-opacity-fine)) var(--noise-dot-fine), transparent var(--noise-dot-fine)), var(--base-dark);--bg-noise-medium: radial-gradient(circle, rgba(255, 255, 255, var(--noise-opacity-medium)) var(--noise-dot-medium), transparent var(--noise-dot-medium)), var(--base-dark);--bg-noise-medium-coarse: radial-gradient(circle, rgba(255, 255, 255, var(--noise-opacity-medium-coarse)) var(--noise-dot-medium-coarse), transparent var(--noise-dot-medium-coarse)), var(--base-dark);--bg-noise-coarse: radial-gradient(circle, rgba(255, 255, 255, var(--noise-opacity-coarse)) var(--noise-dot-coarse), transparent var(--noise-dot-coarse)), var(--base-dark);--bg-noise-very-coarse: radial-gradient(circle, rgba(255, 255, 255, var(--noise-opacity-very-coarse)) var(--noise-dot-very-coarse), transparent var(--noise-dot-very-coarse)), var(--base-dark);--bg-gradient-1: linear-gradient(180deg, var(--gradient-start-1) 0%, var(--gradient-end-1) 100%);--bg-gradient-2: linear-gradient(180deg, var(--gradient-start-2) 0%, var(--gradient-end-2) 100%);--bg-gradient-3: linear-gradient(180deg, var(--gradient-start-3) 0%, var(--gradient-end-3) 100%);--bg-gradient-4: linear-gradient(180deg, var(--gradient-start-4) 0%, var(--gradient-end-4) 100%);--bg-gradient-5: linear-gradient(180deg, var(--gradient-start-5) 0%, var(--gradient-end-5) 100%);--bg-gradient-6: linear-gradient(180deg, var(--gradient-start-6) 0%, var(--gradient-end-6) 100%);--bg-combo-2: radial-gradient(circle, rgba(255, 255, 255, var(--noise-opacity-fine)) var(--noise-dot-fine), transparent var(--noise-dot-fine)), var(--bg-gradient-2);--bg-combo-3: radial-gradient(circle, rgba(255, 255, 255, var(--noise-opacity-medium)) var(--noise-dot-medium), transparent var(--noise-dot-medium)), var(--bg-gradient-3);--bg-combo-4: radial-gradient(circle, rgba(255, 255, 255, var(--noise-opacity-medium-coarse)) var(--noise-dot-medium-coarse), transparent var(--noise-dot-medium-coarse)), var(--bg-gradient-4);--bg-combo-5: radial-gradient(circle, rgba(255, 255, 255, var(--noise-opacity-coarse)) var(--noise-dot-coarse), transparent var(--noise-dot-coarse)), var(--bg-gradient-5);--bg-combo-6: radial-gradient(circle, rgba(255, 255, 255, var(--noise-opacity-very-coarse)) var(--noise-dot-very-coarse), transparent var(--noise-dot-very-coarse)), var(--bg-gradient-6);--bg-panel: radial-gradient(circle, rgba(255, 255, 255, var(--noise-opacity-coarse)) var(--noise-dot-coarse), transparent var(--noise-dot-coarse)), linear-gradient(90deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .5) 33%, rgba(0, 0, 0, .7) 100%);--bg-post-header: radial-gradient(circle, rgba(255, 255, 255, var(--noise-opacity-coarse)) var(--noise-dot-coarse), transparent var(--noise-dot-coarse)), linear-gradient(90deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .5) 33%, rgba(0, 0, 0, .7) 100%);--bg-post: radial-gradient(circle, rgba(255, 255, 255, .015) .25px, transparent .25px), linear-gradient(180deg, #333f 0%, #131313 100%);--bg-size-noise: var(--noise-size-fine);--bg-size-fine: var(--noise-size-fine), 100% 100%;--bg-size-medium: var(--noise-size-medium), 100% 100%;--bg-size-medium-coarse: var(--noise-size-medium-coarse), 100% 100%;--bg-size-coarse: var(--noise-size-coarse), 100% 100%;--bg-size-very-coarse: var(--noise-size-very-coarse), 100% 100%;--grid-min-width: 200px;--grid-gap: 20px}.noise-medium-fine{background:var(--bg-noise-fine);background-size:var(--noise-size-fine)}.noise-medium{background:var(--bg-noise-medium);background-size:var(--noise-size-medium)}.noise-medium-coarse{background:var(--bg-noise-medium-coarse);background-size:var(--noise-size-medium-coarse)}.noise-coarse{background:var(--bg-noise-coarse);background-size:var(--noise-size-coarse)}.noise-very-coarse{background:var(--bg-noise-very-coarse);background-size:var(--noise-size-very-coarse)}.gradient-1{background:var(--bg-gradient-1)}.gradient-2{background:var(--bg-gradient-2)}.gradient-3{background:var(--bg-gradient-3)}.gradient-4{background:var(--bg-gradient-4)}.gradient-5{background:var(--bg-gradient-5)}.gradient-6{background:var(--bg-gradient-6)}.combo-1{background:var(--bg-gradient-1)}.combo-2{background:var(--bg-combo-2);background-size:var(--bg-size-combo-2)}.combo-3{background:var(--bg-combo-3);background-size:var(--bg-size-combo-3)}.combo-4{background:var(--bg-combo-4);background-size:var(--bg-size-combo-4)}.combo-5{background:var(--bg-combo-5);background-size:var(--bg-size-combo-5)}.combo-6{background:var(--bg-combo-6);background-size:var(--bg-size-combo-6)}.ui-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-width),1fr));gap:var(--grid-gap)}header#page-header{border-bottom:1px solid var(--border-color);background-size:var(--bg-size-medium);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1em;padding-block:.5em}a:has(span.logo){padding-left:1.25em;font-weight:700;margin-right:auto;display:inline-block;color:var(--color-neon-green)}a:has(span.logo):hover{color:#fff}nav#page-links{display:contents}nav#page-links ul{display:flex;justify-content:center}nav#user-nav{padding-right:.5em;justify-self:end;display:flex;gap:.5em;white-space:nowrap}nav#user-nav button:hover{--_color: white;cursor:pointer}nav#user-nav button.user-menu{border:none;--_color: var(--color-warm-orange)}nav#user-nav button.signout{border:none;--_color: var(--color-electric-blue)}nav>ul{margin-block:0;display:flex;gap:1em;font-weight:700;text-transform:uppercase;flex-grow:1}a{color:var(--color-warm-orange);text-decoration:none}a:hover{color:#fff}a.new-post{--_color: var(--color-neon-green, white);display:flex;align-items:center;text-rendering:auto;appearance:auto}footer#page-footer{border-top:1px solid var(--border-color);background:var(--bg-combo-6);background-size:var(--bg-size-coarse);min-height:5rem;display:grid;place-items:center}:root{--border-color: oklch(30% 0 0);--border-edges: oklch(30% 0 0);--border-center: oklch(50% 0 0)}ul.posts,ol.posts{padding-inline:1em;display:grid;max-width:120ch;width:calc(100vw - 4em);gap:1em}ol.replies{padding-inline-start:1em;border-left:1px dotted #FFF2;width:calc(100% - 1em - 1px)}div.post-and-replies{display:contents}div.post-and-replies.collapsed>ol.posts{display:none}@property --gradient-angle{syntax: "<angle>"; initial-value: 360deg; inherits: false;}@keyframes rotate-gradient{to{--gradient-angle: 0deg}}article.post{--_padding: 1px;--_border-radius: calc(var(--border-radius) - var(--_padding));display:grid;grid-template-columns:auto 1fr;padding:var(--_padding);padding-left:2px;background:linear-gradient(var(--gradient-angle),var(--border-edges) 0%,var(--border-edges) 55%,var(--border-center) 70%,var(--border-edges) 85%,var(--border-edges) 100%);border-radius:var(--_border-radius);animation:rotate-gradient 35s linear infinite;min-width:30ch}article.post aside.post-expand{display:contents}article.post aside.post-expand button{border:none;border-radius:var(--_border-radius);border-top-right-radius:0;border-bottom-right-radius:0;margin-right:1px;background:#00000080;width:2em}article.post aside.post-expand button:hover{background:#47eb994d;color:#000;cursor:pointer}article.post div.post-main{border-top-right-radius:calc(var(--border-radius) - var(--_padding));border-bottom-right-radius:calc(var(--border-radius) - var(--_padding));margin:0;background:var(--bg-post);background-size:var(--bg-size-fine)}.post-main>header{padding:1em var(--content-padding);border-bottom:1px solid var(--border-color);background:var(--bg-post-header);background-size:var(--bg-size-coarse);border-top-right-radius:inherit;display:flex}.post-main>header ul.tags{margin-left:auto}.post-main>section.content{padding:var(--content-padding);font-size:1rem;line-height:1.5;color:var(--text-secondary);background-color:var(--bg-darkest);box-sizing:border-box}.post-main>section.content:has(textarea){display:grid;padding:0}.post-main>footer{padding:.5em var(--content-padding);border-top:1px solid var(--border-color);background-size:1.5px 1.5px;display:flex;align-items:center;gap:var(--gap-large)}.post-main>footer div.supertags{margin-left:auto;display:flex;align-items:center}.post-main>footer div.supertags button{color:var(--text-muted);border:none;font-size:.9rem;cursor:pointer;background:transparent}.post-main>footer div.supertags button:hover{color:var(--color-warm-orange)}.post-main>footer button.reply{background:transparent;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:color .2s}.composer{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background:var(--bg-combo-4);background-size:var(--bg-size-combo-4)}.composer-input{width:100%;padding:var(--content-padding);background:var(--bg-noise-fine);background-size:var(--noise-size-fine);border:none;color:var(--text-primary);font-size:16px;font-family:inherit;resize:none;outline:none}.composer-input::placeholder{color:var(--text-placeholder)}.composer-actions{padding:15px var(--content-padding);background:var(--bg-darker);background-size:1.5px 1.5px;display:flex;align-items:center;justify-content:flex-end;gap:1em}textarea.post-edit{background:#7771;color:var(--text-secondary);font-family:inherit;font-size:inherit;line-height:1.5;border-width:0px;margin:0;padding:var(--content-padding);resize:none;min-height:0;box-sizing:border-box;field-sizing:content}ul.feeds{padding:1em;min-width:40ch;display:grid;gap:1em}article.feed{display:flex;justify-content:space-between}ul.feed-reaction-controls{display:grid}ul.tags{display:flex;flex-wrap:wrap;gap:.25em;margin-block:0}span.tag{display:inline-flex;align-items:center;border-radius:.5em;font-size:.9rem;text-transform:uppercase;font-weight:600;padding:.25em}span.tag a{color:var(--_color)}span.tag a:hover{color:#fff}main>ul.tags{display:grid;place-items:end}ul.reactions{display:flex;align-items:center;gap:.5em;font-size:1.5rem;margin-block:0}li.reaction-feed-control{font-size:1.5rem;display:flex;align-items:center;justify-content:space-around;gap:1ch;padding-inline:1ch}li.reaction-feed-control>button{border:none;font-size:1.5rem;margin:.15em 0;padding:0;cursor:pointer}li.reaction-feed-control input[type=range]{-webkit-appearance:none;appearance:none;background:var(--border-color);flex-grow:1}li.reaction-feed-control input[type=range]::-webkit-slider-track{background:#ddd;height:8px;border-radius:4px}li.reaction-feed-control input[type=range]::-moz-range-track{background:#ddd;height:8px;border-radius:4px;border:none}li.reaction-feed-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-warm-orange);height:12px;width:12px;border-radius:50%;cursor:pointer;margin-block:-3px}li.reaction-feed-control input[type=range]::-moz-range-thumb{background:#007bff;height:20px;width:20px;border-radius:50%;cursor:pointer;border:none}li.reaction-feed-control input[type=range]:focus{outline:none}li.reaction-feed-control input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #007bff4d}li.reaction-feed-control input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 3px #007bff4d}select.reaction-select{background-color:transparent;border:none;color:#fff}.user-info{display:flex;align-items:center;gap:var(--gap-medium)}.avatar{width:36px;height:36px;border:1px solid var(--border-light);border-radius:50%;background:var(--bg-combo-6);background-size:var(--bg-size-combo-6)}.user-details{display:flex;flex-direction:column;gap:.25em}.username{font-size:15px;font-weight:500;color:var(--text-primary)}.time{font-size:13px;color:var(--text-muted)}:root{--header-height: 60px;--content-max-width: 600px;--content-padding: 20px;--content-padding-mobile: 15px;--border-radius: 1em;--transition-fast: all .2s;--gap-small: 8px;--gap-medium: 12px;--gap-large: 20px;--gap-xl: 30px}body{margin:0;background:#0a0a0a;color:#fff;font-family:Quicksand,sans-serif;min-height:100vh;display:grid;grid-template-rows:auto 1fr}main{display:grid;place-content:start center;gap:1em;padding-block:1em;padding-inline:5%}button{cursor:pointer}@font-face{font-family:Manrope;src:url(./Manrope-VariableFont_wght.0N3pECc_.ttf) format("truetype-variations");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(./Quicksand-VariableFont_wght.DE2wFU7n.ttf) format("truetype-variations");font-weight:300 400 500 600 700}@font-face{font-family:Nunito Sans;src:url(./NunitoSans-VariableFont_YTLC_opsz_wdth_wght.BjMAmxXG.ttf) format("truetype-variations");font-weight:200 1000;font-style:normal;font-display:swap;font-variation-settings:"wdth" 100,"YTLC" 500}@font-face{font-family:Lato;src:url(./Lato-Thin.BBFgnKgu.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(./Lato-Light.hJCcuSzX.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(./Lato-Regular.BwLIet1C.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(./Lato-Bold.B5iD31kO.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(./Lato-Black.BGKY3P7n.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(./Lato-ThinItalic.BKQInFEV.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(./Lato-LightItalic.DInKUxwu.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(./Lato-Italic.DOTKc3_v.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(./Lato-BoldItalic.CT6m3OwA.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(./Lato-BlackItalic.Bn3AYdVg.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}