.project-page{background-color:var(--flamespark-tinted-page);min-height:100vh}.container{background-color:var(--flamespark-tinted-page);flex:1;justify-content:center;width:100%;display:flex}.main{--mobile-nav-height:40px;flex-direction:column;align-items:start;width:100%;margin-top:25px;padding:15px 0;display:flex}.topbar{color:var(--black);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;display:flex}.topbar .selected{background-color:var(--flamespark-red);color:var(--white)}.topbar .filters{gap:10px;display:flex}.project-actions .create-post{background-color:var(--flamespark-red);color:var(--white);border-radius:999px}.project-info{flex-direction:row;align-items:center;gap:10px;margin:0;padding:0;display:flex}.project-icon{border-radius:50%;width:70px;height:70px}.button-red{background-color:var(--flamespark-red);color:var(--white)}.button-red-harsh{background-color:var(--flamespark-red-accented);color:var(--white)}.button-yellow{background-color:var(--flamespark-orange);color:var(--white)}.no-posts-text{text-align:center}.posts-container{flex-direction:column;gap:15px;display:flex}.sections{gap:30px;width:100%;display:flex}.side-section{padding-right:15px}.side{padding-left:15px}.side-section:not(.mobile),.side{width:400px;max-width:20%;height:calc(100vh - var(--header-height) - 30px);top:calc(var(--header-height) + 15px);flex-direction:column;display:flex;position:sticky;overflow-y:auto}.side-section.hide{display:none}.project-navbar{background-color:var(--white);flex-direction:column;align-items:flex-start;gap:10px;max-width:100px;height:100%;padding:10px;display:flex}.side-filters .filter.selected{font-weight:700}.cardTitle{margin:0 0 5px;padding:0}.posts{flex-direction:column;flex:1;gap:20px;display:flex}.card{background-color:var(--white);border-radius:5px;flex-direction:column;gap:10px;max-height:500px;padding:25px;display:flex;overflow-y:auto}.card.no-overflow{overflow-y:visible}.card::-webkit-scrollbar{display:none}.card ::-webkit-scrollbar{display:none}.card.description-card{overflow-y:hidden}.card.description-card .description{min-height:50px;overflow-y:auto}.card.other{flex:1;min-height:40%}.card.description-card .actions button{width:100%}.side-filters .filter{text-align:center;align-items:center;gap:5px;margin-bottom:5px;display:flex}.filter:not(.selected) .icon{font-size:.8rem}.side-section .card,.side .card{margin-bottom:15px}.card.red{background-color:var(--flamespark-red);color:var(--white)}.post.card{max-height:initial;padding-bottom:10px}.card .project-span{align-items:center;gap:10px;margin-bottom:15px;text-decoration:none;display:flex}.card .project-span:not(:hover){color:var(--black)}.card .project-span img{width:3rem;height:3rem}.card .project-span .side-project-info{flex-direction:column;gap:0;display:flex}.posts .post{width:100%}.posts .post p{margin:0;padding:0}.post .post-top{align-items:flex-start;gap:10px;display:flex}.post .post-top.align-center{align-items:center}.post .post-top .project-top-actions{gap:10px;margin-left:auto;display:flex}.post .post-top .project-top-actions .admin{width:1rem;min-width:max-content;height:1rem;position:relative}.post .post-top .project-top-actions .icon{color:#525252;width:100%;height:100%}.post .post-top .project-top-actions .icon.open,.post .post-top .project-top-actions .icon:hover{color:var(--black)}.post .post-top .project-top-actions .post-admin-panel{background-color:var(--white);box-shadow:0 4px 8px var(--shadow);z-index:5;border:1px solid #ccc;border-radius:5px;min-width:max-content;padding:10px;position:absolute;top:100%;right:0}.post-admin-panel li,.post-admin-panel ul{margin:0;padding:0;list-style:none}.post-admin-panel ul{flex-direction:column;gap:15px;display:flex}.post-admin-panel li{color:#525252;gap:5px;display:flex}.post-admin-panel li:hover{color:var(--black)}.post-admin-panel li span{white-space:nowrap}.post .icon{width:2.5rem;height:2.5rem}.post .title-info{align-items:center;gap:20px;display:flex}.post .title-info .title-desc{flex-direction:column;align-items:start;display:flex}.post .title-info .title-date{align-items:center;gap:20px;display:flex}.coming-soon-panel{color:var(--white)}.overlay-panel .post-display{border:1px solid #525252;border-radius:5px;align-items:center;gap:30px;margin:30px 0 15px;padding:30px;display:flex}.overlay-panel .post-display .icon{font-size:1.5rem}.overlay-panel .post-display .post-info{flex-direction:column;display:flex}.overlay-panel .confirm-checkbox{justify-content:center;align-items:center;margin-bottom:15px;display:flex}.overlay-panel .confirm-checkbox .checkbox{align-items:center;gap:10px;display:flex}.overlay-panel .confirm-checkbox .checkbox .box{text-align:center;color:#0000;border:1px solid #525252;border-radius:5px;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.overlay-panel .confirm-checkbox .checkbox.checked .box{color:var(--white);background-color:#525252}.overlay-panel .confirm-checkbox .checkbox span{flex:1}.overlay-panel .error-container{justify-content:center;align-items:center;margin:5px 0;display:flex}.overlay-panel .options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;display:flex}.overlay-panel .options .delete-button{background-color:var(--flamespark-red-accented);color:var(--white)}.overlay-panel .options .edit-button{background-color:var(--flamespark-red);color:var(--white)}.overlay-panel .options .delete-button:disabled,.overlay-panel .options .edit-button:disabled{color:var(--white);opacity:.5;background-color:#525252}.overlay-panel.edit{width:100%;max-width:1000px}.overlay-panel .edit-post-input{width:100%;margin-top:10px}.overlay-panel .extra-margin{margin-top:20px}button:disabled{cursor:default;background-color:#23232380}.mobile-nav{background-color:var(--white);box-shadow:0 -4px 6px -2px var(--shadow);z-index:900;padding:10px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav .section,.section .section-wrapper{text-align:center;color:var(--black);cursor:pointer;height:var(--mobile-nav-height);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.section:not(.current){color:#525252}.section .section-wrapper{width:100%;height:100%;color:inherit}.section.current{transform:scale(1.1)}.section .selection-panel{background-color:var(--white);border:1px solid #ccc;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;flex-direction:column;gap:15px;min-width:100%;padding:15px;display:flex;position:fixed;bottom:40px;overflow:hidden}.selection-panel .icon{width:100%}.wrapped-panel .panel-content{background:var(--white);text-align:center;justify-content:center;align-items:center;gap:20px;padding:15px 55px}.wrapped-panel .leave-panel-actions{justify-content:center;align-items:center;gap:15px;display:flex}@media (max-width:600px){.wrapped-panel .leave-panel-actions{flex-direction:column-reverse;width:100%}.wrapped-panel .leave-panel-actions button{width:100%}}.coming-soon-panel .panel-content{text-align:center;background:linear-gradient(215deg,var(--flamespark-background),var(--flamespark-background-darker));justify-content:center;align-items:center;gap:20px;padding:15px 40px;overflow:hidden}.coming-soon-panel .title{color:var(--white);text-shadow:0 0 10px var(--white);animation:2s infinite alternate glowPulse}@keyframes glowPulse{0%{text-shadow:0 0 5px var(--flamespark-red),0 0 10px var(--flamespark-red)}to{text-shadow:0 0 20px var(--flamespark-red),0 0 40px var(--flamespark-orange)}}.panel-content .patreon-button{background-color:var(--flamespark-red);color:var(--white);background:linear-gradient(135deg,var(--flamespark-red),var(--flamespark-orange));transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.panel-content .patreon-button:before{content:"";opacity:0;z-index:0;background:radial-gradient(circle,#ffffff4d,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)}.panel-content .patreon-button:hover{box-shadow:0 0 8px var(--flamespark-red),0 0 16px var(--flamespark-orange);transform:scale(1.05)}.panel-content .patreon-button:hover:before{opacity:1}.panel-content .patreon-button:active{background:linear-gradient(135deg,var(--flamespark-orange),var(--flamespark-red));transform:scale(.95)}@media (max-width:1100px){.side-panel.desktop{display:none}.mobile-nav{display:flex}.side-section:not(.mobile),.side{display:none}.side-section.mobile{top:var(--header-height);left:0;right:0;bottom:var(--mobile-nav-height);z-index:2;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex;position:fixed}.posts{box-sizing:border-box;max-width:100%;margin-bottom:3.5rem;padding:0 10px}}@media (max-width:355px){.main{padding:10px 0}.posts{padding:0 5px}.card{word-break:break-word;padding:15px}}@media (max-width:450px){.topbar{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px}.topbar .project-info{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.topbar .project-actions{justify-content:center;width:100%;display:flex}.topbar .create-post{margin:0}}@media (max-width:768px){.side-section.mobile .card.other{padding:10px}}@media (min-width:769px){.coming-soon-panel .title{font-size:3.5rem}}@media (orientation:landscape){.side-section.mobile{flex-direction:row;gap:20px;padding:30px}.side-section.mobile .card{flex:1;height:100%}.side-section.mobile .card.other{flex:.6}}@media (orientation:portrait){.side-section.mobile .card{z-index:2;width:100%}.side-section.mobile .card.other{padding:20px}}@media (min-width:1101px){.side-section.mobile-target{z-index:2;display:none}}
.create-panel .backdrop,.panel .backdrop{z-index:4000;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.create-panel .panel-content{background:var(--white)}.create-panel .panel-content,.panel:not(.wrapped-panel) .panel-content{z-index:4100;border-radius:10px;flex-direction:column;width:80%;max-width:1000px;height:80%;transition:all .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #0003}.wrapped-panel .panel-content{z-index:4100;flex-direction:column;width:500px;max-width:95%;min-height:40px;transition:all .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #0003}.create-panel .close-button,.panel .close-button{font-size:2rem;position:absolute;top:15px;right:15px}.create-panel .top-section{border-bottom:1px solid #ccc;flex-direction:column;gap:10px;padding:1.5rem 1.5rem 0;display:flex}.create-panel .post-options{gap:10px;display:flex}.create-panel .post-options span{padding:10px}.create-panel .selected{color:var(--black);cursor:default}.create-panel .post-options span.selected{color:var(--black);border-bottom:2px solid var(--black);cursor:default;font-weight:700}.create-panel .content{height:100%;display:flex;overflow-y:auto}.multipost-manager{border-right:1px solid #ccc;height:100%}.multipost-manager .top{text-align:center;border-bottom:1px solid #ccc;justify-content:center;align-items:center;padding:15px;display:flex}.multipost-manager .post-sections{flex-direction:column;justify-content:center;gap:15px;max-height:100%;padding-top:15px;display:flex;overflow-y:auto}.multipost-manager .post-sections span{text-align:center;width:100%}.create-panel .create-content{flex-direction:row;width:100%;height:100%;display:flex}.create-panel .create-content .post-type-options{border-right:1px solid #ccc;flex-direction:column;align-items:center;gap:30px;height:100%;padding:10px;display:flex}.post-type-options .option{font-size:1.5rem}.post-type-options .option.selected{font-size:1.75rem}.create-content .create-actions{flex-direction:column;width:100%;height:100%;display:flex}.create-actions .actions{border-top:1px solid #ccc;justify-content:space-between;gap:10px;padding:10px;display:flex}.create-actions .actions .right{gap:10px;display:flex}.create-content .creation-container{flex-direction:column;gap:20px;width:100%;height:100%;padding:10px 15px;display:flex;overflow:auto}button.create{background-color:var(--flamespark-red);color:var(--white)}button.create:disabled{cursor:default;background-color:#23232380}button.remove{background-color:var(--flamespark-blue);color:var(--white)}.capped-input{width:100%;margin:0}.mt{margin-top:5px}.Image-Post-Field{flex-direction:column;gap:10px;display:flex}.Image-Post-Field .image-file-field{max-width:100%;overflow:hidden}.Image-Post-Field .input-field{box-sizing:border-box;width:100%}.poll-creator{flex-direction:column;gap:10px;display:flex}.poll-creator-input .input-field{border-top-right-radius:0;border-bottom-right-radius:0}.poll-creator-input .add-button{background-color:var(--flamespark-red);color:var(--white);border:1px solid var(--black);border-radius:0 5px 5px 0;min-width:40px}.poll-options-container{flex-direction:column;gap:5px;display:flex}.poll-options-container .poll-option{border:1px solid var(--black);border-radius:5px;justify-content:space-between;align-items:center;padding:10px;display:flex}.poll-option .remove{font-size:1.2rem}.audio-uploader .audio-field{display:flex}.audio-uploader .upload-field{border:1px dotted var(--black);text-align:center;border-right:none;border-radius:5px 0 0 5px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:150px;height:150px;display:flex;position:relative}.audio-uploader .upload-field input{opacity:0;position:absolute;inset:0}.audio-uploader .upload-field .audio-icon{font-size:2rem}.audio-uploader .audio-field .audio-display{border:1px solid var(--black);border-radius:0 5px 5px 0;justify-content:center;align-items:center;width:100%;max-width:400px;padding:15px;display:flex;position:relative}.audio-display audio{width:100%}.audio-display .file-name{text-align:center;position:absolute;bottom:1px}.creation-container .video-preview{aspect-ratio:16/9;max-width:560px;margin-bottom:30px}.links-creator,.links-creator .links-container{flex-direction:column;gap:10px;display:flex}.links-creator .links-container .link{border:1px solid var(--black);border-radius:5px;justify-content:space-between;align-items:center;padding:10px;display:flex}.link .content{align-items:center;gap:10px;width:100%;display:flex}.links-container .link .link-icon{font-size:1.5rem}.links-container .link .link-properties{flex-direction:column;gap:15px;width:90%;display:flex}.links-container .link .link-properties div{flex-direction:column;gap:5px;width:100%;display:flex}.link-properties input{width:100%}.postImages{flex-wrap:wrap;gap:20px;display:flex}.postImageContainer{background-color:var(--shadow);max-width:250px;max-height:250px}.postImages img{object-fit:contain}.postImages img[src$=\.svg],.postImages img[src^=blob\:]{width:100%;height:auto;max-height:100%;display:block}.postImageContainer button{background-color:var(--flamespark-red-accented);width:100%;color:var(--white);padding:.5rem 0;font-size:.8rem}.sixteennine{aspect-ratio:16/9}.squareRatio{aspect-ratio:1}@media (max-width:768px){.post-type-options{min-width:50px;padding:5px}.create-panel .panel-content{width:95%}.panel:not(.wrapped-panel) .panel-content{height:auto;min-height:50%;padding-top:20px;padding-bottom:20px}}@media (max-width:480px){.create-panel .create-content{flex-direction:column}.create-panel .create-content .post-type-options{width:100%;min-width:unset;border-bottom:1px solid #ccc;border-right:none;flex-flow:wrap;justify-content:center;align-items:center;gap:15px;height:auto;padding:10px 0;display:flex}}