#root{width:100%}.no-posts,.loading{color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.create-link{text-decoration:none}.create-link:hover{color:#454545}.posts-container{display:flex;align-items:center;flex-direction:column;gap:.2rem;padding:0;margin:.5rem .1rem}.sort-filter{display:flex;flex-direction:row;gap:1rem;padding:0;margin:.3rem .7rem;flex-wrap:wrap}.sort-container,.filter-container{display:flex;flex-direction:row;gap:.5rem;align-items:center;flex-wrap:wrap}.sort,.filter{padding:0;margin:0;font-size:1rem}.sort-flair,.filter-flair{padding:0 .7rem;margin:0;border-radius:.5rem;font-size:1rem;color:#fff;text-shadow:0 0 .1rem black,0 0 .07rem black;cursor:pointer}.active{color:#d3d3d3;cursor:default}.discussion.active,.achievements.active,.question.active,.gameplay.active{cursor:pointer}.fab-container{position:fixed;bottom:0;right:0;margin:1.5rem}.fab,.fab:hover{border-radius:100%;border:none;padding:.9rem 1rem;cursor:pointer}.fab-icon{color:#fff}@media only screen and (max-width: 320px){.sort-filter{flex-direction:column;gap:.5rem;margin:auto}.sort,.filter{font-size:.7rem}.sort-flair,.filter-flair{padding:0 .3rem;border-radius:.5rem;font-size:.7rem}.fab,.fab:hover{padding:.7rem .8rem}.fab-container{margin:1rem}}@media only screen and (min-width: 321px) and (max-width: 400px){.sort-filter{flex-direction:column;gap:.7rem;margin:auto .5rem}.sort,.filter{font-size:.8rem}.sort-flair,.filter-flair{padding:0 .3rem;border-radius:.5rem;font-size:.8rem}.fab,.fab:hover{padding:.8rem .9rem}.fab-container{margin:1.2rem}}@media only screen and (min-width: 401px) and (max-width: 600px){.sort-filter{flex-direction:column;gap:.75rem;margin:auto .5rem}.sort,.filter{font-size:.8rem}.sort-flair,.filter-flair{padding:0 .3rem;border-radius:.5rem;font-size:.8rem}}@media only screen and (min-width: 601px) and (max-width: 1024px){.sort-filter{flex-direction:column;gap:1rem;margin:auto 1rem .7rem}}.post{background-color:#fff;border-radius:.7rem;margin:.5rem;padding:1rem;text-align:left;width:80rem;height:auto}.posted-time,.post-title,.upvotes{margin:.8rem 0}.posted-time{font-size:.9rem;font-weight:400}.post-title{font-size:1.2rem;margin:.8rem 0}.upvotes{font-size:.9rem}.post-link{text-decoration:none;color:#000}.flair{padding:.1rem .7rem;margin-left:.3rem;border-radius:.5rem;font-size:1rem;color:#fff;text-shadow:0 0 .1rem black,0 0 .07rem black}@media only screen and (max-width: 375px){.post{width:95%;padding:.7rem}.posted-time{font-size:.6rem}.post-title{font-size:.9rem}.upvotes{font-size:.7rem}.flair{font-size:.7rem;margin-left:auto;padding:.1rem .5rem}}@media only screen and (min-width: 376px) and (max-width: 768px){.post{width:90%}.posted-time{font-size:.8rem}.post-title{font-size:1.2rem}.upvotes,.flair{font-size:.9rem}}@media only screen and (min-width: 769px) and (max-width: 1024px){.post{width:40rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#eee;font-synthesis:none;text-rendering:optimizeLegibility;--vs-color: #00cdba;--miku-color: #33ccba;--rin-color: #ffcc11;--len-color: #ffee12;--kagamine-color: #ffdd12;--luka-color: #ffbacc;--meiko-color: #de4444;--kaito-color: #3367cd;--vs-color-dark: #1faea1;--miku-color-dark: #4ab5a8;--rin-color-dark: #dbb835;--len-color-dark: #dbd036;--kagamine-color-dark: #dbc436;--luka-color-dark: #f5c4d1;--meiko-color-dark: #c75b5b;--kaito-color-dark: #4a6eb6;--ln-color: #4455dd;--ichika-color: #33aaee;--saki-color: #ffdd45;--honami-color: #ee6666;--shiho-color: #bbde22;--ln-color-dark: #5b67c6;--ichika-color-dark: #4fa2d2;--saki-color-dark: #e3cb61;--honami-color-dark: #da7a7a;--shiho-color-dark: #a9c23e;--mmj-color: #6ccb20;--minori-color: #ffcdac;--haruka-color: #99cdff;--airi-color: #ffa9cc;--shizuku-color: #9aeede;--mmj-color-dark: #6fb13a;--minori-color-dark: #f3d0b8;--haruka-color-dark: #a8cdf0;--airi-color-dark: #f2b6ce;--shizuku-color-dark: #a7e1d6;--vbs-color: #ee1166;--kohane-color: #ff679a;--an-color: #00bbdc;--akito-color: #ff7721;--touya-color: #0077dd;--vbs-color-dark: #cd326e;--kohane-color-dark: #e87ea1;--an-color-dark: #21a4bb;--akito-color-dark: #de7e42;--touya-color-dark: #2174bc;--wxs-color: #ff9900;--tsukasa-color: #ffbb00;--emu-color: #ff66bc;--nene-color: #34dd9a;--rui-color: #bb88ed;--wxs-color-dark: #d99126;--tsukasa-color-dark: #d9a926;--emu-color-dark: #e87db9;--nene-color-dark: #4dc495;--rui-color-dark: #bb97de;--n25-color: #884499;--kanade-color: #bb6588;--mafuyu-color: #8889cc;--ena-color: #ccaa87;--mizuki-color: #e4a8ca;--n25-color-dark: #80518c;--kanade-color-dark: #ae728a;--mafuyu-color-dark: #9293c2;--ena-color-dark: #c2aa91;--mizuki-color-dark: #dbb1c9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vs-bg{background-color:var(--miku-color)}.ln-bg{background-color:var(--ln-color)}.mmj-bg{background-color:var(--mmj-color)}.vbs-bg{background-color:var(--vbs-color)}.wxs-bg{background-color:var(--wxs-color)}.n25-bg{background-color:var(--n25-color)}.vs-bg.active,.vs-bg.fab:hover,.vs-bg.home-btn:hover,.vs-bg-hover:hover{background-color:var(--miku-color-dark)}.ln-bg.active,.ln-bg.fab:hover,.ln-bg.home-btn:hover,.ln-bg-hover:hover{background-color:var(--ln-color-dark)}.mmj-bg.active,.mmj-bg.fab:hover,.mmj-bg.home-btn:hover,.mmj-bg-hover:hover{background-color:var(--mmj-color-dark)}.vbs-bg.active,.vbs-bg.fab:hover,.vbs-bg.home-btn:hover,.vbs-bg-hover:hover{background-color:var(--vbs-color-dark)}.wxs-bg.active,.wxs-bg.fab:hover,.wxs-bg.home-btn:hover,.wxs-bg-hover:hover{background-color:var(--wxs-color-dark)}.n25-bg.active,.n25-bg.fab:hover,.n25-bg.home-btn:hover,.n25-bg-hover:hover{background-color:var(--n25-color-dark)}.vs-bg-hover:hover,.ln-bg-hover:hover,.mmj-bg-hover:hover,.vbs-bg-hover:hover,.wxs-bg-hover:hover,.n25-bg-hover:hover{color:#d3d3d3}.vs{color:var(--miku-color)}.ln{color:var(--ln-color)}.mmj{color:var(--mmj-color)}.vbs{color:var(--vbs-color)}.wxs{color:var(--wxs-color)}.n25{color:var(--n25-color)}.vs-bg.discussion{background-color:var(--kagamine-color)}.vs-bg.discussion.active,.vs-bg-hover.discussion:hover{background-color:var(--kagamine-color-dark)}.vs-bg.achievements{background-color:var(--luka-color)}.vs-bg.achievements.active,.vs-bg-hover.achievements:hover{background-color:var(--luka-color-dark)}.vs-bg.question{background-color:var(--meiko-color)}.vs-bg.question.active,.vs-bg-hover.question:hover{background-color:var(--meiko-color-dark)}.vs-bg.gameplay{background-color:var(--kaito-color)}.vs-bg.gameplay.active,.vs-bg-hover.gameplay:hover{background-color:var(--kaito-color-dark)}.ln-bg.discussion{background-color:var(--ichika-color)}.ln-bg.discussion.active,.ln-bg-hover.discussion:hover{background-color:var(--ichika-color-dark)}.ln-bg.achievements{background-color:var(--saki-color)}.ln-bg.achievements.active,.ln-bg-hover.achievements:hover{background-color:var(--saki-color-dark)}.ln-bg.question{background-color:var(--honami-color)}.ln-bg.question.active,.ln-bg-hover.question:hover{background-color:var(--honami-color-dark)}.ln-bg.gameplay{background-color:var(--shiho-color)}.ln-bg.gameplay.active,.ln-bg-hover.gameplay:hover{background-color:var(--shiho-color-dark)}.mmj-bg.discussion{background-color:var(--minori-color)}.mmj-bg.discussion.active,.mmj-bg-hover.discussion:hover{background-color:var(--minori-color-dark)}.mmj-bg.achievements{background-color:var(--haruka-color)}.mmj-bg.achievements.active,.mmj-bg-hover.achievements:hover{background-color:var(--haruka-color-dark)}.mmj-bg.question{background-color:var(--airi-color)}.mmj-bg.question.active,.mmj-bg-hover.question:hover{background-color:var(--airi-color-dark)}.mmj-bg.gameplay{background-color:var(--shizuku-color)}.mmj-bg.gameplay.active,.mmj-bg-hover.gameplay:hover{background-color:var(--shizuku-color-dark)}.vbs-bg.discussion{background-color:var(--kohane-color)}.vbs-bg.discussion.active,.vbs-bg-hover.discussion:hover{background-color:var(--kohane-color-dark)}.vbs-bg.achievements{background-color:var(--an-color)}.vbs-bg.achievements.active,.vbs-bg-hover.achievements:hover{background-color:var(--an-color-dark)}.vbs-bg.question{background-color:var(--akito-color)}.vbs-bg.question.active,.vbs-bg-hover.question:hover{background-color:var(--akito-color-dark)}.vbs-bg.gameplay{background-color:var(--touya-color)}.vbs-bg.achievements.active,.vbs-bg-hover.gameplay:hover{background-color:var(--touya-color-dark)}.wxs-bg.discussion{background-color:var(--tsukasa-color)}.wxs-bg.discussion.active,.wxs-bg-hover.discussion:hover{background-color:var(--tsukasa-color-dark)}.wxs-bg.achievements{background-color:var(--emu-color)}.wxs-bg.achievements.active,.wxs-bg-hover.achievements:hover{background-color:var(--emu-color-dark)}.wxs-bg.question{background-color:var(--nene-color)}.wxs-bg.question.active,.wxs-bg-hover.question:hover{background-color:var(--nene-color-dark)}.wxs-bg.gameplay{background-color:var(--rui-color)}.wxs-bg.gameplay.active,.wxs-bg-hover.gameplay:hover{background-color:var(--rui-color-dark)}.n25-bg.discussion{background-color:var(--kanade-color)}.n25-bg.discussion.active,.n25-bg-hover.discussion:hover{background-color:var(--kanade-color-dark)}.n25-bg.achievements{background-color:var(--mafuyu-color)}.n25-bg.achievements.active,.n25-bg-hover.achievements:hover{background-color:var(--mafuyu-color-dark)}.n25-bg.question{background-color:var(--ena-color)}.n25-bg.question.active,.n25-bg-hover.question:hover{background-color:var(--ena-color-dark)}.n25-bg.gameplay{background-color:var(--mizuki-color)}.n25-bg.gameplay.active,.n25-bg-hover.gameplay:hover{background-color:var(--mizuki-color-dark)}body{margin:0;display:flex;min-width:320px;min-height:100vh}.nav-bar-container{position:fixed;top:0;left:0;right:0;width:100%;margin:0;z-index:1}.nav-bar{display:flex;flex-direction:row;gap:.5rem;padding:1rem;margin:auto;align-items:center;justify-content:space-between;color:#fff}.nav-bar-list{display:flex;flex-direction:row;gap:1rem;list-style-type:none;margin:0;color:#fff;align-items:center}.header-link,.link{color:#fff;text-decoration:none}.link{font-weight:600;font-size:1.2rem}.settings-icon{-webkit-user-select:none;user-select:none}.link:hover,.settings-icon:hover{color:#d3d3d3}.header{padding:0;margin:0;font-size:1.6rem;font-weight:700}.search{padding:.5rem;width:40%;border-radius:.5rem;margin:0;border:none}.user-info{font-weight:600;font-size:1.2rem;display:flex;flex-direction:row;gap:1.2rem;align-items:center}.navbar-uid{padding:0;margin:0;width:11rem;text-align:right}.settings-icon{font-size:2rem;cursor:pointer}.theme-settings-header{text-align:center;font-weight:bolder;font-size:1.4rem;padding:.5rem;margin:auto;color:#fff}.page{margin:auto;margin-top:4rem;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.mobile-user-info{display:none}.search-menu{position:fixed;top:0;right:0;height:100%;width:100%;background-color:#eee;z-index:10}.mobile-search{background-color:#d6d6d6;display:inline-block;width:82%;box-sizing:border-box;padding:.75rem;border-radius:.5rem;margin:1rem 1rem 1rem 3.25rem;border:none}.close-icon{color:#000;font-size:2rem;cursor:pointer;top:0!important;left:0!important;margin:1.2rem 1rem 1rem}@media only screen and (max-width: 320px){.link{font-size:1rem;display:none}.user-info{font-size:1.1rem;display:none}.search{display:none}.mobile-search{width:75%}.mobile-user-info{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center}}@media only screen and (min-width: 321px) and (max-width: 375px){.link{font-size:1rem;display:none}.search{display:none}.user-info{font-size:1.1rem;display:none}.mobile-search{width:80%}.mobile-user-info{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center}}@media only screen and (min-width: 376px) and (max-width: 600px){.search{display:none}.nav-bar{display:flex;flex-direction:row;padding-top:.75rem;padding-bottom:.75rem;margin:auto;align-items:center;justify-content:space-between;color:#fff}.header{font-size:1.2rem}.link{font-size:1rem;display:none}.user-info{font-size:1.1rem;display:none}.mobile-user-info{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center}}@media only screen and (max-width: 1024px){.nav-bar{display:flex;flex-direction:row;margin:auto;align-items:center;justify-content:space-between;color:#fff}.header{font-size:1.2rem}.link{font-size:1rem;display:none}.user-info{font-size:1.1rem}}.update-post-form{background-color:#fff;border-radius:1rem;padding:2rem;width:40rem;height:auto}.update-post-btn{padding:.8rem;border:none;border-radius:.5rem;font-size:1.1rem;color:#fff;cursor:pointer}@media only screen and (max-width: 375px){.update-post-form{width:90%;padding:.7rem 1rem}.update-post-btn{padding:.6rem;font-size:.9rem}}@media only screen and (min-width: 376px) and (max-width: 600px){.update-post-form{width:80%;padding:.7rem 1.5rem}.update-post-btn{padding:.6rem;font-size:1rem}}.post-detail{background-color:#fff;padding:2rem 4rem;border-radius:1rem;width:70rem;height:auto;display:flex;flex-direction:column;text-align:left;margin:0 auto;gap:.7rem}.post-btns{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:.1rem}.upvote-container,.post-update-container{display:flex;flex-direction:row;align-items:center;gap:.5rem}.edit-icon,.delete-icon,.upvotes-icon{cursor:pointer;-webkit-user-select:none;user-select:none}.delete-icon{color:red}.timestamp{font-weight:400;font-size:1rem;padding:0;margin:0}.post-detail-title{font-weight:700;font-size:1.5rem;padding:0;margin:0}.post-content{font-weight:500;font-size:1.1rem;padding:0;margin:0;white-space:pre-wrap}.post-detail-upvotes{font-weight:400;font-size:1rem;margin:0;padding:0}.comments-container{background-color:#eee;border-radius:.5rem;padding:.5rem .8rem;display:flex;flex-direction:column;justify-content:center;gap:.3rem}.comment-header{padding:0;margin:0;font-size:1.2rem}.add-comment{margin-top:.3rem;padding:.4rem;font-size:1rem}.no-comments{margin:0;padding:0;font-size:1rem;font-style:italic}.secret-key-title{text-align:center;font-weight:bolder!important;font-size:1.7rem!important;padding:.5rem!important;margin:.5rem!important}.secret-key-content{text-align:center;font-weight:700!important;font-size:1rem!important;margin:.3rem .3rem 1rem!important}.secret-key-input{margin:.2rem!important;background-color:#eee;width:100%}.secret-key-dialog-btns{cursor:pointer;border:none;border-radius:.3rem;color:#fff;font-size:1.2rem;padding:.4rem .8rem;margin:.3rem}.delete-dialog-btns-container{padding:.3rem;margin:0}.delete-dialog-btns{cursor:pointer;border:none;border-radius:.3rem;color:#fff;padding:.4rem}.delete-dialog-actions{align-items:center!important;justify-content:center!important}.player-wrapper{position:relative;padding-top:56.25%}.video-container{width:70%}.react-player{position:absolute;top:0;left:0}@media only screen and (max-width: 375px){.post-detail{width:90%;padding:.9rem 1rem}.timestamp{font-size:.7rem}.post-detail-title{font-size:1rem}.post-content{font-size:.6rem}.post-detail-upvotes{font-size:.8rem}.comment-header{font-size:.7rem}.flair{font-size:.7rem;margin-left:auto;padding:.1rem .5rem}.add-comment,.no-comments{font-size:.65rem}.post-img{width:100%!important;height:auto!important}.edit-icon,.delete-icon,.upvotes-icon{width:1.25rem;height:1.25rem}.video-container{width:100%}}@media only screen and (min-width: 376px) and (max-width: 768px){.post-detail{width:80%;padding:1rem 1.5rem}.timestamp{font-size:.8rem}.post-detail-title{font-size:1.2rem}.post-content{font-size:.8rem}.post-detail-upvotes,.comment-header,.flair{font-size:.9rem}.add-comment,.no-comments{font-size:.8rem}.post-img{width:100%!important;height:auto!important}.edit-icon,.delete-icon,.upvotes-icon{width:1.5rem;height:1.5rem}.video-container{width:100%}}@media only screen and (min-width: 769px) and (max-width: 1024px){.post-detail{width:40rem}.video-container{width:80%}}.comment{font-size:1rem}@media only screen and (max-width: 375px){.comment{font-size:.65rem}}@media only screen and (min-width: 376px) and (max-width: 768px){.comment{font-size:.8rem}}.create-post-form{background-color:#fff;border-radius:1rem;padding:2rem;width:40rem;height:auto}.form-container{display:flex;align-items:center;flex-direction:column;gap:1rem}.flair-container{display:flex;flex-direction:row;gap:1rem;padding:0;margin:0;align-items:center}.flair-header{padding:0;margin:0;font-size:1.2rem}.form-text-field{background-color:#eee;width:100%}.create-post-btn{padding:.8rem;border:none;border-radius:.5rem;font-size:1.1rem;color:#fff;cursor:pointer}.dialog-btns-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin:0}.dialog-btns{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:none;border-radius:.3rem;color:#fff;padding:.4rem}.dialog-title{text-align:center;font-weight:bolder!important;font-size:1.7rem!important;padding:0!important;margin:.5rem!important}.dialog-content{text-align:center;font-weight:700!important;font-size:1.2rem!important}.spinner-container{display:flex;align-items:center;justify-content:center;padding:1rem;margin-bottom:1rem}.dialog-title-loading{text-align:center;font-weight:bolder!important;font-size:2rem!important;padding:.8rem!important;margin-top:1rem!important}.url-tab-container{display:flex;flex-direction:row;align-items:center;margin:0;padding:0}.no-url-message{padding:0;margin:0;font-size:1rem}.close-icon{top:10%;right:3%;position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none}.upload-btn{font-size:1rem;border-radius:.5rem;padding:.5rem;margin:.5rem;color:#fff;cursor:pointer}.file-input{display:none}.selected-file{width:53%;margin:.1rem;height:auto}.flair-choice{display:flex;flex-direction:row;gap:1rem}@media only screen and (max-width: 375px){.create-post-form{width:90%;padding:.7rem 1rem}.flair-header{font-size:.8rem}.flair-container{flex-direction:column;gap:.5rem}.flair-choice{gap:.5rem}.upload-tab-header{font-size:.55rem!important}.no-url-message{font-size:.75rem}.url-tab-container{flex-direction:column}.create-post-btn{padding:.6rem;font-size:.9rem}.upload-btn{font-size:.7rem}}@media only screen and (min-width: 376px) and (max-width: 600px){.create-post-form{width:80%;padding:.7rem 1.5rem}.flair-container{flex-direction:column;gap:.5rem}.flair-header{font-size:1rem}.upload-tab-header{font-size:.75rem!important}.no-url-message{font-size:.9rem}.url-tab-container{flex-direction:column}.create-post-btn{padding:.6rem;font-size:1rem}.upload-btn{font-size:.8rem}}@media only screen and (min-width: 601px) and (max-width: 768px){.upload-tab-header{font-size:.85rem!important}}.search-header{padding:0;margin:0;font-size:1rem}.search-container{display:flex;flex-direction:row;gap:.5rem;align-items:center}.query{padding:0 .7rem;margin:0;border-radius:.5rem;font-size:1rem;color:#fff;text-shadow:0 0 .1rem black,0 0 .07rem black;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:21rem}@media only screen and (max-width: 320px){.search-header{font-size:.7rem}.query{padding:0 .3rem;border-radius:.5rem;font-size:.7rem}}@media only screen and (min-width: 321px) and (max-width: 400px){.search-header{font-size:.8rem}.query{padding:0 .3rem;border-radius:.5rem;font-size:.8rem}}@media only screen and (min-width: 401px) and (max-width: 600px){.search-header{font-size:.8rem}.query{padding:0 .3rem;border-radius:.5rem;font-size:.8rem}}.home-btn{border:none;border-radius:1rem;padding:1rem;font-size:1.2rem;color:#fff;cursor:pointer;font-weight:600}.home-btn:hover{color:#d3d3d3}.header-404{font-size:4rem;font-weight:800;padding:0;margin:0}.page-not-found{font-size:2.5rem;font-weight:700;padding:0;margin:0}.page-not-found-message{font-size:2rem;font-weight:600;padding:0;margin:0}.not-found-container{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:2rem;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}@media only screen and (max-width: 375px){.home-btn{padding:.7rem;font-size:.9rem}.header-404{font-size:2.5rem}.page-not-found{font-size:1.5rem}.page-not-found-message{font-size:1rem}.not-found-container{gap:1rem}}@media only screen and (min-width: 376px) and (max-width: 600px){.home-btn{padding:.8rem;font-size:1rem}.header-404{font-size:3rem}.page-not-found{font-size:1.8rem}.page-not-found-message{font-size:1.3rem}.not-found-container{gap:1.2rem}}@media only screen and (min-width: 601px) and (max-width: 1024px){.header-404{font-size:3.5rem}.page-not-found{font-size:2rem}.page-not-found-message{font-size:1.5rem}.not-found-container{gap:1.5rem}}