:root{--bg: oklch(.135 .008 250);--bg-1: oklch(.165 .009 250);--bg-2: oklch(.195 .009 250);--bg-3: oklch(.235 .01 250);--line: oklch(.3 .01 250);--line-soft: oklch(.235 .01 250);--fg: oklch(.965 .003 250);--fg-muted: oklch(.72 .01 250);--fg-dim: oklch(.52 .012 250);--fg-faint: oklch(.38 .014 250);--accent: oklch(.82 .13 200);--accent-ink: oklch(.18 .03 200);--amber: oklch(.84 .165 78);--magenta: oklch(.72 .2 340);--green: oklch(.82 .17 145);--red: oklch(.7 .22 25);--font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--maxw: 1320px;--pad-x: clamp(18px, 4vw, 56px)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--accent) 55%,var(--line)) var(--bg-1)}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--bg-1);border-left:1px solid var(--line-soft)}*::-webkit-scrollbar-thumb{min-height:36px;border:3px solid var(--bg-1);border-radius:999px;background:color-mix(in oklch,var(--accent) 55%,var(--line))}*::-webkit-scrollbar-thumb:hover{background:var(--accent)}*::-webkit-scrollbar-corner{background:var(--bg-1)}.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad-x)}.nav{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line-soft);background:color-mix(in oklch,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.nav__inner{display:flex;align-items:center;min-height:60px;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;font-weight:600}.brand__mark{width:36px;height:22px;border:1px solid var(--line);border-radius:4px;position:relative;overflow:hidden}.brand__mark:before,.brand__mark:after{content:"";position:absolute;left:-4px;right:-4px;height:2px;border-radius:99px}.brand__mark:before{top:7px;background:var(--accent);transform:skewY(-14deg)}.brand__mark:after{bottom:7px;background:var(--magenta);transform:skewY(12deg)}.nav__links{display:flex;align-items:center;gap:18px;color:var(--fg-muted);font-size:13.5px}.nav__links a{display:inline-flex;align-items:center;gap:6px;min-height:34px}.nav__links a.active,.nav__links a:hover{color:var(--fg)}.nav__right{display:flex;align-items:center;gap:10px;margin-left:auto}.user-chip{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-muted);font-size:13px}.page{padding:clamp(36px,7vw,84px) 0 120px}.page-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:28px;align-items:end;margin-bottom:28px}.h1,.page-head h1{margin:0;font-size:clamp(38px,6vw,78px);line-height:1;font-weight:500}.lead{margin:0;color:var(--fg-muted);font-size:clamp(16px,1.4vw,19px);line-height:1.55}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--fg-dim);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.eyebrow:before{content:"";width:18px;height:1px;background:var(--accent)}.eyebrow--plain:before{display:none}.btn,.icon-btn,.link-btn{border:0;background:transparent;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 14px;border-radius:4px;border:1px solid var(--line);font-size:13.5px;white-space:nowrap}.btn--primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600}.btn--ghost{background:var(--bg-1);color:var(--fg-muted)}.btn--wide{width:100%}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.45}.icon-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:4px;color:var(--fg-muted)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:3px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);font-size:11px;font-weight:600}.toolbar{display:grid;grid-template-columns:minmax(min(100%,440px),1fr) minmax(132px,160px) minmax(150px,180px);gap:10px;margin-bottom:22px}.search-box,.toolbar select,.presence-controls input,.presence-controls select,.auth-form input,.profile-form input,.profile-form select,.profile-form textarea,.composer textarea,.chat-compose input{width:100%;border:1px solid var(--line);border-radius:4px;background:var(--bg-1);color:var(--fg);outline:none}.search-box{display:flex;align-items:center;gap:10px;padding:0 12px}.search-box input,.chat-compose input{min-width:0;border:0;background:transparent;min-height:42px;color:var(--fg);outline:none}.toolbar select,.presence-controls input,.presence-controls select,.auth-form input,.profile-form input,.profile-form select{min-height:42px;padding:0 12px}.toolbar select,.presence-controls select,.profile-form select{appearance:none;padding-right:46px;background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%),linear-gradient(to bottom,transparent 8px,var(--line-soft) 8px,var(--line-soft) calc(100% - 8px),transparent calc(100% - 8px));background-position:calc(100% - 18px) 18px,calc(100% - 12px) 18px,calc(100% - 38px) 0;background-repeat:no-repeat;background-size:6px 6px,6px 6px,1px 100%;color-scheme:dark}.toolbar select:hover,.presence-controls select:hover,.profile-form select:hover,.toolbar select:focus,.presence-controls select:focus,.profile-form select:focus{border-color:color-mix(in oklch,var(--accent) 70%,var(--line));background-color:var(--bg-2)}.toolbar select option,.presence-controls select option,.profile-form select option{background:var(--bg-1);color:var(--fg)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.project-card,.panel,.auth-panel{border:1px solid var(--line);border-radius:6px;background:linear-gradient(180deg,var(--bg-2),var(--bg-1))}.project-card{overflow:hidden;min-width:0}.project-art{display:block;aspect-ratio:16 / 9;background:var(--bg-3);border-bottom:1px solid var(--line-soft)}.profile-cover img,.compact-project img{width:100%;height:100%;object-fit:cover}.project-title-image{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-3)}.project-title-image__media{width:100%;height:100%;object-fit:cover;filter:saturate(70%) brightness(58%);transform:scale(1.02)}.project-title-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000000a,#00000085),linear-gradient(90deg,rgb(0 0 0 / .42),transparent 70%)}.project-title-image span{position:absolute;right:14px;bottom:12px;left:14px;z-index:1;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--fg);font-size:clamp(20px,3vw,34px);font-weight:650;line-height:1.05;text-shadow:0 2px 16px rgb(0 0 0 / .82)}.project-title-image--large span{right:22px;bottom:20px;left:22px;-webkit-line-clamp:4;font-size:clamp(30px,4.6vw,58px)}.project-title-image--compact{border-radius:4px}.project-title-image--compact .project-title-image__media{filter:saturate(70%) brightness(52%)}.project-title-image--compact span{right:5px;bottom:5px;left:5px;-webkit-line-clamp:2;font-size:9px;line-height:1.05;white-space:normal}.project-title-image__fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in oklch,var(--accent) 22%,transparent),transparent 55%),linear-gradient(315deg,color-mix(in oklch,var(--magenta) 18%,transparent),transparent 55%),var(--bg-3);color:var(--fg);font-family:var(--font-mono);font-size:28px}.project-body{padding:14px}.project-title-row{display:flex;align-items:start;gap:10px}.project-title{min-width:0;flex:1;font-size:18px;font-weight:600;line-height:1.25}.play-btn{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:var(--accent-ink)}.creator-line{display:inline-flex;margin-top:5px;color:var(--accent);font-size:13px}.project-body p{min-height:44px;margin:10px 0;color:var(--fg-muted);font-size:14px;line-height:1.45}.project-card-cta{margin-top:12px}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border:1px solid var(--line);border-radius:3px;background:var(--bg-1);color:var(--fg-dim);font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase}.project-actions{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-soft)}.project-actions button,.project-actions span{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px;border:0;border-right:1px solid var(--line-soft);background:transparent;color:var(--fg-muted);font-size:12px}.project-actions button.active,.project-actions button:hover,.rating-row button.active{color:var(--accent)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.detail-hero{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:28px;align-items:center}.detail-art{aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--bg-2)}.detail-creator{margin:12px 0}.detail-actions,.rating-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.rating-row button{border:0;background:transparent;color:var(--fg-faint)}.rating-row span{color:var(--fg-muted);font-size:13px}.panel.daw-panel{overflow:hidden;padding:0}.daw-panel-head{margin:0;padding:16px 18px;border-bottom:1px solid var(--line-soft);background:color-mix(in oklch,var(--bg-2) 82%,var(--bg))}.daw-panel-head p{margin:5px 0 0;color:var(--fg-dim);font-family:var(--font-mono);font-size:12px}.daw-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.daw-meta span{padding:5px 8px;border:1px solid var(--line);border-radius:4px;background:var(--bg-1);color:var(--fg-muted);font-family:var(--font-mono);font-size:11px}.daw-empty{padding:22px 18px;color:var(--fg-dim)}.daw-scroll{--track-head: 190px;overflow:auto;max-height:min(620px,70vh);background:linear-gradient(90deg,color-mix(in oklch,var(--bg-2) 86%,var(--bg)),transparent 34%),var(--bg-1)}.daw-ruler,.daw-row{display:grid;grid-template-columns:var(--track-head) max-content;min-width:100%}.daw-ruler{position:sticky;top:0;z-index:2;min-height:34px;border-bottom:1px solid var(--line);background:var(--bg-2)}.daw-ruler-spacer{position:sticky;left:0;z-index:5;display:flex;align-items:center;padding:0 12px;border-right:1px solid var(--line);background:var(--bg-2);color:var(--fg-dim);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.daw-ruler-lane{position:relative;min-height:34px;background:linear-gradient(90deg,color-mix(in oklch,var(--fg) 8%,transparent) 1px,transparent 1px) 0 0 / 44px 100%}.daw-ruler-lane span{position:absolute;top:9px;transform:translate(5px);color:var(--fg-dim);font-family:var(--font-mono);font-size:10px}.daw-row{min-height:64px;border-bottom:1px solid var(--line-soft)}.daw-track{position:sticky;left:0;z-index:4;min-width:0;padding:10px 10px 9px 12px;border-right:1px solid var(--line);border-left:4px solid var(--accent);background:var(--bg-2);background:color-mix(in oklch,var(--bg-2) 76%,var(--bg));box-shadow:12px 0 18px color-mix(in oklch,var(--bg) 65%,transparent)}.daw-track strong{display:block;overflow:hidden;color:var(--fg);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.daw-track>span{display:block;margin-top:2px;color:var(--fg-dim);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.daw-track-flags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.daw-track-flags b,.daw-track-flags small{display:inline-flex;align-items:center;min-height:18px;padding:0 5px;border:1px solid var(--line);border-radius:3px;background:var(--bg-1);color:var(--fg-muted);font-family:var(--font-mono);font-size:10px;font-weight:500}.daw-track-flags b{border-color:var(--accent);color:var(--accent)}.daw-lane{position:relative;min-height:64px;background:linear-gradient(90deg,color-mix(in oklch,var(--fg) 5%,transparent) 1px,transparent 1px) 0 0 / 44px 100%,linear-gradient(90deg,color-mix(in oklch,var(--fg) 10%,transparent) 1px,transparent 1px) 0 0 / 176px 100%}.daw-lane>i{position:absolute;top:0;bottom:0;width:1px;background:color-mix(in oklch,var(--fg) 8%,transparent)}.daw-clip{position:absolute;top:8px;bottom:8px;overflow:hidden;min-width:18px;border:1px solid;border-radius:4px;box-shadow:inset 0 1px color-mix(in oklch,var(--fg) 20%,transparent),0 8px 18px color-mix(in oklch,var(--bg) 48%,transparent)}.daw-clip.is-selected{outline:2px solid var(--amber);outline-offset:-2px}.daw-clip span,.daw-clip em{position:absolute;left:6px;right:6px;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px color-mix(in oklch,var(--bg) 80%,transparent)}.daw-clip span{top:4px;color:var(--fg);font-size:11px;font-weight:650}.daw-clip em{bottom:4px;color:color-mix(in oklch,var(--fg) 72%,transparent);font-family:var(--font-mono);font-size:9px;font-style:normal;text-transform:uppercase}.daw-clip--automation{border-style:dashed}.daw-beat-preview{position:absolute;inset:20px 0 13px}.daw-beat-preview b{position:absolute;border:1px solid color-mix(in oklch,var(--bg) 45%,transparent)}.panel{min-width:0;padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head h1,.panel-head h2{margin:0;font-weight:500}.comment-list,.online-list,.inbox-list,.conversation-log,.chat-log,.compact-project-list{display:flex;flex-direction:column;gap:10px}.comment,.online-user,.inbox-item,.compact-project{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.comment{align-items:start;padding:12px 0;border-bottom:1px solid var(--line-soft)}.comment-content{display:flex;flex-direction:column;gap:8px}.comment-content .quoted-post{margin:6px 0 2px}.comment p,.chat-message p,.dm p{margin:4px 0 0;color:var(--fg-muted);line-height:1.45;overflow-wrap:anywhere}.comment-meta,.inline-actions{display:flex;gap:10px;color:var(--fg-dim);font-size:12px}.inline-actions button,.chat-message button,.link-btn{color:var(--accent);font-size:13px}.inline-actions button{min-height:26px;padding:0 9px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:var(--accent-ink);font-weight:600}.inline-actions button:hover{filter:brightness(1.06)}.chat-message button{min-height:26px;padding:0 9px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:var(--accent-ink);font-weight:600}.composer{display:flex;flex-direction:column;gap:10px;margin-top:18px}.composer textarea{min-height:96px;padding:12px;resize:vertical}.composer>div{display:flex;justify-content:flex-end;gap:10px}.lobby-layout,.messages-layout,.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.messages-layout,.profile-layout{grid-template-columns:340px minmax(0,1fr)}.chat-panel,.conversation-panel{min-height:calc(100vh - 180px)}.chat-log,.conversation-log{max-height:calc(100vh - 300px);overflow:auto;padding-right:4px}.chat-message{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line-soft)}.chat-author{font-weight:600}.chat-author:hover{text-decoration:underline;text-underline-offset:3px}.chat-message time,.dm time{color:var(--fg-faint);font-family:var(--font-mono);font-size:11px}.chat-message p{margin:0}.chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:14px;padding:8px;border:1px solid var(--line);border-radius:6px;background:color-mix(in oklch,var(--bg-1) 82%,transparent);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.chat-compose:hover,.chat-compose:focus-within{border-color:color-mix(in oklch,var(--accent) 70%,var(--line));background:var(--bg-2)}.chat-compose:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 18%,transparent)}.chat-compose input{padding:0 4px}.presence-controls{display:grid;grid-template-columns:132px minmax(160px,1fr);gap:8px}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:var(--bg-3);color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:600}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--large{width:82px;height:82px;margin-top:-36px;font-size:22px}.online-user,.inbox-item,.compact-project{padding:10px;border:1px solid var(--line-soft);border-radius:4px;background:color-mix(in oklch,var(--bg-1) 72%,transparent)}.online-user small,.inbox-item small,.compact-project small{display:block;min-width:0;overflow:hidden;color:var(--fg-dim);text-overflow:ellipsis;white-space:nowrap}.inbox-item.active{border-color:var(--accent)}.dm{max-width:70%;align-self:start;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg-1)}.dm.mine{align-self:end;border-color:color-mix(in oklch,var(--accent) 60%,var(--line));background:color-mix(in oklch,var(--accent) 12%,var(--bg-1))}.auth-screen{display:grid;place-items:center;min-height:calc(100vh - 60px);padding:32px var(--pad-x) 90px}.auth-panel{width:min(100%,440px);padding:24px}.auth-panel h1{margin:0 0 20px;font-size:34px;font-weight:500}.auth-form,.profile-form,.forum-form{display:flex;flex-direction:column;gap:12px}.auth-form label,.profile-form label,.forum-form label{display:flex;flex-direction:column;gap:6px;color:var(--fg-muted);font-size:13px}.profile-form textarea{min-height:96px;padding:12px;resize:vertical}.forum-form input,.forum-form textarea{width:100%;border:1px solid var(--line);border-radius:4px;background:var(--bg-1);color:var(--fg);outline:none}.forum-form input{min-height:42px;padding:0 12px}.forum-form textarea{min-height:180px;padding:12px;resize:vertical}.forum-form input:hover,.forum-form textarea:hover,.forum-form input:focus,.forum-form textarea:focus{border-color:color-mix(in oklch,var(--accent) 70%,var(--line));background:var(--bg-2)}.form-grid,.profile-upload-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.file-field input{padding:9px 12px}.attachment-picker{gap:8px}.attachment-selection{color:var(--fg-dim);font-size:12px;line-height:1.4}.turnstile{min-height:65px}.form-note{margin:4px 0;color:var(--fg-muted);font-size:13px;line-height:1.45}.form-error,.state-block--error{color:var(--red)}.profile-cover{height:130px;margin:-18px -18px 0;border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in oklch,var(--accent) 18%,transparent),transparent),var(--bg-3)}.profile-card h1,.profile-card p{margin:10px 0 0}.profile-card p{color:var(--fg-muted)}.stats-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.stats-strip span{padding:8px;border:1px solid var(--line-soft);border-radius:4px;color:var(--fg-muted);font-size:12px;text-align:center}.profile-id-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.profile-id-list span,.profile-properties dt{color:var(--fg-dim);font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase}.profile-id-list strong{display:block;margin-top:3px;color:var(--fg-muted);font-family:var(--font-sans);font-size:12px;font-weight:400;overflow-wrap:anywhere;text-transform:none}.profile-properties{margin-bottom:22px}.profile-properties dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.profile-properties dl>div{min-width:0;padding:10px;border:1px solid var(--line-soft);border-radius:4px;background:color-mix(in oklch,var(--bg-1) 72%,transparent)}.profile-properties dd{margin:4px 0 0;color:var(--fg-muted);overflow-wrap:anywhere}.profile-properties a{color:var(--accent)}.profile-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.profile-links a{padding:6px 9px;border:1px solid var(--line);border-radius:4px;background:var(--bg-1);color:var(--accent);font-size:12px}.compact-project{grid-template-columns:52px minmax(0,1fr)}.compact-project .project-title-image{width:52px;height:52px;border-radius:4px}.forum-grid{display:flex;flex-direction:column;gap:14px}.forum-topic-card{min-height:128px;padding:18px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));transition:border-color .16s ease,transform .16s ease,background-color .16s ease}.forum-topic-card:hover{border-color:color-mix(in oklch,var(--accent) 70%,var(--line));transform:translateY(-1px)}.forum-topic-card h2,.forum-compose-panel h2,.forum-main h1{margin:0;font-weight:500}.forum-topic-card p,.forum-main .panel-head p{color:var(--fg-muted);line-height:1.45}.forum-topic-card small,.back-link{color:var(--accent);font-size:13px}.forum-layout,.forum-thread-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.thread-list,.forum-post-list{display:flex;flex-direction:column;gap:10px}.thread-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line-soft);border-radius:4px;background:color-mix(in oklch,var(--bg-1) 76%,transparent)}.thread-row--pinned{border-color:color-mix(in oklch,var(--accent) 46%,var(--line));background:color-mix(in oklch,var(--accent) 8%,var(--bg-1))}.thread-row:hover{border-color:color-mix(in oklch,var(--accent) 60%,var(--line));background:var(--bg-2)}.thread-row__main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-width:0}.thread-row strong,.thread-row small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-row__title{min-width:0}.thread-row small,.thread-stats small{color:var(--fg-dim)}.pin-label{display:inline-flex;align-items:center;gap:4px;margin-right:8px;color:var(--accent);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.thread-row .pin-label{display:inline-flex;overflow:visible;white-space:nowrap}.thread-stats{display:grid;min-width:58px;justify-items:end;color:var(--fg-muted);font-family:var(--font-mono);font-size:12px}.thread-stats b{color:var(--fg);font-family:var(--font-sans);font-size:15px}.thread-pin-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:var(--bg-1);color:var(--fg-muted);font-size:13px;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.thread-pin-button:hover:not(:disabled){border-color:var(--accent);background:color-mix(in oklch,var(--accent) 9%,var(--bg-1));color:var(--accent)}.thread-pin-button:disabled{cursor:wait;opacity:.55}.thread-pin-button--header{align-self:start}.forum-post{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;padding:16px;border:1px solid var(--line-soft);border-radius:4px;background:color-mix(in oklch,var(--bg-1) 76%,transparent)}.forum-post-author{display:flex;flex-direction:column;gap:8px;color:var(--fg-muted)}.forum-post-author a{color:var(--accent);font-weight:600}.forum-post-author time{color:var(--fg-dim);font-family:var(--font-mono);font-size:11px}.forum-edited{color:var(--fg-faint);font-family:var(--font-mono);font-size:11px}.forum-post-body{min-width:0}.forum-post-content{display:flex;flex-direction:column;gap:12px}.forum-post-content .quoted-post{margin:0}.forum-auth-prompt{display:flex;flex-direction:column;gap:12px}.forum-auth-prompt p{margin:0;color:var(--fg-muted);line-height:1.45}.forum-auth-prompt>div{display:flex;flex-wrap:wrap;gap:10px}.quoted-post,.quoted-target{margin:0 0 12px;padding:11px 12px;border:1px solid color-mix(in oklch,var(--accent) 42%,var(--line));border-left:3px solid var(--accent);border-radius:4px;background:linear-gradient(180deg,color-mix(in oklch,var(--accent) 10%,var(--bg-2)),var(--bg-1))}.quoted-post span,.quoted-target span{display:block;color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:0;text-transform:uppercase}.forum-post-body .quoted-post p,.comment-content .quoted-post p,.quoted-target p{display:-webkit-box;margin:7px 0 0;overflow:hidden;color:var(--fg-dim);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:4;white-space:pre-wrap;overflow-wrap:anywhere}.quoted-target{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.quoted-target button{min-height:28px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:var(--bg-1);color:var(--accent);font-size:12px}.quoted-target button:hover{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 9%,var(--bg-1))}.forum-post-body p{margin:0;color:var(--fg-muted);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.forum-edit-box{display:flex;flex-direction:column;gap:10px}.forum-edit-box textarea{width:100%;min-height:180px;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--bg-1);color:var(--fg);outline:none;resize:vertical}.forum-edit-box textarea:hover,.forum-edit-box textarea:focus{border-color:color-mix(in oklch,var(--accent) 70%,var(--line));background:var(--bg-2)}.forum-edit-actions{display:flex;flex-wrap:wrap;gap:8px}.forum-edit-actions button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:var(--bg-1);color:var(--fg-muted)}.forum-edit-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.forum-attachments{display:flex;flex-direction:column;gap:8px;margin-top:14px}.forum-attachments a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--line-soft);border-radius:4px;background:var(--bg-1);color:var(--fg-muted)}.forum-attachments a:hover{border-color:color-mix(in oklch,var(--accent) 60%,var(--line));color:var(--fg)}.forum-attachments span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forum-attachments small{color:var(--fg-dim);font-family:var(--font-mono);font-size:11px}.forum-votes{display:flex;gap:8px;margin-top:14px}.forum-votes button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:var(--bg-1);color:var(--fg-muted)}.forum-votes button:hover,.forum-votes button.active{border-color:var(--accent);color:var(--accent)}.forum-votes button:disabled{cursor:default;opacity:.62}.forum-votes button:disabled:hover{border-color:var(--line);color:var(--fg-muted)}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;color:var(--fg-muted);text-align:center}.state-block strong{color:var(--fg);font-size:20px}.spin{animation:spin .8s linear infinite}.mini-player{position:fixed;left:50%;bottom:16px;z-index:40;display:grid;grid-template-columns:minmax(180px,280px) minmax(220px,480px) auto;gap:14px;align-items:center;width:min(calc(100vw - 28px),920px);padding:12px;border:1px solid var(--line);border-radius:6px;background:color-mix(in oklch,var(--bg-1) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%)}.mini-player strong,.mini-player span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player audio{width:100%}.visualizer-page{min-height:calc(100vh - 60px);padding:18px var(--pad-x) 26px;background:linear-gradient(180deg,color-mix(in oklch,var(--bg-1) 75%,var(--bg)),var(--bg) 46%),var(--bg)}.visualizer-shell{display:grid;grid-template-rows:auto minmax(440px,1fr) auto;gap:12px;max-width:1680px;min-height:calc(100vh - 104px);margin:0 auto}.visualizer-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;min-height:58px}.visualizer-topbar h1{overflow:hidden;margin:0;font-size:clamp(22px,3vw,36px);font-weight:500;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.visualizer-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.visualizer-close-btn{border-color:var(--accent);background:var(--accent);color:#050708;font-weight:650}.visualizer-close-btn:hover{filter:brightness(1.06)}.visualizer-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.visualizer-meta span{min-height:28px;padding:6px 9px;border:1px solid var(--line);border-radius:4px;background:var(--bg-1);color:var(--fg-muted);font-family:var(--font-mono);font-size:11px}.visualizer-stage{position:relative;overflow:hidden;min-height:min(72vh,760px);border:1px solid var(--line);border-radius:6px;background:#07100f}.visualizer-canvas{display:block;width:100%;height:calc(100% - 74px);min-height:430px}.visualizer-controls{position:absolute;right:14px;bottom:14px;left:14px;display:grid;grid-template-columns:auto auto minmax(120px,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid color-mix(in oklch,var(--fg) 14%,transparent);border-radius:6px;background:color-mix(in oklch,var(--bg-1) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.visualizer-controls input[type=range]{width:100%;accent-color:var(--accent)}.visualizer-controls span{color:var(--fg-muted);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.visualizer-note{margin:0;color:var(--fg-dim);font-size:13px}.empty-video-panel{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.empty-video-panel h1,.empty-video-panel p{margin:0}.empty-video-panel p{color:var(--fg-muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.nav__inner{flex-wrap:wrap;gap:10px;padding-top:10px;padding-bottom:10px}.nav__links{order:3;width:100%;overflow-x:auto}.page-head,.toolbar,.detail-hero,.lobby-layout,.messages-layout,.profile-layout,.forum-layout,.forum-thread-layout{grid-template-columns:1fr}.messages-layout .inbox-panel{max-height:260px;overflow:auto}.chat-message{grid-template-columns:minmax(0,1fr) auto}.chat-message p,.chat-message button{grid-column:1 / -1}.presence-controls,.chat-compose,.mini-player,.visualizer-topbar{grid-template-columns:1fr}.visualizer-meta{justify-content:flex-start}.visualizer-top-actions{justify-content:flex-start;flex-wrap:wrap}.dm{max-width:88%}.forum-post{grid-template-columns:1fr}.forum-post-author{flex-direction:row;align-items:center;flex-wrap:wrap}}@media(max-width:620px){.nav__right{width:100%;justify-content:flex-start;margin-left:0}.project-grid{grid-template-columns:1fr}.project-actions{grid-template-columns:repeat(3,1fr)}.stats-strip,.form-grid,.profile-upload-row,.profile-properties dl{grid-template-columns:1fr}.thread-row{grid-template-columns:minmax(0,1fr) auto auto}.thread-stats{justify-items:start}.thread-pin-button{grid-column:1 / -1;width:fit-content}.visualizer-page{padding:12px}.visualizer-shell{min-height:calc(100vh - 84px)}.visualizer-stage{min-height:540px}.visualizer-canvas{min-height:466px}.visualizer-controls{grid-template-columns:auto auto minmax(0,1fr)}.visualizer-controls span{grid-column:1 / -1}}