:root{--font-sans: "Inter", "Torus", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--bg: #171717;--bg-accent: #1d1d1d;--panel: #202020;--panel-raised: #292929;--text: #f5f3ef;--muted: #aaa7a1;--border: rgba(255, 255, 255, .11);--border-strong: rgba(255, 255, 255, .2);--border-control: var(--border-strong);--primary: #ee9abc;--primary-strong: #ffb0d2;--primary-fill: #ee9abc;--primary-fill-strong: #ffb0d2;--primary-glow: rgba(238, 154, 188, .16);--focus-ring: #ffb0d2;--on-primary: #1a1715;--accent: #83bd9f;--like: #ff6363;--danger: #f08080;--status-timing: #e57373;--status-timing-bg: rgba(239, 68, 68, .12);--status-audio: #81c784;--status-audio-bg: rgba(34, 197, 94, .12);--status-nominator: #a78bfa;--status-nominator-bg: rgba(139, 92, 246, .2);--status-subdivision: #e6d98a;--status-subdivision-bg: rgba(250, 204, 21, .12);--status-open: #10b981;--status-open-bg: rgba(16, 185, 129, .12);--status-closed: #ef4444;--status-closed-bg: rgba(239, 68, 68, .12);--status-accepted: #8bd2ad;--status-denied: #f5a0a0;--status-finished: #b9a8e6;--queue-art-opacity: .36;--queue-art-shade: color-mix(in srgb, var(--panel) 70%, transparent);--brand-icon-color: var(--primary);--ambient-triangle: rgba(255, 255, 255, .024);--ambient-triangle-alt: rgba(255, 255, 255, .012);--shadow-sm: none;--shadow-md: none;--radius: 8px;--header-h: 56px}[data-theme=light]{--bg: #f3f1ec;--bg-accent: #f3f1ec;--panel: #ffffff;--panel-raised: #ece9e3;--text: #242220;--muted: #625f5a;--border: rgba(36, 34, 32, .16);--border-strong: rgba(36, 34, 32, .28);--border-control: #888682;--primary: #975065;--primary-strong: #8e455f;--primary-fill: #ad597b;--primary-fill-strong: #975065;--primary-glow: rgba(173, 89, 123, .12);--focus-ring: #8e455f;--on-primary: #fffaf6;--accent: #2b7250;--like: #b63e55;--danger: #b42d3c;--status-timing: #ad4449;--status-timing-bg: rgba(239, 68, 68, .12);--status-audio: #256e4b;--status-audio-bg: rgba(34, 197, 94, .12);--status-nominator: #684e9b;--status-nominator-bg: rgba(139, 92, 246, .2);--status-subdivision: #7b5c08;--status-subdivision-bg: rgba(250, 204, 21, .12);--status-open: #256e4b;--status-open-bg: rgba(16, 185, 129, .12);--status-closed: #ad4449;--status-closed-bg: rgba(239, 68, 68, .12);--status-accepted: #256e4b;--status-denied: #ad4449;--status-finished: #684e9b;--queue-art-opacity: .48;--queue-art-shade: color-mix(in srgb, var(--panel) 60%, transparent);--brand-icon-color: var(--primary);--ambient-triangle: rgba(36, 34, 32, .025);--ambient-triangle-alt: rgba(36, 34, 32, .012);--shadow-sm: none;--shadow-md: none}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}*{box-sizing:border-box}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}::selection{background:var(--primary-fill);color:var(--on-primary)}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}code,.mono{font-family:var(--font-mono);font-size:.92em}.icon{width:1.25rem;height:1.25rem;flex-shrink:0;display:inline-block;vertical-align:middle;-webkit-user-select:none;user-select:none}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate}:root{--mobile-bottom-nav-height: calc(61px + env(safe-area-inset-bottom)) }.ambient-triangles{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.ambient-triangle{--triangle-size: 12rem;--triangle-drift: 0px;position:absolute;left:50%;bottom:-16rem;width:var(--triangle-size);aspect-ratio:1 / .9;background:var(--ambient-triangle);clip-path:polygon(50% 0,100% 100%,0 100%);animation:ambient-triangle-rise 96s linear infinite;will-change:transform}.ambient-triangle:nth-child(2n){background:var(--ambient-triangle-alt)}.ambient-triangle:nth-child(1){--triangle-size: 10rem;--triangle-drift: -32px;left:5%;animation-duration:84s;animation-delay:-35s}.ambient-triangle:nth-child(2){--triangle-size: 18rem;--triangle-drift: 28px;left:18%;animation-duration:118s;animation-delay:-92s}.ambient-triangle:nth-child(3){--triangle-size: 8rem;--triangle-drift: 18px;left:32%;animation-duration:69s;animation-delay:-18s}.ambient-triangle:nth-child(4){--triangle-size: 22rem;--triangle-drift: -24px;left:46%;animation-duration:132s;animation-delay:-56s}.ambient-triangle:nth-child(5){--triangle-size: 12rem;--triangle-drift: 38px;left:61%;animation-duration:92s;animation-delay:-74s}.ambient-triangle:nth-child(6){--triangle-size: 16rem;--triangle-drift: -16px;left:73%;animation-duration:110s;animation-delay:-14s}.ambient-triangle:nth-child(7){--triangle-size: 7rem;--triangle-drift: 22px;left:88%;animation-duration:74s;animation-delay:-43s}.ambient-triangle:nth-child(8){--triangle-size: 14rem;--triangle-drift: -40px;left:96%;animation-duration:106s;animation-delay:-86s}.ambient-triangle:nth-child(9){--triangle-size: 9rem;--triangle-drift: 14px;left:40%;animation-duration:78s;animation-delay:-61s}.ambient-triangle:nth-child(10){--triangle-size: 20rem;--triangle-drift: -30px;left:82%;animation-duration:124s;animation-delay:-105s}.ambient-triangle:nth-child(11){--triangle-size: 11rem;--triangle-drift: 30px;left:27%;animation-duration:88s;animation-delay:-80s}.ambient-triangle:nth-child(12){--triangle-size: 6rem;--triangle-drift: -12px;left:12%;animation-duration:66s;animation-delay:-48s}.ambient-triangle:nth-child(13){--triangle-size: 15rem;--triangle-drift: 26px;left:54%;animation-duration:114s;animation-delay:-98s}.ambient-triangle:nth-child(14){--triangle-size: 9rem;--triangle-drift: -22px;left:67%;animation-duration:81s;animation-delay:-26s}.ambient-triangle:nth-child(15){--triangle-size: 13rem;--triangle-drift: 16px;left:92%;animation-duration:102s;animation-delay:-71s}.ambient-triangle:nth-child(16){--triangle-size: 7rem;--triangle-drift: 30px;left:37%;animation-duration:72s;animation-delay:-67s}.ambient-triangle:nth-child(17){--triangle-size: 17rem;--triangle-drift: -34px;left:4%;animation-duration:121s;animation-delay:-112s}.ambient-triangle:nth-child(18){--triangle-size: 10rem;--triangle-drift: 20px;left:76%;animation-duration:87s;animation-delay:-37s}.ambient-triangle:nth-child(19){--triangle-size: 5rem;--triangle-drift: -10px;left:48%;animation-duration:63s;animation-delay:-53s}.ambient-triangle:nth-child(20){--triangle-size: 19rem;--triangle-drift: 36px;left:24%;animation-duration:128s;animation-delay:-29s}.ambient-triangle:nth-child(21){--triangle-size: 8rem;--triangle-drift: -18px;left:58%;animation-duration:76s;animation-delay:-64s}.ambient-triangle:nth-child(22){--triangle-size: 12rem;--triangle-drift: 24px;left:15%;animation-duration:98s;animation-delay:-88s}.ambient-triangle:nth-child(23){--triangle-size: 6rem;--triangle-drift: -14px;left:97%;animation-duration:68s;animation-delay:-21s}.ambient-triangle:nth-child(24){--triangle-size: 16rem;--triangle-drift: 32px;left:43%;animation-duration:116s;animation-delay:-101s}@keyframes ambient-triangle-rise{0%{transform:translateZ(0)}to{transform:translate3d(var(--triangle-drift),calc(-100dvh - 30rem),0)}}@media(prefers-reduced-motion:reduce){.ambient-triangle{animation:none}}.app-header{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:1.15rem;letter-spacing:-.02em;color:var(--text);text-decoration:none}.brand:hover{text-decoration:none}.brand-icon{display:block;width:1.65rem;aspect-ratio:229.91 / 147;flex:0 0 auto;background:var(--brand-icon-color);mask:url(/assets/icon-Cbpa274N.svg) center / 100% auto no-repeat;-webkit-mask:url(/assets/icon-Cbpa274N.svg) center / 100% auto no-repeat}.mobile-page-header-brand-icon{width:2.2rem}.header-actions{display:flex;align-items:center;gap:.5rem}.header-action-separator{color:var(--muted);font-size:1.15rem;line-height:1}.header-icon-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s ease,background .15s ease,transform .12s ease}.header-icon-button:hover{color:var(--text);background:color-mix(in srgb,var(--panel-raised) 80%,transparent)}.header-icon-button:active{transform:translateY(1px)}.btn{appearance:none;border:1px solid var(--border-control);background:var(--panel-raised);color:var(--text);border-radius:999px;padding:.45rem .85rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease}.btn:hover{border-color:var(--primary)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary-fill);border-color:transparent;color:var(--on-primary)}.btn-primary:hover{background:var(--primary-fill-strong);color:var(--on-primary)}.app-main{--app-main-gutter-inline-start: 1.25rem;--app-main-gutter-inline-end: 1.25rem;flex:1;width:min(720px,100%);margin:0 auto;padding:2.5rem var(--app-main-gutter-inline-end) 4rem var(--app-main-gutter-inline-start);position:relative;z-index:1}.app-main.is-wide{width:min(880px,100%)}.app-main.is-top-flush{padding-top:0}.app-main.is-bottom-tight{padding-bottom:0}.app-shell.is-immersive{height:100dvh;overflow:hidden}.app-main.is-immersive{width:100%;max-width:none;margin:0;padding:0;flex:1;min-height:0;overflow:hidden}.mobile-page-header,.mobile-bottom-nav{display:none}@media(max-width:720px),(pointer:coarse){.app-shell{min-height:100dvh}.app-header{display:none}.mobile-page-header{display:flex;position:sticky;top:0;z-index:30;width:100%;min-height:calc(52px + env(safe-area-inset-top));max-height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));overflow:hidden;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:max-height .18s ease,min-height .18s ease,border-color .18s ease}.mobile-page-header.is-collapsed{min-height:env(safe-area-inset-top);max-height:env(safe-area-inset-top);border-bottom-color:transparent;pointer-events:none}.mobile-page-header-inner{position:relative;display:flex;width:100%;height:52px;align-items:center;justify-content:center;transition:opacity .15s ease}.mobile-page-header.is-collapsed .mobile-page-header-inner{opacity:0}.mobile-page-header-left,.mobile-page-header-right{position:absolute;top:0;display:flex;height:52px;align-items:center}.mobile-page-header-left{left:0}.mobile-page-header-right{right:0}.mobile-page-header-title{max-width:calc(100% - 7rem);overflow:hidden;font-size:1.05rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mobile-header-action,.mobile-page-header .header-icon-button{appearance:none;display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.mobile-header-action:disabled{color:var(--muted);cursor:default;opacity:.45}.mobile-header-action:hover,.mobile-page-header .header-icon-button:hover{background:var(--panel-raised);text-decoration:none}.mobile-header-action img,.mobile-header-avatar-fallback{width:24px;height:24px;border:1px solid var(--border);border-radius:50%;background:var(--panel-raised);object-fit:cover}.app-main,.app-main.is-wide{--app-main-gutter-inline-start: max(.75rem, env(safe-area-inset-left));--app-main-gutter-inline-end: max(.75rem, env(safe-area-inset-right));width:100%;padding:1rem var(--app-main-gutter-inline-end) calc(var(--mobile-bottom-nav-height) + .9rem) var(--app-main-gutter-inline-start)}.app-main.is-top-flush{padding-top:0}.app-main.is-bottom-tight{padding-bottom:var(--mobile-bottom-nav-height)}.app-main.is-immersive{padding:0}.app-main:not(.is-immersive){width:min(600px,100%);margin-inline:auto}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:100;display:flex;min-height:var(--mobile-bottom-nav-height);align-items:flex-start;justify-content:space-around;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);-webkit-user-select:none;user-select:none}.mobile-bottom-nav-item{position:relative;display:inline-flex;width:2.75rem;height:2.75rem;flex:1 1 0;align-items:center;justify-content:center;border-radius:8px;color:var(--muted);-webkit-tap-highlight-color:transparent}.mobile-bottom-nav-item:hover{background:var(--panel-raised);color:var(--text);text-decoration:none}.mobile-bottom-nav-item.is-active{background:var(--primary-glow);color:var(--primary)}.mobile-bottom-nav-unread{position:absolute;top:.3rem;right:.3rem;width:.625rem;height:.625rem;border:2px solid var(--bg);border-radius:50%;background:var(--danger)}}html[data-mobile-device] .app-shell{min-height:100dvh}html[data-mobile-device] .app-header{display:none}html[data-mobile-device] .mobile-page-header{position:sticky;top:0;z-index:30;display:flex;width:100%;min-height:calc(52px + env(safe-area-inset-top));max-height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));overflow:hidden;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:max-height .18s ease,min-height .18s ease,border-color .18s ease}html[data-mobile-device] .mobile-page-header.is-collapsed{min-height:env(safe-area-inset-top);max-height:env(safe-area-inset-top);border-bottom-color:transparent;pointer-events:none}html[data-mobile-device] .mobile-page-header-inner{position:relative;display:flex;width:100%;height:52px;align-items:center;justify-content:center;transition:opacity .15s ease}html[data-mobile-device] .mobile-page-header.is-collapsed .mobile-page-header-inner{opacity:0}html[data-mobile-device] .mobile-page-header-left,html[data-mobile-device] .mobile-page-header-right{position:absolute;top:0;display:flex;height:52px;align-items:center}html[data-mobile-device] .mobile-page-header-left{left:0}html[data-mobile-device] .mobile-page-header-right{right:0}html[data-mobile-device] .mobile-page-header-title{max-width:calc(100% - 7rem);overflow:hidden;font-size:1.05rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}html[data-mobile-device] .mobile-header-action,html[data-mobile-device] .mobile-page-header .header-icon-button{appearance:none;display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}html[data-mobile-device] .mobile-header-action:disabled{color:var(--muted);cursor:default;opacity:.45}html[data-mobile-device] .mobile-header-action:hover,html[data-mobile-device] .mobile-page-header .header-icon-button:hover{background:var(--panel-raised);text-decoration:none}html[data-mobile-device] .mobile-header-action img,html[data-mobile-device] .mobile-header-avatar-fallback{width:24px;height:24px;border:1px solid var(--border);border-radius:50%;background:var(--panel-raised);object-fit:cover}html[data-mobile-device] .app-main,html[data-mobile-device] .app-main.is-wide{--app-main-gutter-inline-start: max(.75rem, env(safe-area-inset-left));--app-main-gutter-inline-end: max(.75rem, env(safe-area-inset-right));width:100%;padding:1rem var(--app-main-gutter-inline-end) calc(var(--mobile-bottom-nav-height) + .9rem) var(--app-main-gutter-inline-start)}html[data-mobile-device] .app-main.is-top-flush{padding-top:0}html[data-mobile-device] .app-main.is-bottom-tight{padding-bottom:var(--mobile-bottom-nav-height)}html[data-mobile-device] .app-main.is-immersive{padding:0}html[data-mobile-device] .app-main:not(.is-immersive){width:min(600px,100%);margin-inline:auto}html[data-mobile-device] .mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:100;display:flex;min-height:var(--mobile-bottom-nav-height);align-items:flex-start;justify-content:space-around;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);-webkit-user-select:none;user-select:none}html[data-mobile-device] .mobile-bottom-nav-item{position:relative;display:inline-flex;width:2.75rem;height:2.75rem;flex:1 1 0;align-items:center;justify-content:center;border-radius:8px;color:var(--muted);-webkit-tap-highlight-color:transparent}html[data-mobile-device] .mobile-bottom-nav-item:hover{background:var(--panel-raised);color:var(--text);text-decoration:none}html[data-mobile-device] .mobile-bottom-nav-item.is-active{background:var(--primary-glow);color:var(--primary)}html[data-mobile-device] .mobile-bottom-nav-unread{position:absolute;top:.3rem;right:.3rem;width:.625rem;height:.625rem;border:2px solid var(--bg);border-radius:50%;background:var(--danger)}@media(max-width:380px){.mobile-bottom-nav{padding-right:max(6px,env(safe-area-inset-right));padding-left:max(6px,env(safe-area-inset-left))}.mobile-bottom-nav-item{width:2.5rem}}:where(.btn,.feed-tab,.mobile-header-action,.mobile-bottom-nav-item){touch-action:manipulation;-webkit-tap-highlight-color:transparent}html[data-mobile-device] :where(input,select,textarea){font-size:max(1rem,16px)}.header-left{display:flex;align-items:center;gap:1.25rem;min-width:0}.nav-links{display:flex;align-items:center;gap:.35rem}.nav-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);text-decoration:none;font-size:.875rem;font-weight:500;padding:.35rem .65rem;border-bottom:2px solid transparent;border-radius:4px}.nav-link:hover{color:var(--text);text-decoration:none;background:color-mix(in srgb,var(--panel-raised) 80%,transparent)}.nav-link.is-active{color:var(--text);background:transparent;border-bottom-color:var(--primary);border-radius:0;box-shadow:none}.nav-icon-link{position:relative;justify-content:center;width:2.25rem;height:2.25rem;padding:0}.nav-badge{position:absolute;top:.05rem;right:-.3rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:var(--primary-fill);color:var(--on-primary);font-size:.7rem;font-weight:700;line-height:1;box-shadow:0 0 0 2px var(--bg)}.page-title{margin:0 0 .35rem;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.03em}.page-lead{margin:0;color:var(--muted);line-height:1.5}.feed-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);margin:0 0 .25rem}.feed-tab{appearance:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--muted);font:inherit;font-size:.95rem;font-weight:600;padding:.85rem .5rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.feed-tab:hover{background:color-mix(in srgb,var(--panel-raised) 55%,transparent);color:var(--text)}.feed-tab.is-active{color:var(--text);border-bottom-color:var(--primary)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.breadcrumb{margin:0 0 .75rem;font-size:.85rem;color:var(--muted)}.tab-row{display:inline-flex;gap:.25rem;border:0;border-radius:999px;padding:.15rem;background:var(--panel);margin-bottom:1.25rem}.tab-btn{appearance:none;border:none;background:transparent;color:var(--muted);font:inherit;font-size:.85rem;font-weight:500;padding:.35rem .85rem;border-radius:999px;cursor:pointer}.tab-btn.is-active{background:var(--bg);color:var(--text)}.filter-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.chip{appearance:none;border:1px solid var(--border);background:var(--panel-raised);color:var(--muted);border-radius:999px;padding:.25rem .7rem;font:inherit;font-size:.8rem;cursor:pointer}.chip.is-active{border-color:var(--primary);color:var(--text);background:color-mix(in srgb,var(--primary-glow) 55%,var(--panel-raised))}.panel-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:1rem 1.1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.65rem}.panel-form-title{margin:0;font-size:.95rem;font-weight:600}.notification-test-page{padding-top:1.25rem}.notification-test-back{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1rem}.notification-test-form{margin-top:1.25rem}.notification-test-message{min-height:5.75rem;resize:vertical}.notification-test-kind{min-width:min(100%,15rem)}.notification-test-status{margin:0;color:var(--accent);font-size:.9rem}.queue-list,.submission-list,.member-list,.search-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.queue-owner{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted)}.queue-desc{margin:.55rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}.pill.is-closed{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.submission-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:.85rem 1rem}.submission-top{display:flex;flex-direction:column;gap:.25rem}.submission-top{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.35rem}.submission-queue{font-weight:600}.submission-msg{margin:.4rem 0 0;font-size:.9rem;color:var(--muted)}.submission-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.status-pill{display:inline-flex;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--border);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.status-accepted,.status-finished{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.status-denied{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.member-row{display:flex;align-items:center;gap:.5rem}.invite-box{margin-top:.75rem}.invite-banner{border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--primary-glow) 60%,var(--panel));border-radius:var(--radius);padding:.9rem 1rem;margin-bottom:1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.invite-banner p{margin:0}.rules-block{margin-bottom:1.25rem}.rules-text{margin:0;white-space:pre-wrap;font-family:var(--font-sans);font-size:.9rem;line-height:1.5;color:var(--muted);padding:.75rem .9rem;border-left:2px solid var(--border-strong)}.queue-hero-button,.queue-member-actions .btn,.queue-dialog-footer .btn{display:inline-flex;align-items:center;gap:.4rem}.queue-create-button svg,.queue-member-actions .btn svg,.queue-dialog-footer .btn svg{width:1rem;height:1rem}.queue-create-button{appearance:none;display:inline-flex;align-items:center;gap:.4rem;height:2.25rem;padding:0 .5rem;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.875rem;font-weight:500;transition:color .15s ease,background .15s ease,transform .12s ease}.queue-create-button:hover{background:transparent;color:var(--text)}.queue-create-button:disabled{color:var(--muted);cursor:not-allowed;opacity:.65}.queue-create-button:active{transform:translateY(1px)}.queues-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.45rem 0}.queues-toolbar>.header-actions{flex-wrap:wrap}.queues-toolbar-title{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-size:1rem;font-weight:600}.queues-toolbar-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:999px;background:var(--panel-raised);color:var(--muted);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.queue-filter-menu{position:relative}.queue-filter-menu-summary{display:inline-flex;align-items:center;gap:.35rem;height:2.25rem;list-style:none;white-space:nowrap}.queue-filter-menu-summary::-webkit-details-marker{display:none}.queue-filter-menu-summary svg{width:.95rem;height:.95rem}.queue-filter-menu-summary svg:last-child{transition:transform .15s ease}.queue-filter-menu[open] .queue-filter-menu-summary svg:last-child{transform:rotate(180deg)}.queue-filter-menu-panel{position:absolute;top:calc(100% + .35rem);right:0;z-index:20;display:flex;flex-direction:column;min-width:10.5rem;padding:.35rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:0 3px 8px color-mix(in srgb,#000 16%,transparent)}.queue-filter-menu-panel p{margin:0;padding:.35rem .55rem .25rem;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.queue-filter-menu-panel button{width:100%;border:0;border-radius:999px;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:.875rem;padding:.45rem .55rem;text-align:left}.queue-filter-menu-panel button:hover,.queue-filter-menu-panel button.is-active{background:var(--panel-raised)}.queue-filter-menu-panel button.is-active{color:var(--primary)}.queue-page-tabs{margin-bottom:1rem}.queue-page-tabs.is-queues{margin-bottom:0}.queue-owner-note{margin:0 0 1rem;padding:.7rem .85rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);background:color-mix(in srgb,var(--panel) 86%,transparent);font-size:.86rem}.queue-create-form,.queue-submit-form{gap:.85rem;padding:1.1rem}.panel-form-heading,.queue-section-heading,.queue-form-actions,.queue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.panel-form-heading p,.queue-section-heading p{margin:.2rem 0 0;font-size:.8rem}.queue-form-textarea{width:100%;resize:vertical;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 92%,transparent);color:var(--text);font:inherit;line-height:1.5;padding:.65rem .8rem}.queue-form-textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:1px;border-color:var(--primary)}.queue-form-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:1rem}.queue-fieldset{min-width:0;margin:0;padding:0;border:0}.queue-fieldset legend,.queue-dialog-subtitle{margin:0 0 .45rem;color:var(--muted);font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.queue-fieldset .filter-row{margin:0}.queue-form-actions{justify-content:flex-end}.queue-rules-preview{padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 50%,var(--panel))}.queue-rules-preview>.btn-text{margin-bottom:.6rem}.queue-rules-markdown{color:var(--muted);font-size:.88rem;line-height:1.58}.queue-rules-markdown>:first-child{margin-top:0}.queue-rules-markdown>:last-child{margin-bottom:0}.queue-rules-markdown h1,.queue-rules-markdown h2,.queue-rules-markdown h3{color:var(--text);line-height:1.25}.queue-rules-markdown h1{font-size:1.15rem}.queue-rules-markdown h2{font-size:1rem}.queue-rules-markdown h3{font-size:.9rem}.queue-rules-markdown code{border-radius:4px;background:var(--panel-raised);padding:.1rem .25rem}.queue-toolbar{align-items:flex-start;margin-bottom:.8rem}.queue-toolbar .filter-row{margin:0}.queue-toolbar>.muted{flex-shrink:0;padding-top:.3rem;font-size:.78rem}.beatmap-difficulty-badge.queue-tag{border:1px solid currentColor}.beatmap-difficulty-badge.queue-tag[data-tag=modding]{background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--muted)}.beatmap-difficulty-badge.queue-tag[data-tag=timing]{background:var(--status-timing-bg);color:var(--status-timing)}.beatmap-difficulty-badge.queue-tag[data-tag=audio]{background:var(--status-audio-bg);color:var(--status-audio)}.beatmap-difficulty-badge.queue-tag[data-tag=nominator]{background:var(--status-nominator-bg);color:var(--status-nominator)}.beatmap-difficulty-badge.queue-tag[data-tag=subdivision]{background:var(--status-subdivision-bg);color:var(--status-subdivision)}.queue-status{appearance:none;font:inherit;border:0;cursor:default}button.queue-status{cursor:pointer}.beatmap-difficulty-badge.queue-status.is-open{background:var(--status-open-bg);color:var(--status-open)}.beatmap-difficulty-badge.queue-status.is-closed{background:var(--status-closed-bg);color:var(--status-closed)}.queue-membership{display:inline-flex;align-items:center;justify-content:center;padding:.24rem .4rem;border-radius:999px;background:var(--primary-fill);color:var(--on-primary);font-size:.72rem;font-weight:700;line-height:1}.queue-card{position:relative;display:block;padding:1rem;border-bottom:1px solid var(--border);background:transparent;color:inherit;text-decoration:none;transition:background-color .15s ease;overflow:hidden;isolation:isolate}.queue-card:hover{background:transparent;text-decoration:none}.queue-card-art,.queue-card-art:after{position:absolute;inset:0;pointer-events:none}.queue-card-art{z-index:0;opacity:var(--queue-art-opacity)}.queue-card-art img{width:100%;height:100%;display:block;object-fit:cover}.queue-card-art:after{background:linear-gradient(to bottom,transparent,var(--queue-art-shade));content:""}.queue-card-badges{position:absolute;top:.75rem;right:.75rem;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem;max-width:50%}.queue-card-name-row{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;padding-right:7rem}.queue-card-name-row>svg{width:1.125rem;height:1.125rem;flex-shrink:0;color:var(--muted)}.queue-name{font-size:1rem;font-weight:600;line-height:1.3}.queue-card .queue-desc{position:relative;z-index:1;display:block;margin:0 0 .5rem;padding-right:1rem;color:var(--muted);font-size:.875rem;line-height:1.45}.queue-card-meta{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem;font-size:.75rem;min-width:0}.queue-owner-avatar{width:1.25rem;height:1.25rem;border-radius:50%;object-fit:cover;flex-shrink:0}.queue-card-meta .muted{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-feed{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.queue-feed .queue-card:last-child{border-bottom:0}.queue-skeletons{display:grid;gap:0;border-top:1px solid var(--border)}.queue-skeletons span{min-height:5.5rem;border-bottom:1px solid var(--border);background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--panel-raised) 70%,transparent) 40%,transparent 60%),var(--panel);background-size:200% 100%;animation:queue-skeleton 1.4s linear infinite}.queue-detail-skeleton{display:grid;gap:.75rem}.queue-detail-skeleton span{min-height:9rem;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--panel-raised) 70%,transparent) 40%,transparent 60%),var(--panel);background-size:200% 100%;animation:queue-skeleton 1.4s linear infinite}@keyframes queue-skeleton{to{background-position-x:-200%}}.queue-detail-skeleton span:first-child{min-height:14rem}.queue-detail-skeleton span:not(:first-child){min-height:10rem}.queue-hero{margin-block:0;margin-inline:calc(-1 * var(--app-main-gutter-inline-start)) calc(-1 * var(--app-main-gutter-inline-end));border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 80%,transparent)}.queue-hero-banner{position:relative;height:clamp(10rem,26vw,13.5rem);overflow:hidden;background:var(--panel-raised)}.queue-hero-banner>img,.queue-hero-fallback,.queue-hero-shade{position:absolute;inset:0;width:100%;height:100%}.queue-hero-banner>img{display:block;object-fit:cover}.queue-hero-fallback{background:radial-gradient(circle at 78% 15%,var(--primary-glow),transparent 28%),linear-gradient(135deg,var(--panel-raised),color-mix(in srgb,var(--primary) 18%,var(--bg)))}.queue-hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 70%)}.queue-hero-button{position:absolute;top:.8rem;z-index:2;min-height:2.35rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0f0f0f7a;color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.queue-hero-button:hover{background:#0f0f0fb3;color:#fff;text-decoration:none}.queue-hero-button svg{width:1rem;height:1rem}.queue-hero-button.is-back{left:.8rem;width:2.35rem;justify-content:center;padding:0}.queue-hero-edit-button{position:absolute;top:.8rem;right:.8rem;z-index:2}.queue-hero-banner-edit{position:absolute;top:.8rem;right:.8rem;z-index:2;display:inline-flex;align-items:center;gap:.4rem}.queue-hero-banner-edit svg{width:1rem;height:1rem}.queue-banner-progress{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;background:#0009;color:#fff;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.queue-banner-progress .progress{width:min(16rem,65%);border-color:#fff3;background:#ffffff24}.queue-banner-progress .progress-bar{background:#fff}.queue-hero-badges{position:absolute;right:.9rem;bottom:.8rem;z-index:2;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.queue-hero-badges .beatmap-difficulty-badge{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.queue-hero-main{position:relative;padding:0 1.25rem 1.15rem}.queue-hero-submit-button{position:absolute;top:.65rem;right:1.25rem;z-index:2}.queue-hero-copy{padding-right:9rem}.queue-member-stack{min-height:2.3rem;display:flex;align-items:flex-end;transform:translateY(-1.55rem);margin-bottom:-1rem}.queue-member-stack>a,.queue-member-overflow{width:2.65rem;height:2.65rem;display:flex;align-items:center;justify-content:center;margin-left:-.65rem;overflow:hidden;border:3px solid var(--panel);border-radius:50%;background:var(--panel-raised);color:var(--muted);font-size:.78rem;font-weight:650}.queue-member-stack>a:first-child{width:4.4rem;height:4.4rem;margin-left:0}.queue-member-stack img{width:100%;height:100%;display:block;object-fit:cover}.queue-member-overflow{position:relative;z-index:0}.queue-title-row{display:flex;align-items:center;gap:.55rem}.queue-title-row>svg{width:1.25rem;height:1.25rem;color:var(--muted)}.queue-title-row .page-title{margin:0}.queue-title-input{width:min(100%,34rem);border:0;border-bottom:2px solid var(--primary);outline:0;background:transparent;color:var(--text);font:inherit;font-size:1.45rem;font-weight:700;line-height:1.2}.queue-byline{margin:.25rem 0 0;color:var(--muted);font-size:.82rem}.queue-hero-description{max-width:45rem;margin:.7rem 0 0;line-height:1.5}.queue-description-input{display:block;width:min(100%,45rem);min-height:0;padding:.35rem .5rem;border:1px solid var(--border-control);border-radius:var(--radius);resize:vertical;background:var(--panel-raised);color:var(--text);font:inherit}.queue-edit-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.queue-detail-toolbar{padding:.45rem 1.25rem}.queue-detail-toolbar>.header-actions{flex-wrap:wrap}.queue-submit-form{gap:.55rem;margin:1rem -1.25rem 0;padding:.7rem 1.25rem;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0}.queue-submit-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.8rem}.queue-rules-toggle{display:inline-flex;align-items:center;gap:.3rem;color:var(--text);font-size:inherit}.queue-submit-form .queue-rules-toggle{font-weight:600}.queue-rules-toggle svg{width:1rem;height:1rem}.queue-submit-rules-content{padding-bottom:.75rem;border-bottom:1px solid var(--border)}.queue-submission-preference-notice{margin:0;padding:.1rem 0;border:0;background:transparent;color:var(--primary);font-size:.82rem;line-height:1.45}.queue-submission-preference-notice strong,.queue-submission-preference-notice>span{display:block}.queue-submission-preference-notice strong{font-size:.85rem}.queue-submission-preference-notice ul{display:grid;gap:.12rem;margin:.25rem 0 0;padding-left:1.05rem}.queue-submission-preference-notice li::marker{color:var(--primary)}.queue-submission-preference-notice>span{margin-top:.45rem;color:var(--primary)}.queue-submission-ranking-criteria-notice{margin:0;padding:.1rem 0;color:var(--like);font-size:.82rem;line-height:1.45}.queue-submission-ranking-criteria-notice strong{display:block;font-size:.85rem}.queue-submission-ranking-criteria-notice ul{display:grid;gap:.12rem;margin:.25rem 0 0;padding-left:1.05rem}.queue-submission-ranking-criteria-notice li::marker{color:var(--like)}.queue-submit-button{min-width:5.5rem;font-weight:700}.queue-submit-button:disabled{opacity:.45;cursor:not-allowed}.queue-submit-separator{height:1px;margin:.05rem 0;background:var(--border)}.queue-submit-label{color:var(--text);font-weight:600}.queue-detail-tabs{grid-template-columns:1fr 1fr auto;margin:0}.queue-detail-tabs.is-editing{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr))}.queue-edit-select{display:flex;align-items:center;gap:.6rem;width:fit-content;color:var(--muted);font-size:.85rem}.queue-submission-view-toggle{appearance:none;width:3.5rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-bottom:2px solid transparent;border-left:1px solid var(--border);margin-bottom:-1px;background:transparent;color:var(--muted);cursor:pointer}.queue-submission-view-toggle:hover{background:color-mix(in srgb,var(--panel-raised) 55%,transparent);color:var(--text)}.queue-submission-view-toggle svg{width:1rem;height:1rem}.queue-page-error{padding:.7rem .85rem;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--danger) 8%,var(--panel))}.queue-invite-banner{margin-top:0}.queue-invite-banner p{margin-top:.2rem}.queue-closed-note{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:.7rem .85rem;border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border));border-radius:var(--radius);color:var(--muted);background:color-mix(in srgb,var(--danger) 6%,var(--panel));font-size:.85rem}.queue-closed-note svg{width:1rem;height:1rem}.queue-submission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--border);border-left:1px solid var(--border)}.queue-submission-grid.is-list{grid-template-columns:1fr}.queue-submission-grid.is-list .queue-submission-card,.queue-submission-grid.is-list .submission-card-body{height:8rem;min-height:8rem}.queue-submission-grid.is-list .queue-submission-card{overflow:visible}.queue-submission-card:has(.submission-menu[open]){z-index:2;overflow:visible}.queue-submission-grid.is-list .queue-submission-card.is-description-expanded,.queue-submission-grid.is-list .queue-submission-card.is-description-expanded .submission-card-body{height:auto}.queue-submission-grid.is-list .queue-submission-card.is-comments-open,.queue-submission-grid.is-list .queue-submission-card.is-comments-open .submission-card-body{height:auto;min-height:12.5rem}.queue-submission-grid:has(.queue-submission-card.is-comments-open){align-items:start}.queue-submission-grid.is-list .submission-msg{-webkit-line-clamp:1}.queue-submissions-section{margin-block:0;margin-inline:calc(-1 * var(--app-main-gutter-inline-start)) calc(-1 * var(--app-main-gutter-inline-end))}.queue-edit-panel{padding:1rem 1.25rem;border-top:1px solid var(--border);background:var(--panel-raised)}.queue-edit-panel .queue-fieldset legend,.queue-edit-panel .queue-dialog-subtitle{font-size:.85rem;font-weight:500;letter-spacing:normal;text-transform:none}.queue-edit-panel .queue-rules-panel,.queue-edit-panel .queue-rules-editor.is-dialog,.queue-edit-panel .queue-rules-preview.is-dialog{min-height:0}.queue-edit-content{display:flex;flex-direction:column;gap:1.4rem}.queue-preferences-group .settings-group-heading>div{min-width:0}.queue-preferences-group .settings-group-heading>div>span{display:block;margin-top:.18rem;color:var(--muted);font-size:.76rem;line-height:1.4}.queue-preferences-form{display:flex;flex-direction:column}.queue-preference-handling .compose-select{min-width:10.75rem}.queue-preference-fieldset{min-width:0;margin:0;padding:.95rem .25rem;border:0;border-bottom:1px solid var(--border)}.queue-preference-title{margin:0 0 .28rem;color:var(--text);font-size:.9rem;font-weight:600}.queue-preference-fieldset>p{margin:0 0 .75rem;color:var(--muted);font-size:.76rem;line-height:1.45}.queue-preference-select-grid,.queue-preference-duration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.queue-preference-select,.queue-preference-duration-grid label{display:flex;min-width:0;flex-direction:column;gap:.35rem;color:var(--muted);font-size:.76rem}.queue-preference-option-list{display:grid;width:100%;height:8rem;overflow-y:auto;padding:.25rem;border:1px solid var(--border-control);border-radius:var(--radius);background:var(--panel)}.queue-preference-option{width:100%;padding:.14rem .35rem;border:0;border-radius:4px;background:transparent;color:var(--text);font:inherit;font-size:.85rem;line-height:1.25;text-align:left;cursor:pointer}.queue-preference-option:hover{background:var(--panel-raised)}.queue-preference-option.is-selected{background:var(--primary-fill);color:var(--on-primary)}.queue-preference-option:focus-visible{outline:2px solid var(--primary);outline-offset:-1px}.queue-preference-duration-grid .compose-input{min-width:0;height:2.25rem}.queue-preference-check{display:flex;align-items:flex-start;gap:.55rem;padding:.9rem .25rem;border-bottom:1px solid var(--border);cursor:pointer}.queue-preference-check input{width:1rem;height:1rem;margin:.12rem 0 0;accent-color:var(--primary-fill)}.queue-preference-check span{display:flex;flex-direction:column;gap:.16rem}.queue-preference-check strong{font-size:.86rem;font-weight:600}.queue-preference-check small,.queue-preference-actions>span{color:var(--muted);font-size:.76rem;line-height:1.4}.queue-preference-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem .25rem 0}.queue-type-controls{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.45rem .65rem}.queue-specialty-toggle{display:inline-flex;align-items:center;gap:.35rem;border:0;padding:.2rem 0;background:transparent;color:var(--muted);font:inherit;font-size:.82rem;cursor:pointer}.queue-specialty-toggle>span{display:inline-grid;width:.95rem;height:.95rem;place-items:center;border:1px solid var(--border-control);border-radius:3px;background:var(--panel-raised)}.queue-specialty-toggle.is-active{color:var(--text)}.queue-specialty-toggle.is-active>span{border-color:var(--primary);background:var(--primary-fill)}.queue-specialty-toggle.is-active>span:after{content:"✓";color:var(--on-primary);font-size:.7rem;line-height:1}.queue-type-menu .queue-filter-menu-summary{height:2rem;padding:.3rem .65rem;font-size:.82rem}.queue-type-menu .queue-filter-menu-panel{min-width:8.75rem}.queue-rules-heading>div{min-width:0}.queue-rules-heading span{display:block;margin-top:.18rem;color:var(--muted);font-size:.76rem;line-height:1.4}.queue-rules-panel .queue-form-textarea,.queue-rules-panel .queue-rules-preview{margin-top:1rem}.queue-member-search-row{padding:.9rem .25rem}.queue-edit-member-actions{display:flex;justify-content:flex-end}.queue-edit-danger-actions{display:flex;justify-content:flex-end;padding-top:.25rem}.queue-submissions-section>.empty-state{margin:1.15rem 1.25rem}.queue-hero+.queue-submissions-section .queue-submission-grid{border-top:0}.queue-submission-card{position:relative;min-height:8rem;padding:0;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;overflow:hidden;isolation:isolate;color:var(--text);background:var(--panel);transition:background-color .15s ease}.queue-submission-card:hover{background:color-mix(in srgb,var(--panel-raised) 60%,var(--panel))}.queue-submission-card.is-openable{cursor:pointer}.queue-submission-card.is-openable:focus-visible{position:relative;z-index:3;outline:2px solid var(--primary);outline-offset:-2px}.queue-submission-card.is-archived{opacity:.72}.submission-cover,.submission-cover-shade{position:absolute;inset:0;z-index:-2;width:100%;height:100%}.submission-cover{display:block;object-fit:cover;opacity:var(--queue-art-opacity)}.submission-cover-fallback{background:radial-gradient(circle at 80% 20%,rgba(238,128,94,.35),transparent 30%),linear-gradient(135deg,#363431,#1c1c1c)}.submission-cover-shade{z-index:-1;background:linear-gradient(to bottom,transparent,var(--queue-art-shade))}.submission-card-body{position:relative;min-height:8rem;display:flex;flex-direction:column}.submission-card-content{height:8rem;min-height:8rem;display:flex;flex-direction:column}.submission-card-header,.submission-card-footer,.submission-author,.submission-icon-actions,.submission-acks,.submission-map-meta,.submission-map-meta>span{display:flex;align-items:center}.submission-card-header{position:absolute;top:.75rem;right:.75rem;z-index:1;justify-content:space-between;gap:.6rem;min-height:0;padding:0}.queue-submission-card .status-pill{border-color:var(--border-control);background:var(--panel-raised);color:var(--primary)}.submission-preference-score{display:inline-flex;align-items:center;min-height:1.45rem;margin-left:.4rem;padding:.1rem .45rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--muted);font-size:.7rem;font-weight:650;font-variant-numeric:tabular-nums}.submission-preference-score.is-full-match{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:var(--primary-glow);color:var(--primary-strong)}.submission-preference-score.is-no-match{color:var(--danger)}.queue-submission-card .status-accepted{color:var(--status-accepted)}.queue-submission-card .status-denied{color:var(--status-denied)}.queue-submission-card .status-finished{color:var(--status-finished)}.status-select{position:relative;box-sizing:border-box;width:6.75rem;height:2rem;display:inline-flex;border:1px solid var(--border-control);border-radius:999px;background:var(--panel-raised);color:var(--primary)}.status-select:hover,.status-select:focus-within{border-color:var(--primary);background:color-mix(in srgb,var(--primary-glow) 48%,var(--panel-raised))}.status-select.status-accepted{color:var(--status-accepted)}.status-select.status-denied{color:var(--status-denied)}.status-select.status-finished{color:var(--status-finished)}.status-select select{width:100%;height:100%;appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-size:.68rem;font-weight:650;letter-spacing:.045em;padding:0 1.7rem 0 .8rem;text-transform:uppercase;cursor:pointer}.status-select:after{position:absolute;top:50%;right:.7rem;width:0;height:0;border-top:4px solid currentColor;border-right:3px solid transparent;border-left:3px solid transparent;content:"";pointer-events:none;transform:translateY(-25%)}.status-select option{background:var(--panel);color:var(--text);text-transform:none}.submission-icon-actions{gap:.6rem}.submission-icon-actions button,.queue-icon-button,.submission-options-button{appearance:none;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-control);border-radius:50%;background:var(--panel-raised);color:var(--muted);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.submission-icon-actions button:hover,.submission-icon-actions button.is-active,.submission-options-button:hover,.submission-menu[open] .submission-options-button{border-color:var(--primary);background:color-mix(in srgb,var(--primary-glow) 48%,var(--panel-raised));color:var(--primary)}.submission-icon-actions button.is-danger:hover,.queue-icon-button.is-danger{color:var(--danger)}.submission-icon-actions svg,.queue-icon-button svg,.submission-options-button svg{width:.95rem;height:.95rem}.submission-card-copy{flex:1;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:.85rem .9rem 0}.submission-title{flex:1;min-width:0;overflow:hidden;color:var(--text);font-size:.95rem;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.queue-submission-card .submission-queue{max-width:calc(100% - 9.5rem);margin-bottom:.35rem;overflow:hidden;color:var(--primary);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.submission-card-copy .submission-author{max-width:calc(100% - 9.5rem)}.submission-message{margin-top:auto}.queue-submission-card .submission-msg{display:-webkit-box;overflow:hidden;margin-top:.65rem;color:var(--muted);font-size:.8rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.queue-submission-card.is-description-expanded .submission-msg{display:block;overflow:visible;-webkit-line-clamp:unset}.queue-submission-card.is-description-expanded .submission-card-content{height:auto}.submission-message-toggle{display:block;margin-top:.2rem;padding:0;border:0;background:transparent;color:var(--primary);font:inherit;font-size:.72rem;font-weight:650;line-height:1.2;cursor:pointer}.submission-message-toggle:hover{color:var(--text)}.submission-card-footer{gap:.5rem;min-height:2.5rem;padding:.15rem .8rem .55rem;color:var(--muted);font-size:.72rem}.submission-author{min-width:0;gap:.35rem}.submission-author>span:last-child{max-width:7rem;overflow:hidden;font-size:.78rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.queue-submission-card .user-avatar{width:1.45rem;height:1.45rem;border-color:var(--border)}.submission-acks{margin-left:.15rem}.submission-acks>img,.submission-acks>span{width:1.2rem;height:1.2rem;display:inline-flex;align-items:center;justify-content:center;margin-left:-.35rem;border:2px solid var(--panel);border-radius:50%;background:#4a4947;color:#fff;font-size:.55rem}.submission-acks>:first-child{margin-left:0}.submission-card-footer time{white-space:nowrap}.submission-comments-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-width:2rem;height:2rem;margin-left:auto;padding:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.72rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.submission-comments-button:hover,.submission-comments-button.is-active{color:var(--primary)}.submission-comments-button svg{width:.95rem;height:.95rem}.submission-comments-count{font-weight:700}.submission-comments-separator{width:1px;height:1rem;flex:0 0 auto;background:var(--border)}.queue-submission-quick-comment.comments-section.is-detail{margin:0;padding:0;border-top:1px solid var(--border)}.queue-submission-quick-comment.comments-section.is-detail .comments-form{padding:.7rem .75rem;border:0}.queue-submission-comments.comments-section.is-detail{position:static;width:auto;max-height:none;margin:0;padding:0;overflow:visible;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none}.queue-submission-comments-header{display:flex;align-items:center;min-height:3rem;padding:.65rem .75rem;border-bottom:1px solid var(--border)}.queue-submission-comments-header h3{margin:0;font-size:.9rem;font-weight:650}.queue-submission-comments.comments-section.is-detail .comments-list{min-height:4.5rem;max-height:none;margin:0;padding:0 .75rem;overflow:visible}.queue-submission-comments .comment-tree{gap:0}.queue-submission-comments .comment-node{padding:.7rem 0;border-bottom:1px solid var(--border)}.queue-submission-comments .comment-node:last-child{border-bottom:0}.queue-submission-comments.comments-section.is-detail .comments-form{padding:.75rem;border-top:0}.queue-submission-comments-unavailable{margin:0;padding:.8rem;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem}.queue-submission-comment-delete{color:var(--danger)}.submission-menu{position:relative}.submission-options-button{list-style:none}.submission-options-button::-webkit-details-marker{display:none}.submission-menu-panel{position:absolute;top:calc(100% + .35rem);right:0;z-index:10;min-width:7.5rem;display:flex;flex-direction:column;gap:.15rem;padding:.35rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:0 3px 8px color-mix(in srgb,#000 16%,transparent)}.submission-menu-panel button{display:flex;align-items:center;gap:.45rem;width:100%;padding:.45rem .55rem;border:0;border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:.85rem;text-align:left;cursor:pointer}.submission-menu-panel a{display:flex;align-items:center;gap:.45rem;width:100%;padding:.45rem .55rem;border-radius:999px;color:var(--text);font:inherit;font-size:.85rem;text-align:left;text-decoration:none}.submission-menu-panel button:hover,.submission-menu-panel a:hover{background:var(--panel-raised)}.submission-menu-panel svg,.submission-menu-panel a svg{width:.95rem;height:.95rem}.submission-menu-panel .submission-menu-delete,.submission-menu-panel .submission-menu-delete:hover{color:var(--danger)}.submission-map-meta{flex-shrink:0;gap:.35rem;color:var(--muted);font-size:.68rem;white-space:nowrap}.submission-map-meta>span{gap:.18rem}.submission-map-meta svg{width:.72rem;height:.72rem}.submission-map-meta .submission-mode-icon{display:block;width:.82rem;height:.82rem;flex:0 0 auto;background:currentColor;mask:var(--submission-mode-icon) center / contain no-repeat;-webkit-mask:var(--submission-mode-icon) center / contain no-repeat}.queue-dialog-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#000000a3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.queue-dialog{width:min(46rem,100%);max-height:min(46rem,calc(100dvh - 2.5rem));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-control);border-radius:calc(var(--radius) + 2px);background:var(--panel);box-shadow:0 18px 45px #00000047}.queue-dialog-header,.queue-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem}.queue-dialog-header{border-bottom:1px solid var(--border)}.queue-dialog-header h2,.queue-dialog-header p{margin:0}.queue-dialog-header h2{font-size:1rem}.queue-dialog-header p{margin-top:.1rem;font-size:.75rem}.queue-dialog .queue-icon-button{flex-shrink:0;background:var(--panel-raised);color:var(--muted)}.queue-dialog-tabs{flex-shrink:0;grid-template-columns:repeat(3,1fr);margin:0}.queue-dialog-content{flex:1;min-height:0;overflow-y:auto;padding:1rem}.queue-dialog-content>.form-error{padding:.6rem .7rem;border:1px solid color-mix(in srgb,var(--danger) 32%,var(--border));border-radius:var(--radius)}.queue-dialog-section{display:flex;flex-direction:column;gap:1rem}.queue-rules-panel{min-height:23rem}.queue-rules-editor.is-dialog{min-height:20rem;resize:none}.queue-rules-preview.is-dialog{min-height:20rem}.queue-member-search{position:relative}.queue-search-input{position:relative;display:block}.queue-search-input>svg{position:absolute;top:50%;left:.75rem;z-index:1;width:1rem;height:1rem;color:var(--muted);transform:translateY(-50%);pointer-events:none}.queue-search-input .compose-input{padding-left:2.2rem}.queue-search-results,.queue-member-admin-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.queue-search-results{position:absolute;top:calc(100% + .3rem);right:0;left:0;z-index:3;max-height:14rem;overflow-y:auto}.queue-search-results>li,.queue-member-admin-list>li{min-height:3.4rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border-bottom:1px solid var(--border)}.queue-search-results>li:last-child,.queue-member-admin-list>li:last-child{border-bottom:0}.queue-member-list-plain{display:grid;gap:.3rem;border:0;border-radius:0;background:transparent}.queue-member-list-plain>li{min-height:0;padding:.25rem 0;border:0}.queue-member-identity{min-width:0;display:flex;align-items:center;gap:.55rem}.queue-member-identity>span:last-child{min-width:0;display:flex;flex-direction:column}.queue-member-identity strong{overflow:hidden;font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.queue-member-identity small{margin-top:.1rem;color:var(--muted);font-size:.7rem}.queue-member-actions{display:flex;flex-shrink:0;gap:.35rem}.queue-member-actions .btn,.queue-member-admin-list .btn{padding:.32rem .6rem;font-size:.72rem}.queue-dialog-footer{flex-shrink:0;border-top:1px solid var(--border);background:color-mix(in srgb,var(--panel-raised) 45%,var(--panel))}.queue-danger-actions{min-width:7rem}@media(max-width:680px){.queue-form-grid,.queue-submission-grid{grid-template-columns:1fr}.queue-toolbar{align-items:flex-start}.queue-toolbar{flex-direction:column}.queue-detail-tabs{grid-template-columns:1fr 1fr auto}.queue-detail-tabs:not(.is-editing){grid-template-columns:1fr 1fr}.queue-submission-view-toggle{display:none}.queue-hero-badges{max-width:calc(100% - 1.8rem)}.queue-hero-submit-button{right:max(.75rem,env(safe-area-inset-right))}.queue-submission-card .submission-msg{margin-top:.65rem}.queue-dialog-backdrop{align-items:flex-end;padding:0}.queue-dialog{width:100%;max-height:calc(100dvh - 1.5rem);border-right:0;border-bottom:0;border-left:0;border-radius:calc(var(--radius) + 4px) calc(var(--radius) + 4px) 0 0}.queue-dialog-footer{align-items:stretch;flex-direction:column-reverse}.queue-dialog-footer .queue-form-actions,.queue-dialog-footer .queue-form-actions .btn,.queue-danger-actions,.queue-danger-actions .btn{width:100%}.queue-dialog-footer .queue-form-actions .btn{flex:1}}html[data-mobile-device] .queue-detail-tabs:not(.is-editing){grid-template-columns:1fr 1fr}html[data-mobile-device] .queue-submission-view-toggle{display:none}@media(max-width:480px){.queue-index-header .btn{width:100%}.queue-member-stack>a:not(:first-child),.queue-member-overflow{width:2.35rem;height:2.35rem}.submission-card-footer time{display:none}.queue-search-results>li{align-items:stretch;flex-direction:column}.queue-member-actions,.queue-member-actions .btn{width:100%}.queue-member-actions .btn{flex:1;justify-content:center}}.btn-danger{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));color:var(--danger)}.btn-danger:hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--panel-raised))}.prefs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.45rem 1rem}.pref-row{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notifications-tabs{grid-template-columns:repeat(3,1fr);margin-bottom:0}.notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.4rem 0 .5rem}.notifications-toolbar-title{display:inline-flex;align-items:center;gap:.25rem;margin:0;font-size:1rem;font-weight:600}.notification-toolbar-icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:4px;background:transparent;color:var(--muted)}.notification-toolbar-icon-button:hover{border-color:transparent;background:transparent;color:var(--text)}@media(max-width:720px),(pointer:coarse){.notifications-toolbar{display:none}}.notifications-stream{min-width:0}.notification-settings-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.notification-settings-heading h2{margin:0;font-size:.95rem;font-weight:600}.notification-settings-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:1rem}.notification-settings-card>.muted{margin:.7rem 0 0;font-size:.84rem;line-height:1.45}.notification-settings-card>.btn{margin-top:.8rem}.notification-settings-heading>.muted{font-size:.75rem;text-align:right}.notification-status{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.75rem}.notification-status:before{width:.42rem;height:.42rem;border-radius:50%;background:var(--muted);content:""}.notification-status.is-on{color:var(--accent)}.notification-status.is-on:before{background:var(--accent)}.notification-status.is-unavailable{color:var(--danger)}.notification-status.is-unavailable:before{background:var(--danger)}.notification-settings-message{color:var(--text)}.notification-settings-page{display:grid;gap:.75rem}.prefs-grid{grid-template-columns:1fr;gap:0;margin-top:.75rem;border-top:1px solid var(--border)}.pref-row{min-height:2.35rem;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--border);color:var(--muted);cursor:pointer;transition:color .15s ease}.pref-row:hover{color:var(--text)}.pref-row input{order:2;width:1rem;height:1rem;margin:0;accent-color:var(--primary-fill)}.notifications-list{min-width:0}.notification-day+.notification-day{margin-top:.4rem}.notification-day-heading{margin:0;padding:.9rem 0 .45rem;color:var(--muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.notification-day-list{list-style:none;margin:0;padding:0}.notification-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;padding:.9rem 0;border-bottom:1px solid var(--border)}.notification-row.is-unread:before{position:absolute;top:1.35rem;left:0;width:.4rem;height:.4rem;border-radius:50%;background:var(--primary-fill);content:""}.notification-row.is-unread .notification-row-copy{padding-left:.85rem}.notification-row-copy{min-width:0}.notification-like-actors{display:flex;align-items:center;min-height:1.75rem;margin-bottom:.38rem}.notification-like-avatar{box-sizing:border-box;display:block;width:1.75rem;height:1.75rem;flex:0 0 auto;margin-left:-.42rem;overflow:hidden;border:2px solid var(--bg);border-radius:50%;background:var(--panel-raised);object-fit:cover}.notification-like-avatar:first-child{margin-left:0}.notification-like-avatar-fallback{display:inline-grid;place-items:center;color:var(--text);font-size:.68rem;font-weight:700}.notification-row-copy strong{font-size:.95rem}.notification-row-copy p{margin:.2rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}.notification-row time{padding-top:.05rem;color:var(--muted);font-size:.78rem;white-space:nowrap}.notification-row-actions{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:.4rem;margin-top:.05rem}.notification-row-actions .btn{padding:.32rem .65rem;font-size:.78rem}@media(max-width:560px){.user-name{display:none}.nav-links{gap:.1rem}.nav-link{padding:.3rem .45rem;font-size:.8rem}.nav-icon-link{width:2rem;height:2rem;padding:0}.app-header{padding:0 .85rem;gap:.5rem}.header-left{gap:.5rem}}.hero-title{margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.4rem);letter-spacing:-.03em;line-height:1.15}.hero-lead{margin:0 0 1.5rem;color:var(--muted);font-size:1.05rem;line-height:1.55;max-width:36rem}.status-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:1rem 1.15rem;box-shadow:var(--shadow-sm)}.status-panel h2{margin:0 0 .65rem;font-size:.95rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.status-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-size:.95rem}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border);background:var(--panel-raised);font-size:.8rem}.pill[data-ok=true]{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent)}.pill[data-ok=false]{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));color:var(--danger)}.user-chip{display:inline-flex;align-items:center;gap:.45rem}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--panel-raised);border:1px solid var(--border)}.user-avatar-fallback{display:inline-block;background:color-mix(in srgb,var(--primary) 25%,var(--panel-raised))}.user-name{font-size:.875rem;font-weight:500;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu{position:relative}.user-menu-summary{list-style:none;cursor:pointer;padding:.2rem .35rem;border-radius:var(--radius);border:1px solid transparent}.user-menu-summary::-webkit-details-marker{display:none}.user-menu[open] .user-menu-summary{border-color:var(--border);background:var(--panel-raised)}.user-menu-panel{position:absolute;right:0;top:calc(100% + .35rem);min-width:9.5rem;padding:.35rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);box-shadow:0 3px 8px color-mix(in srgb,#000 16%,transparent);display:flex;flex-direction:column;gap:.15rem;z-index:40}.user-menu-panel a,.user-menu-panel button{display:block;width:100%;text-align:left;padding:.45rem .55rem;border:0;border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:.875rem;text-decoration:none;cursor:pointer}.user-menu-panel a:hover,.user-menu-panel button:hover{background:var(--panel-raised)}.settings-page{min-height:calc(100dvh - var(--header-h));display:grid;grid-template-columns:minmax(17rem,20rem) minmax(0,1fr);border-inline:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent)}.settings-sidebar{min-width:0;padding:2rem 1rem 3rem;border-right:1px solid var(--border)}.settings-sidebar-heading{padding:0 .65rem 1.25rem}.settings-sidebar-heading h1{margin:0;font-size:1.75rem;letter-spacing:-.04em}.settings-search{display:flex;height:2.75rem;align-items:center;gap:.6rem;margin-bottom:1rem;padding:0 .85rem;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--muted);transition:border-color .15s ease,background .15s ease}.settings-search:focus-within{border-color:var(--primary);background:var(--panel-raised)}.settings-search svg{width:1.05rem;height:1.05rem;flex:0 0 auto}.settings-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:.88rem}.settings-search input::placeholder{color:var(--muted)}.settings-nav{display:flex;flex-direction:column;gap:0}.settings-nav-item{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 1rem;align-items:center;gap:.7rem;min-height:4.35rem;padding:.65rem .7rem;border:0;border-bottom:1px solid var(--border);border-radius:0;color:var(--text);text-decoration:none;transition:border-color .15s ease,background .15s ease}.settings-nav-item:hover{background:color-mix(in srgb,var(--panel-raised) 55%,transparent);text-decoration:none}.settings-nav-item.is-active{background:var(--primary-glow);box-shadow:inset 3px 0 0 var(--primary)}.settings-nav-icon,.settings-sign-in-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.settings-nav-icon{width:2.25rem;height:2.25rem}.settings-nav-item.is-active .settings-nav-icon{color:var(--primary)}.settings-nav-icon svg{width:1.05rem;height:1.05rem}.settings-nav-copy{min-width:0}.settings-nav-copy strong,.settings-nav-copy small{display:block}.settings-nav-copy strong{margin-bottom:.16rem;font-size:.9rem;line-height:1.2}.settings-nav-copy small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.73rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.settings-nav-chevron{width:.95rem;height:.95rem;color:var(--muted)}.settings-nav-item.is-active .settings-nav-chevron{color:var(--primary)}.settings-no-results{margin:0;padding:1.2rem .7rem;color:var(--muted);font-size:.85rem;line-height:1.45}.settings-detail{min-width:0;background:color-mix(in srgb,var(--panel) 28%,transparent)}.settings-detail-header{padding:1.6rem 2rem;border-bottom:1px solid var(--border)}.settings-detail-header h2{margin:0;font-size:1.5rem;letter-spacing:-.025em}.settings-detail-body{display:flex;flex-direction:column;gap:1.4rem;padding:1.65rem 2rem 4rem}.settings-group{border:0;background:transparent}.settings-group>h3,.settings-group-heading{margin:0;padding:0 .25rem .7rem;border-bottom:1px solid var(--border)}.settings-group>h3,.settings-group-heading h3{margin:0;font-size:1rem;font-weight:650;letter-spacing:-.01em}.settings-group-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.settings-group-heading>span{color:var(--muted);font-size:.75rem}.settings-control-row{display:flex;min-height:4.25rem;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem .25rem;border-bottom:1px solid var(--border)}.settings-control-copy{display:flex;min-width:0;flex-direction:column;gap:.18rem}.settings-control-title{font-size:.9rem;font-weight:600}.settings-control-description{color:var(--muted);font-size:.76rem;line-height:1.4}.settings-control-action{flex:0 0 auto}.settings-slider-control{display:flex;flex:0 0 auto;align-items:center;gap:.75rem}.settings-slider-control input[type=range]{width:11rem;accent-color:var(--primary-fill)}.settings-slider-value{min-width:3.5ch;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums;text-align:right}.settings-preview-embed{margin:.25rem 0 .75rem}@media(max-width:640px){.settings-slider-row{align-items:stretch;flex-direction:column;gap:.6rem}.settings-slider-control input[type=range]{width:100%;flex:1 1 auto}}.settings-switch{display:inline-flex;cursor:pointer}.settings-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.settings-switch-track{display:flex;width:2.65rem;height:1.5rem;align-items:center;padding:.18rem;border:1px solid var(--border-control);border-radius:999px;background:var(--panel-raised);transition:border-color .18s ease,background .18s ease}.settings-switch-thumb{width:1rem;height:1rem;border-radius:50%;background:var(--muted);transition:transform .18s ease,background .18s ease}.settings-switch input:checked+.settings-switch-track{border-color:var(--primary);background:var(--primary-fill)}.settings-switch input:checked+.settings-switch-track .settings-switch-thumb{background:var(--on-primary);transform:translate(1.1rem)}.settings-switch input:focus-visible+.settings-switch-track{outline:2px solid var(--primary);outline-offset:2px}.settings-switch input:disabled+.settings-switch-track{cursor:not-allowed;opacity:.42}.settings-inline-message,.settings-panel-status{margin:0;padding:.8rem 1rem;color:var(--muted);font-size:.8rem}.settings-account-card{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:1rem .25rem;border-bottom:1px solid var(--border)}.settings-account-card img,.settings-account-avatar{width:3.5rem;height:3.5rem;border:1px solid var(--border);border-radius:50%;background:var(--panel-raised);object-fit:cover}.settings-account-card strong,.settings-account-card span{display:block}.settings-account-card strong{margin-bottom:.18rem;font-size:1rem}.settings-account-card div span,.settings-value{color:var(--muted);font-size:.78rem}.settings-inline-link,.settings-logout-button{display:inline-flex;align-items:center;gap:.35rem}.settings-inline-link{font-size:.82rem;font-weight:600}.settings-danger-group{color:inherit}.settings-sign-in-state{display:flex;min-height:18rem;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;border-block:1px solid var(--border);background:transparent;text-align:center}.settings-sign-in-icon{width:3.4rem;height:3.4rem;margin-bottom:1rem;border-radius:50%;background:var(--panel-raised);color:var(--primary)}.settings-sign-in-icon svg{width:1.4rem}.settings-sign-in-state h3{margin:0 0 .45rem;font-size:1.05rem}.settings-sign-in-state p{max-width:24rem;margin:0 0 1.1rem;color:var(--muted);font-size:.84rem;line-height:1.5}.settings-accent-content{--accent-swatch-size: 2.1rem;--accent-swatch-gap: .45rem;--accent-picker-width: 14.85rem;padding:.9rem .25rem 0}.settings-accent-content>p{margin:0 0 .8rem;color:var(--muted);font-size:.76rem;line-height:1.4}.settings-accent-presets{display:flex;width:var(--accent-picker-width);flex-wrap:wrap;gap:var(--accent-swatch-gap);margin-top:.85rem}.settings-accent-preset{display:inline-flex;width:var(--accent-swatch-size);height:var(--accent-swatch-size);align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.settings-accent-preset:hover .settings-accent-swatch,.settings-accent-preset.is-active .settings-accent-swatch{outline:2px solid var(--primary);outline-offset:2px}.settings-accent-swatch{width:100%;height:100%;border:1px solid color-mix(in srgb,#000 20%,transparent);border-radius:2px}.settings-accent-swatch.is-empty{border:1px dashed var(--border-control);background:transparent}.settings-inline-color-picker{display:grid;width:var(--accent-picker-width);grid-template-columns:1fr;gap:.65rem;margin-top:0}.settings-tone-field{position:relative;display:block;width:100%;padding:0;border:1px solid var(--border-control);overflow:hidden;cursor:pointer}.settings-tone-field{height:7.25rem;border:0;border-radius:5px}.settings-color-picker-thumb{position:absolute;z-index:2;width:.85rem;height:.85rem;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000073;pointer-events:none;transform:translate(-50%,-50%)}.settings-tone-field:focus-visible,.settings-hue-slider:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.settings-hue-slider{width:100%;height:.85rem;margin:0;appearance:none;border:1px solid var(--border-control);border-radius:999px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.settings-hue-slider::-webkit-slider-thumb{width:1rem;height:1rem;appearance:none;border:2px solid #fff;border-radius:50%;background:transparent;box-shadow:0 0 0 1px #00000073}.settings-hue-slider::-moz-range-thumb{width:.75rem;height:.75rem;border:2px solid #fff;border-radius:50%;background:transparent;box-shadow:0 0 0 1px #00000073}.settings-hex-input{width:100%;height:2.25rem;padding:0 .65rem;border:1px solid var(--border);border-radius:4px;background:var(--panel-raised);color:var(--text);font:.8rem var(--font-mono)}.settings-hex-input:focus{border-color:var(--primary);outline:0}.settings-about-card{display:flex;align-items:center;gap:1rem;padding:1rem .25rem 1.4rem;border-bottom:1px solid var(--border);background:transparent}.settings-about-logo{display:block;width:3.5rem;height:3.5rem;flex:0 0 auto;background:var(--brand-icon-color);mask:url(/assets/icon-Cbpa274N.svg) center / 100% auto no-repeat;-webkit-mask:url(/assets/icon-Cbpa274N.svg) center / 100% auto no-repeat}.settings-about-card h3,.settings-about-card p{margin:0}.settings-about-card p{margin-top:.25rem;color:var(--muted);font-size:.8rem;line-height:1.45}.settings-link-row{display:flex;min-height:4.25rem;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);color:var(--text);font-size:.88rem;font-weight:600;text-decoration:none}.settings-link-row:last-child{border-bottom:0}.settings-link-row-content{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.settings-link-row-copy{display:grid;gap:.1rem;min-width:0}.settings-link-row-title{line-height:1.25}.settings-link-row-description{color:var(--muted);font-size:.78rem;font-weight:400;line-height:1.35}.settings-link-icon{display:block;width:1rem;height:1rem;flex:0 0 auto;background:var(--text)}.settings-discord-icon{mask:url(https://cdn.simpleicons.org/discord) center / contain no-repeat;-webkit-mask:url(https://cdn.simpleicons.org/discord) center / contain no-repeat}.settings-josu-icon{mask:url(https://preview.tryz.id.vn/favicon.ico) center / contain no-repeat;-webkit-mask:url(https://preview.tryz.id.vn/favicon.ico) center / contain no-repeat}.settings-link-row:hover{background:var(--panel-raised);text-decoration:none}html[data-reduce-motion=true] *,html[data-reduce-motion=true] *:before,html[data-reduce-motion=true] *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html[data-text-size=large]{font-size:112.5%}html[data-high-contrast=true]{--muted: color-mix(in srgb, var(--text) 78%, transparent) !important;--border: color-mix(in srgb, var(--text) 28%, transparent) !important;--border-strong: color-mix(in srgb, var(--text) 45%, transparent) !important;--border-control: var(--text) !important;--primary: var(--text) !important;--primary-strong: var(--text) !important;--primary-fill: var(--text) !important;--primary-fill-strong: var(--text) !important;--primary-glow: color-mix(in srgb, var(--text) 18%, transparent) !important;--focus-ring: var(--text) !important;--on-primary: var(--bg) !important;--accent: var(--text) !important;--like: var(--text) !important;--danger: var(--text) !important;--status-timing: var(--text) !important;--status-audio: var(--text) !important;--status-nominator: var(--text) !important;--status-subdivision: var(--text) !important;--status-open: var(--text) !important;--status-closed: var(--text) !important;--status-accepted: var(--text) !important;--status-denied: var(--text) !important;--status-finished: var(--text) !important}@media(min-width:721px){.settings-page{grid-template-columns:minmax(15rem,16.5rem) minmax(0,1fr)}.settings-sidebar{padding:1.15rem .65rem 2rem}.settings-sidebar-heading{padding:0 .55rem .85rem}.settings-sidebar-heading h1{font-size:1.15rem;letter-spacing:-.02em}.settings-search{height:2.35rem;gap:.45rem;margin-bottom:.65rem;padding:0 .7rem}.settings-search svg{width:.95rem;height:.95rem}.settings-search input{font-size:.82rem}.settings-nav-item{grid-template-columns:1.8rem minmax(0,1fr) .85rem;gap:.5rem;min-height:3.65rem;padding:.45rem .55rem}.settings-nav-icon{width:1.8rem;height:1.8rem}.settings-nav-icon svg{width:.95rem;height:.95rem}.settings-nav-copy strong{margin-bottom:.12rem;font-size:.84rem}.settings-nav-copy small{font-size:.69rem;line-height:1.25;-webkit-line-clamp:1}.settings-nav-chevron{width:.85rem;height:.85rem}.settings-detail-header{padding:.95rem 1.25rem}.settings-detail-header h2{font-size:1.05rem;letter-spacing:-.015em}.settings-detail-body{gap:1.15rem;padding:1.1rem 1.25rem 3rem}.settings-group>h3,.settings-group-heading{padding:0 .2rem .55rem}.settings-group>h3,.settings-group-heading h3{font-size:.9rem}.settings-group-heading>span{font-size:.7rem}.settings-control-row{min-height:3.75rem;gap:.75rem;padding:.65rem .2rem}.settings-control-title{font-size:.85rem}.settings-control-description{font-size:.72rem;line-height:1.35}.settings-account-card{grid-template-columns:3rem minmax(0,1fr) auto;gap:.7rem;padding:.75rem .2rem}.settings-account-card img,.settings-account-avatar{width:3rem;height:3rem}.settings-account-card strong{font-size:.9rem}.settings-about-card{gap:.75rem;padding:.75rem .2rem 1rem}.settings-about-logo{width:3rem;height:3rem}.settings-link-row{min-height:4rem;padding:.65rem .2rem;font-size:.84rem}}@media(max-width:720px),(pointer:coarse){.settings-page{display:block;min-height:auto;margin-inline:calc(-1 * var(--app-main-gutter-inline-start)) calc(-1 * var(--app-main-gutter-inline-end));border:0;background:transparent}.settings-sidebar{padding:1rem max(.75rem,env(safe-area-inset-right)) 1.5rem max(.75rem,env(safe-area-inset-left));border:0}.settings-sidebar-heading{display:none}.settings-search{height:2.8rem;margin:.15rem 0 .8rem;background:var(--panel)}.settings-nav{gap:0}.settings-nav-item{grid-template-columns:2.55rem minmax(0,1fr) 1.2rem;min-height:5rem;padding:.7rem .25rem;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}.settings-nav-item:hover,.settings-nav-item.is-active{border-color:var(--border);background:color-mix(in srgb,var(--panel-raised) 45%,transparent);box-shadow:none}.settings-page:not(.is-detail-route) .settings-nav-item.is-active{background:transparent}.settings-nav-item.is-active .settings-nav-icon,.settings-nav-icon{background:transparent;color:var(--muted)}.settings-nav-copy strong{font-size:.96rem}.settings-nav-copy small{margin-top:.2rem;font-size:.78rem}.settings-nav-chevron,.settings-nav-item.is-active .settings-nav-chevron{color:var(--muted)}.settings-detail{display:none;background:transparent}.settings-page.is-detail-route .settings-sidebar{display:none}.settings-page.is-detail-route .settings-detail{display:block}.settings-detail-header{display:none}.settings-detail-body{gap:1rem;padding:1rem max(.75rem,env(safe-area-inset-right)) 1.5rem max(.75rem,env(safe-area-inset-left))}.settings-control-row{min-height:4.5rem}.settings-inline-color-picker{width:100%}.settings-account-card{grid-template-columns:3.5rem minmax(0,1fr)}.settings-account-card .btn{grid-column:1 / -1;justify-self:stretch;text-align:center}}.profile-header{margin-block:0 1rem;margin-inline:calc(-1 * var(--app-main-gutter-inline-start)) calc(-1 * var(--app-main-gutter-inline-end))}.profile-banner{position:relative;height:clamp(9rem,25vw,13rem);overflow:visible;background:linear-gradient(300deg,color-mix(in srgb,var(--primary) 30%,var(--panel-raised)),transparent 65%),var(--panel-raised)}.profile-banner>img{width:100%;height:100%;display:block;object-fit:cover}.profile-banner-inspirations{position:absolute;bottom:-1.25rem;right:1rem;z-index:2}.profile-banner-inspirations.is-circle{display:flex;align-items:center;gap:.45rem}.profile-banner-inspiration{display:block;overflow:hidden;border:3px solid var(--bg);background:var(--panel-raised)}.profile-banner-inspirations.is-editing .profile-banner-inspiration{appearance:none;padding:0;color:var(--muted);cursor:pointer}.profile-banner-inspirations.is-editing .profile-banner-inspiration:hover{border-color:var(--primary)}.profile-banner-inspirations.is-editing .profile-banner-inspiration.is-empty{display:inline-grid;place-items:center}.profile-banner-inspirations.is-editing .profile-banner-inspiration.is-empty>svg:not(.profile-banner-heart){width:1rem;height:1rem}.profile-banner-inspirations.is-editing .profile-banner-inspiration.is-empty:nth-child(1){width:4rem;height:4rem;transform:rotate(-12deg)}.profile-banner-inspirations.is-editing .profile-banner-inspiration.is-empty:nth-child(2){width:3rem;height:3rem;transform:rotate(8deg)}.profile-banner-inspirations.is-editing .profile-banner-inspiration.is-empty:nth-child(3){width:2rem;height:2rem;transform:translate(-.65rem,.2rem) rotate(28deg)}.profile-banner-inspiration img{width:100%;height:100%;display:block;object-fit:cover}.is-circle .profile-banner-inspiration{width:2.2rem;height:2.2rem;border-radius:50%}.profile-banner-inspirations.is-heart{display:grid;grid-auto-columns:4rem;grid-auto-flow:column;align-items:center;justify-items:center;bottom:-2rem;right:.7rem;padding-right:.2rem}.is-heart .profile-banner-inspiration{width:2.65rem;height:2.65rem;flex:0 0 auto;border:0;background:transparent;overflow:visible}.profile-banner-heart{display:block;width:100%;height:100%;overflow:visible}.profile-banner-heart>path{vector-effect:non-scaling-stroke}.is-heart .profile-banner-inspiration:nth-child(1){width:4rem;height:4rem;transform:rotate(-12deg)}.is-heart .profile-banner-inspiration:nth-child(2){width:3rem;height:3rem;transform:rotate(8deg)}.is-heart .profile-banner-inspiration:nth-child(3){width:2rem;height:2rem;transform:translate(-.65rem,.2rem) rotate(28deg)}.profile-header-main,.profile-header-text{margin-inline:1.25rem}.profile-header-main{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-height:3.75rem}.profile-actions{display:flex;justify-content:flex-end;position:absolute;top:.75rem;right:1rem;z-index:1}.profile-inspiration-search{position:absolute;top:calc(100% + .65rem);right:1rem;z-index:4;width:min(18rem,calc(100% - 2rem));padding:.6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:0 4px 12px color-mix(in srgb,#000 20%,transparent)}.profile-inspiration-search>input{width:100%;padding:.5rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-raised);color:var(--text);font:inherit}.profile-inspiration-search .inspiration-results{margin-bottom:.35rem}.profile-inspiration-style-menu{position:absolute;z-index:3}.profile-inspiration-style-control{display:flex;align-items:center;gap:.5rem;margin-right:auto;color:var(--muted);font-size:.875rem}.profile-inspiration-style-control .profile-inspiration-style-menu{position:relative}.profile-inspiration-style-menu summary{display:inline-flex;align-items:center;gap:.3rem;list-style:none}.profile-inspiration-style-menu summary::-webkit-details-marker{display:none}.profile-inspiration-style-menu summary svg{width:.9rem;height:.9rem}.profile-inspiration-style-menu>div{position:absolute;left:0;top:calc(100% + .35rem);display:flex;flex-direction:column;min-width:6.5rem;padding:.3rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:0 3px 8px color-mix(in srgb,#000 16%,transparent)}.profile-inspiration-style-menu>div button{border:0;border-radius:4px;padding:.4rem .5rem;background:transparent;color:var(--text);font:inherit;font-size:.8rem;text-align:left;cursor:pointer}.profile-inspiration-style-menu>div button:hover,.profile-inspiration-style-menu>div button.is-active{background:var(--panel-raised)}.profile-avatar{width:7rem;height:7rem;flex-shrink:0;margin-top:-3.5rem;border-radius:50%;object-fit:cover;border:3px solid var(--bg);background:var(--panel-raised)}.profile-header-text{margin-top:.35rem}.profile-header-text .page-title{margin:0}.profile-meta{margin:.15rem 0 0;color:var(--muted);font-size:.9rem}.profile-about{margin:0 0 1.25rem}.profile-about-input{width:100%;min-height:0;padding:.45rem .55rem;border:1px solid var(--border-control);border-radius:var(--radius);resize:vertical;background:var(--panel-raised);color:var(--text);font:inherit}.profile-edit-actions{display:flex;justify-content:flex-end;gap:.5rem;margin:-.65rem 0 .5rem}.profile-edit-panel{margin:-.5rem calc(-1 * var(--app-main-gutter-inline-end)) 0 calc(-1 * var(--app-main-gutter-inline-start));padding:1rem 1.25rem;border-top:1px solid var(--border);background:var(--panel-raised)}.profile-inspirations{margin-top:1rem}.profile-edit{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.25rem;padding:.85rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.profile-edit .field{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:500}.profile-edit textarea,.inspiration-search input{width:100%;padding:.55rem .65rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-raised);color:var(--text);font:inherit;font-weight:400}.inspiration-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}.inspiration-style-picker{display:flex;flex-wrap:wrap;gap:.45rem .9rem;margin:.7rem 0 0;padding:0;border:0;font-size:.8rem;font-weight:400}.inspiration-style-picker legend{width:100%;margin-bottom:.05rem;font-weight:500}.inspiration-style-picker label{display:inline-flex;align-items:center;gap:.3rem}.inspiration-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:999px;border:1px solid var(--border);background:var(--panel-raised);font-size:.8rem;font-weight:400}.inspiration-chip img{border-radius:50%}.inspiration-chip a{color:inherit;text-decoration:none}.inspiration-chip a:hover{text-decoration:underline}.inspiration-search{position:relative;margin-top:.35rem}.inspiration-results{list-style:none;margin:.35rem 0 0;padding:.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);max-height:12rem;overflow:auto}.inspiration-result-btn{display:flex;align-items:center;gap:.45rem;width:100%;border:0;background:transparent;color:var(--text);font:inherit;padding:.4rem .45rem;border-radius:999px;cursor:pointer;text-align:left}.inspiration-result-btn:hover{background:var(--panel-raised)}.inspiration-result-btn img{border-radius:50%}.profile-tabs{margin:.5rem 0 0}.section-label{margin:1.75rem 0 .75rem;font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.muted{color:var(--muted)}.banner-error,.form-error{color:var(--danger);margin:0 0 1rem;font-size:.9rem}.compose{margin:1rem 0 0;border-bottom:1px solid var(--border)}.compose-form{margin:0}.compose-main{display:flex;gap:.75rem;align-items:flex-start;padding:.35rem 0 0}.compose-avatar{width:40px;height:40px;flex-shrink:0;margin-top:.2rem}.compose-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.55rem}.compose-text{width:100%;border:0;border-radius:0;background:transparent;color:var(--text);font:inherit;font-size:1.2rem;line-height:1.4;padding:.35rem 0 .15rem;resize:none;min-height:2.8rem;max-height:220px;overflow-y:auto;field-sizing:content}.compose-text::placeholder{color:var(--muted)}.compose-text:focus{outline:none}.compose-input,.compose-select{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 92%,transparent);color:var(--text);font:inherit;padding:.65rem .8rem}.compose-select{padding:.4rem .55rem;width:auto;min-width:7rem;font-size:.8rem}.compose-input:focus,.compose-select:focus{outline:2px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:1px;border-color:var(--primary)}.compose-beatmap .compose-input{border-radius:999px;padding:.55rem .9rem;font-size:.9rem}.compose-attachment{display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 88%,transparent)}.compose-attachment>.icon{color:var(--primary);width:1.35rem;height:1.35rem}.compose-attachment-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem;font-size:.8rem}.compose-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.compose-mode-pick{flex-shrink:0}.compose-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0;border-top:1px solid var(--border)}.compose-tools{display:flex;align-items:center;gap:.15rem}.compose-tool-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--primary);cursor:pointer;transition:background .15s ease}.compose-tool-btn .icon{width:1.25rem;height:1.25rem}.compose-tool-btn:hover:not(:disabled){background:var(--primary-glow)}.compose-tool-btn.is-active{background:var(--primary-glow)}.compose-tool-btn:disabled{opacity:.45;cursor:not-allowed}.compose-submit{min-width:5.5rem;font-weight:700}.compose-submit:disabled{opacity:.45;cursor:not-allowed}.compose-error{margin:0}.compose-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end}.compose-field{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem}.compose-file{flex:1;min-width:12rem}.compose-file input[type=file]{font:inherit;font-size:.85rem;color:var(--text)}.compose-file-meta{margin:0;font-size:.8rem}.compose-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.beatmap-field{display:flex;flex-direction:column;gap:.35rem}.beatmap-resolved{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 92%,transparent);padding:.55rem .75rem}.beatmap-resolved-meta{flex:1;min-width:0}.beatmap-resolved-title{font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beatmap-resolved-mapper{margin:.15rem 0 0;font-size:.75rem}.beatmap-resolved .compose-select{flex-shrink:0;min-width:6rem;max-width:10rem}.beatmap-field-status{margin:0;font-size:.8rem}.compose-snippet-range{display:flex;flex-direction:column;gap:.35rem}.compose-snippet-fields{display:flex;gap:.65rem}.compose-snippet-fields .compose-field{flex:1;min-width:0}.compose-snippet-fields .compose-input{padding:.45rem .65rem}.compose-snippet-help{margin:0;font-size:.75rem}.upload-status{display:flex;flex-direction:column;gap:.4rem}.upload-status .muted{margin:0;font-size:.8rem}.progress{height:6px;border-radius:999px;background:var(--panel-raised);border:1px solid var(--border);overflow:hidden}.progress-bar{height:100%;background:var(--primary-fill);transition:width .15s ease}.post-player{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#000;margin-bottom:.65rem}.post-player-fill{aspect-ratio:auto;height:100%;margin:0;border:0;border-radius:0;background:transparent}.post-player-video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.post-player-fill .post-player-video{height:100%}.post-player-empty{display:grid;place-items:center;color:var(--muted);background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.65rem}.beatmap-embed{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#000;margin-bottom:.65rem}.beatmap-embed-frame{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#000}.beatmap-embed.is-fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;max-height:none;aspect-ratio:auto;margin:0;border:0;border-radius:0;display:grid;place-items:center;background:#00000085;z-index:1000}.app-main:has(.beatmap-embed.is-fullscreen){z-index:1001}.beatmap-embed.is-fullscreen .beatmap-embed-frame{position:relative;inset:auto;width:min(90vw,calc(88dvh * 4 / 3));height:auto;max-height:88dvh;aspect-ratio:4 / 3;border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 1.5rem 5rem #0000008c}@media(orientation:portrait){.beatmap-embed.is-fullscreen.is-mobile-device .beatmap-embed-frame{width:100vw;height:auto;max-height:none;border:0;border-radius:0}}@media(orientation:landscape){.beatmap-embed.is-fullscreen.is-mobile-device .beatmap-embed-frame{width:auto;height:100dvh;max-height:none;border:0;border-radius:0}}.beatmap-embed-facade{display:block;position:absolute;inset:0;width:100%;padding:0;border:0;background:#000;color:#f5f3ef;font:inherit;cursor:pointer;text-align:left}.beatmap-embed-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}.beatmap-embed-shade{position:absolute;inset:0;background:linear-gradient(to top,#000000c7,#0000001f 55%)}.beatmap-embed-play{position:absolute;inset:0;display:grid;place-items:center}.beatmap-embed-play svg{width:54px;height:54px;padding:15px;border-radius:50%;background:#0000008c;color:#fff;fill:currentColor;transition:transform .15s ease,background .15s ease,color .15s ease}.beatmap-embed-facade:hover .beatmap-embed-play svg,.beatmap-embed-facade:focus-visible .beatmap-embed-play svg{transform:scale(1.08);background:var(--primary-fill);color:var(--on-primary)}.beatmap-embed-host{position:absolute;inset:0;width:100%;height:100%}.beatmap-embed-host[hidden]{display:none}.beatmap-embed-host canvas{display:block;width:100%;height:100%}.beatmap-embed-difficulty{position:absolute;z-index:3;display:none}.beatmap-embed.is-fullscreen .beatmap-embed-difficulty{top:0;right:0;box-sizing:border-box;display:flex;width:max-content;max-width:calc(100% - 108px);height:44px;align-items:center;padding:0 .5rem;background:var(--viewer-mantle, var(--panel));color:var(--viewer-text, var(--text));font-size:.875rem}.beatmap-embed.is-fullscreen .beatmap-embed-difficulty:before{position:absolute;top:0;right:100%;bottom:0;width:2px;content:"";background:var(--viewer-mantle, var(--panel))}.beatmap-embed-difficulty-trigger{box-sizing:border-box;display:flex;align-items:center;gap:.4rem;width:auto;height:36px;padding:0 .65rem;border:0;border-radius:999px;background:color-mix(in srgb,var(--viewer-crust, var(--bg)) 58%,transparent);color:inherit;cursor:pointer;text-align:left;white-space:nowrap;-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem);transition:background .15s ease}.beatmap-embed-difficulty-trigger>svg{width:16px;height:16px;flex:0 0 auto}.beatmap-embed-difficulty-trigger:hover,.beatmap-embed-difficulty-trigger:focus-visible{background:color-mix(in srgb,var(--viewer-text, var(--text)) 10%,transparent);outline:none}.beatmap-embed-difficulty-name,.beatmap-embed-difficulty-name .text-xs,.beatmap-embed-difficulty-name br{display:none}.beatmap-embed-difficulty-rating{display:inline-flex;flex:0 0 auto;align-items:center;gap:.2rem;color:color-mix(in srgb,var(--viewer-text, var(--text)) 78%,transparent);font-size:.7rem;font-variant-numeric:tabular-nums}.beatmap-embed-difficulty-rating #masterSR{font-weight:700}.beatmap-embed-star-rating-icon{width:16px;height:16px;flex:0 0 auto}.beatmap-embed-difficulty-menu{position:absolute;top:44px;right:0;display:none;box-sizing:border-box;width:max-content;min-width:calc(100% + 4rem);max-height:min(50vh,22rem);padding:0;overflow:auto;border:0;border-radius:0;background:var(--viewer-mantle, var(--panel));box-shadow:none}.beatmap-embed-difficulty-menu.is-open{display:block}.beatmap-embed-difficulty-menu #diffsContainer{display:grid;gap:.125rem}.beatmap-embed-difficulty-menu #diffsContainer>div{display:block}.beatmap-embed-difficulty-menu #diffsContainer button{display:flex;width:100%;align-items:center;gap:.4rem;min-width:0;padding:.25rem .35rem;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.beatmap-embed-difficulty-menu #diffsContainer button:first-child{flex:1}.beatmap-embed-difficulty-menu #diffsContainer button:hover,.beatmap-embed-difficulty-menu #diffsContainer button:focus-visible{background:color-mix(in srgb,var(--viewer-text, var(--text)) 10%,transparent);outline:none}.beatmap-embed-difficulty-menu #diffsContainer button:first-child span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beatmap-embed-difficulty-menu #diffsContainer button>div{font-weight:700}.beatmap-embed-progress{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#00000073;color:#f5f3ef;font-size:.85rem;z-index:2}.beatmap-embed-progress-bar{position:relative;width:min(70%,280px);height:4px;border-radius:999px;background:#ffffff2e;overflow:hidden}.beatmap-embed-progress-bar:after{content:"";position:absolute;inset:0;width:40%;border-radius:inherit;background:var(--primary-fill);animation:beatmap-embed-progress-slide 1.2s ease-in-out infinite}@keyframes beatmap-embed-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.beatmap-embed-progress-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beatmap-embed-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:1rem;text-align:center;color:#f5f3ef;background:var(--panel);font-size:.85rem}.beatmap-embed-error-text{color:var(--muted);max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.beatmap-embed-error-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.beatmap-embed-error-actions .btn{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none}.beatmap-embed-close{position:absolute;top:.5rem;right:.5rem;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;z-index:3;transition:background .15s ease}.beatmap-embed-close:hover{background:#000c}.beatmap-embed.is-fullscreen .beatmap-embed-close{top:0;right:auto;left:0;width:44px;height:44px;border-radius:0;background:var(--viewer-base, var(--panel-raised));color:var(--viewer-text, var(--text))}.beatmap-embed.is-fullscreen .beatmap-embed-close:hover,.beatmap-embed.is-fullscreen .beatmap-embed-close:focus-visible{background:var(--viewer-surface-2, var(--panel-raised));outline:none}.beatmap-embed-timeline-toggle{position:absolute;top:44px;left:50%;z-index:3;display:grid;width:3rem;height:2rem;padding:0;place-items:center;border:0;background:transparent;color:var(--viewer-text, var(--text));cursor:pointer;transform:translate(-50%);transition:top .15s ease,opacity .15s ease}.beatmap-embed-timeline-toggle:hover,.beatmap-embed-timeline-toggle:focus-visible{opacity:.72}.beatmap-embed-timeline-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.beatmap-embed-timeline-toggle svg{width:2.8rem;height:1.6rem}.beatmap-embed.is-fullscreen.is-timeline-collapsed .beatmap-embed-timeline-toggle{top:0}.beatmap-embed.is-fullscreen.is-timeline-collapsed .beatmap-embed-close,.beatmap-embed.is-fullscreen.is-timeline-collapsed .beatmap-embed-difficulty{display:none}.feed-list{display:flex;flex-direction:column}.feed-load-more,.feed-end{margin:0;padding:1.1rem 0 .35rem;color:var(--muted);font-size:.85rem;text-align:center}.feed-load-more{min-height:3.5rem}.feed-load-more .btn{margin-left:.45rem}.post-card{position:relative;border-bottom:1px solid var(--border);--post-avatar-size: 40px;--post-content-offset: calc(var(--post-avatar-size) + .55rem);padding:1rem 0}.conversation-connector{position:absolute;z-index:0;width:2px;border-radius:999px;background:var(--border-strong);pointer-events:none}.post-card.has-conversation-preview>:not(.conversation-connector):not(.beatmap-embed.is-fullscreen){position:relative;z-index:1}.post-card.is-openable{cursor:pointer}.post-card.is-openable .post-player,.post-card.is-openable .post-actions,.post-card.is-openable .comments-section,.post-card.is-openable a,.post-card.is-openable button{cursor:auto}.post-card.is-openable a,.post-card.is-openable button{cursor:pointer}.post-meta{display:flex;align-items:center;gap:.55rem;margin-bottom:.65rem;min-width:0}.post-meta .user-avatar{width:var(--post-avatar-size);height:var(--post-avatar-size);flex:0 0 var(--post-avatar-size)}.post-card>.post-body,.post-card>.post-text,.post-card>.post-footer,.post-card>.comments-section,.post-card>.beatmap-embed{margin-left:var(--post-content-offset)}.post-card>.beatmap-embed{width:calc(100% - var(--post-content-offset))}.post-card.has-detail-replies>.comments-section{margin-left:0}.post-card.has-detail-replies>.post-body,.post-card.has-detail-replies>.post-text,.post-card.has-detail-replies>.post-footer,.post-card.has-detail-replies>.post-edit-form,.post-card.has-detail-replies>.beatmap-embed{margin-left:0}.post-card.has-detail-replies>.beatmap-embed{width:100%}.post-card>.beatmap-embed.is-fullscreen,.post-card.has-detail-replies>.beatmap-embed.is-fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;margin:0}.post-meta-text{display:flex;flex-direction:column;flex:0 1 auto;min-width:0}.post-author{font-weight:600;font-size:.95rem;color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-author:hover{text-decoration:underline}.post-time{font-size:.75rem;color:var(--muted);white-space:nowrap}.post-meta-sep{flex:0 0 auto;width:1px;height:1.75rem;background:var(--border-strong);opacity:.85}.post-meta-beatmap{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;font-size:.875rem;line-height:1.3;display:flex;align-items:center;gap:.4rem;color:var(--muted);text-decoration:none}.post-meta-beatmap-group{display:flex;flex:1 1 0;min-width:0;align-items:center;gap:.2rem}.post-meta-beatmap-viewer{display:inline-grid;flex:0 0 auto;place-items:center;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s ease,background .15s ease}.post-meta-beatmap-viewer .icon{width:1rem;height:1rem}.post-meta-beatmap-viewer:hover,.post-meta-beatmap-viewer:focus-visible{background:var(--primary-glow);color:var(--primary)}.beatmap-difficulty-badge{display:inline-flex;flex:0 0 auto;align-items:center;gap:.14rem;padding:.24rem .4rem;border-radius:999px;background:var(--difficulty-colour, var(--muted));color:var(--bg);font-size:.72rem;font-weight:700;line-height:1}.beatmap-difficulty-badge .icon{width:.7rem;height:.7rem;color:currentColor}.post-meta-beatmap-label{flex:1 1 0;min-width:0;overflow:hidden}.post-meta-beatmap-label:has(.is-overflowing){-webkit-mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 1.1rem),transparent);mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 1.1rem),transparent)}.post-meta-beatmap-label-inner{display:inline-block;white-space:nowrap}.post-meta-beatmap-label-inner.is-overflowing{animation:beatmap-marquee var(--beatmap-scroll-duration, 6s) ease-in-out infinite alternate;animation-delay:.8s}@keyframes beatmap-marquee{0%,12%{transform:translate(0)}88%,to{transform:translate(var(--beatmap-scroll, 0))}}.post-meta-beatmap:hover .post-meta-beatmap-label-inner{text-decoration:underline}@media(prefers-reduced-motion:reduce){.post-meta-beatmap-label-inner.is-overflowing{animation:none}.post-meta-beatmap-label:has(.is-overflowing){-webkit-mask-image:none;mask-image:none}.post-meta-beatmap-label:has(.is-overflowing) .post-meta-beatmap-label-inner{display:block;overflow:hidden;text-overflow:ellipsis}}.post-text{margin:0;white-space:pre-wrap;line-height:1.5;font-size:.98rem}.post-poster{height:160px;border-radius:var(--radius);background-size:cover;background-position:center;margin-bottom:.65rem;border:1px solid var(--border)}.post-poster-empty{display:grid;place-items:center;color:var(--muted);background:var(--panel-raised)}.post-footer{margin-top:.55rem;font-size:.8rem;color:var(--muted)}.post-actions,.post-actions-main,.post-actions-end{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem}.post-actions-end{margin-left:auto}.post-action{appearance:none;display:inline-flex;align-items:center;gap:.3rem;margin:0;padding:.15rem 0;border:0;background:none;color:var(--muted);font:inherit;font-size:.85rem;font-weight:500;line-height:1;cursor:pointer}.post-action .icon{width:1.15rem;height:1.15rem}.post-action:hover{color:var(--text)}.post-action.is-active{color:var(--primary)}.post-action.is-liked{color:var(--like)}.post-menu{position:relative}.post-menu-summary{list-style:none}.post-menu-summary::-webkit-details-marker{display:none}.post-menu-panel{position:absolute;right:0;bottom:calc(100% + .35rem);min-width:7.5rem;padding:.35rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:0 3px 8px color-mix(in srgb,#000 16%,transparent);display:flex;flex-direction:column;gap:.15rem;z-index:10}.post-menu-panel button{display:flex;align-items:center;gap:.45rem;width:100%;padding:.45rem .55rem;border:0;border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:.85rem;text-align:left;cursor:pointer}.post-menu-panel button:hover{background:var(--panel-raised)}.post-menu-panel .post-menu-delete,.post-menu-panel .post-menu-delete:hover{color:var(--danger)}.post-edit-form{display:flex;flex-direction:column;gap:.55rem}.post-edit-form textarea{width:100%;resize:vertical;padding:.55rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-raised);color:var(--text);font:inherit}.post-edit-actions{display:flex;justify-content:flex-end;gap:.45rem}.post-action.is-static{cursor:default}.post-action:disabled{opacity:.55;cursor:not-allowed}.post-permalink{text-decoration:none}.post-permalink:hover{text-decoration:underline;color:var(--text)}.btn-text{appearance:none;background:none;border:0;padding:0;color:var(--primary);font:inherit;font-size:.8rem;cursor:pointer}.btn-text:hover{text-decoration:underline}.comments-section{margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--border)}.comments-section.is-compact{margin-top:.65rem}.comments-section.is-detail{display:flex;flex-direction:column;margin-top:.5rem;padding-top:0;border-top:0}.comments-section.is-detail .comments-heading{display:none}.comments-section.is-detail .comments-form{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;column-gap:.65rem;order:1;min-height:0;margin:0;padding:.7rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.comments-section.is-detail .comments-form textarea{grid-column:2;grid-row:1;width:100%;min-height:2.5rem;height:2.5rem;margin:0;padding:.35rem 0;border:0;border-radius:0;background:transparent;font-size:1rem;line-height:1.5;resize:none;outline:none;box-shadow:none}.comments-section.is-detail .comments-form>.btn{grid-column:3;grid-row:1;align-self:center;width:auto;margin:0;padding:.5rem 1rem}.comments-section.is-detail .comments-list{order:2;margin:0;padding:0}.comments-section.is-detail .comment-tree{gap:0}.comments-section.is-detail .comment-node{padding:.75rem 0;border-bottom:1px solid var(--border)}.comments-section.is-detail .comment-node:last-child{border-bottom:0}.post-card.has-detail-replies{border-bottom:0;padding-bottom:0}.comments-compose-avatar{grid-column:1;grid-row:1;width:36px;height:36px}.comments-heading{margin:0 0 .55rem;font-size:.9rem;font-weight:600}.comments-list{display:flex;flex-direction:column;gap:.65rem;margin-bottom:.75rem}.comment-tree,.comment-replies{list-style:none;margin:0;padding:0}.comment-tree{display:flex;flex-direction:column;gap:.65rem}.comment-node{min-width:0}.comment-replies{display:flex;flex-direction:column;gap:.55rem;margin:.45rem 0 0 .7rem;padding-left:.7rem;border-left:2px solid var(--border)}.comment-item{padding:.35rem 0}.comment-inline-reply{margin:.35rem 0 .15rem;padding-left:.7rem}.comments-section.is-detail .comment-inline-reply{margin:.55rem 0 .1rem;padding-left:0}.comments-section.is-detail .comment-inline-reply .comments-form{order:unset;border-top:0;border-bottom:0;padding:.35rem 0 .55rem}.comment-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.25rem;font-size:.8rem}.comment-meta .user-avatar{width:24px;height:24px}.comment-meta a,.conversation-comment-meta a{color:inherit;font-weight:600;text-decoration:none}.comment-meta a:hover,.conversation-comment-meta a:hover{text-decoration:underline}.comment-social-label{padding:.08rem .35rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--primary);font-size:.68rem;font-weight:600}.comment-text{margin:0 0 .25rem;white-space:pre-wrap;line-height:1.45;font-size:.9rem}.comment-edit-form{display:flex;flex-direction:column;gap:.45rem;margin:.15rem 0 .35rem}.comment-edit-form textarea{width:100%;resize:vertical;min-height:2.5rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-raised);color:var(--text);font:inherit;font-size:.9rem;line-height:1.45}.comment-edit-actions{display:flex;justify-content:flex-end;gap:.4rem}.comment-actions,.conversation-comment-actions{display:flex;align-items:center;gap:.7rem}.conversation-view-thread{color:var(--muted);font-size:.78rem;text-decoration:none}.conversation-view-thread:hover{text-decoration:underline;color:var(--muted)}.comment-actions{justify-content:space-between;gap:.5rem}.comment-actions-main,.comment-actions-end{display:flex;align-items:center;gap:.45rem}.comment-actions-end{margin-left:auto}.comment-actions-sep{color:var(--muted);font-size:.78rem;line-height:1;-webkit-user-select:none;user-select:none}.comment-actions .post-menu-summary{padding:.1rem 0}.comment-actions .post-menu-summary .icon{width:1rem;height:1rem}.comment-like{appearance:none;display:inline-flex;align-items:center;gap:.25rem;margin:0;padding:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;line-height:1;cursor:pointer}.comment-like:hover,.comment-like.is-active{color:var(--like)}.comment-like:disabled{cursor:not-allowed;opacity:.55}.comment-like .icon{width:.95rem;height:.95rem}.conversation-preview{position:relative;margin-top:.8rem;padding-top:.15rem}.conversation-preview-label{margin:0 0 .45rem var(--post-content-offset);color:var(--muted);font-size:.76rem}.conversation-preview-branch{display:flex;flex-direction:column;gap:.65rem}.conversation-comment{position:relative;display:grid;grid-template-columns:var(--post-avatar-size) minmax(0,1fr);gap:.55rem;min-width:0}.conversation-comment:before{content:"";position:absolute;left:calc(var(--post-avatar-size) / 2 - 1px);top:-.78rem;height:.95rem;width:2px;background:var(--border-strong)}.conversation-comment:first-child:before{display:none}.conversation-comment-avatar{display:flex;justify-content:center}.conversation-comment .user-avatar{width:32px;height:32px}.conversation-comment-content{min-width:0;padding:.05rem 0 .1rem}.conversation-comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.84rem}.conversation-comment-content p{margin:.16rem 0 .35rem;white-space:pre-wrap;font-size:.9rem;line-height:1.4}.comments-form{display:flex;flex-direction:column;gap:.45rem}.comments-form textarea{width:100%;resize:none;min-height:2.5rem;padding:.55rem .65rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-raised);color:var(--text);font:inherit}.comments-form textarea:focus,.comments-form textarea:focus-visible{outline:none}.page-title{margin:0 0 .25rem;font-size:1.45rem;font-weight:700;letter-spacing:-.02em}.page-lead{margin:0 0 1.1rem;font-size:.95rem}.landing{padding:1.5rem 0 2rem;max-width:36rem}.landing-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.25rem 0 1.5rem}.breadcrumb{margin:0 0 1rem;font-size:.85rem;color:var(--muted)}.breadcrumb a{color:var(--primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.post-detail{min-width:0}.post-detail-header{display:flex;align-items:center;gap:.25rem;padding:.4rem 0 0}.post-detail-header h1{margin:0;font-size:1rem;font-weight:600}.post-detail-back{appearance:none;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;text-decoration:none}.post-detail-back:hover{color:var(--text)}.post-detail>.post-card{padding-top:.4rem;padding-bottom:.4rem}.queue-submission-detail{min-width:0}.queue-submission-detail-header{display:flex;align-items:center;gap:.25rem;padding:.4rem 0 0}.queue-submission-detail-header h1{flex:1;margin:0;font-size:1rem;font-weight:600}.queue-submission-detail-header .btn-text{padding:.4rem}.queue-submission-detail-back{appearance:none;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;text-decoration:none}.queue-submission-detail-back:hover{color:var(--text)}@media(max-width:720px),(pointer:coarse){.post-detail-header,.queue-submission-detail-header,.queue-hero-button.is-back{display:none}}html[data-mobile-device] .post-detail-header,html[data-mobile-device] .queue-submission-detail-header,html[data-mobile-device] .queue-hero-button.is-back{display:none}.queue-submission-detail-card{list-style:none;margin:0;padding:0}.queue-submission-detail-card>.queue-submission-card{border:0;border-bottom:1px solid var(--border);border-radius:0}.queue-submission-detail-thread{background:transparent}.queue-submission-detail-thread .queue-submission-comments.comments-section.is-detail{border-top:0}.empty-state{padding:1.25rem 0;color:var(--text)}.empty-state .muted{margin-top:.35rem}.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}.discover{position:relative;height:calc(100dvh - var(--header-h));outline:none;background:var(--bg);color:var(--text);overflow:hidden}@media(max-width:720px),(pointer:coarse){.app-shell.is-immersive .discover{height:calc(100% - var(--mobile-bottom-nav-height))}}html[data-mobile-device] .app-shell.is-immersive .discover{height:calc(100% - var(--mobile-bottom-nav-height))}.discover:focus-visible{box-shadow:inset 0 0 0 2px var(--primary)}.discover-status{position:absolute;inset:0;display:grid;place-content:center;gap:.75rem;padding:1.5rem;text-align:center;z-index:2}.discover-stage{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 40%,#050608);display:flex;align-items:center;justify-content:center}.discover-video-hit{appearance:none;border:0;padding:0;margin:0;background:transparent;width:min(100%,56rem);height:100%;max-height:100%;cursor:pointer;position:relative;display:block}.discover-mute-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.55rem .9rem;border-radius:999px;background:color-mix(in srgb,var(--panel) 78%,transparent);border:1px solid var(--border-strong);color:var(--text);font-size:.85rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.discover-mute-badge.is-visible{opacity:1}.discover-actions{position:absolute;right:max(.75rem,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.85rem;z-index:4}.discover-avatar{width:2.75rem;height:2.75rem;border-radius:999px;overflow:hidden;border:2px solid var(--border-strong);background:var(--panel-raised)}.discover-avatar img,.discover-avatar .user-avatar-fallback{width:100%;height:100%;display:block;object-fit:cover}.discover-action{display:flex;flex-direction:column;align-items:center;gap:.2rem}.discover-action-count{font-size:.75rem;font-weight:600;color:var(--text);text-shadow:0 1px 2px color-mix(in srgb,var(--bg) 70%,transparent)}.discover-action-btn{appearance:none;width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--text);display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .15s ease,border-color .15s ease,background .15s ease;text-decoration:none}.discover-action-btn:hover:not(:disabled){transform:scale(1.06);border-color:var(--primary);text-decoration:none}.discover-action-btn:disabled{opacity:.45;cursor:not-allowed}.discover-action-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.discover-action-btn.is-liked{color:var(--like);border-color:color-mix(in srgb,var(--like) 45%,var(--border-strong))}.discover-action-btn.is-copied{color:var(--primary);border-color:var(--primary)}.discover-action-btn .icon{width:1.35rem;height:1.35rem}.discover-meta{position:absolute;left:max(1rem,env(safe-area-inset-left));right:5.5rem;bottom:max(1.25rem,env(safe-area-inset-bottom));z-index:4;display:flex;flex-direction:column;gap:.35rem;max-width:min(36rem,100%);pointer-events:none;text-shadow:0 1px 3px color-mix(in srgb,var(--bg) 80%,transparent)}.discover-author{margin:0;font-weight:700;font-size:1rem}.discover-desc,.discover-beatmap,.discover-progress{margin:0;font-size:.9rem;line-height:1.45}.discover-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.discover-beatmap{color:var(--primary);font-size:.82rem}.discover-hint{position:absolute;top:.75rem;left:50%;transform:translate(-50%);margin:0;z-index:3;font-size:.75rem;padding:.35rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--panel) 70%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis;pointer-events:none}.discover-comments{position:absolute;left:0;right:0;bottom:0;z-index:8;height:min(76dvh,calc(100% - .5rem));display:flex;flex-direction:column;background:var(--panel);border-top:1px solid var(--border);border-radius:0;box-shadow:var(--shadow-md);animation:discover-sheet-in .22s ease-out}@keyframes discover-sheet-in{0%{transform:translateY(12%);opacity:.6}to{transform:translateY(0);opacity:1}}.discover-comments-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1rem .85rem;border-bottom:1px solid var(--border);touch-action:pan-y}.discover-comments-grabber{position:absolute;top:.35rem;left:50%;width:2.25rem;height:.25rem;border-radius:999px;background:var(--border-strong);transform:translate(-50%)}.discover-comments-header h2{margin:0;font-size:1rem}.discover-comments-close{display:inline-grid;flex:0 0 auto;width:2.25rem;height:2.25rem;place-items:center;padding:0;border-radius:4px}.discover-comments-close .icon{width:1.15rem;height:1.15rem}.discover-comments-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.discover-comments>.comments-section{flex:1;min-height:0;margin:0;padding:0;border:0}.discover-comments>.comments-section.is-detail .comments-form{flex:0 0 auto;padding-inline:1rem;background:var(--panel)}.discover-comments>.comments-section.is-detail .comments-list{flex:1;min-height:0;overflow:auto;padding-inline:1rem}.discover-comments>.comments-section.is-detail .comment-node{padding-block:.85rem}@media(max-width:640px){.discover-video-hit{width:100%}.discover-hint{display:none}.discover-meta{bottom:max(1rem,env(safe-area-inset-bottom));right:4.75rem}.discover-actions{right:max(.5rem,env(safe-area-inset-right));gap:.65rem}}@media(min-width:900px){.discover-stage{padding:1rem 5.5rem 1rem 1rem}.discover-comments{inset:0 0 0 auto;width:min(22rem,40vw);height:auto;max-height:none;border-radius:0;border-top:none;border-left:1px solid var(--border);animation:discover-panel-in .2s ease-out}.discover-comments-grabber{display:none}@keyframes discover-panel-in{0%{transform:translate(8%);opacity:.5}to{transform:translate(0);opacity:1}}}.mod-flash{margin:.75rem 0;color:var(--accent);font-size:.9rem}.mod-review{min-width:0}.mod-review-tabs{margin:0 0 .5rem}.mod-tab-count,.settings-nav-count{display:inline-flex;min-width:1.35rem;height:1.35rem;align-items:center;justify-content:center;margin-left:.45rem;padding:0 .4rem;border-radius:999px;background:var(--primary-glow);color:var(--primary);font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;vertical-align:middle}.mod-status{color:var(--muted);font-size:.78rem}.mod-status.is-review{color:var(--danger)}.mod-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:0 .25rem .7rem;border-bottom:1px solid var(--border)}.mod-section-heading h3,.mod-analytics-header h3,.mod-member-header h2,.mod-upload-header h3{margin:0;font-size:1rem;font-weight:650;letter-spacing:-.01em}.mod-section-heading p,.mod-upload-header p,.mod-analytics-header p{margin:.2rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.4}.panel-form>div>.muted{margin:.25rem 0 0;font-size:.85rem;line-height:1.45}.mod-empty{margin:0;padding:1.1rem 0;color:var(--muted);font-size:.9rem;line-height:1.5}.mod-media-list{min-width:0}.mod-media-row{display:grid;grid-template-columns:7rem minmax(0,1fr);column-gap:.85rem;align-items:start;padding:.85rem 0;border-bottom:1px solid var(--border)}.mod-media-row:hover{background:color-mix(in srgb,var(--panel-raised) 45%,transparent)}.mod-media-poster{width:7rem;aspect-ratio:16 / 9;object-fit:cover;background:var(--panel-raised)}.mod-media-poster-empty{border:1px dashed var(--border-strong)}.mod-media-main{min-width:0}.mod-media-description{display:-webkit-box;margin:0;overflow:hidden;font-size:.9rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mod-media-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-top:.45rem;color:var(--muted);font-size:.78rem}.mod-media-meta a:last-child{margin-left:auto}.mod-media-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem;grid-column:2;margin-top:.55rem}.mod-media-actions .btn{padding:.32rem .65rem;font-size:.78rem}.mod-hint{margin:.85rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.45}.mod-members,.mod-message{display:flex;min-width:0;flex-direction:column;gap:1.4rem}.mod-split{display:grid;min-width:0;grid-template-columns:minmax(11.5rem,13rem) minmax(0,1fr);gap:1.25rem;align-items:start}.mod-split-search{min-width:0}.mod-split-search .mod-user-results{max-height:28rem;overflow-y:auto}.mod-split-search .mod-user-result img,.mod-split-search .mod-user-result .user-avatar{width:2rem;height:2rem}.mod-split-detail{min-width:0;padding-left:1.25rem;border-left:1px solid var(--border)}.mod-back-row{display:none;margin-bottom:.35rem}.mod-back-row .btn-text{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600}.mod-search-row{display:flex;gap:.4rem;margin:.9rem 0;padding:0 .25rem}.mod-search-row .compose-input{min-width:0}.mod-user-results{margin-top:.5rem;border-top:1px solid var(--border)}.mod-user-result{display:flex;align-items:center;width:100%;gap:.65rem;padding:.7rem .4rem;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;color:var(--text);cursor:pointer;font:inherit;text-align:left;transition:background .15s ease,color .15s ease}.mod-user-result:hover,.mod-user-result.is-selected{background:color-mix(in srgb,var(--primary-glow) 48%,transparent)}.mod-user-result.is-selected{color:var(--primary)}.mod-user-result img,.mod-user-result .user-avatar{width:2.25rem;height:2.25rem;flex:0 0 auto;border-radius:50%}.mod-user-result-text{display:flex;flex:1;flex-direction:column;min-width:0;gap:.1rem}.mod-user-result-text strong{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.mod-user-result-text .muted{overflow:hidden;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.mod-user-role{flex:0 0 auto;color:var(--muted);font-size:.78rem}.mod-user-role.is-danger{color:var(--danger)}.mod-member-placeholder{padding-top:0}.mod-member-header{display:flex;align-items:flex-start;gap:.9rem;padding:.9rem .25rem;border-bottom:1px solid var(--border)}.mod-member-header>div{min-width:0}.mod-member-header h2{font-size:1.25rem}.mod-member-header p{margin:.2rem 0 0;font-size:.82rem}.mod-user-avatar{width:3.5rem;height:3.5rem;flex:0 0 auto;border:1px solid var(--border);border-radius:50%}.avatar-has-transparency{border-color:transparent;background:transparent}.mobile-header-action>img.avatar-has-transparency,.settings-account-card>img.avatar-has-transparency,.submission-acks>img.avatar-has-transparency{border-color:transparent;background:transparent}.queue-member-stack>a:has(>.avatar-has-transparency),.discover-avatar:has(>.avatar-has-transparency){border-color:transparent;background:transparent}.mod-member-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}.mod-upload-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1rem;padding:.9rem .25rem .7rem;border-bottom:1px solid var(--border)}.mod-upload-filter{flex-wrap:nowrap;margin:0}.mod-analytics{display:flex;min-width:0;flex-direction:column;gap:1.4rem}.mod-analytics-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;padding:0 .25rem .75rem;border-bottom:1px solid var(--border)}.mod-analytics-header-side{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}.mod-analytics-range{margin:0}.mod-updated{color:var(--muted);font-size:.78rem;white-space:nowrap}.mod-group-label{margin:0 0 .75rem;padding:0 .25rem .55rem;border-bottom:1px solid var(--border);font-size:1rem;font-weight:650;letter-spacing:-.01em}.mod-stat-panel{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--border);gap:1px}.mod-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mod-compact-grid{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}.mod-stat{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .85rem;background:var(--panel)}.mod-stat span{color:var(--muted);font-size:.76rem}.mod-stat strong{flex:0 0 auto;overflow:hidden;font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.mod-stat.is-hero{flex-direction:column;align-items:flex-start;gap:.2rem;padding:.85rem .95rem}.mod-stat.is-hero strong{font-size:1.35rem;font-weight:650;letter-spacing:-.02em}.mod-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.mod-chart-grid>.mod-chart-panel:last-child:nth-child(odd){grid-column:1 / -1}.mod-chart-panel{min-width:0;padding:.85rem 1rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.mod-chart-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.mod-chart-heading h3{margin:0;font-size:.9rem;font-weight:650}.mod-chart-heading span{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}.mod-chart-panel svg{display:block;width:100%;height:auto;overflow:visible}.mod-chart-gridline{stroke:var(--border);stroke-width:1}.mod-chart-fill-start{stop-color:var(--primary);stop-opacity:.25}.mod-chart-fill-end{stop-color:var(--primary);stop-opacity:0}.mod-chart-line{fill:none;stroke:var(--primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.mod-chart-dot{fill:var(--primary-strong);stroke:var(--panel);stroke-width:1.5}.mod-chart-label{fill:var(--muted);font-family:var(--font-sans);font-size:.7rem}.mod-recipient{display:flex;flex-direction:column;gap:.6rem;padding:.9rem .25rem;border-bottom:1px solid var(--border)}.mod-recipient .mod-search-row{margin:0;padding:0}.mod-recipient-picker{max-height:13rem;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.mod-recipient-picker .mod-user-results{margin-top:0;border-top:0}.mod-recipient-picker .mod-user-result{padding:.55rem .75rem}.mod-recipient-chip{display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.mod-recipient-chip img,.mod-recipient-chip .user-avatar{width:2.25rem;height:2.25rem;flex:0 0 auto;border-radius:50%}.mod-recipient-chip-text{display:flex;flex:1;flex-direction:column;min-width:0;gap:.1rem}.mod-recipient-chip-text strong{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.mod-recipient-chip-text .muted{font-size:.75rem}.mod-recipient-clear{display:inline-flex;width:1.75rem;height:1.75rem;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.mod-recipient-clear:hover{border-color:var(--danger);color:var(--danger)}.mod-message-field{display:flex;flex-direction:column;gap:.55rem;padding:.9rem .25rem;border-bottom:1px solid var(--border)}.mod-message-textarea{min-height:8rem;resize:vertical}.mod-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.9rem}.mod-compose-actions .mod-hint{margin:0}@media(max-width:899px),(pointer:coarse){.mod-split{display:block}.mod-split-search .mod-user-results{max-height:none}.mod-split-detail{padding-left:0;border-left:0}.mod-split.is-selected .mod-split-search{display:none}.mod-split:not(.is-selected) .mod-split-detail{display:none}.mod-split.is-selected .mod-back-row{display:block}}@media(max-width:640px){.mod-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mod-chart-grid{grid-template-columns:1fr}}@media(max-width:620px){.mod-media-row{grid-template-columns:5.5rem minmax(0,1fr)}.mod-media-poster{width:5.5rem}.mod-media-actions{justify-content:flex-start;grid-column:1 / -1}.mod-compose-actions{align-items:flex-start;flex-direction:column}.mod-member-actions .btn,.mod-compose-actions .btn{width:100%;justify-content:center}}.moderation-settings-page .settings-nav-item{width:100%;font:inherit;text-align:left}.moderation-detail-body{gap:1.4rem}.moderation-settings-page .mod-flash{margin:0;padding:.8rem 1rem;border-bottom:1px solid var(--border)}