@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f5f7fd;--paper:#fff;--paper2:#ecf2fc;--text:#1c2d52;--muted:#677493;--stroke:#d9e3f5;--accent:#78a8e9;--accent-ink:#234a86;--blue:#588acb;--pink:#f3b3df;--plum:#694278;--shadow:0 8px 32px #28476a12;--side-width:0px;color-scheme:light}
:root[data-theme=dark]{--bg:#0d1426;--paper:#17213a;--paper2:#202d48;--text:#eef3ff;--muted:#a4b3cf;--stroke:#354464;--accent-ink:#f7faff;--blue:#86b6f2;--shadow:0 10px 35px #0003;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 'DM Sans',sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(39px,5vw,80px)}h2{font-size:clamp(24px,3vw,36px)}h3{font-size:21px}small,.muted{color:var(--muted)}.mono,.eyebrow,.tag,.tiny-title{font-family:'DM Mono',monospace}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--blue)}.background-grain{position:fixed;z-index:-1;inset:0;pointer-events:none;background-image:radial-gradient(var(--accent) .7px,transparent .7px);background-size:28px 28px;opacity:.11}.background-grain:after{content:'✳';position:absolute;right:5vw;top:13vh;font-size:290px;color:var(--pink);opacity:.09;transform:rotate(20deg)}
#header{height:75px;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 91%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--stroke)}.nav-wrap{max-width:1660px;margin:auto;height:100%;display:flex;align-items:center;gap:20px;padding:0 clamp(18px,3vw,48px)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;margin-right:18px}.brand-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:var(--accent);transform:rotate(-9deg);border:2px solid var(--text);font-size:20px}.brand-icon img{width:100%;height:100%;object-fit:contain}.brand-word{font:800 25px/1 'Space Grotesk',sans-serif;letter-spacing:-.075em}.brand-word span{color:var(--plum)}.beta{font:10px 'DM Mono',monospace;padding:3px 5px;letter-spacing:.04em;border:1px solid var(--stroke);border-radius:4px;align-self:flex-start}.nav-links,.nav-user{display:flex;gap:5px;align-items:center}.nav-links{flex:1;min-width:0}.nav-item{padding:9px 11px;font-size:13px;font-weight:700;white-space:nowrap;border-radius:10px;color:var(--muted)}.nav-item.active,.nav-item:hover{color:var(--text);background:var(--paper2)}.nav-user{margin-left:auto;gap:7px}.nav-mobile{display:none}.icon-btn{background:var(--paper2);border:1px solid var(--stroke);color:var(--text);height:37px;min-width:37px;border-radius:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:11px;min-height:39px;padding:9px 16px;font-size:13px;font-weight:800;transition:transform .16s,filter .16s,background .16s;color:var(--text);background:var(--paper2)}.btn:hover{transform:translateY(-2px);filter:brightness(.98)}.btn.primary{background:var(--accent);color:#13264d;border-color:color-mix(in srgb,var(--accent) 65%,#294c89)}.btn.secondary{background:var(--paper);border-color:var(--stroke)}.btn.plum{background:var(--plum);color:#fff}.btn.small{min-height:30px;padding:5px 11px;font-size:12px}.btn.danger{background:#fbe2ea;color:#913457}.btn:disabled{opacity:.45;cursor:not-allowed}.flex{display:flex;align-items:center;gap:9px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.stack{display:grid;gap:13px}.shell{display:flex;min-height:calc(100vh - 75px);position:relative}.page-column{min-width:0;display:flex;flex-direction:column;flex:1;transition:margin-left .28s ease}main{width:100%;max-width:1590px;margin:0 auto;padding:30px clamp(18px,3vw,47px) 70px;flex:1}#footer{margin-top:auto;border-top:1px solid var(--stroke);padding:28px clamp(18px,3vw,47px);background:var(--paper)}.footer-inner{max-width:1480px;margin:auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:24px}.footer-links{display:flex;flex-wrap:wrap;column-gap:17px;row-gap:8px;font-size:12px}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--text)}
.following{width:0;overflow:hidden;flex-shrink:0;background:var(--paper);border-right:0 solid var(--stroke);position:sticky;top:75px;height:calc(100vh - 75px);transition:width .28s ease,border-width .28s ease;z-index:15}.followers-open .following{width:238px;border-right-width:1px}.following-content{width:238px;padding:22px 12px}.following-toggle{position:fixed;z-index:22;top:135px;left:0;writing-mode:vertical-rl;background:var(--accent);color:#193052;border:1px solid var(--stroke);border-left:0;border-radius:0 12px 12px 0;display:flex;align-items:center;gap:9px;padding:12px 6px;font-weight:800;font-size:12px;transition:left .28s}.followers-open .following-toggle{left:238px}.following-person{display:flex;gap:10px;align-items:center;padding:10px 9px;border-radius:10px;margin-top:5px}.following-person:hover{background:var(--paper2)}.status-dot{height:8px;width:8px;border-radius:50%;background:#9ca9ba;display:inline-block;flex-shrink:0}.status-dot.live{background:#39c691;box-shadow:0 0 0 3px #39c6912c}.following-person.offline{opacity:.6}.following-person.offline .avatar{filter:grayscale(.8)}.avatar{height:41px;width:41px;border:2px solid var(--stroke);border-radius:13px;display:grid;place-items:center;object-fit:cover;background:var(--paper2);font-weight:900;font-size:18px;flex-shrink:0}.avatar.lg{height:85px;width:85px;font-size:37px;border-width:4px}.avatar.sm{width:29px;height:29px;border-radius:9px;font-size:12px}.clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading{padding:100px 20px;text-align:center;color:var(--muted)}.page-head{margin-bottom:27px}.page-head h1{font-size:clamp(34px,4vw,56px);margin:9px 0}.panel{background:var(--paper);border:1px solid var(--stroke);border-radius:19px;padding:21px;box-shadow:var(--shadow);min-width:0}.panel.flat{box-shadow:none}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.panel-head h2,.panel-head h3{margin:0}.section-heading{margin:34px 0 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.section-heading h2{margin:4px 0;font-size:25px}.section-heading .eyebrow{margin:0}.two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:20px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.four-col{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.feed{display:flex;overflow-x:auto;gap:15px;padding:2px 0 13px;scrollbar-color:var(--accent) transparent;scroll-snap-type:x proximity}.feed>*{flex:0 0 min(280px,72vw);scroll-snap-align:start}.creator-card,.browse-card,.video-card{background:var(--paper);border:1px solid var(--stroke);border-radius:16px;overflow:hidden;transition:transform .2s}.creator-card:hover,.browse-card:hover{transform:translateY(-3px)}.cover{height:146px;position:relative;background:linear-gradient(125deg,var(--accent),var(--plum));overflow:hidden}.cover:before{content:'✳';font-size:180px;position:absolute;right:-10px;top:-72px;opacity:.17;transform:rotate(25deg)}.cover:after{content:'✉';font-size:55px;position:absolute;left:22px;bottom:7px;transform:rotate(-15deg);opacity:.43}.cover img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.cover-label{position:absolute;z-index:2;left:10px;top:10px;border-radius:7px;background:#ee3273;color:white;font:bold 10px 'DM Mono',monospace;padding:6px 9px;letter-spacing:.07em}.cover-label.offline{background:#354464;color:#e5edff}.card-content{padding:13px 15px}.card-content h3{font-size:17px;margin:3px 0}.stamp-shape{display:inline-grid;place-items:center;background:var(--accent);border:2px dashed #fff9;color:#18345d;width:45px;height:45px;border-radius:8px;transform:rotate(-9deg);box-shadow:0 0 0 2px var(--accent)}.hero{display:grid;grid-template-columns:1.06fr .94fr;gap:30px;min-height:360px;align-items:center;padding:25px 0 20px}.hero h1{line-height:.95;max-width:680px;margin:17px 0}.hero h1 span{color:var(--blue)}.hero p{font-size:17px;max-width:530px;color:var(--muted)}.hero-art{height:350px;position:relative;border-radius:32px;background:radial-gradient(circle at 25% 20%,#cce2ff,transparent 45%),linear-gradient(135deg,#759bdd,#b28ed9 75%,#f6b9dc);border:2px solid #365b9b;overflow:hidden;box-shadow:12px 14px 0 #8eb3e344}.hero-art:before{content:'POST OFFICE / OPEN 24.7';position:absolute;left:25px;top:22px;font:11px 'DM Mono',monospace;color:#172c54;letter-spacing:.14em}.postmark{position:absolute;left:21%;top:18%;height:220px;width:220px;border:3px solid #33538ab8;border-radius:50%;display:grid;place-items:center;transform:rotate(-16deg);color:#33538a;animation:float 5s ease-in-out infinite}.postmark span{font-size:105px}.postmark:after{content:'GOOD THINGS GET DELIVERED';position:absolute;bottom:28px;left:31px;font:bold 11px 'DM Mono',monospace;letter-spacing:.03em}.hero-sticker{position:absolute;right:10%;bottom:14%;background:#f4c1e3;padding:13px 19px;transform:rotate(8deg);border:2px solid #663e76;border-radius:12px;font:700 15px 'Space Grotesk',sans-serif;box-shadow:5px 5px 0 #5e487b66}.mini-mail{position:absolute;font-size:25px;animation:float 4s ease-in-out infinite}.mini-mail.a{right:18%;top:21%}.mini-mail.b{left:10%;bottom:12%;animation-delay:1.4s}@keyframes float{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-10px) rotate(-5deg)}}
label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--stroke);background:var(--bg);border-radius:10px;color:var(--text);padding:11px 12px;outline:0;min-width:0}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}textarea{resize:vertical;min-height:85px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid .full{grid-column:1/-1}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.form-note{font-size:12px;color:var(--muted);line-height:1.5}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatch{border:2px solid #fff;outline:1px solid var(--stroke);width:27px;height:27px;border-radius:7px;transition:transform .2s}.swatch:hover,.swatch.selected{transform:scale(1.15);outline:2px solid var(--text)}.hex-row{display:flex;align-items:center;max-width:180px;background:var(--bg);border:1px solid var(--stroke);border-radius:10px;overflow:hidden}.hex-row>span{padding:0 0 0 12px;color:var(--text);font-weight:800}.hex-row input{border:0;box-shadow:none;letter-spacing:.1em;background:transparent;padding-left:1px;text-transform:uppercase;font-family:'DM Mono',monospace}.field-help{color:var(--muted);font-size:11px}.pill,.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--stroke);border-radius:99px;background:var(--paper2);padding:4px 10px;font-size:11px;letter-spacing:.03em}.tag{border-radius:5px;font-size:10px;text-transform:uppercase}.stamp-badge{display:inline-flex;flex-direction:column;align-items:center;gap:3px;width:72px;text-align:center;font-size:10px}.stamp-badge img{width:45px;height:45px;object-fit:contain}.empty{padding:26px;text-align:center;background:var(--paper2);border:1px dashed var(--stroke);border-radius:13px;color:var(--muted);font-size:13px}.line{border:0;border-top:1px solid var(--stroke);margin:20px 0}.studio-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:20px}.studio-tabs{align-self:start;position:sticky;top:92px;background:var(--paper);border:1px solid var(--stroke);border-radius:16px;padding:10px;display:grid;gap:3px}.tab{border:0;text-align:left;padding:11px 13px;border-radius:10px;background:transparent;color:var(--muted);font-size:13px;font-weight:800}.tab.active,.tab:hover{background:var(--paper2);color:var(--text)}.studio-work{min-width:0}.scrollbox{max-height:350px;overflow:auto;border:1px solid var(--stroke);border-radius:12px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid var(--stroke)}.list-row:last-child{border-bottom:0}.list-row .info{min-width:0}.day-row{display:grid;grid-template-columns:95px minmax(0,1fr) 126px 36px;align-items:center;gap:10px;margin-bottom:10px}.day-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}.day-check{display:flex;gap:6px;align-items:center}.profile-scope,.community-scope,.team-scope{--accent:var(--scoped-accent,#78A8E9)}.profile-header{border-radius:23px;overflow:hidden;border:1px solid var(--stroke);background:var(--paper)}.profile-banner{height:220px;background:linear-gradient(120deg,var(--accent),#cdb4eb 80%,#f4b4d9);position:relative}.profile-banner:after{content:'✉ ✳ ✉';position:absolute;right:45px;bottom:26px;font-size:60px;opacity:.2;letter-spacing:20px}.profile-banner img{height:100%;width:100%;object-fit:cover}.profile-dossier{padding:19px 28px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.profile-dossier .avatar{margin-top:-62px;position:relative;z-index:2;background:var(--accent)}.profile-dossier h1{font-size:35px;margin:0 0 4px}.profile-body{margin-top:20px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:20px}.schedule-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:8px;overflow:auto}.schedule-day{padding:11px;background:var(--paper2);border-radius:11px;min-height:95px;font-size:12px}.schedule-day strong{display:block;margin-bottom:9px}.broadcast-stage{height:min(52vw,540px);min-height:250px;display:grid;place-items:center;background:#070e1c;border-radius:17px;overflow:hidden;position:relative;color:#ccd6f1;border:2px solid #283d64}.broadcast-stage video{height:100%;width:100%;object-fit:contain}.offline-screen{text-align:center;padding:24px}.offline-screen span{font-size:49px}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.chat{display:flex;flex-direction:column;height:540px;background:var(--paper);border:1px solid var(--stroke);border-radius:16px;overflow:hidden}.chat-log{flex:1;padding:13px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.chat-message{font-size:13px;overflow-wrap:anywhere}.chat-message b{color:var(--accent)}.chat-controls{border-top:1px solid var(--stroke);padding:10px;background:var(--paper2)}.chat-controls form{display:flex;gap:6px}.chat-controls input{flex:1}.chat-controls button{padding:8px}.community-layout{display:grid;grid-template-columns:205px minmax(0,1fr) 195px;gap:12px;align-items:start}.rooms-sidebar,.people-sidebar{background:var(--paper);border:1px solid var(--stroke);border-radius:16px;padding:12px;min-width:0}.room-link{display:block;padding:9px 10px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:700}.room-link.active,.room-link:hover{background:var(--paper2);color:var(--text)}.community-messages{display:flex;flex-direction:column;height:620px;background:var(--paper);border:1px solid var(--stroke);border-radius:16px;overflow:hidden;min-width:0}.community-feed{overflow-y:auto;flex:1;padding:12px 17px}.message{padding:10px 2px;display:flex;gap:10px;border-bottom:1px solid var(--stroke)}.message .msg-text{overflow-wrap:anywhere;font-size:13px;white-space:pre-wrap}.message .msg-meta{font-size:11px;color:var(--muted)}.message .msg-actions{display:flex;gap:8px;margin-top:5px;opacity:.6}.message .msg-actions:hover{opacity:1}.message img.attach{max-height:280px;max-width:100%;border-radius:9px;display:block;margin-top:8px;cursor:zoom-in}.msg-editor{display:flex;gap:5px;margin-top:6px}.msg-editor input{flex:1}.post-form{display:flex;gap:8px;align-items:center;padding:11px;border-top:1px solid var(--stroke);background:var(--paper2)}.post-form input{flex:1}.post-form .btn{white-space:nowrap}.chat-member{display:flex;align-items:center;gap:7px;font-size:12px;padding:6px 2px;min-width:0}.community-title{padding:20px 24px;border:1px solid var(--stroke);border-radius:17px;background:var(--paper);margin-bottom:15px}.community-title h1{font-size:37px;margin:4px 0}.role-heading{font-size:11px;font-family:'DM Mono',monospace;margin:15px 0 4px}.toast{position:fixed;bottom:20px;right:20px;z-index:110;max-width:370px;box-shadow:0 14px 55px #0004;border:1px solid var(--stroke);border-left:5px solid var(--accent);padding:15px 17px;border-radius:12px;background:var(--paper);font-size:13px}.toast.error{border-left-color:#dc567e}.modal-backdrop{position:fixed;z-index:100;inset:0;background:#09142bba;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal{width:min(100%,520px);max-height:90vh;overflow:auto;background:var(--paper);border-radius:22px;border:2px solid var(--stroke);box-shadow:0 24px 80px #0006;padding:24px}.modal h2{margin:4px 0 18px}.modal .close{float:right}.action-list{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:12px;border-bottom:1px solid var(--stroke);text-align:left}th{font:11px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.badge-row{display:flex;gap:10px;flex-wrap:wrap}.profile-socials{display:flex;gap:9px;flex-wrap:wrap}.live-label{background:#eb347c;color:#fff;padding:5px 9px;font-size:10px;letter-spacing:.06em;border-radius:5px;font-weight:900}.staff-warning{border:1px dashed var(--stroke);padding:13px;border-radius:12px;background:var(--paper2);font-size:12px}.click-card{cursor:pointer}.button-row{display:flex;gap:6px;flex-wrap:wrap}.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.preview-color{border-left:6px solid var(--accent);padding-left:13px}.error-page{padding:80px 10%;text-align:center}
@media(max-width:1150px){.nav-links{gap:1px}.nav-item{padding:8px 6px;font-size:12px}.following-toggle{top:auto;bottom:100px}.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}.four-col{grid-template-columns:repeat(2,minmax(0,1fr))}.community-layout{grid-template-columns:170px minmax(0,1fr)}.people-sidebar{display:none}.live-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:820px){#header{height:auto;min-height:65px}.nav-wrap{height:auto;min-height:65px;flex-wrap:wrap;padding:12px 15px}.brand{margin-right:auto}.nav-mobile{display:inline-flex}.nav-links{display:none;order:3;flex:0 0 100%;flex-wrap:wrap}.nav-links.open{display:flex}.nav-user .btn{padding:8px 11px}.shell{min-height:calc(100vh - 65px)}.hero{grid-template-columns:1fr;gap:14px}.hero-art{height:290px}.two-col,.profile-body,.live-layout{grid-template-columns:1fr}.studio-layout{grid-template-columns:1fr}.studio-tabs{display:flex;overflow-x:auto;position:static;white-space:nowrap}.staff-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.community-layout{grid-template-columns:1fr}.rooms-sidebar{display:flex;overflow:auto;gap:5px}.room-link{white-space:nowrap}.chat{height:375px}.following{position:fixed;left:0;top:65px;height:calc(100vh - 65px);box-shadow:var(--shadow)}.followers-open .following{width:225px}.followers-open .following-toggle{left:225px}.community-messages{height:65vh}.profile-banner{height:170px}.profile-dossier{padding:16px}}
@media(max-width:540px){main{padding:20px 14px 55px}.hero h1{font-size:45px}.hero-art{height:225px}.postmark{height:160px;width:160px}.postmark span{font-size:68px}.postmark:after{font-size:8px;left:19px}.hero-sticker{font-size:12px}.nav-user .btn.small{font-size:11px}.brand-word{font-size:22px}.three-col,.four-col{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.day-row{grid-template-columns:75px 1fr 93px 25px;gap:4px}.day-row input{padding:7px;font-size:12px}.panel{padding:14px}.profile-dossier h1{font-size:28px}.chat{height:350px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Discover: keep category shortcuts available beneath the main navigation. */
.discover-jump{position:sticky;top:calc(var(--postd-header-height,75px) + 12px);z-index:35;margin-bottom:22px;background:color-mix(in srgb,var(--paper) 95%,transparent);backdrop-filter:blur(15px);box-shadow:0 7px 22px #00000014;}
.discover-jump-links{margin-top:9px;display:flex;flex-wrap:wrap;gap:8px;}
.discover-jump-links .btn{white-space:nowrap;flex-shrink:0;}
.discover-category{scroll-margin-top:215px;}
@media(max-width:820px){.discover-jump{top:calc(var(--postd-header-height,65px) + 8px)}.discover-jump-links{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;}.discover-category{scroll-margin-top:190px;}}
@media(max-width:540px){.discover-jump{padding:12px 14px;}.discover-category{scroll-margin-top:185px;}}

/* POST'D 0.1.2: reactive artwork and guest navigation */
body.guest #following,body.guest .following-toggle{display:none!important}
.following-toggle{background:var(--paper);color:var(--text);border:1px solid var(--stroke);border-left:0;box-shadow:2px 4px 14px #0002}
.following-toggle:hover{background:var(--paper2);color:var(--text);border-color:var(--accent)}
.following-toggle small{color:inherit;font-weight:800;opacity:1}
.following-content h3{color:var(--text)}
.following-content h3 small{color:var(--muted)}
.hero-art{--art-top:#cce2ff;--art-a:#799bdd;--art-b:#b28ed9;--art-c:#f6b9dc;--art-line:#365b9b;background:radial-gradient(circle at 25% 20%,var(--art-top),transparent 46%),linear-gradient(135deg,var(--art-a),var(--art-b) 74%,var(--art-c));border-color:var(--art-line);box-shadow:12px 14px 0 color-mix(in srgb,var(--art-a) 25%,transparent)}
:root[data-theme=dark] .hero-art{--art-top:#29486e;--art-a:#233b66;--art-b:#543f7d;--art-c:#7f4777;--art-line:#7a9acb}
:root[data-theme=dark] .hero-art:before{color:#e1e8fa}
:root[data-theme=dark] .postmark{border-color:#b0c7f0;color:#c7d8fc}
:root[data-theme=dark] .mini-mail{color:#e8c0ee}
:root[data-theme=dark] .hero-sticker{box-shadow:5px 6px 0 #141828}
.profile-banner{background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 68%,#d9e7ff),color-mix(in srgb,var(--accent) 22%,#c7b3ed) 68%,#f5b5d9)}
:root[data-theme=dark] .profile-banner{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 38%,#122544),color-mix(in srgb,var(--accent) 15%,#302049) 62%,#583154)}
:root[data-theme=dark] .profile-banner:after{color:#e4dafa;opacity:.3}
/* Alerts studio */
.alert-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.92fr);gap:18px;align-items:start}
.alert-preview-col{position:sticky;top:calc(var(--postd-header-height,75px) + 18px);min-width:0}
.alert-preview-surface{border:1px solid var(--stroke);border-radius:15px;overflow:hidden;background-color:#19243b;background-image:linear-gradient(35deg,#2c3854aa 12%,transparent 12%,transparent 85%,#334061bb 85%),radial-gradient(circle at 80% 20%,#ba82d044,transparent 55%);}
.alert-preview-surface iframe{width:100%;height:270px;border:0;display:block;background:transparent}
.alert-preview-legend{font-size:11px;color:var(--muted);padding:9px 3px 0}
.alert-editor .color-field{margin-top:8px}
.alert-template-grid{display:grid;grid-template-columns:1fr;gap:11px}
.alert-type-options{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.alert-type-options .btn.active{background:var(--accent);color:#192c50;border-color:var(--accent)}
.alert-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}
.alert-actions .btn{max-width:100%}
.alert-preview-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:0 0 10px}
.alert-editor-note{padding:13px;border:1px dashed var(--stroke);border-radius:10px;background:var(--paper2);font-size:12px;color:var(--muted)}
@media(max-width:1000px){.alert-editor{grid-template-columns:1fr}.alert-preview-col{position:static;order:-1}.alert-preview-surface iframe{height:240px}}
@media(max-width:540px){.alert-preview-surface iframe{height:210px}}

/* v0.1.3: Give preset squares room to breathe and separate them from the hex input. */
.color-field{display:flex;flex-direction:column;align-items:flex-start;gap:17px;min-width:0;margin:2px 0 11px}
.color-field .swatches{display:flex;flex-wrap:wrap;align-items:center;gap:10px 9px;padding:4px 3px;max-width:100%}
.color-field .swatch{flex:0 0 27px}
.color-field .hex-row{margin-top:2px;width:min(180px,100%);min-height:43px}
.alert-editor .color-field{margin-top:8px}
/* One-application notices */
.application-locked{display:flex;align-items:flex-start;gap:18px;border:1px dashed var(--stroke);background:var(--paper2);padding:24px;border-radius:14px}
.application-locked-icon{display:grid;place-items:center;font-size:25px;width:54px;height:54px;flex:0 0 54px;border-radius:13px;background:color-mix(in srgb,var(--accent) 24%,var(--paper));color:var(--text)}
.application-locked h3{margin:8px 0}.application-locked p{font-size:13px;color:var(--muted);line-height:1.6}
.community-applied p{line-height:1.6}
/* Team dossier: editorial post-office masthead rather than the landing hero. */
.team-masthead{background:var(--paper);border:1px solid var(--stroke);border-radius:24px;overflow:hidden;margin:2px 0 29px;position:relative;box-shadow:var(--shadow)}
.team-masthead-top,.team-masthead-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px clamp(21px,3vw,38px);letter-spacing:.075em}
.team-masthead-top{border-bottom:1px solid var(--stroke)}
.team-masthead-foot{border-top:1px solid var(--stroke);color:var(--muted);font:600 10px/1.5 'DM Mono',monospace;flex-wrap:wrap}
.team-verified{display:inline-flex;align-items:center;gap:8px;font:700 11px 'DM Mono',monospace;color:var(--muted)}
.team-verified-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}
.team-masthead-core{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.7fr);gap:22px;align-items:stretch;padding:30px clamp(21px,3vw,38px) 32px}
.team-identity{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.team-kicker{display:flex;gap:9px;align-items:center;font:700 11px 'DM Mono',monospace;color:var(--muted);letter-spacing:.1em}
.team-kicker>span:first-child{color:var(--accent);font-size:18px}.team-index{border:1px solid var(--stroke);border-radius:5px;padding:3px 6px;margin-left:6px;color:var(--text)}
.team-identity h1{font-size:clamp(52px,7vw,108px);line-height:.99;letter-spacing:-.075em;margin:16px 0;overflow-wrap:anywhere;color:var(--text)}
.team-rule{height:5px;width:85px;border-radius:99px;background:var(--accent);margin:3px 0 15px}
.team-description{max-width:570px;line-height:1.65;font-size:clamp(14px,1.3vw,18px);color:var(--muted);white-space:pre-wrap;margin:0}
.team-masthead-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.team-seal{border-radius:22px;min-height:270px;background:radial-gradient(circle at 60% 0%,color-mix(in srgb,var(--accent) 31%,transparent),transparent 62%),linear-gradient(145deg,var(--paper2),color-mix(in srgb,var(--accent) 12%,var(--paper)));border:1px dashed color-mix(in srgb,var(--accent) 50%,var(--stroke));position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;padding:25px 15px 30px}
.team-seal:before{content:'✳';position:absolute;font-size:190px;line-height:1;top:-88px;right:-39px;opacity:.085;color:var(--accent)}
.team-seal-orbit{width:155px;height:155px;border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(-9deg);color:var(--accent);box-shadow:inset 0 0 0 8px color-mix(in srgb,var(--accent) 8%,transparent)}
.team-seal-letter{font:800 88px/.9 'Space Grotesk',sans-serif;color:var(--text)}
.team-seal-caption{font:700 9px/1.5 'DM Mono',monospace;color:var(--muted);letter-spacing:.08em;margin-top:17px;text-align:center}
.team-seal-caption span{color:var(--accent);margin:0 5px}
.team-stamp-corner{position:absolute;bottom:13px;right:16px;transform:rotate(-10deg);font:700 9px/1.3 'DM Mono',monospace;color:var(--accent);opacity:.8;text-align:center}
@media(max-width:760px){.team-masthead-core{grid-template-columns:1fr;padding-top:25px}.team-seal{min-height:210px}.team-seal-orbit{height:125px;width:125px}.team-seal-letter{font-size:68px}.team-masthead-foot{gap:9px}.team-identity h1{font-size:clamp(48px,12vw,76px)}}
@media(max-width:450px){.team-masthead-top,.team-masthead-foot{padding:13px 17px}.team-masthead-core{padding:22px 17px}.application-locked{padding:15px;gap:10px}.application-locked-icon{width:40px;height:40px;flex-basis:40px}}

/* 0.1.4 landing masthead, one-time team application and team community separation */
.hero.hero-v2{grid-template-columns:minmax(0,1fr) minmax(0,.91fr);gap:clamp(22px,3.7vw,64px);min-height:520px;padding:35px 0 40px;align-items:center}
.hero-story{position:relative;min-width:0;padding:12px 0}
.hero-intro{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hero-intro>.eyebrow{font-size:10px;color:var(--blue);letter-spacing:.14em}
.signal-mark{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--stroke);border-radius:7px;background:var(--paper);font:700 10px 'DM Mono',monospace;color:var(--text);letter-spacing:.06em}
.signal-mark i{height:6px;width:6px;display:inline-block;border-radius:50%;background:#32bfa1;box-shadow:0 0 0 3px #2fba9a26}
.hero.hero-v2 h1{font-size:clamp(52px,5.5vw,90px);line-height:1.01;letter-spacing:-.065em;margin:24px 0 22px;max-width:850px}
.hero.hero-v2 h1 span{color:var(--blue);white-space:nowrap}
.hero.hero-v2 p{font-size:clamp(15px,1.2vw,19px);line-height:1.65;max-width:510px;margin-bottom:23px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.hero-actions .btn{padding:14px 19px}
.hero-footer-note{display:flex;align-items:center;gap:11px;margin-top:45px;font:10px/1.8 'DM Mono',monospace;letter-spacing:.09em;color:var(--muted)}
.hero-footer-note strong{color:var(--text)}
.hero-mini-stamp{width:38px;height:38px;display:grid;place-items:center;position:relative;flex:0 0 38px;border-radius:50%;border:2px dotted color-mix(in srgb,var(--accent) 54%,#f4accd);background:color-mix(in srgb,var(--paper) 82%,var(--bg));box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--paper) 76%,transparent)}
.hero-mini-stamp span{display:grid;place-items:center;width:100%;height:100%;line-height:1;font-size:16px;color:var(--blue);transform:translateY(-.5px)}
.hero-scene{position:relative;height:420px;border:1.5px solid var(--art-ink,#33528b);border-radius:26px;overflow:hidden;background:linear-gradient(145deg,var(--scene-top,#d0e4ff),var(--scene-mid,#9eb9ed) 56%,var(--scene-end,#f2b5dc));box-shadow:12px 13px 0 var(--scene-shadow,#d8e4f7);isolation:isolate;min-width:0}
.hero-scene:before{content:'';position:absolute;width:410px;height:410px;right:-180px;top:-170px;border:65px solid #ffffff23;border-radius:50%;transform:rotate(-15deg)}
.hero-scene:after{content:'✳';position:absolute;right:15%;top:24%;font-size:40px;color:var(--art-ink,#33528b);opacity:.63;animation:scene-twinkle 7s ease-in-out infinite}
.scene-topline,.scene-bottomline{position:absolute;left:27px;right:27px;display:flex;justify-content:space-between;gap:6px;align-items:center;font:700 10px 'DM Mono',monospace;letter-spacing:.11em;color:var(--art-ink,#33528b);z-index:2}
.scene-topline{top:21px}.scene-bottomline{bottom:22px}.scene-dots{display:flex;gap:5px}.scene-dots i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;display:block}.scene-dots i:first-child{background:currentColor}
.scene-letter{position:absolute;width:60%;height:61%;left:17%;top:17%;border:2px solid var(--art-ink,#33528b);border-radius:19px;transform:rotate(-9deg);background:color-mix(in srgb,var(--scene-top,#d0e4ff) 34%,transparent);box-shadow:9px 12px 0 #2c4d8327;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px;text-align:center;animation:scene-bob 6s ease-in-out infinite}
.letter-id,.letter-bottom{font:700 9px/1.5 'DM Mono',monospace;letter-spacing:.12em;color:var(--art-ink,#33528b)}.letter-glyph{font-size:clamp(65px,8vw,120px);line-height:1;color:var(--art-ink,#33528b)}
.scene-ticket{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:11px;border:1.5px solid #57466e;color:#23365b;background:#f5c4e4;z-index:3;box-shadow:5px 6px 0 #2c335754;transform:rotate(7deg)}
.ticket-one{right:3%;top:51%;transform:rotate(9deg)}.ticket-one>span{font-size:25px}.ticket-one strong,.ticket-one small{display:block;font:700 11px 'DM Mono',monospace}.ticket-one small{font-size:8px;opacity:.8;margin-top:2px}
.ticket-two{left:4%;bottom:17%;transform:rotate(-7deg);background:#fdf6fd;font-size:12px}.scene-spark{font-size:24px;color:#d16ea6}
:root[data-theme=dark] .hero-scene{--scene-top:#243e68;--scene-mid:#46588b;--scene-end:#7b4879;--art-ink:#b8d2fb;--scene-shadow:#233250}
:root[data-theme=light] .hero-scene{--scene-top:#d0e4ff;--scene-mid:#9eb9ed;--scene-end:#f2b5dc;--art-ink:#33528b;--scene-shadow:#d8e4f7}
:root[data-theme=dark] .scene-letter{background:#273e6566;box-shadow:9px 12px 0 #080d1b50}
@keyframes scene-bob{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes scene-twinkle{0%,100%{opacity:.4;transform:rotate(0)}50%{opacity:.8;transform:rotate(35deg)}}
.team-app-locked{background:color-mix(in srgb,var(--paper2) 60%,transparent);border:1px solid var(--stroke);border-radius:16px;padding:24px}.team-app-locked h3{font-size:22px;margin:7px 0 10px}.team-app-locked .application-summary{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0 18px}.team-app-locked .application-summary strong{font-size:14px}
.team-community-path{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 19px;padding:12px 18px;border:1px solid var(--stroke);border-radius:12px;background:var(--paper)}
@media(max-width:980px){.hero.hero-v2{min-height:420px}.hero.hero-v2 h1{font-size:clamp(46px,6vw,72px)}.hero-scene{height:355px}.scene-letter{width:67%;left:13%}.ticket-one{right:2%;top:60%}}
@media(max-width:820px){.hero.hero-v2{grid-template-columns:1fr;padding-top:10px;gap:25px}.hero-scene{height:320px}.hero-footer-note{margin-top:25px}.hero.hero-v2 h1{font-size:clamp(44px,8vw,70px)}}
@media(max-width:540px){.hero.hero-v2 h1{font-size:clamp(38px,10vw,52px)}.hero.hero-v2 h1 span{white-space:normal}.hero-scene{height:265px;border-radius:19px}.scene-topline,.scene-bottomline{left:14px;right:14px;font-size:7px}.scene-letter{height:62%;left:16%;top:17%;padding:8px}.letter-id,.letter-bottom{font-size:7px}.letter-glyph{font-size:67px}.scene-ticket{padding:7px 8px;gap:4px}.ticket-one strong{font-size:8px}.ticket-one small{font-size:6px}.ticket-two{font-size:10px}.hero-intro>.eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.scene-letter,.hero-scene:after{animation:none}}

/* 0.1.5 / Upload workshop */
.image-uploader{min-width:0;align-content:start}
.image-uploader .cover{width:100%;border-radius:12px;overflow:hidden}
.image-uploader .cover img{width:100%;height:100%;object-fit:cover}
.community-icon-thumb{width:105px;height:105px;object-fit:cover;border-radius:17px;border:1px solid var(--stroke)}
.crop-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:#071026c9;backdrop-filter:blur(6px);padding:16px;overflow:auto}
.crop-dialog{width:min(100%,970px);max-height:min(96vh,1000px);overflow:auto;background:var(--paper);color:var(--text);border:2px solid var(--stroke);border-radius:23px;box-shadow:0 25px 80px #0007;padding:22px}
.crop-heading{display:flex;justify-content:space-between;align-items:start;gap:14px}
.crop-heading h2{font-size:27px;letter-spacing:-.025em;margin:5px 0 3px}
.crop-heading .form-note{margin:0 0 16px}
.crop-workspace{display:grid;place-items:center;padding:15px;background:var(--paper2);border:1px solid var(--stroke);border-radius:14px;min-height:120px}
.crop-canvas{display:block;width:100%;max-width:850px;height:auto;aspect-ratio:1;border:2px solid var(--accent);border-radius:12px;cursor:grab;touch-action:none;user-select:none;background:repeating-conic-gradient(var(--paper2) 0% 25%,var(--paper) 0% 50%) 50%/20px 20px}
.crop-canvas.wide{aspect-ratio:5/1}
.crop-canvas:active{cursor:grabbing}
.crop-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.crop-controls{display:grid;grid-template-columns:auto minmax(60px,1fr) auto;gap:14px;align-items:center;margin:16px 0}
.crop-controls label{font-weight:800;white-space:nowrap;display:flex;align-items:center;flex-direction:row;gap:8px}
.crop-controls output{font:inherit;color:var(--text)}
.crop-controls input[type=range]{padding:0;accent-color:var(--accent);box-shadow:none;cursor:pointer}
.crop-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:15px}
.crop-inline-error{color:#a93153;background:color-mix(in srgb,#e5577c 13%,var(--paper));border:1px solid #d16b8a;border-radius:10px;padding:10px}
:root[data-theme=dark] .crop-inline-error{color:#ffbbcd}
/* Failure dialog is layered above the cropper so the creator can dismiss it and retry. */
#modal-root .modal-backdrop{z-index:140}
.upload-error-icon{background:#e65a82;color:#fff;font-size:27px;font-weight:900;border-radius:13px;width:46px;height:46px;display:grid;place-items:center;margin:0 0 14px}
.upload-error-copy{font-weight:700;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:640px){.crop-dialog{padding:15px;border-radius:15px}.crop-heading h2{font-size:22px}.crop-controls{grid-template-columns:1fr auto}.crop-controls input{grid-row:2;grid-column:1/-1}.crop-workspace{padding:8px}.crop-actions .btn{flex:1}}
/* Keep all editor controls visible on common laptop screens. */
.crop-backdrop{place-items:safe center;align-items:safe center}
.crop-canvas:not(.wide){max-width:520px}

/* Match desktop banner display to the 5:1 image workshop export. */
.profile-banner{height:auto;aspect-ratio:5/1;min-height:170px;max-height:320px}
@media(max-width:820px){.profile-banner{height:170px}}

/* Navigation inbox. A standalone surface in both themes with no guest entry. */
.nav-wrap{position:relative}
.notifications-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.notifications-trigger.is-open{background:var(--paper2);outline:2px solid var(--accent);outline-offset:1px}
.notifications-count{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:12px;background:#d54e86;color:#fff;border:2px solid var(--paper);font-size:10px;line-height:15px;font-weight:900;text-align:center}
.notifications-menu{position:absolute;right:clamp(12px,3vw,52px);top:calc(100% + 9px);z-index:80;width:min(400px,calc(100vw - 24px));max-height:min(600px,calc(100dvh - var(--postd-header-height,75px) - 20px));display:flex;flex-direction:column;background:var(--paper);color:var(--text);border:1px solid var(--stroke);border-radius:17px;box-shadow:0 22px 60px #08162b4b;overflow:hidden;text-align:left}
.notifications-heading{padding:17px 18px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.notifications-heading h2{font-size:20px;line-height:1.2;margin:5px 0 0}
.notifications-heading-count{font-size:12px;font-weight:500;color:var(--muted)}
.notifications-close{font-size:21px;line-height:1}
.notifications-toolbar{padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--paper2);border-block:1px solid var(--stroke);color:var(--muted);font-size:12px;font-weight:700}
.notifications-mark-all{color:var(--accent);background:none;border:0;padding:3px 0;font-size:12px;font-weight:800;cursor:pointer}
.notifications-mark-all:disabled{color:var(--muted);opacity:.6;cursor:default}
.notifications-items{overflow:auto;min-height:88px;overscroll-behavior:contain}
.notification-item{font:inherit;display:flex;gap:12px;text-align:left;align-items:flex-start;width:100%;border:0;border-bottom:1px solid var(--stroke);background:var(--paper);color:var(--text);padding:15px 17px;cursor:pointer;transition:background .16s ease}
.notification-item:hover,.notification-item:focus-visible{background:var(--paper2)}
.notification-item.unread{background:color-mix(in srgb,var(--accent) 8%,var(--paper))}
.notification-item.unread:hover{background:color-mix(in srgb,var(--accent) 14%,var(--paper))}
.notification-symbol{flex:0 0 36px;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:var(--accent);background:var(--paper2);border:1px solid var(--stroke);font-size:19px;font-weight:900}
.notification-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.4}
.notification-copy strong{font-size:13px;color:var(--text);font-weight:800}
.notification-copy>span{color:var(--muted);overflow-wrap:anywhere}
.notification-copy small{color:var(--muted);font-size:10px}
.notification-unread-dot{flex:0 0 8px;width:8px;height:8px;background:#e78ab6;border-radius:50%;margin-top:6px}
.notifications-empty{padding:30px 22px;text-align:center;color:var(--muted);font-size:12px}
.notifications-empty>span{display:block;font-size:28px;color:var(--accent);margin-bottom:7px}
.notifications-empty strong{display:block;color:var(--text);font-size:15px;margin:4px 0}
.notifications-empty p{margin:4px 0}
.notifications-footer{text-align:center;padding:10px 15px;border-top:1px solid var(--stroke);color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.02em}
@media(max-width:820px){.nav-user{flex-wrap:wrap;justify-content:flex-end}.notifications-menu{right:12px;top:calc(100% + 8px)}}
@media(max-width:520px){.notifications-menu{left:12px;right:12px;width:auto;max-height:calc(100dvh - var(--postd-header-height,65px) - 18px)}}

/* POST'D v0.1.7 alert widget gallery */
.alert-widget-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.alert-widget-choice{appearance:none;border:1px solid var(--stroke);border-radius:13px;padding:9px;text-align:left;background:var(--paper2);color:var(--text);cursor:pointer;min-width:0;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,transform .15s,box-shadow .15s}
.alert-widget-choice:hover{border-color:var(--accent);transform:translateY(-2px)}
.alert-widget-choice.selected{border:2px solid var(--accent);padding:8px;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}
.alert-widget-choice strong{font-size:12px;line-height:1.2}.alert-widget-choice small{font-size:10px;color:var(--muted);line-height:1.2}
.alert-widget-mini{height:54px;width:100%;border-radius:9px;background:#233a62;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;overflow:hidden;position:relative;isolation:isolate}
.alert-widget-mini .mini-icon{display:grid;place-items:center;font-size:21px;color:#f3b3df;width:27px;height:27px;flex-shrink:0;border:1px solid #f3b3df;border-radius:7px}
.alert-widget-mini .mini-words{display:grid;gap:6px;width:55%;max-width:80px}.alert-widget-mini .mini-words i{display:block;height:5px;background:#f3b3df;border-radius:3px;opacity:.8}.alert-widget-mini .mini-words i+ i{width:72%;background:#fff;opacity:.6}
.mini-express{border-left:7px solid #f3b3df;border-radius:2px}.mini-label{border:2px dashed #f3b3df;border-radius:4px}.mini-night{box-shadow:inset 0 0 13px #e17ad5;background:#171128}.mini-priority{background:repeating-linear-gradient(135deg,#273752 0 15px,#d889bc 16px 19px,#273752 20px 32px)}.mini-polaroid{background:#f6e9f5;border:7px solid #fff;padding-bottom:17px}.mini-polaroid .mini-icon{color:#233a62}.mini-ticker{border-radius:0;border-top:4px solid #f3b3df;border-bottom:4px solid #f3b3df}.mini-airwave{background:radial-gradient(circle at 20% 50%,#5b76aa,#182841);border:2px solid #efabd2}.mini-stamp{border:3px dotted #f3b3df}.mini-envelope{background:linear-gradient(150deg,#b1ceef 50%,#7f9bc8 50%)}.mini-receipt{background:#f7f1e9;border-radius:2px}.mini-receipt .mini-icon{color:#233a62;border-color:#233a62}.mini-marquee{background:linear-gradient(120deg,#663b74,#28345e);border:3px solid #ffcf8f}
.alert-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.alert-event-row{border:1px solid var(--stroke);border-radius:12px;padding:12px;display:grid;gap:10px;background:var(--paper2);min-width:0}
.alert-event-row-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.alert-event-enable{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:800}.alert-event-enable input{width:16px;height:16px;accent-color:var(--accent);flex:none}.alert-event-row label{min-width:0}.alert-event-row label input:not([type=checkbox]),.alert-event-row select{width:100%}
@media(max-width:1050px){.alert-widget-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-event-grid{grid-template-columns:1fr}}
@media(max-width:600px){.alert-widget-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Creator Studio: permanent OBS stickers */
.sticker-studio h3{margin:8px 0 4px;font-size:25px;letter-spacing:-.045em}.sticker-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:16px;margin-top:20px;align-items:start}
/* One sticker editor at a time. The proof/live preview remains in its own column. */
.sticker-form-list{display:grid;gap:12px;min-width:0;align-content:start}
.sticker-editor-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sticker-editor-tabs{display:flex;gap:7px;min-width:0;max-width:100%;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin;scrollbar-color:var(--stroke) transparent;overscroll-behavior-x:contain}
.sticker-editor-tab{border:1px solid var(--stroke);border-radius:10px;padding:9px 11px;background:var(--paper);color:var(--muted);display:inline-flex;align-items:center;gap:8px;font:700 12px 'Space Grotesk',sans-serif;white-space:nowrap;flex:0 0 auto;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.sticker-editor-tab:hover{background:var(--paper2);color:var(--text)}
.sticker-editor-tab.active{background:color-mix(in srgb,var(--accent) 20%,var(--paper));border-color:var(--accent);color:var(--text);box-shadow:inset 0 -2px var(--accent)}
.sticker-editor-tab:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.sticker-tab-index{font:700 10px 'DM Mono',monospace;color:var(--blue)}
.sticker-editor-panel{min-width:0}
.sticker-settings-card{padding:19px;border:1px solid var(--stroke);border-radius:18px;background:var(--paper);min-width:0}
.sticker-settings-card[hidden]{display:none!important}
.sticker-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.sticker-card-top h4{margin:6px 0;font-size:19px}.sticker-card-top p{font-size:12px;margin:0 0 10px}.sticker-enable{display:flex!important;flex-direction:row!important;align-items:center;gap:7px;white-space:nowrap;font-size:12px!important}.sticker-enable input{width:17px!important;height:17px!important;min-width:17px}
.sticker-card-bottom,.sticker-controls .button-row{display:flex;flex-wrap:wrap;gap:8px}.sticker-card-bottom{padding-top:10px}.sticker-controls{margin-top:6px;padding:15px;background:var(--paper2);border-radius:12px;display:grid;gap:12px}.sticker-controls small{color:var(--muted)}
.sticker-add-time{display:flex;gap:8px;align-items:end}.sticker-add-time label{flex:1;min-width:90px}.sticker-color-field .color-field{margin-top:8px}
.sticker-preview-side{position:sticky;top:calc(var(--header-h,72px) + 12px);padding:18px;border:1px solid var(--stroke);border-radius:18px;background:var(--paper);min-width:0}
.sticker-preview-shell{height:220px;border-radius:14px;overflow:hidden;margin:12px 0;background:radial-gradient(circle at 40% 35%,#33476f,#0c132a);border:1px solid #51638e;position:relative}
.sticker-preview-shell:before{content:'SAMPLE STREAM / 1920 × 1080';position:absolute;top:12px;left:13px;color:#b4c5ed;font:9px ui-monospace,monospace;letter-spacing:.14em}
.sticker-preview-shell iframe{width:100%;height:100%;border:0;position:relative;z-index:1}.sticker-preview-picker{display:flex;flex-wrap:wrap;gap:6px}.sticker-preview-picker .btn{font-size:11px;padding:7px 10px}.sticker-preview-picker .btn.active{background:var(--accent);color:#112548}
@media(max-width:980px){.sticker-workspace{grid-template-columns:1fr}.sticker-preview-side{position:static;order:-1}}


/* v0.1.13: account accent palette. Neutral surfaces remain legible in light/dark mode. */
:root[data-creator-accent]{
  --blue:color-mix(in srgb,var(--accent) 45%,#102341);
  --pink:color-mix(in srgb,var(--accent) 46%,white);
  --plum:color-mix(in srgb,var(--accent) 42%,#20213a);
  --bg:color-mix(in srgb,#f5f7fd 94%,var(--accent));
  --paper:color-mix(in srgb,white 97%,var(--accent));
  --paper2:color-mix(in srgb,#f0f3fa 85%,var(--accent));
  --stroke:color-mix(in srgb,#dce5f4 77%,var(--accent));
  --text:color-mix(in srgb,#1c2d52 97%,var(--accent));
  --shadow:0 8px 32px color-mix(in srgb,var(--accent) 12%,transparent);
}
:root[data-theme=dark][data-creator-accent]{
  --blue:color-mix(in srgb,var(--accent) 62%,white);
  --pink:color-mix(in srgb,var(--accent) 65%,#f0e9ff);
  --plum:color-mix(in srgb,var(--accent) 42%,#20213a);
  --bg:color-mix(in srgb,#0d1426 94%,var(--accent));
  --paper:color-mix(in srgb,#17213a 92%,var(--accent));
  --paper2:color-mix(in srgb,#202d48 83%,var(--accent));
  --stroke:color-mix(in srgb,#354464 73%,var(--accent));
  --text:color-mix(in srgb,#eef3ff 97%,var(--accent));
  --shadow:0 10px 35px #0003;
}
/* Content owned by someone else must never inherit the visitor's accent palette. */
:is(.profile-scope,.community-scope,.team-scope){
  --accent:var(--scoped-accent,#78A8E9);
  --blue:color-mix(in srgb,var(--scoped-accent,#78A8E9) 45%,#102341);
  --pink:color-mix(in srgb,var(--scoped-accent,#78A8E9) 46%,white);
  --plum:color-mix(in srgb,var(--scoped-accent,#78A8E9) 42%,#20213a);
  --bg:color-mix(in srgb,#f5f7fd 94%,var(--scoped-accent,#78A8E9));
  --paper:color-mix(in srgb,white 97%,var(--scoped-accent,#78A8E9));
  --paper2:color-mix(in srgb,#f0f3fa 85%,var(--scoped-accent,#78A8E9));
  --stroke:color-mix(in srgb,#dce5f4 77%,var(--scoped-accent,#78A8E9));
  --text:#1c2d52;--muted:#677493;
}
:root[data-theme=dark] :is(.profile-scope,.community-scope,.team-scope){
  --blue:color-mix(in srgb,var(--scoped-accent,#78A8E9) 62%,white);
  --pink:color-mix(in srgb,var(--scoped-accent,#78A8E9) 65%,#f0e9ff);
  --plum:color-mix(in srgb,var(--scoped-accent,#78A8E9) 42%,#20213a);
  --bg:color-mix(in srgb,#0d1426 94%,var(--scoped-accent,#78A8E9));
  --paper:color-mix(in srgb,#17213a 92%,var(--scoped-accent,#78A8E9));
  --paper2:color-mix(in srgb,#202d48 83%,var(--scoped-accent,#78A8E9));
  --stroke:color-mix(in srgb,#354464 73%,var(--scoped-accent,#78A8E9));
  --text:#eef3ff;--muted:#a4b3cf;
}
/* Button text must contrast with light and dark custom accents. */
.btn.primary,.alert-type-options .btn.active,.sticker-preview-picker .btn.active{color:var(--accent-ink,#17233B)}
.btn.primary{border-color:color-mix(in srgb,var(--accent) 69%,var(--text))}
.brand-icon{color:var(--accent-ink,#17233B)}
.cover-label:not(.offline){background:var(--plum);color:#fff}
.following-toggle{border-color:var(--stroke)}
/* Single-hue postage artwork, with the same accent providing all gradient stops. */
:root[data-theme=light] .hero-scene{
  --scene-top:color-mix(in srgb,var(--accent) 18%,white);
  --scene-mid:color-mix(in srgb,var(--accent) 63%,white);
  --scene-end:color-mix(in srgb,var(--accent) 86%,#101c36);
  --art-ink:color-mix(in srgb,var(--accent) 45%,#172d54);
  --scene-shadow:color-mix(in srgb,var(--accent) 22%,#e0e6f3);
  background:linear-gradient(145deg,var(--scene-top),var(--scene-mid) 56%,var(--scene-end));
}
:root[data-theme=dark] .hero-scene{
  --scene-top:color-mix(in srgb,var(--accent) 21%,#090f1c);
  --scene-mid:color-mix(in srgb,var(--accent) 46%,#17213a);
  --scene-end:color-mix(in srgb,var(--accent) 62%,#243049);
  --art-ink:color-mix(in srgb,var(--accent) 38%,#eef3ff);
  --scene-shadow:color-mix(in srgb,var(--accent) 24%,#0a1020);
}
:root[data-theme=dark] .scene-letter{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:9px 12px 0 color-mix(in srgb,var(--accent) 14%,#080d1b50)}
.scene-ticket{background:color-mix(in srgb,var(--accent) 33%,white);border-color:var(--art-ink);color:#1c2d52;box-shadow:5px 6px 0 color-mix(in srgb,var(--accent) 30%,transparent)}
.ticket-two{background:color-mix(in srgb,var(--accent) 12%,white)}
.scene-spark{color:var(--art-ink)}
.hero-mini-stamp{border-color:color-mix(in srgb,var(--accent) 70%,var(--paper))}
/* Other gradient surfaces are similarly derived rather than preset blue/pink/plum. */
.hero-art{--art-top:color-mix(in srgb,var(--accent) 16%,white);--art-a:color-mix(in srgb,var(--accent) 48%,white);--art-b:color-mix(in srgb,var(--accent) 72%,white);--art-c:var(--accent);--art-line:var(--blue)}
:root[data-theme=dark] .hero-art{--art-top:color-mix(in srgb,var(--accent) 14%,#17213a);--art-a:color-mix(in srgb,var(--accent) 26%,#17213a);--art-b:color-mix(in srgb,var(--accent) 46%,#17213a);--art-c:color-mix(in srgb,var(--accent) 60%,#17213a);--art-line:var(--blue)}
.profile-banner{background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 34%,var(--paper)),color-mix(in srgb,var(--accent) 68%,var(--paper2)) 65%,var(--accent))}
:root[data-theme=dark] .profile-banner{background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 24%,#14213c),color-mix(in srgb,var(--accent) 56%,#14213c) 65%,color-mix(in srgb,var(--accent) 77%,#14213c))}
/* Shared alert-editor panels use account accent, but saved OBS overlays keep their own colors. */
.alert-preview-surface{background-color:var(--paper2);background-image:linear-gradient(35deg,color-mix(in srgb,var(--accent) 18%,transparent) 12%,transparent 12%,transparent 85%,color-mix(in srgb,var(--accent) 24%,transparent) 85%)}

/* Creator passport: account progression, measured without simulated metrics. */
.passport-layout{display:grid;gap:16px;min-width:0}
.passport-masthead{padding:clamp(22px,3vw,34px);border:1px solid var(--stroke);border-radius:23px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--paper)),color-mix(in srgb,var(--accent) 24%,var(--paper)) 72%,color-mix(in srgb,var(--accent) 32%,var(--paper)));overflow:hidden}
.passport-headline{display:flex;justify-content:space-between;gap:25px;align-items:center}
.passport-headline h2{font-size:clamp(27px,3.1vw,44px);letter-spacing:-.05em;line-height:1.05;margin:16px 0 8px}
.passport-headline p{color:var(--muted);line-height:1.6;max-width:490px;margin:0}
.passport-seal{height:102px;width:102px;border:2px dashed var(--blue);border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--blue);transform:rotate(10deg)}
.passport-seal-core{display:grid;place-items:center;gap:4px;transform:translateY(1px);text-align:center}
.passport-seal-icon{display:block;font-size:40px;line-height:1}
.passport-seal small{display:block;font:800 10px 'DM Mono',monospace;letter-spacing:.16em;line-height:1}
.passport-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--stroke);padding-top:18px;margin-top:24px;color:var(--muted);font:700 11px 'DM Mono',monospace;letter-spacing:.07em;text-transform:uppercase}
.passport-status b{color:var(--text);font:800 12px 'Space Grotesk',sans-serif;background:var(--paper);padding:8px 13px;border:1px solid var(--stroke);border-radius:25px}
.passport-info-line{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font:700 10px 'DM Mono',monospace;letter-spacing:.04em;color:var(--muted)}
.passport-tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
.passport-card{min-width:0;border:1px solid var(--stroke);background:var(--paper);border-radius:19px;padding:21px;box-shadow:var(--shadow)}
.passport-ambassador{border-top:4px solid color-mix(in srgb,var(--accent) 67%,var(--text))}
.passport-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.passport-card h3{font-size:24px;margin:9px 0 5px;letter-spacing:-.04em}
.passport-tier-chip{display:inline-flex;flex-shrink:0;padding:5px 8px;border-radius:7px;background:var(--paper2);font-size:11px;font-weight:800;color:var(--muted)}
.passport-copy{font-size:13px;color:var(--muted);line-height:1.55;min-height:45px;margin:11px 0 20px}
.passport-goals{display:grid;gap:14px}
.passport-goal-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}
.passport-goal-head span{color:var(--text);font-weight:650}.passport-goal-head b{font-size:11px;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}
.passport-goal.is-complete .passport-goal-head b{color:var(--text)}
.passport-track{height:7px;border-radius:100px;background:var(--paper2);overflow:hidden;margin-top:7px;border:1px solid var(--stroke)}
.passport-track span{height:100%;background:var(--accent);border-radius:inherit;display:block;transition:width .35s ease}
.passport-note{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}
.passport-score{display:grid;gap:3px;background:color-mix(in srgb,var(--accent) 8%,var(--paper2));border:1px solid var(--stroke);padding:12px;border-radius:12px;margin-top:22px;font-size:12px}
.passport-score span{color:var(--muted);font-size:11px}
.passport-requirements{display:grid;gap:10px;margin:16px 0}
.passport-check{display:flex;gap:9px;font-size:12px;align-items:flex-start;color:var(--muted)}
.passport-check>span:first-child{font-weight:900;width:15px;flex:0 0 15px}
.passport-check.done{color:var(--text)}.passport-check.done>span:first-child{color:var(--blue)}
.passport-check small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.passport-apply{width:100%;justify-content:center}
.passport-locked{font-size:12px;border:1px dashed var(--stroke);border-radius:11px;background:var(--paper2);padding:12px;text-align:center;color:var(--muted);font-weight:750}
.passport-locked.is-achieved,.passport-good{color:var(--text)}
.passport-public-rank{display:inline-flex;border:1px solid var(--stroke);background:var(--paper2);padding:4px 9px;border-radius:6px;font-weight:750;font-size:11px;letter-spacing:.04em;margin:2px 0 8px}
@media(max-width:1150px){.passport-tier-grid{grid-template-columns:1fr}.passport-copy{min-height:0}}
@media(max-width:650px){.passport-seal{width:66px;height:66px;font-size:28px}.passport-seal small{font-size:7px}.passport-card{padding:15px}.passport-masthead{padding:19px}.passport-tier-grid{gap:12px}}

/* Staff Studio: manual Creator Passport status updates */
.passport-staff-search{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0 16px}
.passport-staff-search>label{flex:1 1 220px}
.passport-staff-search>.btn{min-height:41px}
.passport-staff-tier{margin-top:5px;font-size:12px;font-weight:700;color:var(--text)}
@media(max-width:570px){.passport-staff-search{display:grid;grid-template-columns:1fr}.passport-staff-search>.btn{width:100%}}
.staff-passport-wide{grid-column:1/-1;min-width:0}

/* POST'D 0.1.19: creator profile connections, with community and team owned palettes. */
.profile-destination-card{
  display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative;
  border:1px solid color-mix(in srgb,var(--accent) 32%,var(--stroke));
  border-radius:19px;background:var(--paper);box-shadow:var(--shadow);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  isolation:isolate;
}
.profile-destination-card:hover,.profile-destination-card:focus-visible{
  transform:translateY(-2px);border-color:var(--accent);
  box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 16%,transparent);
}
.profile-destination-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.destination-top{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:14px 18px 4px;
  background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 22%,var(--paper)),color-mix(in srgb,var(--accent) 6%,var(--paper)) 80%);
}
.destination-kicker{font:700 10px/1.4 'DM Mono',monospace;letter-spacing:.095em;color:var(--text);opacity:.78}
.destination-kicker{display:inline-flex;align-items:center;gap:8px}
.destination-kicker-mark{display:grid;place-items:center;width:16px;height:16px;flex:0 0 16px;border-radius:5px;overflow:hidden;background:color-mix(in srgb,var(--accent) 16%,var(--paper));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--stroke));font-size:10px;line-height:1;color:var(--text)}
.destination-kicker-mark img{width:100%;height:100%;object-fit:cover;display:block}
.destination-corner{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--stroke));border-radius:9px;color:var(--text);background:color-mix(in srgb,var(--accent) 8%,var(--paper));font-size:16px;transition:transform .18s ease}
.profile-destination-card:hover .destination-corner{transform:translate(2px,-2px)}
.destination-identity{
  display:flex;gap:13px;align-items:center;min-width:0;
  padding:10px 18px 18px;
  background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 22%,var(--paper)),color-mix(in srgb,var(--accent) 6%,var(--paper)) 80%);
}
.destination-emblem{
  display:grid;place-items:center;width:60px;height:60px;flex:0 0 60px;
  border-radius:17px;border:2px solid color-mix(in srgb,var(--accent) 70%,var(--text));
  background:color-mix(in srgb,var(--accent) 30%,var(--paper));
  color:var(--text);font-size:30px;line-height:1;overflow:hidden;
  box-shadow:3px 4px 0 color-mix(in srgb,var(--accent) 16%,transparent);
}
.destination-emblem img{width:100%;height:100%;object-fit:cover;display:block}
.destination-team-emblem{border-radius:50%;font:800 29px/1 'Space Grotesk',sans-serif}
.destination-details{display:grid;gap:3px;min-width:0;flex:1}
.destination-details strong{font:800 clamp(19px,2vw,25px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:var(--text);overflow-wrap:anywhere}
.destination-address{font:11px/1.4 'DM Mono',monospace;color:var(--muted);overflow-wrap:anywhere}
.destination-description{padding:15px 18px 5px;margin:0;line-height:1.5;color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.destination-footer{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin:8px 18px 0;padding:13px 0;border-top:1px solid color-mix(in srgb,var(--accent) 38%,var(--stroke));
  font:700 10px/1.4 'DM Mono',monospace;letter-spacing:.09em;color:var(--text)
}
.destination-footer span:last-child{font-size:19px;line-height:1;color:var(--text);transition:transform .18s ease}
.profile-destination-card:hover .destination-footer span:last-child{transform:translateX(4px)}
.profile-team-collection{display:grid;gap:10px;min-width:0}
.profile-team-card-stack{display:grid;gap:12px}
.profile-destination-team .destination-identity{padding-bottom:20px}
.profile-destination-team .destination-footer{padding-top:14px}
@media(max-width:540px){.destination-top{padding:13px 14px 3px}.destination-identity{padding:10px 14px 16px}.destination-description{padding:13px 14px 4px}.destination-footer{margin-left:14px;margin-right:14px}.destination-emblem{width:54px;height:54px;flex-basis:54px}}
@media(prefers-reduced-motion:reduce){.profile-destination-card,.destination-corner,.destination-footer span:last-child{transition:none}}


/* POST’D 0.1.20 - creator dossier masthead. Scoped colors belong to the profile owner. */
.profile-header-v2{border-radius:24px;background:var(--paper);border:1px solid var(--stroke);box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 7%,transparent);overflow:hidden;min-width:0}
.profile-header-v2 .profile-banner{height:238px;min-height:0;max-height:none;aspect-ratio:auto;isolation:isolate;overflow:hidden;position:relative;background:linear-gradient(112deg,color-mix(in srgb,var(--accent) 15%,var(--paper)),color-mix(in srgb,var(--accent) 42%,var(--paper2)) 55%,color-mix(in srgb,var(--accent) 74%,var(--paper2)))}
.profile-header-v2 .profile-banner:after{content:none}
.profile-header-v2 .profile-banner.has-upload{background:var(--paper2)}
.profile-header-v2 .profile-banner.has-upload img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;z-index:0}
.profile-banner-art{position:absolute;inset:0;overflow:hidden;color:color-mix(in srgb,var(--accent) 38%,#172b4f)}
.profile-banner-art:before{content:'';position:absolute;width:580px;height:580px;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:50%;right:-95px;top:-235px;box-shadow:0 0 0 42px color-mix(in srgb,var(--accent) 8%,transparent),0 0 0 110px color-mix(in srgb,var(--accent) 5%,transparent);pointer-events:none}
.profile-banner-art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(145deg,transparent 0 42px,color-mix(in srgb,var(--accent) 10%,transparent) 43px 44px,transparent 45px 80px);opacity:.36;pointer-events:none}
.profile-banner-copy{position:absolute;left:clamp(25px,5%,68px);top:56px;z-index:1;display:flex;flex-direction:column;gap:7px}
.profile-banner-copy>span{font:750 9px/1.4 'DM Mono',monospace;letter-spacing:.18em}
.profile-banner-copy strong{font:750 clamp(36px,4.5vw,70px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.065em}
.profile-banner-seal{width:148px;height:148px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;position:absolute;top:46px;right:clamp(66px,13%,210px);border:2px solid color-mix(in srgb,var(--accent) 60%,#1e375c);border-radius:50%;transform:rotate(11deg);color:color-mix(in srgb,var(--accent) 48%,#1e375c);z-index:1;background:color-mix(in srgb,var(--accent) 7%,transparent)}
.profile-banner-seal:before{content:'';position:absolute;inset:8px;border:1px dashed currentColor;border-radius:50%;opacity:.7}
.profile-banner-seal>span{font:64px/1 'Space Grotesk',sans-serif;transform:translateY(4px)}
.profile-banner-seal small{font:800 8px/1.2 'DM Mono',monospace;letter-spacing:.08em}
.profile-banner-scribble{position:absolute;right:7%;bottom:37px;font-size:44px;color:color-mix(in srgb,var(--accent) 60%,#1e375c);transform:rotate(-15deg);opacity:.5}
.profile-banner-overline,.profile-banner-bottomline{display:flex;align-items:center;justify-content:space-between;gap:12px;position:absolute;z-index:2;left:26px;right:26px;pointer-events:none}
.profile-banner-overline{top:20px}
.profile-banner-bottomline{bottom:17px;justify-content:flex-end;font:750 9px/1.4 'DM Mono',monospace;letter-spacing:.12em;color:color-mix(in srgb,var(--accent) 42%,#1a345e)}
.profile-banner-chip,.profile-banner-number{background:color-mix(in srgb,var(--paper) 84%,transparent);color:color-mix(in srgb,var(--accent) 40%,var(--text));font:800 9px/1.4 'DM Mono',monospace;letter-spacing:.08em;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);padding:5px 9px;border-radius:5px}
.profile-banner-chip .chip-slash{opacity:.45;margin:0 2px}
.profile-header-v2 .profile-banner.has-upload .profile-banner-overline>*{background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(8px)}
.profile-header-v2 .profile-banner.has-upload .profile-banner-bottomline{background:color-mix(in srgb,var(--paper) 87%,transparent);border-radius:5px;padding:6px 9px;backdrop-filter:blur(8px)}
.profile-header-v2 .profile-dossier{display:grid;grid-template-columns:116px minmax(0,1fr) auto;gap:20px;align-items:center;padding:0 28px 23px;position:relative;min-width:0}
.profile-header-v2 .profile-portrait{position:relative;margin-top:-48px;width:116px;height:116px;z-index:4;align-self:start}
.profile-header-v2 .profile-portrait .avatar,.profile-header-v2 .profile-portrait .avatar.lg{width:116px;height:116px;min-width:116px;border:6px solid var(--paper);border-radius:24px;margin:0;display:grid;place-items:center;object-fit:cover;box-shadow:0 8px 23px #07193224;background:color-mix(in srgb,var(--accent) 38%,var(--paper));color:var(--text);font-size:40px}
.profile-portrait-mark{position:absolute;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;right:-8px;bottom:8px;background:var(--accent);border:3px solid var(--paper);color:var(--accent-ink,#17233b);font-size:12px;box-shadow:0 3px 6px #0002}
.profile-identity{min-width:0;padding-top:18px;align-self:center}
.profile-id-kicker{display:flex;align-items:center;gap:9px;font:750 10px/1.5 'DM Mono',monospace;letter-spacing:.1em;color:var(--muted)}
.profile-live-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--muted) 64%,var(--paper));box-shadow:0 0 0 3px var(--paper2)}
.profile-live-dot.is-live{background:#30c893;box-shadow:0 0 0 3px #30c89328}
.profile-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;margin:4px 0 9px}
.profile-header-v2 .profile-name-row h1{font-size:clamp(31px,3vw,44px);font-weight:800;line-height:1.05;letter-spacing:-.055em;margin:0;overflow-wrap:anywhere}
.profile-header-v2 .passport-public-rank{margin:0;align-self:center;white-space:nowrap;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--stroke));color:var(--text);background:color-mix(in srgb,var(--accent) 13%,var(--paper));padding:5px 9px;border-radius:7px;font:800 10px 'DM Mono',monospace;letter-spacing:.02em}
.profile-identity-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted)}
.profile-handle{color:var(--text);font-weight:700}
.profile-meta-separator{opacity:.42;font-size:13px;margin:0 1px}
.profile-dossier-actions{display:grid;justify-items:end;gap:10px;padding-top:20px}
.profile-actions-label{font:800 9px/1.4 'DM Mono',monospace;letter-spacing:.1em;color:var(--muted)}
.profile-action-buttons{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap}
.profile-action-buttons .btn{white-space:nowrap}
.profile-header-v2 .profile-action-buttons .btn.plum{background:color-mix(in srgb,var(--accent) 40%,#202e4d);color:#fff;border:1px solid color-mix(in srgb,var(--accent) 48%,#202e4d)}
:root[data-theme=dark] .profile-header-v2 .profile-banner{background:linear-gradient(112deg,color-mix(in srgb,var(--accent) 15%,#131c32),color-mix(in srgb,var(--accent) 28%,#1b2741) 55%,color-mix(in srgb,var(--accent) 52%,#1b2741))}
:root[data-theme=dark] .profile-banner-art{color:color-mix(in srgb,var(--accent) 32%,#f4f7ff)}
:root[data-theme=dark] .profile-banner-seal{color:color-mix(in srgb,var(--accent) 48%,#f4f7ff);border-color:color-mix(in srgb,var(--accent) 45%,#f4f7ff)}
:root[data-theme=dark] .profile-banner-bottomline{color:color-mix(in srgb,var(--accent) 30%,#f4f7ff)}
@media(max-width:1000px){.profile-header-v2 .profile-dossier{grid-template-columns:104px minmax(0,1fr);gap:14px 18px}.profile-header-v2 .profile-portrait,.profile-header-v2 .profile-portrait .avatar,.profile-header-v2 .profile-portrait .avatar.lg{width:104px;height:104px;min-width:104px}.profile-header-v2 .profile-dossier-actions{grid-column:2;justify-items:start;padding-top:0;gap:6px}.profile-action-buttons{justify-content:flex-start}.profile-actions-label{display:none}.profile-banner-seal{right:9%}}
@media(max-width:680px){.profile-header-v2 .profile-banner{height:187px;min-height:0;aspect-ratio:auto}.profile-banner-copy{left:24px;top:57px}.profile-banner-copy strong{font-size:clamp(33px,9vw,49px)}.profile-banner-copy>span{font-size:8px}.profile-banner-seal{width:99px;height:99px;right:6%;top:60px}.profile-banner-seal>span{font-size:43px}.profile-banner-seal small{font-size:6px}.profile-banner-scribble{display:none}.profile-banner-overline,.profile-banner-bottomline{left:14px;right:14px;font-size:7px}.profile-banner-overline{top:12px}.profile-banner-bottomline{bottom:9px}.profile-header-v2 .profile-dossier{grid-template-columns:82px minmax(0,1fr);padding:0 16px 19px;gap:12px}.profile-header-v2 .profile-portrait,.profile-header-v2 .profile-portrait .avatar,.profile-header-v2 .profile-portrait .avatar.lg{width:82px;height:82px;min-width:82px}.profile-header-v2 .profile-portrait{margin-top:-26px}.profile-header-v2 .profile-portrait .avatar{border-width:4px;border-radius:19px}.profile-portrait-mark{width:24px;height:24px;right:-7px;bottom:1px}.profile-identity{padding-top:12px}.profile-id-kicker{font-size:8px}.profile-header-v2 .profile-name-row h1{font-size:clamp(28px,7vw,36px)}.profile-identity-meta{font-size:12px}.profile-header-v2 .profile-dossier-actions{grid-column:1/-1;padding-top:0}.profile-action-buttons{width:100%}.profile-action-buttons .btn{flex:1;justify-content:center;text-align:center}.profile-header-v2 .profile-banner.has-upload .profile-banner-bottomline{font-size:8px}}
@media(max-width:400px){.profile-banner-seal{right:4%;width:84px;height:84px}.profile-banner-copy strong{font-size:31px}.profile-header-v2 .profile-dossier{grid-template-columns:74px minmax(0,1fr)}.profile-header-v2 .profile-portrait,.profile-header-v2 .profile-portrait .avatar,.profile-header-v2 .profile-portrait .avatar.lg{width:74px;height:74px;min-width:74px}.profile-banner-number{font-size:8px}}


/* POST’D 0.1.22 - creator dossier header refresh. */
.profile-header-v3{border-radius:24px;background:var(--paper);border:1px solid var(--stroke);box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 8%,transparent);overflow:hidden;min-width:0;position:relative}
.profile-header-v3 .profile-hero{position:relative;height:250px;overflow:hidden;isolation:isolate;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 18%,var(--paper)),color-mix(in srgb,var(--accent) 44%,var(--paper2)) 55%,color-mix(in srgb,var(--accent) 76%,var(--paper2)))}
.profile-header-v3 .profile-hero.has-upload{background:var(--paper2)}
.profile-header-v3 .profile-hero.has-upload img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.profile-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 0 42%,color-mix(in srgb,#000 8%,transparent) 70%,color-mix(in srgb,#000 24%,transparent) 100%);pointer-events:none}
.profile-hero-toprow{position:absolute;left:24px;right:24px;top:22px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.profile-hero-chip{display:inline-flex;align-items:center;background:color-mix(in srgb,var(--paper) 90%,transparent);color:color-mix(in srgb,var(--accent) 36%,var(--text));border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);padding:6px 10px;border-radius:8px;font:800 9px/1.4 'DM Mono',monospace;letter-spacing:.09em;backdrop-filter:blur(8px)}
.profile-hero-art{position:absolute;inset:0;z-index:0;overflow:hidden;color:color-mix(in srgb,var(--accent) 40%,#1b3358)}
.profile-hero-art:before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;right:-120px;top:-210px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);box-shadow:0 0 0 34px color-mix(in srgb,var(--accent) 8%,transparent),0 0 0 92px color-mix(in srgb,var(--accent) 4%,transparent)}
.profile-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 45%,color-mix(in srgb,var(--accent) 8%,transparent));pointer-events:none}
.profile-hero-copy{position:absolute;left:clamp(24px,4.5vw,58px);bottom:46px;z-index:2;display:grid;gap:8px;max-width:min(520px,64%)}
.profile-hero-copy>span{font:800 9px/1.4 'DM Mono',monospace;letter-spacing:.18em}
.profile-hero-copy strong{font:800 clamp(36px,4.8vw,68px)/.92 'Space Grotesk',sans-serif;letter-spacing:-.065em}
.profile-hero-copy small{font-size:14px;color:color-mix(in srgb,var(--accent) 18%,var(--text));max-width:34ch}
.profile-hero-emblems{position:absolute;right:5%;bottom:34px;display:flex;gap:22px;align-items:center;font-size:56px;letter-spacing:.1em;color:color-mix(in srgb,var(--accent) 42%,transparent);z-index:2}
.profile-id-card{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;margin:-42px 20px 20px;padding:20px 22px;background:color-mix(in srgb,var(--paper) 92%,transparent);border:1px solid color-mix(in srgb,var(--accent) 14%,var(--stroke));border-radius:22px;backdrop-filter:blur(10px);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 8%,transparent)}
.profile-id-main{display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px;align-items:center;min-width:0}
.profile-header-v3 .profile-portrait{position:relative;width:116px;height:116px;align-self:end}
.profile-header-v3 .profile-portrait .avatar,.profile-header-v3 .profile-portrait .avatar.lg{width:116px;height:116px;min-width:116px;border:6px solid var(--paper);border-radius:24px;margin:0;display:grid;place-items:center;object-fit:cover;box-shadow:0 10px 24px #07193224;background:color-mix(in srgb,var(--accent) 38%,var(--paper));color:var(--text);font-size:40px}
.profile-header-v3 .profile-portrait-mark{position:absolute;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;right:-8px;bottom:8px;background:var(--accent);border:3px solid var(--paper);color:var(--accent-ink,#17233b);font-size:12px;box-shadow:0 3px 6px #0002}
.profile-header-v3 .profile-identity{min-width:0;align-self:center}
.profile-header-v3 .profile-id-kicker{display:flex;align-items:center;gap:9px;font:800 10px/1.5 'DM Mono',monospace;letter-spacing:.12em;color:var(--muted)}
.profile-header-v3 .profile-live-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--muted) 64%,var(--paper));box-shadow:0 0 0 3px var(--paper2)}
.profile-header-v3 .profile-live-dot.is-live{background:#30c893;box-shadow:0 0 0 3px #30c89328}
.profile-header-v3 .profile-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin:4px 0 10px}
.profile-header-v3 .profile-name-row h1{font-size:clamp(34px,3.2vw,46px);font-weight:800;line-height:1.02;letter-spacing:-.06em;margin:0;overflow-wrap:anywhere}
.profile-header-v3 .passport-public-rank{margin:0;align-self:center;white-space:nowrap;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--stroke));color:var(--text);background:color-mix(in srgb,var(--accent) 12%,var(--paper));padding:6px 10px;border-radius:8px;font:800 10px 'DM Mono',monospace;letter-spacing:.02em}
.profile-header-v3 .profile-identity-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--muted)}
.profile-header-v3 .profile-handle{color:var(--text);font-weight:700}
.profile-header-v3 .profile-meta-separator{opacity:.42;font-size:13px;margin:0 1px}
.profile-header-v3 .profile-dossier-actions{display:grid;align-items:center;justify-items:end;min-width:max-content}
.profile-header-v3 .profile-action-buttons{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}
.profile-header-v3 .profile-action-buttons .btn{white-space:nowrap}
.profile-header-v3 .profile-action-buttons .btn.plum{background:color-mix(in srgb,var(--accent) 42%,#202e4d);color:#fff;border:1px solid color-mix(in srgb,var(--accent) 50%,#202e4d)}
:root[data-theme=dark] .profile-header-v3{box-shadow:0 16px 36px rgba(0,0,0,.26)}
:root[data-theme=dark] .profile-header-v3 .profile-hero{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 14%,#11192c),color-mix(in srgb,var(--accent) 26%,#18233b) 55%,color-mix(in srgb,var(--accent) 42%,#18233b))}
:root[data-theme=dark] .profile-hero-art{color:color-mix(in srgb,var(--accent) 34%,#eff4ff)}
:root[data-theme=dark] .profile-hero-copy small{color:color-mix(in srgb,var(--accent) 18%,#eff4ff)}
:root[data-theme=dark] .profile-id-card{background:color-mix(in srgb,#10192b 84%,transparent);border-color:color-mix(in srgb,var(--accent) 16%,var(--stroke))}
@media(max-width:1000px){.profile-header-v3 .profile-hero{height:230px}.profile-id-card{grid-template-columns:1fr;align-items:start}.profile-header-v3 .profile-dossier-actions{justify-items:start;min-width:0}.profile-header-v3 .profile-action-buttons{justify-content:flex-start}}
@media(max-width:720px){.profile-header-v3 .profile-hero{height:210px}.profile-hero-toprow{left:14px;right:14px;top:14px}.profile-hero-copy{left:20px;bottom:26px;max-width:70%}.profile-hero-copy strong{font-size:clamp(28px,10vw,42px)}.profile-hero-copy small{font-size:12px}.profile-hero-emblems{font-size:40px;gap:14px;right:16px;bottom:18px}.profile-id-card{margin:-28px 12px 14px;padding:16px}.profile-id-main{grid-template-columns:86px minmax(0,1fr);gap:12px}.profile-header-v3 .profile-portrait,.profile-header-v3 .profile-portrait .avatar,.profile-header-v3 .profile-portrait .avatar.lg{width:86px;height:86px;min-width:86px}.profile-header-v3 .profile-portrait .avatar{border-width:4px;border-radius:20px}.profile-header-v3 .profile-name-row h1{font-size:clamp(28px,8vw,36px)}.profile-header-v3 .profile-identity-meta{font-size:12px}.profile-header-v3 .profile-action-buttons{width:100%}.profile-header-v3 .profile-action-buttons .btn{flex:1;justify-content:center;text-align:center}}
@media(max-width:520px){.profile-hero-chip{padding:5px 8px;font-size:8px}.profile-header-v3 .profile-hero{height:192px}.profile-hero-copy>span,.profile-hero-copy small{display:none}.profile-hero-copy{bottom:18px}.profile-hero-copy strong{font-size:30px;max-width:7ch}.profile-hero-emblems{font-size:28px;gap:10px;opacity:.7}.profile-id-main{grid-template-columns:72px minmax(0,1fr)}.profile-header-v3 .profile-portrait,.profile-header-v3 .profile-portrait .avatar,.profile-header-v3 .profile-portrait .avatar.lg{width:72px;height:72px;min-width:72px}.profile-header-v3 .profile-portrait-mark{width:24px;height:24px;right:-7px;bottom:2px}.profile-header-v3 .profile-dossier-actions{width:100%}}


/* POST’D v0.1.23 - creator community address book */
.community-desk{gap:16px}
.community-desk-top{padding:clamp(20px,3vw,31px);border:1px solid var(--stroke);border-radius:21px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 8%,var(--paper)),color-mix(in srgb,var(--accent) 17%,var(--paper2)));}
.community-desk-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.community-desk-top h2{font-size:clamp(29px,3vw,43px);letter-spacing:-.055em;line-height:1.08;margin:10px 0 9px}
.community-desk-top p{max-width:580px;margin:0;color:var(--muted);line-height:1.55;font-size:13px}
.community-desk-counter{border-radius:12px;display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center;background:var(--paper);border:1px solid var(--stroke);padding:12px 15px;min-width:125px;flex-shrink:0}
.community-desk-counter b{font:800 29px/1 'Space Grotesk',sans-serif;color:var(--text)}
.community-desk-counter span{font:750 8px/1.5 'DM Mono',monospace;color:var(--muted);letter-spacing:.06em}
.community-desk-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,1fr);align-items:start;gap:16px}
.community-desk-columns>.panel{min-width:0;height:100%}
.community-desk-owned{padding:19px;border-radius:15px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--stroke));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 12%,var(--paper)),color-mix(in srgb,var(--accent) 23%,var(--paper2)));display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;align-items:center}
.community-desk-owned-icon,.community-desk-joined-avatar{display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--stroke));background:color-mix(in srgb,var(--accent) 27%,var(--paper));color:var(--text);font-size:27px;border-radius:14px;width:60px;height:60px}
.community-desk-owned-icon img,.community-desk-joined-avatar img{width:100%;height:100%;object-fit:cover}
.community-desk-owned-copy{min-width:0}
.community-desk-overline{font:750 9px/1.5 'DM Mono',monospace;letter-spacing:.09em;color:var(--muted)}
.community-desk-owned-copy h3{margin:5px 0;font-size:24px;line-height:1.1;overflow-wrap:anywhere}
.community-desk-owned-copy p{font-size:12px;color:var(--muted);line-height:1.5;margin:7px 0}
.community-desk-path{color:var(--muted);font:11px 'DM Mono',monospace;overflow-wrap:anywhere}
.community-desk-owned-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--stroke);padding-top:13px}
.community-desk-create-intro{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:18px}
.community-desk-create-intro h3{margin:7px 0;font-size:24px}
.community-desk-create-intro p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}
.community-desk-envelope{font-size:42px;display:grid;place-items:center;width:80px;height:80px;background:color-mix(in srgb,var(--accent) 13%,var(--paper));border-radius:18px;flex-shrink:0;color:var(--text)}
.community-desk-create-form .form-grid{gap:12px}
.community-desk-showcase-summary{margin-top:3px;padding:13px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 47%,var(--stroke));background:color-mix(in srgb,var(--accent) 13%,var(--paper));display:flex;gap:10px;align-items:center;min-width:0}
.community-desk-showcase-symbol{font-size:23px;color:var(--text)}
.community-desk-showcase-summary span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}
.community-desk-showcase-summary b{overflow-wrap:anywhere;font-size:14px}
.community-desk-showcase-summary small{color:var(--muted);font:10px 'DM Mono',monospace;overflow-wrap:anywhere}
.community-desk-showcase-check{color:var(--text);font:750 9px 'DM Mono',monospace;white-space:nowrap}
.community-desk-joined-list{display:grid;gap:9px;max-height:340px;overflow:auto;padding:2px 4px 4px 2px}
.community-desk-joined-card{border:1px solid color-mix(in srgb,var(--accent) 26%,var(--stroke));background:color-mix(in srgb,var(--accent) 7%,var(--paper));border-radius:13px;padding:10px 12px;display:flex;align-items:center;gap:12px;min-width:0}
.community-desk-joined-avatar{height:46px;width:46px;border-radius:10px;font-size:23px;flex-shrink:0}
.community-desk-joined-copy{display:grid;gap:4px;min-width:0;flex:1}
.community-desk-joined-copy strong{color:var(--text);overflow-wrap:anywhere}
.community-desk-joined-copy span{color:var(--muted);font:10px 'DM Mono',monospace;overflow-wrap:anywhere}
.community-desk-featured{color:var(--text);background:color-mix(in srgb,var(--accent) 20%,var(--paper));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--stroke));font:750 9px/1.3 'DM Mono',monospace;padding:6px;border-radius:7px;white-space:nowrap}
@media(max-width:1160px){.community-desk-columns{grid-template-columns:1fr}.community-desk-columns>.panel{height:auto}}
@media(max-width:600px){.community-desk-topline{align-items:flex-start;flex-direction:column}.community-desk-counter{align-items:flex-start;text-align:left;width:auto}.community-desk-owned{grid-template-columns:49px minmax(0,1fr)}.community-desk-owned-icon{width:49px;height:49px}.community-desk-joined-card{flex-wrap:wrap}.community-desk-featured{order:3}.community-desk-joined-card .btn{margin-left:auto}.community-desk-envelope{display:none}}


/* POST’D 0.1.24 - full-banner creator dossier header + staff badge */
.profile-header-v4{position:relative;border-radius:26px;border:1px solid var(--stroke);overflow:hidden;box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 10%,transparent)}
.profile-header-v4 .profile-hero-full{position:relative;min-height:380px;display:block;overflow:hidden;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 14%,var(--paper)),color-mix(in srgb,var(--accent) 34%,var(--paper2)) 55%,color-mix(in srgb,var(--accent) 54%,var(--paper2)));padding:22px 22px 20px}
.profile-header-v4 .profile-hero-full.has-upload > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.profile-header-v4 .profile-hero-art{position:absolute;inset:0;z-index:0;overflow:hidden;color:color-mix(in srgb,var(--accent) 40%,#1b3358)}
.profile-header-v4 .profile-hero-copy{position:absolute;left:clamp(24px,4.5vw,58px);bottom:150px;z-index:2;display:grid;gap:8px;max-width:min(520px,64%)}
.profile-header-v4 .profile-hero-copy>span{font:800 9px/1.4 'DM Mono',monospace;letter-spacing:.18em}
.profile-header-v4 .profile-hero-copy strong{font:800 clamp(38px,4.8vw,72px)/.92 'Space Grotesk',sans-serif;letter-spacing:-.065em}
.profile-header-v4 .profile-hero-copy small{font-size:14px;color:color-mix(in srgb,var(--accent) 18%,var(--text));max-width:34ch}
.profile-header-v4 .profile-hero-emblems{position:absolute;right:5%;bottom:150px;display:flex;gap:22px;align-items:center;font-size:56px;color:color-mix(in srgb,var(--accent) 42%,transparent);z-index:2}
.profile-header-v4 .profile-hero-scrim-strong{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.07) 34%,rgba(0,0,0,.22) 60%,rgba(6,10,20,.52) 100%);pointer-events:none}
.profile-header-v4 .profile-hero-toprow{position:absolute;left:22px;right:22px;top:20px;z-index:4;display:flex;justify-content:space-between;gap:12px;pointer-events:none}
.profile-header-v4 .profile-hero-chip{display:inline-flex;align-items:center;background:color-mix(in srgb,var(--paper) 90%,transparent);color:color-mix(in srgb,var(--accent) 36%,var(--text));border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);padding:7px 11px;border-radius:9px;font:800 9px/1.4 'DM Mono',monospace;letter-spacing:.09em;backdrop-filter:blur(8px)}
.profile-overlay-card{position:absolute;left:20px;right:20px;bottom:20px;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;padding:18px 20px;background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid color-mix(in srgb,var(--accent) 16%,var(--stroke));border-radius:22px;backdrop-filter:blur(12px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.profile-overlay-card .profile-id-main{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center;min-width:0}
.profile-overlay-card .profile-portrait{position:relative;width:110px;height:110px}
.profile-overlay-card .profile-portrait .avatar,.profile-overlay-card .profile-portrait .avatar.lg{width:110px;height:110px;min-width:110px;border:5px solid var(--paper);border-radius:24px;margin:0;display:grid;place-items:center;object-fit:cover;box-shadow:0 10px 24px #07193224;background:color-mix(in srgb,var(--accent) 38%,var(--paper));color:var(--text);font-size:38px}
.profile-overlay-card .profile-portrait-mark{position:absolute;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;right:-6px;bottom:8px;background:var(--accent);border:3px solid var(--paper);color:var(--accent-ink,#17233b);font-size:12px;box-shadow:0 3px 6px #0002}
.profile-overlay-card .profile-identity{min-width:0;color:var(--text)}
.profile-overlay-card .profile-id-kicker{display:flex;align-items:center;gap:9px;font:800 10px/1.5 'DM Mono',monospace;letter-spacing:.12em;color:var(--muted)}
.profile-overlay-card .profile-live-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--muted) 64%,var(--paper));box-shadow:0 0 0 3px var(--paper2)}
.profile-overlay-card .profile-live-dot.is-live{background:#30c893;box-shadow:0 0 0 3px #30c89328}
.profile-overlay-card .profile-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin:4px 0 8px}
.profile-overlay-card .profile-name-row h1{font-size:clamp(34px,3vw,48px);font-weight:800;line-height:1.02;letter-spacing:-.06em;margin:0;overflow-wrap:anywhere}
.profile-badge-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.profile-overlay-card .passport-public-rank,.profile-staff-rank{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--stroke));color:var(--text);background:color-mix(in srgb,var(--accent) 12%,var(--paper));padding:6px 10px;border-radius:8px;font:800 10px 'DM Mono',monospace;letter-spacing:.02em}
.profile-staff-rank{background:color-mix(in srgb,var(--accent) 22%,var(--paper));border-color:color-mix(in srgb,var(--accent) 52%,var(--stroke))}
.profile-overlay-card .profile-identity-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--muted)}
.profile-overlay-card .profile-handle{color:var(--text);font-weight:700}
.profile-overlay-card .profile-meta-separator{opacity:.42;font-size:13px;margin:0 1px}
.profile-overlay-card .profile-dossier-actions{display:grid;align-items:center;justify-items:end;min-width:max-content}
.profile-overlay-card .profile-action-buttons{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}
.profile-overlay-card .profile-action-buttons .btn{white-space:nowrap}
.profile-overlay-card .profile-action-buttons .btn.plum{background:color-mix(in srgb,var(--accent) 42%,#202e4d);color:#fff;border:1px solid color-mix(in srgb,var(--accent) 50%,#202e4d)}
:root[data-theme=dark] .profile-header-v4{box-shadow:0 18px 40px rgba(0,0,0,.28)}
:root[data-theme=dark] .profile-header-v4 .profile-hero-full{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 12%,#11192c),color-mix(in srgb,var(--accent) 26%,#18233b) 55%,color-mix(in srgb,var(--accent) 42%,#18233b))}
:root[data-theme=dark] .profile-header-v4 .profile-hero-art{color:color-mix(in srgb,var(--accent) 34%,#eff4ff)}
:root[data-theme=dark] .profile-header-v4 .profile-hero-copy small{color:color-mix(in srgb,var(--accent) 18%,#eff4ff)}
:root[data-theme=dark] .profile-overlay-card{background:color-mix(in srgb,#10192b 74%,transparent);border-color:color-mix(in srgb,var(--accent) 20%,var(--stroke))}
@media(max-width:1000px){.profile-header-v4 .profile-hero-full{min-height:400px}.profile-overlay-card{grid-template-columns:1fr;align-items:start}.profile-overlay-card .profile-dossier-actions{justify-items:start;min-width:0}.profile-overlay-card .profile-action-buttons{justify-content:flex-start}}
@media(max-width:720px){.profile-header-v4 .profile-hero-full{min-height:420px;padding:14px}.profile-header-v4 .profile-hero-toprow{left:14px;right:14px;top:14px}.profile-header-v4 .profile-hero-copy{left:20px;bottom:182px;max-width:70%}.profile-header-v4 .profile-hero-copy strong{font-size:clamp(28px,10vw,42px)}.profile-header-v4 .profile-hero-copy small{font-size:12px}.profile-header-v4 .profile-hero-emblems{font-size:40px;gap:14px;right:16px;bottom:188px}.profile-overlay-card{left:12px;right:12px;bottom:12px;padding:16px}.profile-overlay-card .profile-id-main{grid-template-columns:86px minmax(0,1fr);gap:12px}.profile-overlay-card .profile-portrait,.profile-overlay-card .profile-portrait .avatar,.profile-overlay-card .profile-portrait .avatar.lg{width:86px;height:86px;min-width:86px}.profile-overlay-card .profile-portrait .avatar{border-width:4px;border-radius:20px}.profile-overlay-card .profile-name-row h1{font-size:clamp(28px,8vw,36px)}.profile-overlay-card .profile-identity-meta{font-size:12px}.profile-overlay-card .profile-action-buttons{width:100%}.profile-overlay-card .profile-action-buttons .btn{flex:1;justify-content:center;text-align:center}}
@media(max-width:520px){.profile-header-v4 .profile-hero-chip{padding:5px 8px;font-size:8px}.profile-header-v4 .profile-hero-copy>span,.profile-header-v4 .profile-hero-copy small{display:none}.profile-header-v4 .profile-hero-copy{bottom:176px}.profile-header-v4 .profile-hero-copy strong{font-size:30px;max-width:7ch}.profile-header-v4 .profile-hero-emblems{font-size:28px;gap:10px;opacity:.7;bottom:192px}.profile-overlay-card .profile-id-main{grid-template-columns:72px minmax(0,1fr)}.profile-overlay-card .profile-portrait,.profile-overlay-card .profile-portrait .avatar,.profile-overlay-card .profile-portrait .avatar.lg{width:72px;height:72px;min-width:72px}.profile-overlay-card .profile-portrait-mark{width:24px;height:24px;right:-7px;bottom:2px}.profile-overlay-card .profile-dossier-actions{width:100%}}

/* v0.1.26 - uniform Passport and staff pills, readable profile facts. */
.profile-overlay-card .profile-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:5px 0 11px;min-height:30px}
.profile-overlay-card .profile-rank-badge{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;gap:6px;margin:0;padding:0 10px;height:30px;min-height:30px;border-radius:8px;font:800 10px/1 'DM Mono',monospace;letter-spacing:.02em;white-space:nowrap;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--stroke));color:var(--text);background:color-mix(in srgb,var(--accent) 12%,var(--paper))}
.profile-overlay-card .profile-rank-badge.profile-staff-rank{background:color-mix(in srgb,var(--accent) 22%,var(--paper));border-color:color-mix(in srgb,var(--accent) 52%,var(--stroke))}
.profile-overlay-card .profile-rank-symbol{width:16px;height:16px;display:inline-grid;place-items:center;flex:0 0 16px;font-family:system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1}
.profile-overlay-card .profile-identity-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0;font-size:12px;color:var(--muted)}
.profile-overlay-card .profile-identity-meta .profile-handle{font-weight:750;color:var(--text);margin-right:2px;overflow-wrap:anywhere}
.profile-overlay-card .profile-meta-detail{box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;background:color-mix(in srgb,var(--accent) 6%,var(--paper));border:1px solid color-mix(in srgb,var(--accent) 13%,var(--stroke));border-radius:7px;min-height:26px;max-width:100%;color:var(--text)}
.profile-overlay-card .profile-meta-label{font:750 9px/1.2 'DM Mono',monospace;letter-spacing:.055em;color:var(--muted);white-space:nowrap}
.profile-overlay-card .profile-meta-value{font-size:12px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
@media(max-width:720px){.profile-overlay-card .profile-badge-row{gap:6px}.profile-overlay-card .profile-rank-badge{font-size:9px;padding:0 8px;height:28px;min-height:28px}.profile-overlay-card .profile-meta-detail{padding:5px 7px}.profile-overlay-card .profile-meta-label{font-size:8px}}
/* Keep creator-status and staff badges level on narrow screens. */
.profile-overlay-card .profile-badge-row{flex-wrap:nowrap;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}
.profile-overlay-card .profile-badge-row::-webkit-scrollbar{display:none}
.profile-overlay-card .profile-rank-badge{flex:0 0 auto}
@media(max-width:600px){
  .profile-overlay-card .profile-id-main{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"portrait kicker" "portrait name" "badges badges" "meta meta";grid-template-rows:auto auto auto auto;column-gap:12px;row-gap:6px;align-items:center}
  .profile-overlay-card .profile-identity{display:contents}
  .profile-overlay-card .profile-portrait{grid-area:portrait;align-self:center}
  .profile-overlay-card .profile-id-kicker{grid-area:kicker;align-self:end}
  .profile-overlay-card .profile-name-row{grid-area:name;align-self:start;margin:0}
  .profile-overlay-card .profile-badge-row{grid-area:badges;overflow:visible;max-width:none;width:100%;margin:8px 0 3px;gap:7px}
  .profile-overlay-card .profile-identity-meta{grid-area:meta;gap:7px}
}

/* POST’D v0.1.27: compact team showcase desk */
.team-desk .community-desk-top{background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 7%,var(--paper)),color-mix(in srgb,var(--accent) 15%,var(--paper2)))}
.team-desk .team-desk-letter{font-weight:850;font-family:'Space Grotesk',sans-serif;font-size:25px}
.team-desk-application{min-width:0}
.team-desk-application>.panel{height:100%;margin:0}
.team-desk .community-desk-joined-list{max-height:350px}
@media(max-width:600px){.team-desk .community-desk-joined-card>.btn{margin-left:auto}}

/* POST’D v0.1.29 | Directory uses uploaded square icons, never stretched cover artwork. */
.directory-card{display:flex;flex-direction:column;min-width:0}
.directory-card .directory-cover{height:160px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;background:linear-gradient(122deg,color-mix(in srgb,var(--accent) 26%,var(--paper)),color-mix(in srgb,var(--accent) 56%,var(--paper2)) 70%,color-mix(in srgb,var(--accent) 32%,var(--paper)))}
.directory-card .directory-cover:before,.directory-card .directory-cover:after{content:none}
.directory-icon{height:90px;width:90px;display:grid;place-items:center;border-radius:22px;border:3px solid color-mix(in srgb,var(--accent) 68%,var(--paper));background:color-mix(in srgb,var(--accent) 17%,var(--paper));font:800 42px/1 'Space Grotesk',sans-serif;color:var(--text);overflow:hidden;box-shadow:0 6px 0 color-mix(in srgb,var(--accent) 17%,transparent),0 12px 28px color-mix(in srgb,var(--accent) 12%,transparent);transition:transform .2s ease}
.directory-icon img{height:100%;width:100%;object-fit:cover;display:block}
.directory-team-icon{border-radius:50%}
.directory-card:hover .directory-icon{transform:translateY(-2px) scale(1.025)}
.directory-type{font:800 9px/1.3 'DM Mono',monospace;letter-spacing:.12em;color:color-mix(in srgb,var(--accent) 38%,var(--text));text-align:center}
.directory-card .cover-label{top:10px;left:10px;z-index:2}
.directory-card .card-content{flex:1;min-width:0}
.directory-card .directory-description{font-size:12px;line-height:1.55;margin:3px 0 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.team-icon-editor{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.team-icon-editor .team-icon-preview{height:100px;width:100px;flex:0 0 100px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,var(--paper2));border:2px solid var(--accent);display:grid;place-items:center;overflow:hidden;color:var(--text);font:800 46px/1 'Space Grotesk',sans-serif}
.team-icon-editor .team-icon-preview img{width:100%;height:100%;object-fit:cover;display:block}
.team-icon-editor>.stack{flex:1;min-width:190px}
.destination-team-emblem img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:540px){.directory-card .directory-cover{height:146px}.directory-icon{width:78px;height:78px;font-size:38px}.directory-type{font-size:8px}}
@media(prefers-reduced-motion:reduce){.directory-icon{transition:none}}
/* POST’D 0.1.30 - creator asset workshop and account safety desk */
.security-desk-hero,.creator-assets-hero{padding:clamp(20px,3vw,32px);border-radius:22px;border:1px solid var(--stroke);background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 9%,var(--paper)),color-mix(in srgb,var(--accent) 22%,var(--paper)));}
.security-desk-headline{display:flex;align-items:center;justify-content:space-between;gap:20px}
.security-desk-headline h2,.creator-assets-hero h2{font-size:clamp(27px,3vw,42px);line-height:1.05;letter-spacing:-.05em;margin:14px 0 9px}
.security-desk-headline p,.creator-assets-hero p{color:var(--muted);max-width:550px;line-height:1.55;margin:0}
.security-desk-icon{display:grid;place-items:center;width:74px;height:74px;flex-shrink:0;border:2px dashed var(--accent);border-radius:50%;font-size:32px;color:var(--accent)}
.security-desk-grid,.creator-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.security-desk-grid>.panel{height:100%}
.security-2fa-status{padding:14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--stroke));background:color-mix(in srgb,var(--accent) 10%,var(--paper2));color:var(--text)}
.security-2fa-status p{color:var(--muted);font-size:12px;margin-bottom:0}
.creator-assets-grid>.panel{min-width:0}.creator-asset-list{display:grid;gap:9px;margin-top:20px}
.creator-asset-row{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid var(--stroke);background:var(--paper2);border-radius:12px}
.creator-asset-row-copy{display:grid;gap:3px;flex:1;min-width:0}.creator-asset-row-copy strong{font-size:13px;overflow-wrap:anywhere}.creator-asset-row-copy small{font-size:11px;color:var(--muted)}
.emote-img,.postage-img{width:44px;height:44px;flex:0 0 44px;object-fit:contain;image-rendering:auto;background:var(--paper);border:1px solid var(--stroke);border-radius:9px;padding:3px}
.creator-mod-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.creator-mod-form label{flex:1;min-width:210px}.creator-mod-form>.btn{min-height:42px}
.inline-chat-emote{display:inline-block;width:30px;height:30px;object-fit:contain;vertical-align:middle;margin:0 2px}
.inline-chat-badge{display:inline-block;width:19px;height:19px;object-fit:contain;vertical-align:middle;margin-right:4px}
.chat-emote-tools{display:flex;justify-content:flex-start;padding:8px 12px 0}
.chat-emote-picker{display:flex;flex-wrap:wrap;gap:5px;padding:8px;max-height:160px;overflow-y:auto;background:var(--paper2);border:1px solid var(--stroke);border-radius:10px;margin-bottom:8px}
.chat-emote-picker[hidden],.postage-tier-label[hidden]{display:none!important}
.chat-emote-option{display:grid;justify-items:center;gap:2px;min-width:64px;max-width:86px;padding:5px;background:var(--paper);color:var(--text);border:1px solid var(--stroke);border-radius:8px;cursor:pointer;font-size:10px;overflow-wrap:anywhere}
.chat-emote-option:hover{border-color:var(--accent)}.chat-emote-option img{height:32px;width:32px;object-fit:contain}
@media(max-width:850px){.security-desk-grid,.creator-assets-grid{grid-template-columns:1fr}}
@media(max-width:520px){.security-desk-icon{width:50px;height:50px;font-size:23px}.creator-asset-row{gap:7px}.creator-asset-row .btn{padding:6px 8px}}

/* 0.1.34: sticky navigation search, including standalone public pages */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
.nav-search{height:38px;display:flex;align-items:center;flex:0 1 225px;min-width:145px;max-width:270px;position:relative;border-radius:11px;border:1px solid var(--stroke);background:var(--paper2);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.nav-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
.nav-search-label{display:grid;place-items:center;flex:0 0 34px;color:var(--muted);margin:0;cursor:text}
.nav-search input[type=search]{font:600 12px 'DM Sans',sans-serif;flex:1 1 auto;width:0;min-width:0;height:100%;padding:0 4px;background:transparent;border:0;box-shadow:none;color:var(--text);border-radius:0}
.nav-search input[type=search]:focus{outline:0;box-shadow:none;border:0}
.nav-search input::placeholder{color:var(--muted);opacity:1}
.nav-search-submit{height:100%;border:0;border-left:1px solid var(--stroke);padding:0 10px;background:color-mix(in srgb,var(--accent) 15%,var(--paper));font-size:11px;font-weight:800;color:var(--text)}
.nav-search-submit:hover{background:color-mix(in srgb,var(--accent) 26%,var(--paper))}
.search-group{margin:18px 0 32px;min-width:0}
.search-group .three-col{align-items:stretch}
@media(max-width:1530px){.nav-wrap{gap:10px;padding-inline:clamp(12px,1.4vw,24px)}.brand{margin-right:5px}.nav-item{padding-inline:7px}.nav-search{flex-basis:190px}}
@media(min-width:821px) and (max-width:1240px){#header{height:auto;min-height:75px}.nav-wrap{height:auto;min-height:75px;flex-wrap:wrap;row-gap:7px;padding-block:10px}.nav-links{flex:1}.nav-search{order:5;flex:1 1 100%;max-width:none;min-width:0;height:36px}.nav-user{flex-shrink:0}}
@media(max-width:820px){.nav-wrap{gap:8px}.nav-search{order:3;flex:1 0 100%;max-width:none;height:38px}.nav-links{order:4}.nav-user{margin-left:0}}
@media(max-width:540px){.nav-search{flex-basis:100%}.nav-search-submit{padding-inline:12px}.nav-user{max-width:100%}.search-group .section-heading h2{font-size:23px}}

/* POST'D 0.1.36: clear, per-member role assignment editor */
.member-role-list{display:grid;gap:12px;margin-top:16px;min-width:0}
.member-role-editor{display:grid;gap:13px;min-width:0;border:1px solid var(--stroke);border-radius:14px;padding:15px;background:var(--paper2)}
.member-role-header{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.member-role-person{display:flex;align-items:center;gap:11px;min-width:0;color:var(--text)}
.member-role-count{font:700 11px/1.5 'DM Mono',monospace;color:var(--muted)}
.member-role-choices{display:flex;flex-wrap:wrap;align-items:center;gap:9px;min-width:0}
.member-role-choice{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--stroke);background:var(--paper);border-radius:10px;cursor:pointer;font-size:12px;min-width:0}
.member-role-choice:hover,.member-role-choice:focus-within{border-color:var(--accent)}
.member-role-choice input[type=checkbox]{appearance:auto;flex:0 0 16px;width:16px;height:16px;min-width:16px;margin:0;padding:0;accent-color:var(--accent);cursor:pointer}
.member-role-chip{color:var(--role-color,var(--text));font-weight:800;overflow-wrap:anywhere}
.member-role-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.member-role-feedback{font-size:11px;color:var(--muted)}
.member-role-feedback.is-unsaved{color:var(--text);font-weight:700}
@media(max-width:570px){.member-role-editor{padding:12px}.member-role-choices{gap:6px}.member-role-choice{width:100%}.member-role-actions>.btn{width:100%}}

/* POST’D v0.1.37: account directory deletion controls. */
.staff-account-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;flex-shrink:0}
.account-delete-warning{border:1px solid color-mix(in srgb,#cd4563 44%,var(--stroke));background:color-mix(in srgb,#cd4563 7%,var(--paper));border-radius:12px;padding:14px;margin:0 0 18px;font-size:13px;line-height:1.5}
.account-delete-warning strong{color:var(--text)}
.account-delete-warning p{margin:8px 0 0;color:var(--muted)}
@media(max-width:520px){.staff-account-actions{justify-content:flex-start}.scrollbox .list-row{align-items:flex-start;flex-wrap:wrap}}

/* v0.1.38: viewer accounts have a full public profile with their own saved accent. */
.viewer-public-profile{min-width:0}
.viewer-public-profile .profile-overlay-card{grid-template-columns:minmax(0,1fr) auto}
.viewer-member-tag{display:inline-flex;align-items:center;border-radius:8px;padding:6px 10px;font:800 10px/1.4 'DM Mono',monospace;letter-spacing:.06em;color:var(--text);background:color-mix(in srgb,var(--accent) 19%,var(--paper));border:1px solid color-mix(in srgb,var(--accent) 38%,var(--stroke))}
.viewer-profile-content{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1000px}
.viewer-profile-content .panel{min-width:0}
.viewer-profile-content .panel p{line-height:1.65;overflow-wrap:anywhere}
@media(max-width:1000px){.viewer-public-profile .profile-overlay-card{grid-template-columns:minmax(0,1fr)}}

/* v0.1.40: crisp, optically centered profile accent star for viewers and creators. */
.profile-portrait-mark .profile-portrait-star{display:block;flex:none;width:12px;height:12px;max-width:none;max-height:none;overflow:visible;transform:none}
.profile-overlay-card .profile-portrait-mark{display:grid;place-items:center;padding:0;line-height:1}