:root{--page:#f4f1e8;--ink:#191c1f;--text:#343a3f;--muted:#6e7479;--line:#ddd7ca;--line-strong:#c7bfb0;--soft:#eee8da;--accent:#c64029;--teal:#1f7a73;--gold:#c69220;--blue:#2e4057;color:var(--text);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{letter-spacing:0}button{transition:transform .16s,border-color .16s,background-color .16s,color .16s}img,video{display:block}#root{min-height:100vh}.app-shell{background:var(--page);min-height:100vh;color:var(--text)}.loading-state{text-align:center;place-content:center;place-items:center;gap:12px;padding:32px;display:grid}.loading-state h1{color:var(--ink);margin:0;font-size:32px}.loading-state p{color:var(--muted);margin:0}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf9f5f0;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:18px;min-height:72px;padding:12px 24px;display:grid;position:sticky;top:0}.brand,.profile-pill,.wallet-chip,.search-bar,.top-actions,.meta-row,.action-row,.rail-heading,.avatar-row,.watch-actions,.rating-composer,.comment-topline,.tag-row{align-items:center;display:flex}.brand{color:var(--ink);text-align:left;background:0 0;border:0;gap:12px;padding:0}.brand strong{font-size:18px;line-height:1.05;display:block}.brand small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.brand-mark{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.search-bar{min-height:44px;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:0 14px}.search-bar input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0}.top-actions{justify-content:flex-end;gap:10px}.icon-button,.wallet-chip,.primary-action,.ghost-button,.profile-pill,.category-list button,.coin-packs button,.frame-list button,.publish-form input,.publish-form textarea,.media-title,.media-thumb,.feature-poster,.locked-comment{font:inherit;cursor:pointer}.icon-button{width:40px;height:40px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;display:grid}.wallet-chip,.profile-pill,.primary-action,.ghost-button{white-space:nowrap;border-radius:8px;gap:8px;min-width:0;min-height:40px;padding:0 14px}.wallet-chip{color:var(--ink);background:#fff7df;border:1px solid #ead494}.profile-pill{color:var(--ink);border:1px solid var(--line);background:#fff}.profile-pill span:last-child,.wallet-chip span{text-overflow:ellipsis;min-width:0;overflow:hidden}.primary-action{color:#fff;background:var(--accent);border:1px solid var(--accent);justify-content:center}.ghost-button{color:var(--ink);border:1px solid var(--line);background:#fff;justify-content:center}.workspace{grid-template-columns:204px minmax(0,1fr) 300px;gap:0;min-height:calc(100vh - 72px);display:grid}.sidebar,.right-rail{background:#fcfbf7;min-width:0}.sidebar{border-right:1px solid var(--line)}.right-rail{border-left:1px solid var(--line)}.side-section,.rail-section{border-bottom:1px solid var(--line);padding:22px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.category-list{gap:6px;display:grid}.category-list button{min-height:38px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.category-list button.active{color:var(--ink);border-color:var(--line);background:#fff}.release-panel h2,.rail-heading h2,.section-heading h2,.watch-meta h2{color:var(--ink);margin:0;font-size:20px;line-height:1.2}.release-panel p:not(.eyebrow),.community-pulse p{color:var(--muted);margin:8px 0 18px;font-size:14px}.content{background:var(--page);min-width:0}.featured-band{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:center;gap:24px;padding:24px 28px;display:grid}.feature-copy h1{max-width:760px;color:var(--ink);letter-spacing:0;margin:0;font-size:36px;line-height:1.08}.feature-copy p:not(.eyebrow){max-width:660px;color:var(--muted);margin:12px 0 0;font-size:15px}.meta-row,.action-row{flex-wrap:wrap;gap:10px;margin-top:18px}.meta-row span{min-height:30px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}.feature-poster{aspect-ratio:16/9;background:#111;border:0;border-radius:8px;width:100%;padding:0;position:relative;overflow:hidden}.feature-poster img,.media-thumb img{object-fit:cover;width:100%;height:100%}.play-badge,.play-chip,.rating-chip{color:#fff;background:#c64029eb;place-items:center;display:grid;position:absolute}.play-badge{border-radius:50%;width:62px;height:62px;margin:auto;inset:0}.library-section{padding:24px 28px 30px}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.section-heading>span{color:var(--muted);font-size:14px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.media-card{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.media-thumb{aspect-ratio:16/9;background:#111;border:0;width:100%;padding:0;display:block;position:relative}.duration{color:#fff;background:#000000bf;border-radius:5px;padding:3px 7px;font-size:12px;position:absolute;bottom:8px;right:8px}.play-chip{border-radius:7px;width:30px;height:30px;bottom:8px;left:8px}.rating-chip{background:#191c1fd1;border-radius:7px;grid-auto-flow:column;gap:4px;min-width:42px;min-height:28px;padding:0 8px;font-size:12px;font-weight:900;top:8px;right:8px}.media-body{padding:12px}.media-title{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;padding:0;font-weight:800;line-height:1.25;display:block}.media-body p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.35}.tag-row{flex-wrap:wrap;gap:6px;margin-top:10px}.tag-row span{color:var(--muted);background:var(--soft);border-radius:6px;padding:4px 7px;font-size:12px}.empty-state{min-height:240px;color:var(--muted);border:1px dashed var(--line-strong);background:#fff;border-radius:8px;place-items:center;display:grid}.rail-heading{color:var(--accent);gap:8px;margin-bottom:16px}.publish-form{gap:12px;display:grid}.publish-form label{min-width:0;color:var(--ink);gap:7px;font-size:13px;font-weight:800;display:grid}.publish-form input,.publish-form textarea{box-sizing:border-box;width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 11px}.publish-form textarea{resize:vertical;min-height:84px}.publish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.file-input{min-height:43px}.publish-form .primary-action{width:100%}.coin-total span{color:var(--ink);font-size:38px;font-weight:900;line-height:1;display:block}.coin-total small,.avatar-row span,.status-line,.wallet-mini{color:var(--muted);font-size:13px}.coin-packs{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.coin-packs button{min-height:78px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;gap:4px;display:grid}.coin-packs small{color:var(--accent);font-size:12px}.status-line{min-height:34px;margin:12px 0 0}.avatar-row{gap:14px;margin-bottom:18px}.avatar-row strong,.avatar-row span{display:block}.avatar-mark{background:color-mix(in srgb, var(--avatar-accent) 20%, #fff);border:3px solid var(--avatar-accent);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:inline-grid;position:relative}.avatar-mark.compact{border-width:2px;width:32px;height:32px}.avatar-head,.avatar-body{background:var(--avatar-tone);position:absolute}.avatar-head{border-radius:50%;width:22px;height:22px;top:12px}.avatar-body{border-radius:20px 20px 8px 8px;width:34px;height:20px;bottom:10px}.avatar-mark.compact .avatar-head{width:11px;height:11px;top:6px}.avatar-mark.compact .avatar-body{width:18px;height:10px;bottom:5px}.customizer p{color:var(--muted);margin:12px 0 8px;font-size:13px;font-weight:700}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches button{width:30px;height:30px;box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:50%}.swatches button.selected{box-shadow:0 0 0 3px var(--accent)}.frame-list{gap:8px;margin-top:18px;display:grid}.frame-list button{min-height:44px;color:var(--ink);text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 10px;display:grid}.frame-list button.active{border-color:var(--accent)}.frame-list button>span{border-radius:50%;width:18px;height:18px}.frame-list small{color:var(--muted);font-size:12px}.lightbox,.auth-overlay{z-index:50;background:#0d1012bd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.watch-shell{background:#fcfbf7;border-radius:8px;grid-template-columns:minmax(0,1fr) 360px;width:min(1180px,100%);max-height:min(820px,100vh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 70px #00000047}.close-watch,.auth-close{z-index:3;position:absolute;top:12px;right:12px}.watch-main{background:#0f1112;min-width:0;overflow:auto}.player{aspect-ratio:16/9;background:#050505;width:100%;display:grid}.player video{object-fit:cover;width:100%;height:100%}.watch-meta{color:#e9e5db;gap:18px;padding:22px;display:grid}.watch-meta h2{color:#fff}.watch-meta p:not(.eyebrow){color:#c9c2b4;max-width:760px;margin:8px 0 0}.watch-actions{flex-wrap:wrap;gap:10px}.watch-comments,.watch-ratings{border-left:1px solid var(--line);min-height:0;padding:22px;overflow:auto}.rating-composer{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px}.rating-composer strong{color:var(--ink);font-size:13px;display:block}.rating-buttons{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:9px;display:grid}.rating-buttons button{min-height:34px;color:var(--ink);font:inherit;background:var(--soft);border:1px solid var(--line);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:900;display:inline-flex}.rating-list{gap:12px;display:grid}.rating-entry{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 0 0;display:grid}.rating-entry:first-child{border-top:0;padding-top:0}.rating-avatar{position:relative}.rating-avatar>span:last-child{color:#fff;background:var(--accent);border:2px solid #fcfbf7;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:grid;position:absolute;bottom:-4px;right:-6px}.rating-entry p,.empty-ratings p{color:var(--text);margin:4px 0 0;font-size:14px;line-height:1.45}.empty-ratings{min-height:150px;color:var(--muted);text-align:center;border:1px dashed var(--line-strong);background:#fff;border-radius:8px;place-items:center;display:grid}.comment-composer{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin-bottom:16px;display:grid}.comment-composer textarea{resize:vertical;min-height:82px}.comment-composer textarea,.auth-panel input{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;padding:11px 12px}.comment-composer .primary-action{grid-column:2}.locked-comment{width:100%;min-height:46px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.comment-list{gap:14px;display:grid}.comment{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);gap:10px;padding-top:14px;display:grid}.comment:first-child{border-top:0;padding-top:0}.comment-topline{justify-content:space-between;gap:12px}.comment-topline strong{color:var(--ink)}.comment-topline span{color:var(--muted);font-size:12px}.comment p{color:var(--text);margin:4px 0 0;font-size:14px;line-height:1.45}.comment small{color:var(--accent);align-items:center;gap:4px;margin-top:7px;font-size:12px;font-weight:800;display:inline-flex}.auth-panel{background:#fcfbf7;border-radius:8px;gap:14px;width:min(420px,100%);padding:26px;display:grid;position:relative}.auth-panel label{color:var(--ink);gap:7px;font-size:14px;font-weight:800;display:grid}.auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.auth-tabs button{min-height:40px;color:var(--muted);font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;font-weight:800}.auth-tabs button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.app-alert{color:#7b1d0c;background:#fff3ed;border-bottom:1px solid #efc5b6;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;font-size:14px;display:flex}.app-alert button{color:#7b1d0c;min-height:32px;font:inherit;background:#fff;border:1px solid #efc5b6;border-radius:8px;padding:0 10px}button:disabled{cursor:not-allowed;opacity:.7}button:hover,button:focus-visible{outline:0;transform:translateY(-1px)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}@media (width<=1180px){.workspace{grid-template-columns:200px minmax(0,1fr)}.right-rail{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.rail-section{border-right:1px solid var(--line)}.rail-section:last-child{border-right:0}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=880px){.topbar{grid-template-columns:1fr;gap:12px;padding:12px 18px}.top-actions{justify-content:stretch}.top-actions>*{flex:auto}.workspace,.right-rail,.featured-band,.watch-shell{grid-template-columns:1fr}.sidebar,.right-rail,.watch-comments,.watch-ratings{border-left:0;border-right:0}.sidebar{border-bottom:1px solid var(--line);overflow:hidden}.sidebar .side-section:first-child{padding-bottom:12px}.release-panel{display:none}.side-section,.rail-section,.featured-band,.library-section{padding:18px}.category-list{scrollbar-width:none;gap:8px;max-width:calc(100vw - 32px);margin-inline:-18px;padding:0 18px 6px;display:flex;overflow-x:auto}.category-list::-webkit-scrollbar{display:none}.category-list button{border-color:var(--line);background:#fff;flex:none;min-height:42px;padding:0 14px}.feature-copy h1{font-size:32px}.watch-shell{width:min(720px,100%);max-height:calc(100vh - 32px)}.watch-comments,.watch-ratings{border-top:1px solid var(--line)}}@media (width<=620px){.topbar{padding:12px}.brand-mark{width:40px;height:40px}.search-bar{min-height:48px}.top-actions{grid-template-columns:52px minmax(0,1fr) minmax(0,1.25fr);gap:8px;display:grid}.app-alert{flex-direction:column;align-items:stretch;padding-inline:16px}.top-actions>*{width:100%}.icon-button,.wallet-chip,.primary-action,.ghost-button,.profile-pill,.locked-comment{min-height:44px}.wallet-chip,.profile-pill,.primary-action,.ghost-button{padding-inline:12px}.lightbox{align-items:stretch;padding:0}.auth-overlay{padding:12px}.media-grid{grid-template-columns:1fr}.coin-packs{grid-template-columns:repeat(3,minmax(0,1fr))}.publish-grid{grid-template-columns:1fr}.coin-packs button{min-height:72px}.section-heading{flex-direction:column;align-items:start;gap:6px}.featured-band,.library-section,.side-section,.rail-section,.watch-meta,.watch-comments,.watch-ratings{padding:16px}.featured-band{gap:18px}.feature-copy h1{font-size:30px;line-height:1.08}.feature-copy p:not(.eyebrow){font-size:15px}.action-row .primary-action,.action-row .ghost-button{flex:150px}.watch-shell{border-radius:0;width:100%;max-height:100vh}.close-watch{top:10px;right:10px}.watch-main{max-height:58vh}.watch-comments,.watch-ratings{max-height:42vh}.comment-composer{grid-template-columns:1fr}.comment-composer .avatar-mark{display:none}.comment-composer .primary-action{grid-column:1}.comment-topline{flex-direction:column;align-items:start;gap:2px}.frame-list button{min-height:48px}}@media (width<=390px){.brand strong{font-size:17px}.brand small,.wallet-chip span,.profile-pill span{font-size:12px}.top-actions{grid-template-columns:48px minmax(0,1fr) minmax(0,1.2fr)}.top-actions .primary-action{padding-inline:8px}}