:root{--bg:#fffafc;--panel:#fff;--panel2:#fff0f9;--text:#35194d;--muted:#786785;--line:#ecd8ea;--pink:#f5a0db;--pink2:#ffdcf2;--plum:#35194d;--blue:#b6edf6;--accent:#df76bc;--shadow:0 8px 0 #f5e1f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font:700 15px Nunito,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}body.dark{--bg:#171021;--panel:#241a30;--panel2:#30213e;--text:#fff2ff;--muted:#c7b5d1;--line:#493554;--pink2:#513050;--plum:#f6d5fb;--blue:#244a57;--shadow:0 8px 0 #100c16}body:before{content:'✧';position:fixed;top:20%;right:4%;font-size:150px;color:var(--pink);opacity:.09;animation:float 8s ease-in-out infinite;pointer-events:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,.btn{border:2px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);padding:10px 15px;font-weight:900;transition:transform .2s,background .2s}button:hover,.btn:hover{transform:translateY(-2px)}.primary{background:var(--accent);border-color:var(--accent);color:#23132f}.secondary{background:var(--blue);border-color:var(--blue);color:#243442}.danger{color:#d44b70}input,textarea,select{width:100%;padding:11px 12px;border:2px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);outline-color:var(--accent)}textarea{min-height:90px;resize:vertical}label{display:block;margin:10px 0;font-size:13px;font-weight:900}label input,label select,label textarea{margin-top:5px}.checker{height:13px;background:conic-gradient(var(--pink2) 25%,var(--panel) 0 50%,var(--pink2) 0 75%,var(--panel) 0) 0 0/34px 34px}.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:30px;min-height:75px;padding:10px clamp(15px,4vw,70px);background:var(--panel);border-bottom:2px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font:700 30px Fredoka;letter-spacing:-2px;white-space:nowrap}.brand-icon{width:40px;height:40px;display:grid;place-items:center}.brand-icon img{width:100%;height:100%;object-fit:contain}.brand .apost{color:var(--accent)}.brand small{font:700 9px 'Space Mono';letter-spacing:0;border:1px solid var(--line);border-radius:5px;padding:3px}.top nav{display:flex;gap:20px;margin-right:auto}.top nav a{font-weight:900;font-size:13px}.top nav a:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions #auth-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav-actions button{font-size:12px;padding:9px}.icon-btn{width:37px;height:37px;display:inline-grid;place-items:center;padding:0;font-size:20px}main{width:100%;max-width:1480px;margin:0 auto;flex:1;padding:30px clamp(16px,4vw,55px) 70px}.footer{margin-top:auto;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:25px;padding:55px max(4vw,20px);border-top:12px solid var(--pink2);background:var(--panel);font-size:13px}.footer>div{display:flex;flex-direction:column;gap:11px}.footer a{color:var(--muted)}.footer a:hover{color:var(--accent)}.footer p{margin:0;color:var(--muted)}.foot-logo{font:700 30px Fredoka}.socials{display:flex;flex-wrap:wrap;gap:9px}.socials a{border:1px solid var(--line);border-radius:8px;padding:6px}.section-tag{font:700 11px 'Space Mono',monospace;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.heading{font:700 clamp(30px,4vw,48px) Fredoka;margin:8px 0 14px;letter-spacing:-1px}.muted{color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;min-height:470px;padding:50px;border:2px solid var(--line);border-radius:28px;background:radial-gradient(circle at 85% 20%,var(--pink2),transparent 50%),var(--panel);overflow:hidden;position:relative}.hero h1{font:700 clamp(45px,7vw,92px)/.99 Fredoka;letter-spacing:-3px;margin:15px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:17px;color:var(--muted);max-width:540px}.hero-art{height:360px;display:grid;place-items:center;position:relative}.hero-art .envelope{width:230px;height:160px;border:8px solid var(--text);border-radius:20px;background:var(--pink2);transform:rotate(-12deg);display:grid;place-items:center;font-size:80px;box-shadow:20px 20px 0 var(--pink)}.hero-art .star{position:absolute;font-size:65px;color:var(--accent);animation:float 5s infinite}.hero-art .star:nth-child(2){top:5%;left:12%}.hero-art .star:nth-child(3){bottom:0;right:10%;animation-delay:2s}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.section{margin:42px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.card{min-width:0;padding:20px;border:2px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow)}.card h3{margin:8px 0;font:700 23px Fredoka}.card p{color:var(--muted)}.card .art{height:135px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(130deg,var(--pink2),var(--blue));font-size:55px;margin-bottom:13px}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:30px;background:var(--panel2);color:var(--text);font-size:11px}.live{background:#ffe3eb;color:#a42258}.offline{background:var(--panel2);color:var(--muted)}.filters{display:flex;gap:8px;overflow-x:auto;padding:12px 0 18px}.filters button.active{background:var(--accent);color:#24152b}.shelf{display:flex;gap:16px;overflow-x:auto;padding:10px 2px 20px;scroll-snap-type:x mandatory}.shelf .card{flex:0 0 270px;scroll-snap-align:start}.banner{height:190px;border-radius:20px 20px 0 0;background:linear-gradient(110deg,var(--accent),var(--pink2),var(--blue));position:relative}.profile-head{padding:20px;border:2px solid var(--line);border-top:0;border-radius:0 0 20px 20px;background:var(--panel)}.avatar{width:75px;height:75px;border:5px solid var(--panel);border-radius:20px;object-fit:cover;background:var(--pink2)}.profile-head .avatar{margin-top:-60px;position:relative}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px}.sidebar{padding:15px;background:var(--panel);border:2px solid var(--line);border-radius:17px;align-self:start}.sidebar button{width:100%;text-align:left;margin:3px 0;border:0;background:transparent}.sidebar button.active{background:var(--panel2);color:var(--accent)}.panel{border:2px solid var(--line);background:var(--panel);border-radius:18px;padding:23px;margin-bottom:20px;min-width:0}.panel h2{font:700 27px Fredoka;margin:0 0 14px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.stream-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.player{aspect-ratio:16/9;background:#130f1c;color:white;display:grid;place-items:center;position:relative;border-radius:16px;overflow:hidden}.player video{width:100%;height:100%;background:black}.chat{height:470px;display:flex;flex-direction:column}.chat-log{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px}.message{padding:9px 11px;border-radius:11px;background:var(--panel2);overflow-wrap:anywhere}.message small{color:var(--muted)}.chat-form{display:flex;gap:6px;margin-top:12px}.chat-form input{flex:1}.room-layout{display:grid;grid-template-columns:185px minmax(0,1fr) 185px;gap:15px}.room-list button{width:100%;text-align:left;margin:3px 0}.room-chat{height:550px;display:flex;flex-direction:column}.room-chat .chat-log{flex:1}.follow-panel{position:fixed;z-index:29;top:90px;bottom:0;left:0;width:265px;background:var(--panel);border-right:2px solid var(--line);padding:15px;transform:translateX(-105%);transition:transform .3s ease;overflow-y:auto}.follow-panel.open{transform:translateX(0)}.side-head{display:flex;justify-content:space-between;align-items:center}.follow-toggle{position:fixed;z-index:28;left:0;top:45%;border-radius:0 14px 14px 0;background:var(--pink2)}.follow-person{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--line)}.follow-person.live-person{border-left:4px solid #36bd84}.follow-person.offline-person{opacity:.5;filter:grayscale(.6)}.modal{position:fixed;inset:0;z-index:100;background:#100b1dbb;display:grid;place-items:center;padding:20px}.hidden{display:none!important}.modal-card{width:min(540px,100%);max-height:90vh;overflow:auto;padding:25px;background:var(--panel);border:3px solid var(--accent);border-radius:23px;box-shadow:12px 12px 0 #2c1738}.modal-card .close{float:right}#toast{position:fixed;z-index:150;bottom:25px;right:25px;max-width:350px}.toast{padding:15px;border-radius:13px;background:var(--panel);border:2px solid var(--accent);box-shadow:var(--shadow)}.schedule-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.day{padding:12px 7px;background:var(--panel2);border-radius:12px;min-width:0;overflow-wrap:anywhere;font-size:12px}.day strong{display:block}.day small{color:var(--muted)}.empty{text-align:center;padding:50px 20px;border:2px dashed var(--line);border-radius:18px;color:var(--muted)}.mini{font-size:12px}.stat{font:700 30px Fredoka}.upload-preview{max-width:100%;max-height:180px;object-fit:contain}.editor{display:flex;gap:6px}.editor input{flex:1}@keyframes float{50%{transform:translateY(-18px) rotate(8deg)}}@media(max-width:1000px){.room-layout{grid-template-columns:145px minmax(0,1fr)}.room-layout .people{display:none}.schedule-grid{grid-template-columns:repeat(4,1fr)}.footer{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.top{flex-wrap:wrap;gap:8px}.top nav{order:3;width:100%;justify-content:center}.nav-actions{margin-left:auto}.hero{grid-template-columns:1fr;padding:28px}.hero-art{height:170px}.hero-art .envelope{transform:scale(.6) rotate(-12deg)}.layout,.stream-layout,.room-layout{grid-template-columns:1fr}.sidebar{display:flex;overflow-x:auto}.sidebar button{white-space:nowrap;width:auto}.two,.three{grid-template-columns:1fr}.schedule-grid{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:repeat(2,1fr)}main{padding-top:18px}.chat{height:340px}}

/* POST'D v2.1 directory and studio refresh */
.stream-rail{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:12px 4px 24px;scrollbar-color:var(--accent) transparent}.stream-rail .card{flex:0 0 clamp(245px,28vw,345px);scroll-snap-align:start}.stream-rail .art{height:185px}.rail-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:10px}.rail-empty{border:2px dashed var(--line);border-radius:18px;padding:34px;color:var(--muted);background:var(--panel);min-width:0}.sparkle{color:var(--accent)}.new-hero{min-height:430px}.discover-intro{padding:34px;border:2px solid var(--line);border-radius:24px;background:linear-gradient(125deg,var(--panel),var(--pink2));}.discover-stats{display:flex;gap:10px;flex-wrap:wrap}.category-nav{display:flex;overflow-x:auto;gap:9px;position:sticky;top:76px;z-index:10;padding:16px 0;background:var(--bg)}.category-nav a{white-space:nowrap;border:1px solid var(--line);background:var(--panel);padding:10px 16px;border-radius:25px;font-size:12px}.category-nav a:hover{background:var(--pink2)}.category-section{scroll-margin-top:145px;border-bottom:1px solid var(--line);padding-bottom:18px}.studio-banner{border:2px solid var(--line);border-radius:24px;background:radial-gradient(circle at 90% 10%,var(--pink2),transparent 45%),var(--panel);padding:35px;margin-bottom:25px}.studio-banner p{color:var(--muted)}.studio-layout{grid-template-columns:215px minmax(0,1fr)}.studio-layout .sidebar{position:sticky;top:100px}.studio-layout .sidebar button{text-transform:capitalize}.studio-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.studio-quick{display:flex;flex-wrap:wrap;gap:9px}.studio-quick button{text-transform:capitalize}.studio-layout .panel{box-shadow:0 4px 0 var(--pink2)}@media(max-width:750px){.studio-layout{grid-template-columns:1fr}.studio-layout .sidebar{position:static}.studio-summary{grid-template-columns:1fr}.category-nav{top:120px}.stream-rail .card{flex-basis:260px}}

