/* ViLo v8.2.1  -  typed Creator Spaces and brand-unified surfaces */
:root{
  --vilo-surface:var(--panel);
  --vilo-surface-strong:var(--panel2);
  --vilo-soft-accent:rgba(124,92,255,.15);
  --vilo-soft-secondary:rgba(46,230,166,.13);
  --vilo-brand-line:var(--line);
  --vilo-shadow:0 24px 64px rgba(0,0,0,.2);
}
@supports (color:color-mix(in srgb,#000 50%,#fff)){
  :root{
    --vilo-surface:color-mix(in srgb,var(--panel) 92%,transparent);
    --vilo-surface-strong:color-mix(in srgb,var(--panel2) 94%,var(--bg));
    --vilo-soft-accent:color-mix(in srgb,var(--accent) 15%,transparent);
    --vilo-soft-secondary:color-mix(in srgb,var(--accent2) 13%,transparent);
    --vilo-brand-line:color-mix(in srgb,var(--accent) 24%,var(--line));
  }
}
body{background:linear-gradient(145deg,var(--bg),var(--bg2));background-attachment:fixed}
@supports (color:color-mix(in srgb,#000 50%,#fff)){
  body{background:
    radial-gradient(circle at 2% 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 31rem),
    radial-gradient(circle at 100% 7%,color-mix(in srgb,var(--accent2) 11%,transparent),transparent 30rem),
    linear-gradient(145deg,var(--bg),var(--bg2))}
}
.card,.nested,.creator-tab-panel,.appearance-panel-v58{border-color:var(--vilo-brand-line);background:linear-gradient(145deg,var(--vilo-surface),var(--vilo-surface-strong));box-shadow:0 12px 34px rgba(0,0,0,.12)}
.nav{isolation:isolate}.nav,.owner-admin-sidebar-v56,.creator-sidebar-v790{border-color:var(--vilo-brand-line)}
.navlinks details[open],.profile-dropdown,.notify-dropdown{z-index:1200}
.admin-head,.creator-page-head,.v790-studio-head,.dashboard-title{border-color:var(--vilo-brand-line);background:linear-gradient(135deg,var(--vilo-soft-accent),var(--vilo-soft-secondary),var(--vilo-surface))}
input,select,textarea{border-color:color-mix(in srgb,var(--line) 72%,var(--accent));background:color-mix(in srgb,var(--panel2) 84%,var(--bg));color:var(--text)}
input:focus,select:focus,textarea:focus{border-color:var(--accent2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent2) 16%,transparent)}
.btn,.danger-btn,button{transition:transform 180ms ease,border-color 180ms ease,background 180ms ease,box-shadow 180ms ease}
.btn:hover,.danger-btn:hover,button:hover{transform:translateY(-1px)}

.v821-directory,.v821-space-shell{--v821-gap:clamp(16px,2.2vw,26px)}
.v821-directory{display:grid;gap:var(--v821-gap);padding:18px 0 52px}
.v821-directory-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:210px;padding:clamp(28px,5vw,56px);border:1px solid var(--vilo-brand-line);border-radius:clamp(22px,3vw,32px);background:radial-gradient(circle at 88% 12%,var(--vilo-soft-secondary),transparent 34%),radial-gradient(circle at 8% 100%,var(--vilo-soft-accent),transparent 38%),linear-gradient(145deg,var(--vilo-surface-strong),color-mix(in srgb,var(--bg) 90%,transparent));box-shadow:var(--vilo-shadow)}
.v821-directory-hero>div{max-width:800px}.v821-directory-hero h1{max-width:760px;margin:8px 0 12px;font-size:clamp(34px,5vw,56px);line-height:.96;letter-spacing:-.05em}.v821-directory-hero p{max-width:720px;margin:0;color:var(--muted);font-size:clamp(15px,1.8vw,18px);line-height:1.65}
.v821-type-filter{display:flex;gap:9px;overflow:auto;padding:2px 1px 7px;scrollbar-width:thin}.v821-type-filter a{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:10px 14px;border:1px solid var(--line);border-radius:13px;background:var(--vilo-surface);color:var(--muted);font-size:13px;font-weight:800;text-decoration:none;transition:background 180ms ease,border-color 180ms ease,color 180ms ease}.v821-type-filter a:hover,.v821-type-filter a.active{border-color:var(--accent2);background:var(--vilo-soft-secondary);color:var(--text)}.v821-type-filter b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--vilo-soft-accent);color:var(--accent2)}
.v821-space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v821-space-card{overflow:hidden;display:flex;flex-direction:column;min-width:0;padding:0}.v821-space-card-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:19px}.v821-space-card-body header{display:flex;align-items:center;gap:11px}.v821-space-card-body header>div{min-width:0}.v821-space-card-body header span,.v821-space-card-body header strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v821-space-card-body header span{color:var(--muted);font-size:12px}.v821-space-card-body header strong{font-size:13px}.v821-space-card h2{margin:0;font-size:23px;line-height:1.12}.v821-space-card p{margin:0;color:var(--muted);line-height:1.55}.v821-space-card .btn{margin-top:auto}
.v821-space-tags{display:flex;gap:7px;flex-wrap:wrap}.v821-space-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--panel2) 74%,transparent);color:var(--muted);font-size:11px;font-weight:750}
.v821-space-visual{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,var(--vilo-surface-strong),var(--bg2))}.v821-space-visual.card{height:172px}.v821-space-visual.hero{position:absolute;inset:0}.v821-space-visual.mini{width:150px;min-height:126px;border-radius:16px}.v821-space-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.v821-space-visual-shade{position:absolute;inset:0;background:linear-gradient(135deg,rgba(5,8,20,.2),rgba(5,8,20,.72))}.v821-space-visual i{position:absolute;width:62%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent2) 30%,transparent);border-radius:34% 66% 62% 38%;background:radial-gradient(circle at 35% 25%,var(--vilo-soft-secondary),transparent 55%);transform:rotate(18deg)}.v821-space-visual b{position:relative;z-index:1;font-size:clamp(42px,8vw,76px);line-height:1;color:var(--text);text-shadow:0 12px 34px rgba(0,0,0,.25)}.v821-space-visual>span:last-child{position:absolute;right:14px;bottom:12px;left:14px;z-index:1;overflow:hidden;color:color-mix(in srgb,var(--text) 84%,var(--muted));font-size:12px;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.v821-space-visual.type-qna{background:radial-gradient(circle at 78% 18%,var(--vilo-soft-secondary),transparent 34%),linear-gradient(145deg,var(--panel2),var(--bg))}.v821-space-visual.type-events{background:radial-gradient(circle at 22% 78%,var(--vilo-soft-accent),transparent 38%),linear-gradient(145deg,var(--panel),var(--bg2))}.v821-space-visual.type-discussion{background:radial-gradient(circle at 74% 70%,var(--vilo-soft-secondary),transparent 36%),linear-gradient(135deg,var(--panel2),var(--bg))}.v821-space-visual.type-programs,.v821-space-visual.type-challenge{background:radial-gradient(circle at 35% 25%,var(--vilo-soft-accent),transparent 38%),linear-gradient(145deg,var(--panel2),var(--bg2))}.v821-space-visual.type-resources{background:radial-gradient(circle at 85% 15%,var(--vilo-soft-secondary),transparent 34%),linear-gradient(155deg,var(--panel),var(--bg))}
.v821-space-avatar{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid var(--vilo-brand-line);border-radius:13px;background:linear-gradient(145deg,var(--vilo-soft-accent),var(--vilo-soft-secondary));color:var(--text);font-size:19px;font-weight:950;box-shadow:0 10px 24px rgba(0,0,0,.16)}.v821-space-avatar.large{width:58px;height:58px;border-radius:17px;font-size:25px}.v821-space-avatar.has-image{overflow:hidden;padding:0}.v821-space-avatar img{width:100%;height:100%;object-fit:cover}
.v821-space-shell{display:grid;gap:var(--v821-gap);padding:18px 0 52px}.v821-space-hero{position:relative;isolation:isolate;overflow:hidden;min-height:260px;display:flex;align-items:flex-end;padding:clamp(28px,5vw,56px);border:1px solid var(--vilo-brand-line);border-radius:clamp(22px,3vw,30px);box-shadow:var(--vilo-shadow)}.v821-space-hero .v821-space-visual.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 96%,transparent) 0%,color-mix(in srgb,var(--bg) 78%,transparent) 58%,color-mix(in srgb,var(--bg) 28%,transparent) 100%)}.v821-space-hero-content{position:relative;z-index:2;max-width:800px}.v821-space-identity{display:flex;align-items:center;gap:12px;margin-bottom:14px}.v821-space-identity>div span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.v821-space-hero h1{margin:0 0 10px;font-size:clamp(36px,5vw,58px);line-height:.96;letter-spacing:-.05em}.v821-space-hero p{max-width:720px;margin:0;color:var(--muted);font-size:clamp(15px,1.8vw,18px);line-height:1.6}
.v821-space-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.v821-space-nav a{padding:9px 13px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel2) 80%,transparent);color:var(--text);font-size:12px;font-weight:850;text-decoration:none}.v821-space-nav a.primary{border-color:color-mix(in srgb,var(--accent2) 55%,var(--line));background:linear-gradient(135deg,var(--accent2),color-mix(in srgb,var(--accent2) 72%,var(--accent)));color:#061219}
.v821-space-summary{display:grid;padding:9px 20px}.v821-space-summary>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.v821-space-summary>div:last-child{border-bottom:0}.v821-space-summary span{color:var(--muted);font-size:12px}.v821-space-summary strong{text-align:right}
.v821-program-fallback{display:grid;place-items:center;height:150px;margin:-20px -20px 4px;background:radial-gradient(circle at 75% 20%,var(--vilo-soft-secondary),transparent 35%),linear-gradient(145deg,var(--panel2),var(--bg));color:var(--accent2);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.v821-discussion-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:16px;align-items:start}.v821-topic-list{display:grid;gap:12px}.v821-topic{padding:20px}.v821-topic>header{display:flex;align-items:center;gap:10px}.v821-topic>header>div{flex:1}.v821-topic header strong,.v821-topic header small{display:block}.v821-topic header small{color:var(--muted)}.v821-topic header b{padding:5px 8px;border-radius:8px;background:var(--vilo-soft-accent);color:var(--accent2);font-size:10px;text-transform:uppercase}.v821-topic h3{margin:16px 0 8px;font-size:22px}.v821-topic>p{margin:0;line-height:1.7}.v821-topic.pinned{border-color:color-mix(in srgb,var(--accent2) 42%,var(--line))}.v821-topic.locked{opacity:.84}
.v821-replies{display:grid;gap:8px;margin-top:18px}.v821-replies>div{display:flex;gap:10px;padding:12px;border-radius:13px;background:color-mix(in srgb,var(--panel2) 66%,transparent)}.v821-replies p{display:grid;gap:3px;margin:0}.v821-replies p span{line-height:1.55}.v821-replies small{color:var(--muted)}.v821-reply-avatar{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;overflow:hidden;border-radius:10px;background:var(--vilo-soft-accent);font-size:12px}.v821-reply-avatar img{width:100%;height:100%;object-fit:cover}.v821-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:13px}.v821-reply-form textarea{min-height:70px;resize:vertical}.v821-reply-form button{align-self:end}
.v821-studio-hero{margin-bottom:16px}.v821-space-type-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.v821-space-type-picker article{display:grid;gap:7px;padding:16px}.v821-space-type-picker b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--vilo-soft-accent);color:var(--accent2);font-size:18px}.v821-space-type-picker span{color:var(--muted);font-size:12px;line-height:1.45}.v821-fallback-preview{display:flex;align-items:flex-end;gap:12px;margin:16px 0}.v821-fallback-preview .v821-space-visual{width:220px;border-radius:16px}.v821-studio-space-list{display:grid;gap:12px;margin-top:18px}.v821-studio-space-list>article{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px}.v821-studio-space-list>article>div:nth-child(2){min-width:0}.v821-studio-space-list h2{margin:5px 0}.v821-studio-space-list p{margin:0;color:var(--muted)}.v821-studio-space-list article.archived{opacity:.7}.v821-studio-space-list article .v821-space-avatar{float:left;margin-right:10px}
.v821-topic-admin,.v821-space-danger{margin-top:16px}.v821-topic-admin .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v821-topic-admin select{width:auto}.v821-space-danger{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:24px;padding:22px;border-color:color-mix(in srgb,var(--danger) 40%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 7%,var(--panel)),var(--vilo-surface-strong))}.v821-space-danger h2{margin:5px 0 8px}.v821-space-danger>div>span{color:var(--danger);font-size:11px;font-weight:900;text-transform:uppercase}.v821-space-danger .actions{display:grid;align-content:start}.v821-delete-space-form{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.v821-delete-space-form label{display:grid;gap:6px;color:var(--muted);font-size:12px}.v821-feature-controls{margin-bottom:16px}.v821-feature-controls label{padding:14px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel2) 68%,transparent)}.v821-disabled{padding:clamp(26px,5vw,48px);text-align:center}

