.web-header{margin-block-start:1rem}.web-header .flex{background-color:var(--bg-color-light);border-radius:var(--border-radius);corner-shape:squircle;box-shadow:var(--box-shadow);background:url(/images/ssscribble.svg), var(--bg-color-light);justify-content:space-between;align-items:center;padding:1rem;display:flex}.web-header .title{align-items:center;column-gap:.5rem;display:flex}.web-header .title img{--size:60px;width:var(--size);height:var(--size);corner-shape:squircle;border-radius:25px}.web-header .title span{background:linear-gradient(to right, var(--bg-color-dark), var(--accent-color));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.web-footer{text-align:center;margin-block-end:1rem}.web-footer div:not(.container){border-radius:var(--border-radius);corner-shape:squircle;background-color:var(--bg-color-light);box-shadow:var(--box-shadow);background:url(/images/ssscribble.svg), var(--bg-color-light);margin-inline:auto;padding:1rem}.web-footer a{color:var(--text-dark);font-weight:600}.update-prompt-overlay{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.update-prompt-overlay .update-prompt{border-radius:var(--border-radius);corner-shape:squircle;width:90%;max-width:400px;box-shadow:var(--box-shadow);text-align:center;background:#fff;padding:2rem;animation:.3s ease-out slideUp}.update-prompt-overlay .update-prompt h3{color:var(--bg-color-dark);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.update-prompt-overlay .update-prompt p{color:var(--text-dark);margin:0 0 1.5rem;line-height:1.5}.update-prompt-overlay .update-buttons{justify-content:center;gap:.75rem;display:flex}.update-prompt-overlay .btn-primary{background:var(--bg-color-dark);color:var(--text-light);border-radius:var(--border-radius);corner-shape:squircle;border:none;padding:.75rem 1.5rem;transition:background-color .2s}.update-prompt-overlay .btn-secondary{color:var(--text-dark);border:1px solid var(--bg-color-dark);border-radius:var(--border-radius);corner-shape:squircle;background:0 0;padding:.75rem 1.5rem;transition:all .2s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.update-prompt{margin:1rem;padding:1.5rem}.update-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.loading-container{background:url(/images/nnnoise.svg),radial-gradient(at 0 0,#743688 5%,#011b41 40% 75%,#743688);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{color:var(--text-light);justify-content:center;align-items:center;padding:2rem;font-size:1.1rem;display:flex}.loading-spinner:after{content:"";border:2px solid var(--text-light);border-top:2px solid var(--accent-color);border-radius:50%;width:20px;height:20px;margin-left:10px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--bg-color-dark:#011b41;--bg-color-light:#eaeaea;--bg-gradient-color-button:linear-gradient(135deg, var(--bg-color-dark), var(--accent-color));--accent-color:#7b388d;--text-dark:#2d3132;--text-light:#f8f9fa;--border-radius:20px;--row-gap:1.7rem;--box-shadow:0 2px 6px #00000026, 0 8px 24px #0000001f, 0 16px 64px #00000014;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;interpolate-size:allow-keywords}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}body{color:var(--text-dark);background:url(/images/nnnoise.svg),radial-gradient(at 0 0,#743688 5%,#011b41 40% 75%,#743688);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}#root{grid-template-rows:auto 1fr auto;grid-template-columns:100%;min-height:100dvh;display:grid}main:not(:has(.admin-panel)){grid-template-columns:100%;place-items:center;display:grid}section{inline-size:100%;padding-block:3rem}:is(h1,h2,h3,h4){text-wrap:balance;line-height:1.2}:is(h2,h3,h4,p,label){text-box:trim-both cap alphabetic}p{text-wrap:pretty}a{color:var(--text-dark);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}@media (any-hover:hover){a:not(:has(article)):hover{text-decoration:underline}}button,a.button{font:inherit;border-radius:var(--border-radius);corner-shape:squircle;background:var(--bg-gradient-color-button);color:var(--bg-color-light);border:none;padding:.5rem 1rem;transition:filter .3s,opacity .3s,outline .3s,scale .3s}@media (any-hover:hover){:is(button,a.button):hover{filter:contrast(1.2)}}:is(button,a.button):disabled{opacity:.6;cursor:not-allowed}@media (pointer:fine){:is(button,a.button):active{scale:.95}}:is(button,a.button).btn-icon{justify-content:center;align-items:center;gap:.5rem;display:flex}select{appearance:none;color:var(--text-dark);background-image:url(/icons/caret-down.svg);background-position:right 12px center;background-repeat:no-repeat;background-size:20px}select:has(option:checked:not(:disabled)){color:var(--text-dark)}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;border:1px solid var(--bg-color-dark);border-radius:var(--border-radius);corner-shape:squircle;background-color:#fff;padding:.875rem 1rem;transition:all .3s}:is(input,textarea,select,button,label[tabindex="0"]):focus-visible{border:1px solid var(--accent-color);box-shadow:0 0 8px var(--accent-color);outline:none}textarea{resize:vertical;field-sizing:content;min-block-size:3lh}img{object-fit:cover;object-position:center;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}section[aria-label="Notifications alt+T"]{display:contents}@media (prefers-contrast:high){body{color:#000;background:#fff}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}