:root{color-scheme:light dark;--background: #ffffff;--on-background: #000000;--emphasized-hover: hsl(0 0% 25%);--on-background-variant: #49454f;--primary-container: hsl(203 100% 96%);--on-primary-container: hsl(203 100% 16%);--primary: #0091eaff;--secondary-container: #e8def8;--on-secondary-container: #1d192b;--outline-variant: #cac4d0;--surface-container-low: #f7f2fa;--star-color: #cac4d0;--elevation-light: oklch(.96 0 0);--elevation: oklch(.92 0 0);--error: oklch(.506 .1927 27.7);--error-elevated: oklch(.606 .1927 27.7);--error-active: oklch(.756 .1927 27.7);--on-error: oklch(1 0 0);--error-container: oklch(.918251 .041771 25.2259);--on-error-container: oklch(.236 .0962 27.19);--active: rgba(128, 128, 128, .4);--emphasized-active: hsl(0 0% 50%);--nav-width: 200px;--toolbar-height: 64px;--bottombar-height: 64px;--translucent: rgba(128, 128, 128, .4)}@media (prefers-color-scheme: dark){:root{--background: #000000;--on-background: #ffffff;--emphasized-hover: hsl(0 0% 75%);--on-background-variant: #cac4d0;--primary-container: hsl(198 100% 20%);--on-primary-container: hsl(198 100% 90%);--primary: #80d8ffff;--secondary-container: #4a4458;--on-secondary-container: #e8def8;--outline-variant: #49454f;--surface-container-low: #1d1b20;--star-color: #49454f;--elevation-light: oklch(.16 0 0);--elevation: oklch(.22 0 0);--error: oklch(.8383 .0891 26.76);--error-elevated: oklch(.9383 .0891 26.76);--error-active: oklch(1 .0891 26.76);--on-error: oklch(.3275 .1336 27.32);--error-container: oklch(.417061 .170153 27.3788);--on-error-container: oklch(.918251 .041771 25.2259)}.icon.preserve-light{background-image:unset!important;background-color:currentColor!important}}.nav-collapsed{--nav-width: 72px}body{font-family:Roboto,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--on-background);background-color:var(--background);margin:0;min-height:100vh;padding-bottom:var(--bottombar-height)}header{height:var(--toolbar-height);background-color:var(--background);display:flex;justify-content:space-between;align-items:center;padding:0 16px;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:.5rem}#sidebar-toggle{display:none}nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--bottombar-height);background-color:var(--background);z-index:101}nav>.footer{display:none}.nav-item{display:flex;flex-direction:column;flex-grow:1;flex-basis:0;align-items:center;justify-content:center;padding-left:16px;padding-right:16px;text-decoration:none;color:currentColor;line-height:24px}.nav-item.active{font-weight:800}.nav-item>.avatar{padding:1px}.nav-item.active>.avatar{border:none;padding:0}.profile-summary{display:flex;align-items:center;gap:12px;background-color:var(--surface-container-low);padding:6px 12px;border-radius:100px}.profile-meta{display:flex;flex-direction:column;line-height:1.1}.profile-meta .nickname{font-size:.875rem;font-weight:700}.profile-meta .rank-text{font-size:.75rem;color:var(--on-background-variant)}.quanta-badge{font-size:.875rem;font-weight:800;color:var(--primary);margin:0 8px}main{margin:0 8px}.btn-icon,.btn-text,.btn-outlined,.btn-tonal,.btn-emphasized,.btn-danger{font-weight:600;font-size:.875rem}.btn-text,.btn-outlined,.btn-tonal,.btn-emphasized,.btn-danger{padding:.5rem 1rem}.btn-icon,.btn-text{background-color:transparent;color:currentColor}.btn-icon,.btn-icon-danger{padding:.5rem}.btn-outlined{background-color:transparent;color:currentColor;border:1px solid var(--outline-variant)}.btn-tonal{background-color:var(--elevation-light)}.btn-tonal:hover{background-color:var(--elevation)}.btn-emphasized{background-color:var(--on-background);color:var(--background)}.btn-emphasized:hover{background-color:var(--emphasized-hover)}.btn-emphasized:active{background-color:var(--emphasized-active)!important}.btn-danger,.btn-icon-danger{background-color:var(--error);color:var(--on-error)}.btn-danger:hover,.btn-icon-danger:hover{background-color:var(--error-elevated)}.btn-danger:active,.btn-icon-danger:active{background-color:var(--error-active)!important}.btn-icon,.btn-icon-danger,.btn-text,.btn-outlined,.btn-tonal,.btn-emphasized,.btn-danger{font-family:Roboto,system-ui,-apple-system,sans-serif;line-height:1.6;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;border-radius:100vh;text-decoration:none;text-wrap:nowrap;line-height:24px}.btn-icon,.btn-icon-danger,.btn-text,.btn-tonal,.btn-emphasized,.btn-danger{border:none}.btn-icon:hover,.btn-text:hover,.btn-outlined:hover,.nav-item:hover{background-color:var(--elevation-light)}.btn-icon:active,.btn-icon-danger:active,.btn-text:active,.btn-outlined:active,.btn-tonal:active,.btn-emphasized:active,.btn-danger:active,.nav-item:active{transition:background-color .25s ease-in-out}.btn-icon:active,.btn-text:active,.btn-outlined:active,.btn-tonal:active,.nav-item:active{background-color:var(--active)!important}button:disabled,.btn-icon:disabled,.btn-icon-danger:disabled,.btn-text:disabled,.btn-outlined:disabled,.btn-tonal:disabled,.btn-emphasized:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed!important;filter:grayscale(1);box-shadow:none!important;transform:none!important;pointer-events:none!important}button:disabled:hover,button:disabled:active{background-color:inherit!important;color:inherit!important}.btn-emphasized:disabled{background-color:var(--elevation);color:var(--on-background-variant)}a.emphasized{font-weight:600;color:var(--primary);text-decoration:none}a.emphasized:hover{opacity:.6}.lightly-elevated-card{background-color:var(--elevation-light);border-radius:1rem;padding:1rem}.lightly-elevated-card .btn-icon:hover,.lightly-elevated-card .btn-text:hover,.lightly-elevated-card .btn-outlined:hover{background-color:var(--elevation)}.icon{display:inline-block;width:24px;height:24px;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon.mono{background-color:currentColor}.avatar{position:relative;border:2px solid var(--background);border-radius:50%}.avatar-link{display:inline-flex;text-decoration:none;color:inherit;border-radius:50%;position:relative;z-index:2;pointer-events:auto}.creator-nickname-link{color:inherit;text-decoration:none;position:relative;z-index:2;pointer-events:auto}.creation-metadata{display:flex;align-items:center;gap:8px}.creation-metadata-nickname-time{display:flex;flex-direction:column}.creation-metadata-nickname{font-size:.875rem;font-weight:600;color:var(--on-background)}.creation-metadata-time{font-size:.75rem;opacity:.75}.hint{font-size:.75rem;opacity:.75;margin:0}.hint.center{text-align:center}.hint.error{color:var(--error)}@media (min-width: 1024px){body{padding-bottom:0}#sidebar-toggle{display:inline-flex;margin-left:.25rem}nav{flex-direction:column;right:auto;top:var(--toolbar-height);bottom:0;left:0;height:calc(100vh - var(--toolbar-height));width:var(--nav-width);padding-right:.5rem;padding-left:.5rem;overflow-y:scroll;scrollbar-color:transparent transparent;scrollbar-width:thin}nav:hover{scrollbar-color:auto}.nav-item{gap:8px;padding-top:8px;padding-bottom:8px;flex-direction:row;flex-grow:0;justify-content:start;border-radius:100vh}.nav-item.active{background-color:var(--elevation-light)}.nav-item.active:hover{background-color:var(--elevation)}.nav-collapsed nav{overflow-y:hidden;padding-left:.25rem;padding-right:.25rem}.nav-collapsed .nav-item{flex-direction:column;gap:0px;border-radius:1rem;padding-top:1rem;padding-bottom:1rem}.nav-collapsed .nav-item span{font-size:.65rem;font-weight:500}nav>.footer{display:flex;flex-direction:column;margin-top:auto}.nav-collapsed nav>.footer{display:none}main{margin-left:calc(var(--nav-width) + .5rem);padding-left:1rem;padding-bottom:1rem}}.toast{position:fixed;bottom:calc(var(--bottombar-height) + 1rem);left:50%;transform:translate(-50%);z-index:1000;padding:.875rem 1.5rem;border-radius:100vh;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 24px #00000040;animation:slideUpToast .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}@media (min-width: 1024px){.toast{bottom:1.5rem}}.toast p{margin:0}.toast-error{background-color:#fce8e6;color:#c5221f;border:1px solid #f5c2c0}.toast-success{background-color:#e6f4ea;color:#137333;border:1px solid #ceead6}.toast-info{background-color:#e8f0fe;color:#1a73e8;border:1px solid #aecbfa}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}