@media(max-width:1100px){.v821-space-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v821-space-type-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.v821-discussion-layout,.v821-space-danger{grid-template-columns:1fr}.v821-studio-space-list>article{grid-template-columns:120px minmax(0,1fr)}.v821-studio-space-list>article>.actions{grid-column:2}.v821-space-visual.mini{width:120px}}
@media(max-width:720px){body{background-attachment:scroll}.v821-directory,.v821-space-shell{padding-top:10px}.v821-directory-hero{align-items:flex-start;flex-direction:column;min-height:0;padding:24px}.v821-space-grid,.v821-space-type-picker{grid-template-columns:1fr}.v821-space-hero{min-height:270px;padding:22px}.v821-space-hero .v821-space-visual.hero:after{background:linear-gradient(0deg,color-mix(in srgb,var(--bg) 98%,transparent),color-mix(in srgb,var(--bg) 55%,transparent))}.v821-space-identity{align-items:flex-start}.v821-space-nav{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.v821-space-nav a{flex:0 0 auto}.v821-discussion-layout{grid-template-columns:1fr}.v821-reply-form{grid-template-columns:1fr}.v821-studio-space-list>article{grid-template-columns:1fr}.v821-studio-space-list>article>.actions{grid-column:auto}.v821-space-visual.mini{width:100%;height:130px}.v821-space-danger{padding:18px}.v821-directory-hero h1,.v821-space-hero h1{font-size:clamp(34px,12vw,52px)}}
@media(prefers-reduced-motion:reduce){.btn,.danger-btn,button,.v821-type-filter a{transition:none}.btn:hover,.danger-btn:hover,button:hover{transform:none}}
