:root{--font-size-base:.875rem;--font-size-sm:1rem;--font-size-md:1.5rem;--font-size-lg:2rem;--font-size-xl:2.5rem;--font-size-2xl:3rem;--font-size-3xl:4rem;--font-size-4xl:5rem;--font-size-5xl:6.25rem;--font-size-responsive:clamp(2rem, 8vw, 6.25rem);--font-size-button:clamp(1.5rem, 5vw, 5rem);--font-size-pfp-plus:clamp(2rem, 4vw, 3.125rem);--post-title-size:var(--font-size-xl);--post-body-size:calc(var(--font-size-md));--post-footer-size:var(--font-size-lg);--bg-url:url(./images/background.jpg)}.main-container{background-image:var(--bg-url);color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;overflow:hidden}.main-container{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100vw;height:100vh;padding:2%}.main-inner-top-container{width:100%;height:50%}.main-inner-bottom-container{flex-direction:row;width:100%;height:50%;display:flex}.main-inner-bottom-left{flex-direction:column;justify-content:space-between;width:50%;height:100%;display:flex}.main-inner-bottom-right{flex-direction:row;justify-content:flex-end;align-items:flex-end;gap:clamp(10px,2vw,40px);width:50%;height:100%;display:flex}.input-group{flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex}.input-line{color:#00000080;font-size:var(--font-size-5xl);background:0 0;border:none;border-bottom:2px solid #00000080;outline:none;width:100%;height:auto;margin:0;padding:0;font-family:inherit;line-height:.1}.input-line:focus,.input-line:active{outline:none;margin:0;padding:0}.input-line:-webkit-autofill{-webkit-text-fill-color:#00000080;border-bottom:2px solid #00000080;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0000}.input-line:-webkit-autofill:hover{-webkit-text-fill-color:#00000080;border-bottom:2px solid #00000080;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0000}.input-line:-webkit-autofill:focus{-webkit-text-fill-color:#00000080;border-bottom:2px solid #00000080;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0000}.view-toggle{color:#0009;cursor:pointer;white-space:nowrap;opacity:.7;text-shadow:0 0 #fff0;background:0 0;border:none;flex:0 auto;padding:0;font-family:inherit;font-size:min(6vw,90px);line-height:1;transition:opacity .2s,text-shadow .2s,transform .1s}.view-toggle:hover{opacity:1;text-shadow:0 0 10px #0000004d;color:#000000e6}.view-toggle:active{opacity:.9;transform:scale(.98)}.view-toggle.active{text-underline-offset:0px;opacity:1;color:#000;text-shadow:0 0 5px #0003;-webkit-text-decoration:underline #00000080;text-decoration:underline #00000080;text-decoration-thickness:2px}.pfp-selection-container{justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex}.pfp-grid{grid-template-columns:repeat(10,1fr);gap:0;width:100%;height:min-content;margin:0;padding:0;display:grid}.pfp-container{aspect-ratio:1;cursor:pointer;outline-offset:-2px;box-sizing:border-box;outline:2px solid #0000;width:100%;margin:0;padding:0;transition:outline .2s;overflow:hidden}.pfp-container img{object-fit:cover;width:100%;height:100%;display:block}.pfp-container.selected{outline:2px solid #ffffff80}.upload-pfp-container{aspect-ratio:1;outline-offset:-2px;cursor:pointer;color:#ffffff80;box-sizing:border-box;outline:2px solid #ffffff80;justify-content:center;align-items:center;width:100%;margin:0;padding:0;font-size:50px;display:flex}.upload-pfp-container.selected{background-color:#ffffff1a;border:2px solid #ffffff80}.upload-pfp-container span{font-size:var(--font-size-pfp-plus);line-height:1;display:block}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.main-page-container{background-image:var(--bg-url);color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100vw;height:100vh;padding:2%}.post-feed{flex-direction:column;gap:30px;width:100%;height:100%;padding-bottom:40px;display:flex;overflow-y:auto}.post-form-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.post-form{flex-direction:column;align-items:stretch;gap:20px;width:400px;display:flex}.post-form-title{color:#fffc;font-size:var(--font-size-lg);background:0 0;border:none;border-bottom:2px solid #ffffff80;outline:none;padding:5px 0;font-family:inherit}.post-form-title::placeholder{color:#ffffff4d}.post-form-category-row{flex-direction:row;align-items:center;gap:10px;display:flex}.post-form-category-row .post-form-category{color:#fffc;font-size:var(--font-size-md);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #ffffff80;outline:none;flex:1;padding:5px 0;font-family:inherit}.post-form-category option{color:#fff;background:#222}.post-form-add-category{color:#ffffff80;font-size:var(--font-size-lg);cursor:pointer;line-height:1;transition:color .2s}.post-form-add-category:hover{color:#ffffffe6}.post-form-category-input{color:#fffc;font-size:var(--font-size-md);background:0 0;border:none;border-bottom:2px solid #ffffff80;outline:none;flex:1;padding:5px 0;font-family:inherit}.post-form-category-input::placeholder{color:#ffffff4d}.post-form-file-label{color:#ffffff80;font-size:var(--font-size-md);cursor:pointer;border-bottom:2px solid #ffffff80;padding:5px 0;font-style:italic}.post-form-file-label:hover{color:#fffc}.post-form-file-label input[type=file]{display:none}.post-form-text{color:#fffc;font-size:var(--font-size-md);resize:none;background:0 0;border:none;border-bottom:2px solid #ffffff80;outline:none;height:80px;padding:5px 0;font-family:inherit}.post-form-text::placeholder{color:#ffffff4d}.post-form-buttons{justify-content:flex-end;gap:20px;display:flex}.post-form-buttons button{color:#fff9;font-size:var(--font-size-lg);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-family:inherit;transition:opacity .2s,text-shadow .2s}.post-form-buttons button:hover{opacity:1;text-shadow:0 0 10px #ffffff4d;color:#ffffffe6}.post-card{flex-direction:column;max-width:600px;display:flex;overflow:visible}.post-card-content{flex-direction:column;display:flex;overflow:visible}.post-body{font-size:var(--post-body-size);color:#0009;font-family:inherit;line-height:1.5}.post-image{object-fit:cover;width:100%;display:block}.post-layout-title .post-title,.post-layout-text .post-body{border-bottom:1px solid #ffffff26;padding-bottom:8px}.post-layout-title-text .post-title{margin-bottom:6px}.post-layout-title-text .post-body{border-bottom:1px solid #ffffff26;padding-bottom:8px}.post-layout-visual .post-image{max-height:400px}.post-layout-title-visual-text .post-title{margin-bottom:8px}.post-visual-text-row{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.post-visual-text-row .post-body,.post-visual-text-row .post-image,.post-visual-text-row .post-file-preview{width:300px;max-width:100%}.post-visual-text-row .post-image,.post-visual-text-row .post-file-preview{flex-shrink:0;height:300px}.post-visual-text-row .post-image{object-fit:cover;display:block}.post-visual-text-row .post-body{line-height:1.5}.post-layout-title-visual-text.is-long-text .post-visual-text-row{flex-direction:row;align-items:stretch}.post-layout-title-visual-text.is-long-text .post-visual-text-row .post-body{scrollbar-width:none;-ms-overflow-style:none;height:340px;margin-top:-30px;padding-top:30px;padding-right:12px;line-height:1.5;position:relative;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0%,#0000004d 8%,#000 50% 74%,#00000080 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#0000004d 8%,#000 50% 74%,#00000080 88%,#0000 100%)}.post-layout-title-visual-text.is-long-text .post-visual-text-row .post-body::-webkit-scrollbar{display:none}.post-layout-title-text.is-long-text .post-body{scrollbar-width:none;-ms-overflow-style:none;width:612px;max-width:100%;height:340px;margin-top:-30px;padding-top:30px;padding-right:12px;line-height:1.5;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 50% 50%,#00000080 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 50% 50%,#00000080 88%,#0000 100%)}.post-layout-title-text.is-long-text .post-body::-webkit-scrollbar{display:none}.post-title{white-space:nowrap;text-overflow:clip;width:calc(100% + 44px);max-width:calc(100% + 44px);margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px;position:relative;overflow:hidden}.post-title-track{white-space:nowrap;will-change:transform;min-width:100%;display:inline-block}.post-title.is-marquee{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 20% 82%,#0000 100%)}.post-title.is-marquee .post-title-track{animation:14s linear infinite post-title-marquee}@keyframes post-title-marquee{0%{transform:translate(0)}to{transform:translateX(var(--marquee-end-pct,-50%))}}.post-file-preview-cover{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.post-file-preview-audio.has-cover .post-file-preview-play{opacity:1;color:#ffffffd9;text-shadow:0 0 8px #0009}.post-file-preview-audio.has-cover:hover .post-file-preview-cover{filter:brightness(.75)}.post-file-preview-audio:not(.has-cover):hover .post-file-preview-label{opacity:0}.post-file-preview-audio:not(.has-cover):hover .post-file-preview-play{opacity:1}.post-file-preview{flex-shrink:0;justify-content:center;align-items:center;width:300px;max-width:100%;height:300px;display:flex;position:relative;overflow:hidden}.post-file-preview-label{color:#0000008c;text-transform:uppercase;pointer-events:none;font-size:4rem;transition:opacity .18s}.post-file-preview-play,.post-file-preview-download-btn,.post-preview-mute-btn{opacity:0;color:#000000b3;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:3.4rem;line-height:1;text-decoration:none;transition:opacity .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.post-file-preview-audio,.post-file-preview-download{border:2px solid #00000047}.post-file-preview-audio:hover .post-file-preview-label,.post-file-preview-download:hover .post-file-preview-label{opacity:0}.post-file-preview-audio:hover .post-file-preview-play,.post-file-preview-download:hover .post-file-preview-download-btn,.post-file-preview-video:hover .post-preview-mute-btn{opacity:1}.post-preview-video{object-fit:cover;width:100%;height:100%;display:block}.post-title{font-size:var(--post-title-size);color:#000c;white-space:nowrap;font-family:inherit;line-height:1.2;overflow:hidden}.post-layout-title .post-title,.post-layout-title-text:not(.is-long-text) .post-title{font-size:calc(var(--post-title-size) * 1.45);line-height:1.08}.post-layout-title-visual .post-title,.post-layout-title-visual-text .post-title,.post-title.is-long-title,.post-layout-title-text.is-long-text .post-title,.post-layout-title-text.is-long-text .post-title.is-long-title,.post-layout-title-visual-text.is-long-text .post-title,.post-layout-title-visual-text.is-long-text .post-title.is-long-title{font-size:var(--post-title-size);line-height:1.2}.post-layout-title-visual,.post-layout-visual,.post-layout-title-visual+.post-footer,.post-layout-visual+.post-footer,.post-layout-title-visual-text:not(.is-long-text),.post-layout-title-visual-text:not(.is-long-text)+.post-footer{width:300px}.post-layout-title-visual-text.is-long-text,.post-layout-title-visual-text.is-long-text+.post-footer,.post-layout-title-text.is-long-text,.post-layout-title-text.is-long-text+.post-footer{width:612px}.post-footer{flex-direction:row;align-items:baseline;gap:8px;padding-top:8px;display:flex}.post-footer-pfp{object-fit:cover;flex-shrink:0;width:44px;height:44px}.post-footer-username{font-size:var(--post-footer-size);color:#00000080;font-family:inherit}.post-footer-category{font-size:var(--post-footer-size);color:#0000004d;white-space:nowrap;flex-shrink:0;max-width:180px;margin-left:auto;font-family:inherit;overflow:hidden}.post-footer-category-track{white-space:nowrap;will-change:transform;display:inline-block}.post-footer-category.is-marquee{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%)}.post-footer-category.is-marquee .post-footer-category-track{animation:10s linear infinite post-category-marquee}@keyframes post-category-marquee{0%{transform:translate(0)}to{transform:translateX(var(--marquee-end-pct,-50%))}}.cover-image-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.cover-image-prompt{flex-direction:column;align-items:stretch;gap:20px;width:400px;display:flex}.cover-image-prompt-text{font-size:var(--font-size-lg);color:#fffc;font-family:inherit}.cover-image-file-label{color:#00000080;font-size:var(--font-size-md);cursor:pointer;border-bottom:2px solid #00000080;padding:5px 0;font-family:inherit}.cover-image-file-label:hover{color:#fffc}.cover-image-file-label input[type=file]{display:none}.cover-image-buttons{justify-content:flex-end;gap:20px;display:flex}.cover-image-buttons button{color:#fff9;font-size:var(--font-size-lg);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-family:inherit;transition:opacity .2s,text-shadow .2s}.cover-image-buttons button:hover{opacity:1;text-shadow:0 0 10px #ffffff4d;color:#ffffffe6}.main-page-container.edit-mode{outline-offset:-2px;outline:2px solid #ffffff26}.post-footer-action{font-size:var(--post-footer-size);color:#ff000080;cursor:pointer;font-family:inherit;transition:color .2s}.post-footer-action:hover{color:#ffffffe6}.post-footer-delete:hover{color:#ff6464e6}.logout-btn{z-index:50;display:none;position:fixed;bottom:2%;right:2%}.main-page-container.edit-mode .logout-btn{display:inline-block}.post-footer-filter-btn{cursor:pointer}.post-footer-filter-btn:hover{text-underline-offset:0px;text-underline-offset:0px;text-decoration:underline;text-decoration-thickness:1px}.post-footer-category.post-footer-filter-btn:hover .post-footer-category-track{text-underline-offset:0px;text-decoration:underline;text-decoration-thickness:1px}.post-footer-category.post-footer-filter-btn:hover{text-decoration:none}#postDetailOverlay{z-index:100;background:#000;justify-content:center;align-items:flex-start;display:none;position:fixed;inset:0;overflow-y:auto}.post-detail-modal{background:#000;border:none;border-radius:0;flex-direction:column;gap:0;width:100%;max-width:820px;min-height:100vh;padding:40px clamp(24px,6vw,120px);display:flex}.post-detail-header{z-index:10;background:0 0;justify-content:flex-end;padding:0 0 12px;display:flex;position:sticky;top:0}.post-detail-close{cursor:pointer;color:#ffffff59;font-size:28px;line-height:28px;transition:color .2s}.post-detail-close:hover{color:#ffffffe6}.post-detail-content{flex-direction:column;gap:20px;display:flex}.post-layout-visual-text.is-long-text .post-visual-text-row{flex-direction:row;align-items:stretch}.post-layout-visual-text.is-long-text .post-visual-text-row .post-body{scrollbar-width:none;-ms-overflow-style:none;height:340px;margin-top:-30px;padding-top:30px;padding-right:12px;line-height:1.5;position:relative;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0%,#0000004d 8%,#000 50% 74%,#00000080 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#0000004d 8%,#000 50% 74%,#00000080 88%,#0000 100%)}.post-layout-visual-text.is-long-text .post-visual-text-row .post-body::-webkit-scrollbar{display:none}.post-layout-visual-text.is-long-text+.post-footer{width:612px}.post-layout-text.is-long-text .post-body{scrollbar-width:none;-ms-overflow-style:none;width:612px;max-width:100%;height:400px;margin-top:-30px;padding-top:30px;padding-right:12px;line-height:1.5;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 50% 74%,#00000080 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 50% 74%,#00000080 88%,#0000 100%)}.post-layout-text.is-long-text .post-body::-webkit-scrollbar{display:none}.post-layout-title-visual-text.is-long-text .post-visual-text-row .post-image,.post-layout-title-visual-text.is-long-text .post-visual-text-row .post-file-preview,.post-layout-title-visual-text.is-long-text .post-visual-text-row .post-body{width:300px}.post-layout-title-visual-text.is-long-text .post-visual-text-row .post-image,.post-layout-title-visual-text.is-long-text .post-visual-text-row .post-file-preview{flex-shrink:0;height:300px}.post-detail-content .post-title{color:#fff;letter-spacing:-.02em;white-space:normal;text-overflow:unset;font-size:2rem;font-weight:700;line-height:1.2;overflow:visible}.post-detail-content .post-image{object-fit:cover;border-radius:12px;width:100%;max-height:520px;display:block}.post-detail-content .post-video{background:#111;border-radius:12px;width:100%;max-height:520px;display:block}.post-detail-content .post-body{color:#ffffffd9;opacity:1;margin:0;font-size:.95rem;line-height:1.7}.post-detail-content .post-file-actions{align-items:center;gap:10px;display:flex}.post-detail-content .post-file-actions a{color:#ffffff80;border:1px solid #ffffff1f;border-radius:20px;padding:6px 14px;font-size:.85rem;text-decoration:none;transition:all .2s}.post-detail-content .post-file-actions a:hover{color:#fff;border-color:#fff6}.post-detail-meta{color:#ffffff59;margin-top:4px;font-size:.8rem}.post-detail-comments{border-top:1px solid #ffffff14;margin-top:32px;padding-top:20px}.post-detail-comments-title{color:#ffffff59;text-transform:lowercase;letter-spacing:.04em;margin-bottom:14px;font-size:.8rem}.comments-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.comment-row{align-items:baseline;gap:8px;display:flex}.comment-username{color:#ffffff73;white-space:nowrap;font-size:.8rem}.comment-body{color:#fffc;font-size:.85rem}.comment-form{gap:8px;padding-bottom:40px;display:flex}.comment-input{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:.85rem;transition:border-color .2s}.comment-input::placeholder{color:#fff3}.comment-input:focus{border-color:#ffffff40}.comment-submit-btn{color:#ffffff80;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;padding:10px 18px;font-family:inherit;font-size:.85rem;transition:all .2s}.comment-submit-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}#canvasViewport{background-image:url(./images/background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:fixed;inset:0;overflow:hidden}#postCanvas{will-change:transform;transform-origin:0 0;will-change:transform;width:6000px;height:6000px;position:absolute;top:0;left:0;transform:translate(0)}.post-card{text-shadow:0 0 8px #0009;position:absolute}#linkLayer{z-index:20;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}#linkLayer path{pointer-events:stroke}#postCanvas{z-index:10;position:absolute}#linkLayer,#linkLayer path{pointer-events:none}#linkLayer .link-hit{pointer-events:stroke;cursor:pointer}@keyframes link-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-40px}}