: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)}.project-art img,.detail-art img,.profile-cover img,.compact-project img{width:100%;height:100%;object-fit:cover}.fallback-art{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}.fallback-art.large{aspect-ratio:1}.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}.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{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 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}.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 img,.compact-project>span{width:52px;height:52px;border-radius:4px;background:var(--bg-3)}.compact-project>span{display:grid;place-items:center;color:var(--accent);font-family:var(--font-mono)}.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:auto minmax(0,1fr) 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:hover{border-color:color-mix(in oklch,var(--accent) 60%,var(--line));background:var(--bg-2)}.thread-row strong,.thread-row small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-row small,.thread-stats small{color:var(--fg-dim)}.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}.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-post-body{min-width:0}.forum-post-body p{margin:0;color:var(--fg-muted);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.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)}.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%}@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{grid-template-columns:1fr}.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:auto minmax(0,1fr)}.thread-stats{justify-items:start}}