/* POST'D v2.1.1 form alignment and shared accent control */
.editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:15px}.editor-actions button{margin:0}
.icon-upload-controls{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:14px 0 18px}.icon-upload-controls input[type=file]{width:100%;max-width:100%}
.room-editor-row{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-bottom:12px;padding:13px}.room-editor-row input,.room-editor-row select{width:100%;margin:0}.room-editor-row button{margin-top:2px}
.accent-picker{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0 18px}.accent-swatches{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%}.accent-swatch{width:33px;height:33px;min-width:33px;padding:0;border:2px solid var(--line);border-radius:8px;background:var(--swatch)}.accent-swatch.selected{outline:3px solid var(--text);outline-offset:2px}.hex-field{display:flex;align-items:center;width:155px;border:2px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden}.hex-field span{padding-left:12px;font-size:16px}.hex-field input{border:0;min-width:0;margin:0;padding:10px 8px;font-family:'Space Mono',monospace;text-transform:uppercase}.accent-preview{width:39px;height:39px;border:2px solid var(--line);border-radius:10px}

/* v2.1.2 spacing and color control */
.accent-swatches .accent-swatch{display:inline-block!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-height:34px!important;min-width:34px!important;padding:0!important;border:2px solid var(--line)!important;background:var(--swatch)!important;border-radius:8px!important;appearance:none!important}.accent-swatches .accent-swatch.selected{outline:3px solid var(--text)!important;outline-offset:2px}.accent-picker{display:grid;grid-template-columns:155px 42px;gap:12px}.accent-swatches{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px}.accent-picker .hex-field{width:155px}.asset-upload,.icon-upload-controls{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:12px 0 22px}.asset-upload input[type=file]{width:100%}.asset-upload button,.icon-upload-controls button{margin:0}.editor-actions{display:flex!important;gap:14px!important;align-items:center;flex-wrap:wrap}.editor-actions>button+button{margin-left:0!important}.room-editor-row{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.room-editor-row input,.room-editor-row select{margin:0}.broadcast-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.broadcast-tools .message{padding:18px}.broadcast-tools h3{margin-top:0}

/* POST'D 2.1.3 layout fixes */
.asset-upload{display:grid!important;justify-items:start;gap:18px!important;margin:15px 0 28px!important}.asset-upload>button{margin-top:3px!important}.editor-actions{display:flex!important;gap:18px!important}.editor-actions>button{margin:0!important}.broadcast-tools{display:flex!important;flex-direction:column!important;gap:20px!important}.broadcast-tools>.message{margin:0!important;padding:22px!important}.broadcast-tools>.message+ .message{margin-top:4px!important}.room-list button{white-space:normal;overflow-wrap:anywhere;line-height:1.4}.room-layout{background:var(--community-wash);border-radius:20px;padding:14px}.team-hero{background:linear-gradient(125deg,var(--community-wash),var(--panel));border:2px solid var(--accent);border-radius:24px;padding:36px}.creator-links{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.team-management{margin-top:24px;padding:18px;background:var(--panel2);border-radius:15px}.team-management form{margin:15px 0 22px}.hex-field{width:155px!important}.accent-picker .accent-preview{display:block!important;min-width:39px}.room-editor-row{gap:16px!important}.room-editor-row button{margin-top:6px!important}

/* v2.1.4 account selection and viewer workspace */
.account-type{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 18px;padding:12px 14px;border:1px solid var(--border,#eed4e9);border-radius:12px}.account-type legend{font-weight:800;padding:0 5px}.account-type label{display:flex;align-items:center;gap:8px;flex:1;min-width:125px;padding:10px 12px;border:1px solid #e8c9df;border-radius:10px;cursor:pointer}.account-type input{width:auto!important;accent-color:#df76bc}.viewer-editor{max-width:760px;margin:24px auto}.viewer-editor .asset-upload{margin:12px 0 22px}

/* v2.1.6: isolate brand chrome from creator and community accent */
.top nav a:hover,.footer a:hover{color:var(--brand-link,#df76bc)!important}
.brand .apost{color:var(--brand-link,#df76bc)!important}
.room-layout{grid-template-columns:245px minmax(0,1fr) 185px}
.room-list{min-width:0;overflow:hidden}
.room-list .room-link{display:flex;align-items:center;gap:9px;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-align:left}
.room-list .room-icon{flex:0 0 23px;text-align:center}
.room-list .room-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-member-card{border-color:var(--member-accent)!important;border-top:6px solid var(--member-accent)!important;box-shadow:0 6px 0 color-mix(in srgb,var(--member-accent) 23%,transparent)!important;transition:transform .2s}
.team-member-card:hover{transform:translateY(-4px)}
.team-member-card .avatar{background:color-mix(in srgb,var(--member-accent) 18%,var(--panel));border-color:var(--member-accent)}
.creator-connections{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin:22px 0}
.connection-card{border-top:6px solid var(--connection-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--connection-accent) 12%,var(--panel)),var(--panel) 70%)}
.connection-card p{color:var(--muted)}
.schedule-grid .day{background:color-mix(in srgb,var(--accent) 17%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line))}
@media(max-width:1000px){.room-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:750px){.room-layout{grid-template-columns:1fr}.room-list{max-height:170px;overflow-y:auto}}

/* v2.1.7 team directory and member cards */
.team-directory{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.team-directory-card{--team-color:#df76bc;padding:0;overflow:hidden;border:2px solid var(--line);border-top:5px solid var(--team-color);box-shadow:0 7px 0 color-mix(in srgb,var(--team-color) 22%,transparent);display:flex;flex-direction:column;transition:transform .2s ease}
.team-directory-card:hover{transform:translateY(-4px)}
.team-directory-art{height:105px;background:linear-gradient(120deg,color-mix(in srgb,var(--team-color) 32%,var(--panel)),var(--panel2));position:relative;display:flex;align-items:center;padding:20px}
.team-directory-art .team-symbol{width:65px;height:65px;border:2px solid color-mix(in srgb,var(--team-color) 60%,var(--line));border-radius:18px;background:var(--panel);display:grid;place-items:center;color:var(--team-color);font-size:32px}
.team-directory-body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.team-directory-body h3{margin:0;font:700 28px Fredoka}.team-directory-body p{margin:0;color:var(--muted);line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.team-directory-footer{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.team-directory-footer .btn{font-size:13px}
.team-members{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.team-members .team-member-card{padding:0!important;overflow:hidden;display:flex;flex-direction:column;border:2px solid var(--line)!important;border-top:0!important;box-shadow:0 7px 0 color-mix(in srgb,var(--member-accent) 22%,transparent)!important}.team-member-cover{height:95px;background:linear-gradient(120deg,var(--member-accent),color-mix(in srgb,var(--member-accent) 18%,var(--panel)));position:relative}.team-member-content{padding:0 18px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;flex:1}.team-member-content .avatar{width:76px;height:76px;margin-top:-38px;z-index:1;position:relative;border-radius:18px;border:4px solid var(--panel)}.team-member-content h3{margin:4px 0 0;font:700 25px Fredoka}.team-member-content p{margin:0;color:var(--muted);font-size:13px}.team-member-content .chip{margin-top:9px}.team-member-view{margin-top:auto;padding-top:12px;color:var(--member-accent);font-weight:900;font-size:13px}

/* 2.1.8: featured CTA readable in either theme */
.rail-heading button.secondary{background:var(--blue)!important;color:#192b35!important;border-color:var(--blue)!important;font-weight:900}
.rail-heading button.secondary:hover{filter:brightness(.96)}
/* Community member directory */
.room-layout{grid-template-columns:235px minmax(0,1fr) 230px}
.people{min-width:0;padding:16px!important}
.people-count{font-size:12px;color:var(--muted);margin:5px 0 14px}
.people-list{display:flex;flex-direction:column;gap:5px;max-height:475px;overflow-y:auto;overflow-x:hidden}
.people-person{display:flex;align-items:center;gap:10px;padding:9px 7px;border-radius:11px;min-width:0;text-decoration:none;transition:background .15s}
.people-person:hover{background:var(--panel2)}
.people-person img{width:38px;height:38px;flex:0 0 38px;border-radius:12px;object-fit:cover;border:2px solid var(--person-accent);background:var(--panel2)}
.people-details{display:flex;flex-direction:column;min-width:0;gap:2px}
.people-details strong{font-size:13px;color:var(--person-accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.people-details small{font-size:11px;color:var(--muted)}
.people-person.is-live .people-details small{color:#218b66;font-weight:900}
.people-person.is-offline img{opacity:.72}
/* Team creator cards */
.team-members{grid-template-columns:repeat(auto-fill,minmax(265px,1fr))}
.team-members .team-member-card{border:2px solid var(--line)!important;border-radius:20px!important;box-shadow:0 6px 0 color-mix(in srgb,var(--member-accent) 28%,transparent)!important}
.team-member-cover{height:112px;background:linear-gradient(115deg,color-mix(in srgb,var(--member-accent) 76%,var(--panel)),color-mix(in srgb,var(--member-accent) 18%,var(--panel)))}
.team-member-content{padding:0 20px 22px;gap:8px}
.team-member-content .avatar{width:78px;height:78px;border-radius:20px;box-shadow:0 3px 0 color-mix(in srgb,var(--member-accent) 40%,transparent)}
.team-member-content h3{overflow-wrap:anywhere}.team-member-view{display:flex;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding-top:14px;color:var(--text)}
.team-member-card:hover .team-member-view{color:var(--member-accent)}
/* Role workshop */
.role-field{display:flex;flex-direction:column;gap:14px;padding:20px!important;margin-bottom:16px;border:1px solid var(--line);background:var(--panel2)}
.role-field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.role-field-heading strong{font:700 20px Fredoka}.role-field-heading button{padding:7px 12px;font-size:12px}
.role-field label{margin:0}.role-field .accent-picker{margin-top:8px}.role-permission-title{font-size:12px;font-weight:900;letter-spacing:.05em}
.role-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.role-permissions .role-permission{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:12px;cursor:pointer}
.role-permission input{width:17px!important;height:17px!important;flex:0 0 17px;accent-color:#df76bc;margin:0}
@media(max-width:1100px){.room-layout{grid-template-columns:215px minmax(0,1fr)}.room-layout .people{display:none}}
@media(max-width:750px){.room-layout{grid-template-columns:1fr}.role-permissions{grid-template-columns:1fr}}


/* Team profile redesign — isolated from global navigation and footer accents */
.postd-team-page{--team-soft:color-mix(in srgb,var(--team-accent) 13%,var(--panel));--team-border:color-mix(in srgb,var(--team-accent) 32%,var(--line));max-width:1240px;margin:0 auto}
.postd-team-back{display:inline-block;margin:5px 0 18px;color:var(--muted);font-size:13px}.postd-team-back:hover{color:var(--text)}
.postd-team-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);min-height:350px;overflow:hidden;border:2px solid var(--team-border);border-radius:26px;background:var(--panel)}
.postd-team-copy{padding:clamp(25px,5vw,60px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.postd-team-eyebrow{font:700 11px 'Space Mono',monospace;letter-spacing:1.5px;color:var(--team-accent);text-transform:uppercase}
.postd-team-copy h1{font:700 clamp(43px,6vw,78px)/1.05 Fredoka,sans-serif;letter-spacing:-2px;margin:18px 0 15px;overflow-wrap:anywhere}
.postd-team-copy p{max-width:580px;color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 25px;white-space:pre-line}
.postd-team-actions{display:flex;gap:12px;flex-wrap:wrap}.postd-team-follow,.postd-team-community{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;font-weight:900;font-size:13px;min-height:46px}
.postd-team-follow{background:var(--team-accent);border:2px solid var(--team-accent);color:#1b1122}.postd-team-community{background:var(--panel);border:2px solid var(--team-border);color:var(--text)}
.postd-team-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:270px;background:linear-gradient(140deg,var(--team-soft),color-mix(in srgb,var(--team-accent) 33%,var(--panel)))}
.postd-team-stamp{width:165px;height:125px;transform:rotate(-10deg);display:grid;place-items:center;font-size:68px;color:var(--text);border:6px solid var(--panel);border-radius:19px;background:color-mix(in srgb,var(--team-accent) 42%,var(--panel));box-shadow:14px 14px 0 color-mix(in srgb,var(--team-accent) 65%,transparent);position:relative}.postd-team-stamp span{position:absolute;right:-45px;top:-38px;font-size:43px;color:var(--team-accent)}
.postd-team-art-label{position:absolute;bottom:22px;font:700 10px 'Space Mono',monospace;letter-spacing:1px;color:var(--text);opacity:.7}
.postd-team-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 50px}.postd-team-stats>div{border:2px solid var(--line);border-radius:16px;background:var(--panel);padding:17px 20px;display:flex;align-items:baseline;gap:12px}.postd-team-stats strong{font:700 29px Fredoka}.postd-team-stats span{font-size:12px;color:var(--muted)}
.postd-team-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.postd-team-section-head h2{font:700 clamp(30px,4vw,46px) Fredoka;margin:9px 0 0}.postd-team-section-head h2 span{color:var(--team-accent)}.postd-team-section-head p{color:var(--muted)}
.postd-team-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px}.postd-member{display:block;overflow:hidden;min-width:0;border:2px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 6px 0 color-mix(in srgb,var(--member-accent) 24%,transparent);transition:transform .2s,border-color .2s}.postd-member:hover{transform:translateY(-4px);border-color:var(--member-accent)}
.postd-member-art{height:105px;background:linear-gradient(120deg,color-mix(in srgb,var(--member-accent) 76%,var(--panel)),color-mix(in srgb,var(--member-accent) 15%,var(--panel)));position:relative}.postd-member-mark{position:absolute;right:20px;top:12px;color:var(--panel);font-size:32px}
.postd-member-info{padding:0 19px 20px;display:flex;align-items:flex-start;flex-direction:column;min-height:215px}.postd-member-avatar{width:75px;height:75px;border-radius:18px;border:5px solid var(--panel);object-fit:cover;background:var(--team-soft);margin-top:-37px;position:relative}.postd-member-status{font-size:11px;color:var(--muted);background:var(--panel2);border-radius:30px;padding:5px 9px;margin:9px 0}.postd-member-status.is-live{color:#a42258;background:#ffe3eb}.postd-member-info h3{font:700 25px Fredoka;margin:4px 0;overflow-wrap:anywhere}.postd-member-handle{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.postd-member-link{display:flex;width:100%;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:auto;font-size:13px;font-weight:900}.postd-member:hover .postd-member-link{color:var(--member-accent)}
.postd-team-empty{padding:35px;border:2px dashed var(--line);border-radius:16px;color:var(--muted)}.postd-team-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--team-soft);border:2px solid var(--team-border);border-radius:20px;padding:28px;margin-top:45px}.postd-team-cta h2{font:700 29px Fredoka;margin:10px 0}.postd-team-cta p{color:var(--muted);margin:0}
@media(max-width:760px){.postd-team-hero{grid-template-columns:1fr}.postd-team-art{min-height:170px}.postd-team-stats{grid-template-columns:1fr}.postd-team-section-head,.postd-team-cta{align-items:flex-start;flex-direction:column}.postd-team-section-head p{margin:0}}

/* POST'D unified account and creator accent layer. */
:root {--accent-soft:color-mix(in srgb,var(--accent) 12%,var(--panel));--accent-border:color-mix(in srgb,var(--accent) 32%,var(--panel));--accent-ink:color-mix(in srgb,var(--accent) 25%,#130b1c);}
/* Override fixed pinks in existing component rules without recoloring semantic alerts. */
button.primary,.btn.primary,.primary,button[type="submit"].primary {background:var(--accent);border-color:var(--accent);color:#170d21;}
button.primary:hover,.btn.primary:hover {background:color-mix(in srgb,var(--accent) 80%,white);}
.checker {background:conic-gradient(var(--pink2) 25%,var(--panel) 0 50%,var(--pink2) 0 75%,var(--panel) 0) 0 0/34px 34px;}
.studio-layout .panel,.panel,.team-directory-card {border-color:var(--accent-border);}
input:focus,textarea:focus,select:focus {outline-color:var(--accent);}
input[type="checkbox"],input[type="radio"] {accent-color:var(--accent);}
.footer {border-top-color:var(--pink2);}
.studio-nav .active,.category-nav .active,.studio-tab.active {background:var(--accent-soft);color:var(--accent-ink);}
/* The profile schedule should visibly inherit the displayed creator's color. */
.schedule-day,.schedule-card,.schedule-grid>div {background:var(--accent-soft);}
/* Shared footer HTML is injected after page load. */
.postd-footer {--postd-footer-accent:var(--accent);}
.postd-footer a:hover {color:var(--accent)!important;}