:root{--text:#6b6375;--text-h:#08060d;--bg:#03021a;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body,html{min-height:100%;margin:0;position:relative}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--background-color:#fff;--alt-background-color:#171717;--hero-text-color:#fff;--hero-overlay-color:#000;--alt-text-color:#fff;--modal-bg-color:#fff;--modal-fg-color:#171717;--footer-background-color:#0f172a;--footer-foreground-color:#94a3b8}.content{background-color:var(--background-color)}.centeredContent{justify-content:center;align-items:center;height:100%;display:flex}input{height:30px}img{width:100%;height:100%}.hero{width:1200px;max-width:100%;height:12px;position:relative}.hero:after{content:"";z-index:100;background-color:#0000006e;width:100%;height:100%;position:absolute;top:-2px;left:0}.hero .btn.ghost{z-index:300;position:absolute;top:10px;left:10px}.hero-text{color:var(--hero-text-color);z-index:300;font-size:2rem;font-style:italic;font-weight:400;position:absolute;bottom:30px;left:10px}.mainNav{padding:30px 0;line-height:0}.mainNav nav{flex-direction:column;justify-content:space-between;display:flex}.searchBox{justify-content:center;align-items:center;display:flex}.searchBox img{width:40px;height:30px}.mainNav .logo{font-size:5rem}.dark-link{color:#38bdf8;font-weight:500;text-decoration:none;transition:color .2s,text-decoration-color .2s}.dark-link:hover{color:#7dd3fc;text-decoration:underline}.dark-link:active{color:#0ea5e9}.dark-link:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #38bdf8}.dark-link-subtle{color:#e2e8f0;text-underline-offset:4px;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d;transition:color .2s,text-decoration-color .2s}.dark-link-subtle:hover{color:#fff;text-decoration-color:#fff}.dark-link-subtle:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #fff}.btn{color:#fff;cursor:pointer;background-color:#5865f2;border:none;border-radius:6px;padding:10px 20px;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s}.btn:hover{background-color:#4752c4}.btn:active{transform:scale(.98)}.btn:focus-visible{outline-offset:3px;outline:3px solid #99a5ff}.btn:disabled{cursor:not-allowed;opacity:.7;background-color:#747f8d}.btn.navBtn{color:#fff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:#050505;border:1px solid #fff;border-radius:0;margin:4px;padding:12px 24px;font-weight:700;transition:all .2s;box-shadow:4px 4px #f0f}.btn.navBtn:hover{color:#000;background:#f0f;border-color:#f0f;transform:translate(-2px,-2px);box-shadow:6px 6px #0ff}.btn.navBtn:active{transform:translate(2px,2px);box-shadow:0 0 #0ff}.btn.navBtn:focus-visible{outline-offset:4px;outline:2px solid #0ff}.btn.ghost{color:#fff;box-shadow:none;text-shadow:0 1px 3px #0009;background:0 0;border:2px solid #fff;transition:background-color .6s,color .6s}.btn.ghost:hover{color:#fff;background:#00000080;border-color:#fff;transition:background-color .6s,color .6s}.btn.ghost:focus-visible{outline-offset:3px;outline:2px solid #fff}.btn.ghost:active{background:#fff3}.btn.ratingBtn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background-color:#0009;border:1px solid #fff3;border-radius:16px;padding:4px 10px;font-size:.8rem;font-weight:500;transition:background-color .2s,transform .1s,border-color .2s}.btn.ratingBtn:hover{background-color:#000000d9;border-color:#fff6}.btn.ratingBtn:active{transform:scale(.96)}.btn.ratingBtn:focus-visible{outline-offset:2px;outline:2px solid #fbbf24}.btn.ratingBtn:disabled{cursor:not-allowed;opacity:.5;background-color:#0000004d}.continue-with-discord{color:#fff;cursor:pointer;background-color:#5865f2;border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:16px;font-weight:600;display:flex}.continue-with-discord img{object-fit:contain;width:24px;height:24px}.continue-with-discord:hover{background-color:#4752c4}.file-upload label{font-weight:700}.file-upload input[type=file]{cursor:pointer;background-color:#f9f9f9;border:1px solid #ccc;border-radius:6px;padding:10px}.file-upload p{color:#555;margin:0;font-size:.9rem}section{margin:20px 10px}.panel{background-color:var(--alt-background-color);padding:20px}.panel p,.panel h2{color:var(--alt-text-color)}.scrollPanel{height:70%;margin:10px;position:relative;overflow-y:scroll}.row-2{flex-direction:row;display:flex}.row-2 .cell{width:50%;padding:20px}.centered{text-align:center;width:100%}.cell.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.cell.cell.centered *{margin:6px 0}.infobox{background-color:var(--alt-background-color);color:var(--alt-text-color);padding:20px}.infobox h2,.infobox h1{color:var(--alt-text-color);line-height:1.5}.dialog{background-color:var(--alt-background-color)}.dialog p,.dialog h2{color:var(--alt-text-color);line-height:1.5}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:400;background-color:#000000bf;gap:8px;width:100%;min-height:100%;padding:6px 12px;font-family:sans-serif;font-size:.9rem;position:absolute;top:0;left:0;box-shadow:0 2px 8px #0000004d}.modal{background-color:var(--modal-bg-color);box-sizing:border-box;z-index:400;flex-direction:column;align-items:center;width:auto;height:calc(80vh - 30px);margin:60px;display:flex;position:absolute;top:30px;left:30px;right:30px}.modal .modalHead{min-height:10px}.modal .modalFooter{justify-content:space-evenly;align-items:center;width:100%;padding-top:10px;display:flex}.modal .modalFooter p{color:var(--modal-fg-color)}.modal .modalFooter .carousel-rating-overlay{position:relative;top:0;right:0}.modal-close-btn{color:#4a5568;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:2rem;line-height:1;transition:background-color .2s,color .2s;display:flex;position:absolute;top:12px;right:12px}.modal-close-btn:hover{color:#1a202c;background-color:#0000000d}.modal-close-btn:active{transform:scale(.95)}.modal-close-btn:focus-visible{outline-offset:2px;outline:2px solid #3182ce}.imgGrid{grid-gap:10px;grid-template-columns:1fr 1fr 1fr;height:70%;margin:10px;display:grid;position:relative;overflow-y:scroll}.imgGrid .imageWithUserAndRating{position:relative}.imageWithUserAndRating .carousel-rating-overlay{z-index:500;position:absolute;top:15px;left:2px}.carousel-container{background-color:#fff;border-radius:12px;width:100%;max-width:800px;height:450px;margin:10px auto;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.carousel-empty{color:#777;justify-content:center;align-items:center;height:300px;font-family:sans-serif;font-size:1.1rem;display:flex}.carousel-track-container{width:100%;height:100%;position:relative}.carousel-slide{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s ease-in-out;display:flex;position:absolute;top:0;left:0}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.carousel-rating-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:300;background-color:#000000bf;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-family:sans-serif;font-size:.9rem;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 2px 8px #0000004d}.carousel-rating-input-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:400;background-color:#0000001a;border-radius:20px;align-items:center;gap:8px;width:100%;height:100%;padding:6px 12px;font-family:sans-serif;font-size:.9rem;display:flex;position:absolute;box-shadow:0 2px 8px #0000004d}.rating-status{font-weight:500}.rating-score{color:#fbbf24;font-weight:600}.carousel-btn{color:#fff;cursor:pointer;z-index:10;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px 16px;font-size:1.2rem;transition:background-color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background-color:#000c}.carousel-btn-prev{left:15px}.carousel-btn-next{right:15px}.carousel-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background-color:#4a53b6bf;border:none;border-radius:50%;width:10px;height:10px;transition:background-color .3s,transform .3s}.carousel-dot.active{background-color:#3a4478;transform:scale(1.2)}.rating-dialog-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background-color:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-in-out fadeIn;display:flex;position:absolute;top:0;left:0}.rating-dialog-backdrop img{position:absolute;top:0;left:0}.rating-dialog-card{color:#fff;text-align:center;background:#1e1e2f;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:360px;padding:24px;font-family:sans-serif;box-shadow:0 10px 30px #00000080}.rating-dialog-card h3{margin:0 0 8px;font-size:1.25rem;font-weight:600}.rating-dialog-card p{color:#a0aec0;margin:0 0 20px;font-size:.9rem}.star-container{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.star-btn{color:#4a5568;cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;transition:color .15s,transform .1s}.star-btn:hover{transform:scale(1.1)}.star-btn.active{color:#fbbf24}.rating-dialog-actions{justify-content:center;gap:12px;display:flex}.rating-dialog-cancel{color:#fff;cursor:pointer;background-color:#4a5568;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem;transition:background-color .2s}.rating-dialog-cancel:hover{background-color:#718096}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.month-nav{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;width:100%;max-width:320px;padding:12px 16px;display:flex;box-shadow:0 1px 2px #0000000d}.month-nav-btn{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .15s,color .15s;display:flex}.month-nav-btn:hover:not(:disabled){color:#111827;background-color:#f9fafb}.month-nav-btn:disabled{opacity:.3;cursor:not-allowed}.month-nav-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.month-nav-label{color:#1f2937;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;font-family:sans-serif;font-size:14px;font-weight:600}.leaderboard-title{text-align:center;color:#fff;letter-spacing:.5px;margin-top:0;margin-bottom:20px;font-size:1.5rem;font-weight:700}.leaderboard-empty{text-align:center;color:#94a3b8;padding:30px}.leaderboard-list{flex-direction:column;gap:12px;display:flex}.leaderboard-item{background-color:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;padding:12px 16px;transition:transform .2s,background-color .2s;display:flex}.leaderboard-item:hover{background-color:#ffffff0f;transform:translateY(-2px)}.leaderboard-rank{color:#94a3b8;text-align:center;width:40px;font-size:1.1rem;font-weight:700}.rank-1 .leaderboard-rank{color:#fbbf24}.rank-2 .leaderboard-rank{color:#cbd5e1}.rank-3 .leaderboard-rank{color:#d97706}.leaderboard-thumb-wrapper{background-color:#1e293b;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-right:16px;display:flex;overflow:hidden}.leaderboard-thumb{object-fit:cover;width:100%;height:100%}.leaderboard-no-thumb{color:#64748b;text-align:center;font-size:.65rem}.leaderboard-user-info{flex-direction:column;flex-grow:1;gap:4px;display:flex}.leaderboard-username{color:#fff;font-size:1rem;font-weight:600}.leaderboard-stats{color:#94a3b8;font-size:.8rem}.leaderboard-score{background-color:#38bdf81a;border:1px solid #38bdf833;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;display:flex}.star-icon{color:#fbbf24;font-size:.9rem}.score-value{color:#38bdf8;font-size:.95rem;font-weight:700}.site-footer{background-color:var(--footer-background-color);color:var(--footer-foreground-color);border-top:1px solid #ffffff1a;padding:48px 24px 24px;font-family:sans-serif}.footer-container{max-width:1100px;margin:0 auto}.footer-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin-bottom:40px;display:grid}.footer-col h3{color:#fff;letter-spacing:.5px;margin-bottom:16px;font-size:1.1rem;font-weight:600}.footer-section-title{color:#fff;margin:16px 0 6px;font-size:.9rem}.footer-text{color:#94a3b8;margin:0;font-size:.9rem}.footer-col .dark-link{color:#38bdf8;margin-bottom:8px;font-size:.9rem;text-decoration:none;transition:color .2s;display:block}.footer-col .dark-link:hover{color:#7dd3fc;text-decoration:underline}.social-links-grid{justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.social-icon-link{background-color:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s,transform .2s;display:flex}.social-icon-link img,.social-icon-link svg{fill:#94a3b8;width:20px;height:20px;transition:fill .2s}.social-icon-link:hover{background-color:#38bdf826;transform:translateY(-2px)}.social-icon-link:hover img,.social-icon-link:hover svg{fill:#38bdf8}.footer-bottom-row{text-align:center;color:#64748b;border-top:1px solid #ffffff0d;padding-top:20px;font-size:.85rem}.footer-bottom-row p{margin:0}