*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple-bg: #1d1a33;--purple-border: #AFA9EC;--purple-text: #7060d8;--teal-bg: #0d2218;--teal-border: #5DCAA5;--teal-text: #1d7a5a;--amber-bg: #231804;--amber-border: #EF9F27;--amber-text: #b87210;--blue-bg: #0c1c2e;--blue-border: #85B7EB;--blue-text: #3d7ac0;--coral-bg: #270e07;--coral-border: #F0997B;--coral-text: #c04030;--green-bg: #0d1e06;--green-border: #97C459;--green-text: #4e9b1a;--horror-bg: #250d0d;--horror-border: #C97070;--horror-text: #b84040;--twitch-purple: #9146FF;--twitch-text: #ffffff;--banner-cozy-teal: #0a3d2e;--banner-midnight-purple: #1f1648;--banner-warm-amber: #3a2200;--banner-soft-blue: #0a2040;--banner-coral-sunset: #3d1005;--banner-wholesome-green: #0f2d04;--surface: #1a1a1a;--surface-secondary: #1e1e1e;--surface-hover: #252525;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-muted: #666666;--border: #2d2d2d;--border-subtle: #232323;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-card: 0 2px 8px rgba(0,0,0,.5);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius: 12px;--radius-lg: 16px;--radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 30px;--font-size-3xl: 38px}html{font-size:15px}body{font-family:var(--font-sans);color:var(--text-primary);background:#0f0f0f;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--text-secondary)}a{color:var(--purple-text);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:760px}.container--wide{max-width:1440px}.page-content{padding:var(--space-10) 0}.navbar{background:var(--surface);border-bottom:.5px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:60px;gap:var(--space-4)}.navbar__logo{font-size:var(--font-size-lg);font-weight:700;color:var(--purple-text);text-decoration:none;display:flex;align-items:center;gap:var(--space-2)}.navbar__logo-icon{font-size:20px}.navbar__nav{display:flex;align-items:center;gap:var(--space-2);list-style:none}.navbar__nav a{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background .15s,color .15s}.navbar__nav a:hover{background:var(--surface-hover);color:var(--text-primary);text-decoration:none}.navbar__nav a.active{background:var(--purple-bg);color:var(--purple-text)}.navbar__actions{display:flex;align-items:center;gap:var(--space-2)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:9px var(--space-5);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;border:none;transition:opacity .15s,transform .1s;line-height:1;white-space:nowrap;text-decoration:none}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--purple-text);color:#fff}.btn--secondary{background:var(--purple-bg);color:var(--purple-text)}.btn--outline{background:transparent;color:var(--purple-text);border:1.5px solid var(--purple-border)}.btn--ghost{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border)}.btn--teal{background:var(--teal-text);color:#fff}.btn--danger{background:var(--coral-text);color:#fff}.btn--raid{background:var(--twitch-purple);color:var(--twitch-text);font-size:var(--font-size-base);padding:10px var(--space-6)}.btn--sm{padding:6px var(--space-4);font-size:var(--font-size-xs)}.btn--lg{padding:13px var(--space-8);font-size:var(--font-size-base)}.btn--full{width:100%;justify-content:center}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card)}.card--hover{transition:box-shadow .2s,transform .2s;cursor:pointer}.card--hover:hover{box-shadow:0 4px 16px #00000080;transform:translateY(-2px)}.card__body{padding:var(--space-5)}.creator-card{width:100%}.creator-card__banner{width:100%;height:72px;overflow:hidden}.creator-card__banner img{width:100%;height:100%;object-fit:cover}.creator-card__banner--cozy-teal{background:var(--banner-cozy-teal)}.creator-card__banner--midnight-purple{background:var(--banner-midnight-purple)}.creator-card__banner--warm-amber{background:var(--banner-warm-amber)}.creator-card__banner--soft-blue{background:var(--banner-soft-blue)}.creator-card__banner--coral-sunset{background:var(--banner-coral-sunset)}.creator-card__banner--wholesome-green{background:var(--banner-wholesome-green)}.creator-card__header{padding:var(--space-3) var(--space-4) var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.creator-card__avatar{width:44px;height:44px;border-radius:50%;border:2px solid var(--border);background:var(--purple-bg);color:var(--purple-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);flex-shrink:0;overflow:hidden}.creator-card__avatar img{width:100%;height:100%;object-fit:cover}.creator-card__info{flex:1;min-width:0}.creator-card__name{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-card__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:3px}.creator-card__body{padding:0 var(--space-4) var(--space-4)}.profile-banner{width:100%;height:200px;background:var(--banner-cozy-teal);position:relative;overflow:hidden}.profile-banner img{width:100%;height:100%;object-fit:cover}.profile-banner--cozy-teal{background:var(--banner-cozy-teal)}.profile-banner--midnight-purple{background:var(--banner-midnight-purple)}.profile-banner--warm-amber{background:var(--banner-warm-amber)}.profile-banner--soft-blue{background:var(--banner-soft-blue)}.profile-banner--coral-sunset{background:var(--banner-coral-sunset)}.profile-banner--wholesome-green{background:var(--banner-wholesome-green)}.profile-header{padding:0 var(--space-8) var(--space-6);display:flex;align-items:flex-end;gap:var(--space-5);margin-top:-32px}.profile-header__avatar{width:80px;height:80px;border-radius:50%;border:3px solid var(--surface);background:var(--purple-bg);color:var(--purple-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-xl);overflow:hidden;flex-shrink:0}.profile-header__avatar img{width:100%;height:100%;object-fit:cover}.profile-header__info{padding-bottom:var(--space-2)}.profile-header__name{font-size:var(--font-size-xl);font-weight:700}.profile-header__pronouns{color:var(--text-muted);font-size:var(--font-size-sm)}.vibe-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;border:.5px solid transparent;white-space:nowrap}.vibe-tag--cozy,.vibe-tag--laid-back,.vibe-tag--community-driven{background:var(--teal-bg);color:var(--teal-text);border-color:var(--teal-border)}.vibe-tag--chill,.vibe-tag--educational{background:var(--blue-bg);color:var(--blue-text);border-color:var(--blue-border)}.vibe-tag--wholesome,.vibe-tag--strategy-focused,.vibe-tag--roleplay{background:var(--purple-bg);color:var(--purple-text);border-color:var(--purple-border)}.vibe-tag--variety,.vibe-tag--story-driven,.vibe-tag--viewer-interaction{background:var(--green-bg);color:var(--green-text);border-color:var(--green-border)}.vibe-tag--hype,.vibe-tag--meme-heavy,.vibe-tag--competitive{background:var(--coral-bg);color:var(--coral-text);border-color:var(--coral-border)}.vibe-tag--chaotic,.vibe-tag--comedy,.vibe-tag--late-night-chaos{background:var(--amber-bg);color:var(--amber-text);border-color:var(--amber-border)}.vibe-tag--horror{background:var(--horror-bg);color:var(--horror-text);border-color:var(--horror-border)}.comfort-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;background:var(--surface-secondary);color:var(--text-secondary);border:.5px solid var(--border)}.comfort-badge:before{content:"✓";color:var(--teal-text)}.age-rating-badge{display:inline-block;padding:1px 7px;border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.03em;border:.5px solid transparent}.age-rating-badge--all-ages{background:var(--green-bg);color:var(--green-text);border-color:var(--green-border)}.age-rating-badge--13\+{background:var(--teal-bg);color:var(--teal-text);border-color:var(--teal-border)}.age-rating-badge--16\+{background:var(--amber-bg);color:var(--amber-text);border-color:var(--amber-border)}.age-rating-badge--18\+{background:var(--coral-bg);color:var(--coral-text);border-color:var(--coral-border)}.size-badge{display:inline-block;padding:1px 7px;border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--purple-bg);color:var(--purple-text);border:.5px solid var(--purple-border)}.size-badge--large{background:#faeeda;color:#633806;border-color:#ef9f27}.live-badge{display:inline-flex;align-items:center;gap:4px;background:#ef4444;color:#fff;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;text-decoration:none}.live-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:live-pulse 1.5s infinite;flex-shrink:0}.live-viewers{opacity:.85;font-size:9px}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}.live-profile-banner{background:#fee2e2;color:#991b1b;border-bottom:1px solid #FECACA;padding:10px var(--space-6);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.new-badge{display:inline-flex;align-items:center;background:var(--teal-bg);color:var(--teal-text);padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;text-decoration:none}.platform-icons{display:flex;align-items:center;gap:var(--space-2)}.platform-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);font-size:11px;font-weight:700}.platform-icon--twitch{background:#9146ff22;color:#9146ff}.platform-icon--youtube{background:#f002;color:#c00}.platform-icon--kick{background:#53fc1822;color:#2d9400}.network-badge,.zodiac-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.network-badge{background:var(--teal-bg);color:var(--teal-text);border:.5px solid var(--teal-border)}.zodiac-badge{background:var(--purple-bg);color:var(--purple-text);border:.5px solid var(--purple-border)}.creator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}.creator-grid--wide{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.section-header{margin-bottom:var(--space-6)}.section-header h2{font-size:var(--font-size-xl);margin-bottom:var(--space-1)}.section-header p{font-size:var(--font-size-sm);color:var(--text-muted)}.hero{background:var(--surface);border-bottom:.5px solid var(--border);padding:var(--space-16) 0 var(--space-12);text-align:center}.hero__tagline{font-size:var(--font-size-sm);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-weight:500;margin-bottom:var(--space-3)}.hero__title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-4)}.hero__subtitle{font-size:var(--font-size-md);color:var(--text-secondary);max-width:560px;margin:0 auto var(--space-8)}.hero__actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.search-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.search-bar input{flex:1;padding:10px var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-family:inherit;background:var(--surface);color:var(--text-primary);outline:none;transition:border-color .15s}.search-bar input:focus{border-color:var(--purple-border)}.search-bar input::placeholder{color:var(--text-muted)}.filter-sidebar{min-width:200px}.filter-group{margin-bottom:var(--space-5)}.filter-group__label{font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-3);display:block}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{padding:5px 11px;border-radius:var(--radius-full);border:1px solid var(--border);font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);background:var(--surface);cursor:pointer;transition:all .15s}.filter-chip:hover{border-color:var(--purple-border);color:var(--purple-text)}.filter-chip.active{background:var(--purple-bg);border-color:var(--purple-border);color:var(--purple-text);font-weight:600}.directory-layout{display:flex;gap:var(--space-8);align-items:flex-start}.directory-layout__sidebar{width:220px;flex-shrink:0;position:sticky;top:80px}.directory-layout__main{flex:1;min-width:0}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:10px var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);font-family:inherit;color:var(--text-primary);background:var(--surface);outline:none;transition:border-color .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--purple-border)}.form-textarea{resize:vertical;min-height:80px}.form-hint{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1)}.form-error{font-size:var(--font-size-xs);color:var(--coral-text);margin-top:var(--space-1)}.tabs{border-bottom:1.5px solid var(--border);display:flex;gap:0;margin-bottom:var(--space-6)}.tab-btn{padding:10px var(--space-5);font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s;margin-bottom:-1.5px;font-family:inherit}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--purple-text);border-bottom-color:var(--purple-text);font-weight:600}.tab-panel{display:none}.tab-panel.active{display:block}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:9999;max-width:360px;background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 20px #0000001f;padding:var(--space-4) var(--space-5);font-size:var(--font-size-sm);animation:slideInRight .25s ease}.toast--success{border-left:3px solid var(--teal-border)}.toast--error{border-left:3px solid var(--coral-border)}.toast--info{border-left:3px solid var(--blue-border)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:var(--space-8);box-shadow:0 8px 40px #00000026;animation:fadeUp .2s ease}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.modal__title{font-size:var(--font-size-lg);font-weight:700}.modal__close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted);padding:var(--space-1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.admin-sidebar{width:200px;flex-shrink:0}.admin-nav{list-style:none}.admin-nav li a{display:block;padding:9px var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);transition:all .15s}.admin-nav li a:hover{background:var(--surface-hover);color:var(--text-primary);text-decoration:none}.admin-nav li a.active{background:var(--purple-bg);color:var(--purple-text)}.admin-layout{display:flex;gap:var(--space-8);align-items:flex-start}.admin-content{flex:1;min-width:0}.dashboard-layout{display:flex;gap:var(--space-8);align-items:flex-start}.dashboard-sidebar{width:200px;flex-shrink:0}.dashboard-nav{list-style:none}.dashboard-nav li a{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);transition:all .15s}.dashboard-nav li a:hover{background:var(--surface-hover);color:var(--text-primary);text-decoration:none}.dashboard-nav li a.active{background:var(--purple-bg);color:var(--purple-text)}.step-progress{display:flex;align-items:center;gap:0;margin-bottom:var(--space-8);justify-content:center}.step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--surface-secondary);color:var(--text-muted);border:1.5px solid var(--border);position:relative}.step-dot.done{background:var(--teal-bg);color:var(--teal-text);border-color:var(--teal-border)}.step-dot.current{background:var(--purple-text);color:#fff;border-color:var(--purple-text)}.step-connector{height:1.5px;width:28px;background:var(--border)}.step-connector.done{background:var(--teal-border)}.tag-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-option{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);transition:all .15s;-webkit-user-select:none;user-select:none}.tag-option:hover{border-color:var(--purple-border);color:var(--purple-text)}.tag-option.selected{background:var(--purple-bg);border-color:var(--purple-border);color:var(--purple-text)}.banner-preview{width:100%;height:120px;border-radius:var(--radius);border:1.5px solid var(--border);overflow:hidden;margin-bottom:var(--space-4);position:relative}.banner-preview__img{width:100%;height:100%;object-fit:cover}.banner-preview--cozy-teal{background:var(--banner-cozy-teal)}.banner-preview--midnight-purple{background:var(--banner-midnight-purple)}.banner-preview--warm-amber{background:var(--banner-warm-amber)}.banner-preview--soft-blue{background:var(--banner-soft-blue)}.banner-preview--coral-sunset{background:var(--banner-coral-sunset)}.banner-preview--wholesome-green{background:var(--banner-wholesome-green)}.banner-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.banner-theme-option{height:60px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:border-color .15s}.banner-theme-option.selected{border-color:var(--purple-text)}.banner-theme-option:hover{border-color:var(--purple-border)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--surface-secondary)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:.5px solid var(--border);color:var(--text-secondary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface-hover)}.status-badge{display:inline-block;padding:2px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:capitalize}.status-badge--pending{background:var(--amber-bg);color:var(--amber-text);border:.5px solid var(--amber-border)}.status-badge--approved{background:var(--teal-bg);color:var(--teal-text);border:.5px solid var(--teal-border)}.status-badge--rejected,.status-badge--banned{background:var(--coral-bg);color:var(--coral-text);border:.5px solid var(--coral-border)}.status-badge--open{background:var(--blue-bg);color:var(--blue-text);border:.5px solid var(--blue-border)}.status-badge--resolved{background:var(--green-bg);color:var(--green-text);border:.5px solid var(--green-border)}.stream-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.zodiac-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:var(--space-5);text-align:center;transition:box-shadow .2s}.zodiac-card:hover{box-shadow:var(--shadow-card)}.zodiac-card__avatar{width:60px;height:60px;border-radius:50%;background:var(--purple-bg);color:var(--purple-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-md);margin:0 auto var(--space-3);overflow:hidden}.zodiac-card__name{font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.zodiac-card__links{display:flex;gap:var(--space-2);justify-content:center}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.how-step{text-align:center;padding:var(--space-6)}.how-step__icon{font-size:36px;margin-bottom:var(--space-4)}.how-step__title{font-weight:600;font-size:var(--font-size-md);margin-bottom:var(--space-2)}.how-step__text{color:var(--text-muted);font-size:var(--font-size-sm)}.collab-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}.collab-type-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:none;white-space:nowrap;background:var(--surface-secondary);color:var(--text-muted);border:.5px solid var(--border)}.collab-type-badge--co-streamer{background:var(--purple-bg);color:var(--purple-text);border-color:var(--purple-border)}.collab-type-badge--raid-partner{background:var(--teal-bg);color:var(--teal-text);border-color:var(--teal-border)}.collab-type-badge--guest-appearance{background:var(--amber-bg);color:var(--amber-text);border-color:var(--amber-border)}.collab-type-badge--video-editor{background:var(--blue-bg);color:var(--blue-text);border-color:var(--blue-border)}.collab-type-badge--mod-wanted{background:var(--coral-bg);color:var(--coral-text);border-color:var(--coral-border)}.collab-type-badge--artist-collab{background:var(--green-bg);color:var(--green-text);border-color:var(--green-border)}.collab-type-badge--accountability-partner{background:var(--horror-bg);color:var(--horror-text);border-color:var(--horror-border)}.collab-type-badge--open-collab{background:var(--surface-secondary);color:var(--text-secondary);border-color:var(--border-subtle)}.toggle-group{display:flex;border:.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;width:fit-content}.toggle-btn{padding:6px 16px;font-size:var(--font-size-sm);font-weight:500;background:var(--surface);color:var(--text-muted);border:none;cursor:pointer;transition:background .15s,color .15s}.toggle-btn.active{background:var(--purple-bg);color:var(--purple-text);font-weight:700}.toggle-btn:hover:not(.active){background:var(--surface-hover);color:var(--text-primary)}.game-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.game-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);background:var(--blue-bg);color:var(--blue-text);border:.5px solid var(--blue-border);font-size:12px;font-weight:600}.game-tag__remove{cursor:pointer;opacity:.7;font-size:13px;line-height:1}.game-tag__remove:hover{opacity:1}.divider{height:.5px;background:var(--border);margin:var(--space-6) 0}.footer{background:var(--surface);border-top:.5px solid var(--border);padding:var(--space-8) 0;margin-top:var(--space-16)}.footer__inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer__brand{font-weight:700;color:var(--purple-text);font-size:var(--font-size-sm)}.footer__links{display:flex;gap:var(--space-5)}.footer__links a{font-size:var(--font-size-xs);color:var(--text-muted)}.footer__links a:hover{color:var(--text-primary);text-decoration:none}.footer__copy{font-size:var(--font-size-xs);color:var(--text-muted)}.loader{display:flex;justify-content:center;align-items:center;padding:var(--space-12)}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--purple-border);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-16) var(--space-6)}.empty-state__icon{font-size:48px;margin-bottom:var(--space-4)}.empty-state__title{font-weight:600;margin-bottom:var(--space-2)}.empty-state__text{color:var(--text-muted);font-size:var(--font-size-sm);max-width:360px;margin:0 auto var(--space-5)}@media (max-width: 768px){.directory-layout{flex-direction:column}.directory-layout__sidebar{width:100%;position:static}.admin-layout{flex-direction:column}.admin-sidebar{width:100%}.dashboard-layout{flex-direction:column}.dashboard-sidebar{width:100%}.how-it-works{grid-template-columns:1fr}.hero__title{font-size:var(--font-size-2xl)}.profile-header{flex-direction:column;align-items:flex-start}.banner-theme-grid{grid-template-columns:repeat(2,1fr)}.navbar__nav{display:none}.message-thread{max-height:280px}}.inbox-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:var(--coral-bg);color:var(--coral-text);font-size:10px;font-weight:700;padding:0 4px;margin-left:5px;vertical-align:middle;line-height:1}.inbox-subtabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:var(--space-5)}.inbox-subtab{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-family:inherit;color:var(--text-muted);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap}.inbox-subtab:hover{color:var(--text-primary)}.inbox-subtab.active{color:var(--purple-text);border-bottom-color:var(--purple-text);font-weight:600}.conversation-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:background .15s,border-color .15s;text-decoration:none}.conversation-item:hover{background:var(--surface-hover);border-color:var(--border)}.conversation-item--pending{border-color:var(--purple-border);background:var(--purple-bg)}.message-thread{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);max-height:400px;overflow-y:auto;background:var(--surface-secondary);border-radius:var(--radius);border:.5px solid var(--border);scroll-behavior:smooth}.message-row{display:flex;flex-direction:column}.message-row--sent{align-items:flex-end}.message-row--received{align-items:flex-start}.message-bubble{max-width:72%;padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--font-size-sm);line-height:1.55;word-break:break-word}.message-bubble--sent{background:var(--purple-bg);color:var(--purple-text);border:.5px solid var(--purple-border);border-bottom-right-radius:3px}.message-bubble--received{background:var(--surface);color:var(--text-primary);border:.5px solid var(--border);border-bottom-left-radius:3px}.message-time{font-size:10px;color:var(--text-muted);margin-top:2px;padding:0 2px}.message-compose{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.message-compose textarea{flex:1;resize:none;min-height:44px;max-height:120px}.notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius);background:var(--surface);border:.5px solid var(--border);transition:background .15s}.notification-item--unread{border-color:var(--purple-border);background:var(--purple-bg)}.notification-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center;margin-top:1px}.inbox-request-card{padding:var(--space-4) var(--space-5);border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface)}.inbox-request-card--pending{border-color:var(--purple-border)}.beta-pill{display:inline-block;padding:1px 6px;border-radius:var(--radius-full);font-size:9px;font-weight:700;letter-spacing:.08em;background:var(--purple-bg);color:var(--purple-text);border:.5px solid var(--purple-border);vertical-align:middle;text-transform:uppercase;margin-left:4px;line-height:1.4}.avatar-sm{width:36px;height:36px;border-radius:50%;background:var(--purple-bg);color:var(--purple-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;overflow:hidden}.avatar-sm img{width:100%;height:100%;object-fit:cover}