:root{-webkit-touch-callout:none;-webkit-user-callout:none;-webkit-user-drag:none;-webkit-user-modify:none;-webkit-highlight:none;-webkit-tap-highlight-color:transparent}:root{--app-text: #F2F3F6;--app-link: #549fff;--app-100: #0f0f14;--app-200: #1a1a1f;--app-300: #27272e;--app-400: #35353b;--app-500: #40404a;--app-600: #4b4b55;--app-700: #575761;--app-800: #62626e;--app-900: #6e6e7b;--titlebar-height: 50px;--content-width: 700px;--app-accent: #6366f1;--app-blue: #3679f0;--app-red: #ee4d3c;--app-green: #4dca9a;--app-yellow: #fffc5c;--app-pink: #ff5bff;--app-purple: #895bff;--app-orange: #ff9b5b;--app-white: #fff;--app-dark-blue: #1e4d9e;--app-dark-red: #c33f33;--app-dark-green: #2c7e4b;--app-dark-yellow: #c7b200;--app-dark-pink: #c95bff;--app-dark-purple: #5f5bff;--app-dark-orange: #c86f33;--transition-function: cubic-bezier(.4, 0, .2, 1)}body{padding:0;margin:0;background-color:var(--app-100);color:var(--app-text);height:100vh;overflow:hidden;font-family:GG Sans,sans-serif}input{font-family:inherit}hr{display:block;border:none;height:2px;background-color:var(--app-300);border-radius:100px;margin:1rem}ul,ol{padding-left:20px;margin:0}blockquote{border-left:3px solid var(--app-800);padding:0 5px;margin:2px 0}button,label{user-select:none;-webkit-user-select:none}a{color:var(--app-link);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:1rem;font-weight:500}.app{display:flex;flex-direction:column;height:100vh;overflow:scroll;overscroll-behavior:initial;scrollbar-width:none}.nav{position:fixed;left:0;top:0;display:flex;flex-direction:column;height:100%;width:76px;z-index:100}.nav-items{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:.5rem;flex-grow:1}.nav-item{display:flex;justify-content:center;align-items:center;height:50px;width:100%;background-color:transparent;opacity:.6;position:relative;cursor:pointer;transition:opacity .2s var(--transition-function),transform .2s var(--transition-function)}.nav-item.active,.nav-item:hover{opacity:1}.nav-item:before{content:"";position:absolute;inset:0;background-color:var(--app-200);border-radius:15px;z-index:-1;opacity:0;transform:scale(.85);transition:opacity .2s var(--transition-function),transform .2s var(--transition-function)}.nav-item:hover:before{opacity:1;transform:scale(1)}.nav-item:active,.nav-item:before{transform:scale(.9)}span.logo{display:block;height:34px;padding:15px 0}span.logo>svg{height:100%}.nav-profile{height:80px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .2s var(--transition-function)}.nav-profile:hover{cursor:pointer;transform:scale(1.05)}.nav-profile:active{transform:scale(.95)}.notification-badge{position:absolute;top:4px;right:8px;background-color:var(--app-red);color:var(--app-text);font-weight:600;border-radius:100px;width:20px;height:20px;display:none;justify-content:center;align-items:center;font-size:.8rem;color:#fff}.notification-badge.active{display:flex}.titlebar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--content-width);height:var(--titlebar-height);background-color:var(--app-100);display:flex;align-items:center;justify-content:center;gap:1rem;z-index:100}.title{font-size:1rem;font-weight:600;user-select:none;-webkit-user-select:none}.content-mask{top:0;width:100%;position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none}.mask-border{width:100%;height:1px;top:calc(0px + var(--titlebar-height));left:0;z-index:0;position:absolute;background-color:var(--app-300)}.mask-left-outer{width:60px;height:60px;top:calc(0px + var(--titlebar-height));left:0;overflow:hidden;z-index:1;position:absolute}.mask-left{height:60px;width:60px;top:12px;box-shadow:0 0 0 48px var(--app-100);inset-inline-start:12px;border-start-start-radius:30px;border-top:1px solid var(--app-300);border-left:1px solid var(--app-300)}.mask-right-outer{width:60px;height:60px;top:calc(0px + var(--titlebar-height));right:0;overflow:hidden;z-index:1;position:absolute}.mask-right{height:60px;width:60px;top:12px;box-shadow:0 0 0 48px var(--app-100);inset-inline-end:12px;border-start-end-radius:30px;border-top:1px solid var(--app-300);border-right:1px solid var(--app-300)}.back-button{position:absolute;left:1rem;display:none;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--app-200);border:1px solid var(--app-300);border-radius:100px;cursor:pointer;transition:background-color .2s var(--transition-function);user-select:none;-webkit-user-select:none}.back-button.active{display:flex}.main{width:100%;height:100%;display:flex;justify-content:center;position:relative}.content-width{max-width:var(--content-width);width:100%;height:100%;position:relative}.content{position:relative;width:100%;min-height:100%;display:flex;flex-direction:column;background-color:var(--app-200);padding:calc(0px + var(--titlebar-height)) 0 1rem 0;box-sizing:border-box;border-inline:1px solid var(--app-300)}.content-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.post{padding:.8rem 1.5rem;display:flex;gap:8px;border-top:1px solid var(--app-300);border-bottom:1px solid var(--app-300);overflow:hidden;flex-shrink:0;transition:opacity .2s ease-out;opacity:1}.post:not(:last-child){border-bottom:none}.post:first-child{border-top:none}.post.repost{border:2px solid var(--app-300);border-radius:8px}.unfocused.post .repost{pointer-events:none;user-select:none;-webkit-user-select:none}.post.newpost{padding-top:1rem;padding-bottom:1rem;user-select:none;-webkit-user-select:none}.post.preview{border:none;padding:1rem;border-radius:8px}.hidden.post{opacity:0}.post.unfocused{user-select:none;-webkit-user-select:none;cursor:pointer}.post.focused{padding-top:1rem;padding-bottom:1rem}.post-header{display:flex;gap:5px;font-weight:500;align-items:baseline}.post-title{font-size:1.1rem}.repost .post-title{font-size:1rem}.post-date{opacity:.8;font-size:.8rem;font-weight:400}.post-content{display:flex;flex-direction:column;gap:5px;padding-top:2px}.post-content>p,.post-content>span,.post-content>pre,.post-content>blockquote>p,.post-content li{font-size:.9em;line-height:1.3}.post-content>p:first-child{margin-top:-4px}.post-content>pre{margin:0;padding:.75rem;background:#000;color:#fff;border-radius:8px;overflow:scroll}.post-content>p,.post-content>span,.post-content>blockquote>p,.post-content>h1,.post-content>h2,.post-content>h3,.post-content>h4,.post-content>h5,.post-content>h6,.post-content li{margin:0}.post-content li{word-wrap:normal}.post-content mark{padding:2px 4px;border-radius:4px;color:#fff86f;background-color:#58510b}.post-content>img{border-radius:8px;max-height:400px;object-fit:cover;border:1px solid #ffffff25;box-sizing:border-box;width:fit-content;max-width:100%}.post-page .post-content>img{max-height:100%}.post-border-bottom{border-bottom:2px solid var(--app-300)}.post-border-top{border-top:2px solid var(--app-300)}.pfp{background-image:var(--image);background-size:cover;background-position:center;width:40px;height:40px;box-shadow:inset 0 0 0 1px #ffffff25;border-radius:100px}.skeleton.pfp{background-image:none;background-color:#ffffff25}.pfp:active{opacity:.8}.repost .pfp{width:20px;height:20px;align-self:center}.post-container{display:flex;flex-direction:column;gap:4px;flex-grow:1;overflow:hidden;text-wrap:wrap;word-wrap:anywhere}.end{display:flex;justify-content:center;align-items:center;padding-top:.5rem;padding-bottom:1rem;opacity:.8}.post-info{display:flex;gap:20px;padding:4px}.post-skeleton .post-info{opacity:.5}.post-info-item{display:flex;gap:5px;align-items:flex-end;font-weight:600;position:relative;z-index:0;padding:4px}.post-info-item:before{content:"";position:absolute;top:-1px;left:-4px;width:100%;height:100%;background-color:transparent;z-index:-1;padding:2px 4px;border-radius:8px;-webkit-user-select:none;user-select:none;transform:scale(.85);transition:background-color .15s var(--transition-function),transform .15s var(--transition-function)}.post-info-item:active:before{transform:scale(1);background-color:var(--app-300)}.post-info-item>.icon{display:flex;justify-content:center;align-items:center}.post-info-item>.icon>svg{width:20px;height:20px}.count{user-select:none;-webkit-user-select:none;font-size:.8rem}.love{fill:none;stroke:currentColor}.loved .love{color:var(--app-red);fill:currentColor;stroke:currentColor}.progressbar{width:100%;height:5px;overflow:hidden;position:relative;background:var(--app-500);border-radius:4px}.progress{display:block;height:100%;background:var(--app-accent);border-radius:4px;transition:width .3s ease-in-out}.progress.intermediate{height:100%;transform-origin:0% 50%;transition-property:background;animation:progressbar-indeterminate 1s infinite linear}.loader{width:24px;height:24px;display:block}.loader .loader-icon{stroke:var(--app-text);fill:none;stroke-width:2px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all .2s ease-in-out 0s;animation:2s linear 0s infinite normal none running loader-spin}.loader.text .loader-icon{stroke:var(--app-text)}.jump{position:fixed;bottom:2rem;right:2rem;display:flex;width:42px;height:42px;justify-content:center;align-items:center;background-color:var(--app-200);border:1px solid var(--app-400);border-radius:100px;opacity:0;transform:scale(.7);transition:transform cubic-bezier(0,-.25,0,1.5) .2s,opacity cubic-bezier(0,-.25,0,1) .2s}.jump.active{opacity:1;transform:scale(1)}.jump.active:hover{cursor:pointer;transform:scale(1.1);background-color:var(--app-300);border:1px solid var(--app-500)}.jump.active:active{opacity:.8;transform:scale(.95);background-color:var(--app-300);border:1px solid var(--app-500)}.modal-outer{visibility:hidden;display:flex;justify-content:center;position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background:transparent;transition:background .2s cubic-bezier(.2,0,0,1)}.modal-outer.open{background-color:#000c;visibility:visible}.modal{background:var(--app-400);color:var(--app-text);width:100%;max-width:500px;height:85%;align-self:end;border-radius:40px 40px 0 0;padding-bottom:50px;opacity:1;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;transform:translateY(100%);transition:transform cubic-bezier(.25,1,.5,1) .4s}.fill.modal{height:100%;border-radius:0;padding-top:env(safe-area-inset-top)}.modal-outer.open .modal{transform:translateY(0)}.modal-options{display:flex;justify-content:end;gap:8px;padding:5px 20px}.modal-inner{display:flex;flex-direction:column;height:100%;position:relative;gap:10px;overflow:auto;margin-bottom:auto;padding:20px;scrollbar-width:none}.modal-header{font-size:2em;font-weight:600;text-wrap:nowrap;overflow-x:hidden;text-overflow:ellipsis;background:transparent;border-bottom:3px solid var(--app-600);width:100%;min-height:1lh;gap:8px;display:flex;align-items:baseline}.modal-button{background:var(--app-600);color:var(--app-text);border-radius:100px;border:none;min-width:100px;padding:8px 20px;box-sizing:border-box;font-size:1.05em;font-weight:500;font-family:GG Sans;transition:background .2s cubic-bezier(.2,0,0,1)}.modal-button:active{background-color:var(--app-500)}.modal-body{display:flex;flex-direction:column}.modal-subheader{margin:0}.modal:after{content:"";position:absolute;top:4px;left:calc(50% - 16px);width:32px;height:4px;background:#ffffff5c;border-radius:100px}.fill.modal:after{top:calc(4px + env(safe-area-inset-top))}.modal-section{display:flex;flex-direction:column;background:var(--app-300);padding:15px;border-radius:20px;margin-top:10px;max-height:85px;overflow:auto;scrollbar-width:none}.modal hr{border-color:var(--app-800)}@media only screen and (min-width:600px){.modal:after{content:"";position:absolute;top:4px;left:calc(50% - 16px);width:32px;height:4px;background:var(--app-800);border-radius:100px}.modal{width:70%;max-width:700px;height:60%;min-height:600px;align-self:center;background:var(--app-400);border:3px solid var(--app-600);color:var(--app-text);border-radius:30px;box-sizing:border-box;display:flex;flex-direction:column;transform:scale(.8);opacity:0;overflow:hidden;transition:transform cubic-bezier(0,-.25,0,1.5) .2s,opacity cubic-bezier(0,-.25,0,1) .2s;padding-bottom:0}.modal.small{min-height:0px;max-width:420px;max-height:400px}.modal.post-modal{max-width:600px;min-height:240px;height:auto}.modal-outer.open .modal{transform:translateY(0);opacity:1}.modal-options{display:flex;justify-content:end;gap:8px;padding:20px}}.modal-close{position:absolute;top:0rem;right:0rem;width:60px;height:60px;display:flex;justify-content:center;align-items:center;background-color:transparent;color:var(--color-light);border:none;padding:1rem;box-sizing:border-box;border-radius:100px;cursor:pointer;transition:background-color .3s;font-family:inherit;font-weight:600}.alert-outer{visibility:hidden;display:flex;justify-content:center;position:fixed;z-index:101;top:0;left:0;width:100%;height:100%;background:transparent;transition:background .2s cubic-bezier(.2,0,0,1)}.alert-outer.open{background-color:#000c;visibility:visible}.alert{background:var(--app-400);border:3px solid var(--app-600);color:var(--app-text);width:80%;max-width:360px;align-self:center;border-radius:40px;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;transform:scale(.8);opacity:0;transition:transform cubic-bezier(0,-.25,0,1.5) .2s,opacity cubic-bezier(0,-.25,0,1) .2s}.alert-outer.open .alert{transform:scale(1);opacity:1}.alert-options{display:flex;gap:8px;padding:20px;justify-content:end}.alert-inner{display:flex;flex-direction:column;height:100%;position:relative;gap:10px;overflow:auto;margin-bottom:auto;padding:20px 20px 0;scrollbar-width:none}.alert-header{font-size:1.6em;font-weight:600}.center .alert-header{text-align:center}.center .alert-message{display:flex;justify-content:center;text-align:center}.center .alert-options{justify-content:center}.center .modal-button{width:100%}.center .alert-inner{padding-bottom:0}.alert-input{padding:.5rem;border:2px solid var(--app-600);border-radius:12px;font-size:1em;font-weight:400;color:var(--app-text);background-color:var(--app-300);box-sizing:border-box;width:100%;transition:border-color .3s;outline:none;font-family:inherit}.tooltip{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(calc(-100% - 20px));font-size:.75em;font-weight:600;padding:5px 8px;min-width:100px;height:24px;display:flex;align-items:center;justify-content:center;gap:5px;visibility:hidden;background:var(--app-300);border:2px solid var(--app-500);border-radius:100px;z-index:1000;box-shadow:0 2px 8px #00000094;transition:transform cubic-bezier(.68,.1,.27,1) .3s}.tooltip.visible{transform:translate(-50%) translateY(calc(20px + env(safe-area-inset-top)))}.tooltip div{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.tooltip div svg{width:100%;height:100%}.form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px;margin:0 auto}.form-input{padding:5px 10px;border-radius:5px;width:100%;box-sizing:border-box;font-size:1em;height:32px;background:var(--app-400);outline:none;border:2px solid var(--app-600);caret-color:var(--app-text);color:var(--app-text);transition:border .15s ease-out}.form-input:focus{border:2px solid var(--app-blue)}.form{position:relative}.form label{transition:all .15s ease-out;color:var(--app-900);background:var(--app-400);pointer-events:none;display:block;padding:0 .25rem;position:absolute;left:6px;top:5.5px;border-radius:5px;width:fit-content}.form-input:focus+label{font-weight:600;color:var(--app-blue);width:auto}.form-input:focus+label,.form-input:not(:placeholder-shown)+label,.form-input.filled+label,.form.always-active label{top:-10px;left:5px;font-size:.75em}.text-input{border-radius:8px;width:100%;box-sizing:border-box;height:32px;background:var(--app-100);border:1px solid var(--app-400);display:flex;align-items:center;gap:10px;position:relative}.text-input input{margin:0;padding:5px 15px;box-sizing:border-box;font-size:1em;outline:none;border:none;background:transparent;caret-color:var(--app-text);color:var(--app-text);height:100%;flex-grow:1}.text-input svg{width:20px;height:20px;padding:0 15px}.text-input.rounded{padding:0 10px;border-radius:100px}.pill{min-width:40px;height:1lh;border-radius:100px;background:var(--app-300)}.context-outer{position:relative}.context{position:relative;padding:.5rem 1.25rem;background:var(--app-500);border-radius:12px;display:flex;flex-direction:row;align-items:center;font-weight:500;gap:5px;-webkit-user-select:none;user-select:none}.context:hover{cursor:pointer}.dropdown{visibility:hidden;display:flex;position:absolute;top:40px;right:2px;background:var(--app-500);border-radius:12px;flex-direction:column;padding:5px;width:150px;max-height:300px;box-sizing:border-box;overflow:hidden;overflow-y:scroll;box-shadow:0 2px 8px #00000048;z-index:2;transform-origin:top right;transform:scale(.85);opacity:0;transition:transform cubic-bezier(.68,.1,.27,1) .2s,opacity cubic-bezier(.68,.1,.27,1) .2s}.dropdown.bottom{top:unset;bottom:40px;transform-origin:bottom right}.dropdown.left{right:unset;left:2px;transform-origin:top left}.dropdown.center{right:unset;left:50%;transform:translate(-50%) scale(.85);transform-origin:top center}.context .value{display:flex;gap:.5rem;align-items:center}.context .arrow{display:flex;justify-content:center;align-items:center;width:20px;height:20px;transform:rotate(90deg)}.context .arrow.right{margin-left:auto}.context-outer.open .dropdown{visibility:visible;opacity:1;transform:scale(1)}.context-outer.open .arrow{transform:rotate(270deg)}.context-outer.open .dropdown.center{transform:translate(-50%) scale(1)}.option{padding:.65rem 1.25rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.option:hover{background:var(--app-700);cursor:pointer}.modal .context{background-color:var(--app-500)}@keyframes loader-spin{0%{stroke-dasharray:.01px,43.97px;transform:rotate(0)}50%{stroke-dasharray:21.99px,21.99px;transform:rotate(450deg)}to{stroke-dasharray:.01px,43.97px;transform:rotate(1080deg)}}@keyframes progressbar-indeterminate{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.3)}}.uploaded-image-outer{width:100%;height:100%;background:var(--app-100);border-radius:8px;margin:1rem 0;display:flex;justify-content:center;align-items:center;overflow:hidden}.upload-image{width:128px;aspect-ratio:1/1;background-color:var(--app-600);border:2px solid var(--app-800);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;transition:background-color .2s var(--transition-function),border-color .2s var(--transition-function)}.upload-image svg{width:32px;height:32px}.upload-image span{font-size:.85rem;margin-top:4px;font-weight:500}.upload-image:hover{cursor:pointer;background-color:var(--app-700);border-color:var(--app-900)}.image-cropper{display:flex;flex-direction:column;gap:1rem;padding:0 1rem}.crop-container{position:relative;width:300px;height:300px;margin:0 auto;overflow:hidden;background:var(--app-200);border-radius:12px}.crop-image-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.crop-container img{max-width:100%;max-height:100%;cursor:move;-webkit-user-select:none;user-select:none}.crop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.crop-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border-radius:50%;border:3px solid var(--app-text);box-sizing:border-box;box-shadow:0 0 0 9999px #00000080}.crop-controls{display:flex;align-items:center;gap:1rem;padding:0 1rem}.crop-controls input[type=range]{flex-grow:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--app-500);border-radius:5px;outline:none}.crop-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--app-accent);border-radius:50%;cursor:pointer}.banner-crop{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:12px}.command-palette-outer{position:fixed;top:0;left:0;width:100%;height:65%;z-index:9999;display:flex;justify-content:center;align-items:center;visibility:hidden}.command-palette{position:relative;width:100%;max-width:600px}.command-palette-outer.open{visibility:visible}.command-palette input{width:100%;padding:.75rem 1.25rem;border:none;border-radius:12px;color:var(--app-text);font-family:inherit;font-size:inherit;box-shadow:0 15px 20px #0006;background:var(--app-100);border:1px solid var(--app-400)}.command-palette .text-input{background-color:transparent;border:none;padding:0}.splash{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--app-100);z-index:9999;opacity:0;transform:scale(1.1);transition:opacity .3s var(--transition-function),transform .3s var(--transition-function)}.splash.open{opacity:1;transform:scale(1)}.splash-logo{width:128px;height:128px;transform:translate(-20px);position:relative}.splash-logo svg{width:100%;height:100%}.splash.hidden{display:none}span.dot{width:4px;height:4px;margin:2px;border-radius:50%;background-color:var(--app-text);display:inline-block}@supports (corner-shape: superellipse(2)){.nav-item:hover:before{corner-shape:superellipse(2);border-radius:20px}.post-content>img{corner-shape:superellipse(2);border-radius:20px}.alert,.modal{corner-shape:superellipse(1.5);border-radius:50px}}@media only screen and (max-width:600px){.nav{position:fixed;left:0;top:unset;bottom:0;display:flex;flex-direction:row;height:63px;padding-bottom:env(safe-area-inset-bottom);width:100%;z-index:100;box-sizing:border-box;background-color:var(--app-100);border-top:1px solid var(--app-300)}.nav-items{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;padding:.5rem;width:100%;max-width:600px;margin:0 auto}.nav-logo,.nav-profile{display:none}.nav-item.active{opacity:1}.nav-item.active:before{opacity:1;transform:scale(1)}.modal{border-bottom-left-radius:0;border-bottom-right-radius:0}.app{height:calc(100vh - 63px - env(safe-area-inset-bottom))}.content-width{padding-top:var(--titlebar-height)}.content{padding-top:0;padding-bottom:63px;border:none}.mask-left,.mask-right{display:none}.jump{bottom:calc(1rem + 63px + env(safe-area-inset-bottom));right:1rem}.post{padding:.8rem 1rem}.titlebar,.mask-left-outer,.mask-right-outer{padding-top:env(--safe-area-inset-top)}}