/* OpenCommunity Neon v1.3 – additive appearance layer.
   No server state, permissions, routes, map markers or chat signalling are changed.
   Styling is active only with html.oc-theme-neon. */
html.oc-theme-neon {
  color-scheme: dark;
  --oc-bg: #080b15;
  --oc-card: #15182b;
  --oc-card2: #1e2037;
  --oc-line: #38324f;
  --oc-line-bright: #72528d;
  --oc-text: #f4effc;
  --oc-muted: #c5bdd7;
  --oc-cyan: #67e8f9;
  --oc-pink: #ff68cc;
  --oc-purple: #aa83ff;
  --oc-green: #a3f7ca;
  --text: var(--oc-text);
  --link: #8ceaff;
  --line: var(--oc-line);
  --paper: var(--oc-card);
  --soft: var(--oc-card2);
  --theme-page-bg: #090b15;
  --theme-header-top: #21112c;
  --theme-header-bottom: #101329;
  --theme-menu-bg: #13172b;
  --theme-menu-text: #f3eafd;
  --theme-link: #8ceaff;
  --theme-panel: #15182b;
  --theme-border: #49365d;
  --theme-button: #af3ba7;
  --theme-premium: #ffcf75;
  background: #070a12;
}
html.oc-theme-neon body {
  font: 14px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  color:var(--oc-text);
  background:
    radial-gradient(ellipse at 12% 3%,rgba(159,46,171,.21),transparent 31%),
    radial-gradient(ellipse at 87% 12%,rgba(26,138,171,.17),transparent 36%),
    repeating-linear-gradient(90deg,transparent 0,transparent 87px,rgba(137,101,175,.025) 88px,transparent 89px),
    linear-gradient(135deg,#070a12 0%,#0c0d1b 56%,#080b15 100%);
  min-height:100vh;
}
html.oc-theme-neon a {color:var(--oc-cyan)}
html.oc-theme-neon a:hover {color:#c6f8ff}
html.oc-theme-neon a:focus-visible,
html.oc-theme-neon button:focus-visible,
html.oc-theme-neon input:focus-visible,
html.oc-theme-neon select:focus-visible,
html.oc-theme-neon textarea:focus-visible,
html.oc-theme-neon summary:focus-visible {outline:2px solid var(--oc-cyan);outline-offset:3px}
html.oc-theme-neon body .site-frame{width:min(1210px,calc(100% - 28px));margin:0 auto}
html.oc-theme-neon .classic-header{margin:14px 0 0;border:1px solid #543567;border-radius:18px;overflow:visible;background:rgba(17,17,32,.95);box-shadow:0 10px 40px #0007,0 0 25px #b640b11c}
html.oc-theme-neon .account-line{min-height:39px;display:flex;justify-content:flex-end;gap:9px;align-items:center;flex-wrap:wrap;padding:7px 16px;border-radius:17px 17px 0 0;background:#0c101e;color:var(--oc-muted);font-size:12px}
html.oc-theme-neon .account-line a{color:#e8d8ff;font-weight:650;margin-left:7px}
html.oc-theme-neon .account-line form{margin-left:4px}
html.oc-theme-neon .account-line button:not(.oc-theme-switch){color:var(--oc-muted);background:transparent;border:0;font-weight:650;padding:0}
html.oc-theme-neon .account-line button:not(.oc-theme-switch):hover{color:white}
html .oc-theme-switch[hidden]{display:none!important}
html .oc-theme-switch{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 11px;border-radius:999px;background:#2a1b3d;border:1px solid #8c5eab;color:#fff;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}
html .oc-theme-switch:hover{background:#553273}
html.oc-theme-classic .oc-theme-switch{background:#eff5fc;color:#153c68;border-color:#739dcc}
html.oc-theme-neon .classic-logo{position:relative;display:flex;flex-direction:column;justify-content:center;height:auto;min-height:127px;padding:24px 28px 22px 90px;border-bottom:1px solid #5b416b;background:
  radial-gradient(circle at 11% 51%,rgba(255,77,186,.34),transparent 18%),
  radial-gradient(circle at 90% 17%,rgba(78,206,225,.2),transparent 35%),
  linear-gradient(115deg,#201329,#11182c 62%,#20132b);
  text-shadow:none;color:#fff;border-radius:0;text-decoration:none;filter:none}
html.oc-theme-neon .classic-logo:before{content:'✦';position:absolute;left:26px;top:50%;transform:translateY(-50%);font-size:39px;line-height:1;width:48px;height:48px;border:1px solid #a56cba;border-radius:15px;background:#331a4c;display:grid;place-items:center;color:#ff83e1;box-shadow:inset 0 0 18px #b94ba354,0 0 30px #fc54bc33}
html.oc-theme-neon .classic-logo span{font:850 clamp(28px,4.2vw,53px)/1.02 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:-1.8px;text-transform:none;color:#f9f4ff;text-shadow:0 0 32px #f572e666}
html.oc-theme-neon .classic-logo small{font:700 12px/1.5 system-ui,sans-serif;letter-spacing:3.7px;color:#b8b9d7;margin:9px 0 0 3px;text-transform:uppercase}
html.oc-theme-neon .classic-logo:after{content:'SKAPA • MÖTAS • VARA SIG SJÄLV';position:absolute;right:25px;top:50%;transform:translateY(-50%);border:1px solid #7f608d;background:#171529b8;border-radius:999px;padding:7px 14px;color:#e5a1dd;font:750 10px/1.3 system-ui,sans-serif;letter-spacing:1px}
html.oc-theme-neon .classic-menu{height:auto;min-height:59px;display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:9px 13px;background:#121529;border-top:1px solid #4f3a65;border-radius:0 0 17px 17px}
html.oc-theme-neon .classic-menu a{display:inline-flex;min-height:36px;align-items:center;padding:8px 13px;color:#f1e9fb;border:1px solid transparent;border-radius:10px;background:transparent;text-decoration:none;font-size:13px;font-weight:650}
html.oc-theme-neon .classic-menu a:hover,html.oc-theme-neon .classic-menu a[aria-current="page"]{border-color:#805392;background:linear-gradient(110deg,#482453,#25223d);color:#fff;box-shadow:0 0 12px #e14fd026}
html.oc-theme-neon .classic-menu b{color:#ffc96a}
html.oc-theme-neon .page-wrap{min-height:490px;margin-top:18px;margin-bottom:18px}
html.oc-theme-neon .classic-box,html.oc-theme-neon .panel,html.oc-theme-neon .member-sidebar,html.oc-theme-neon .member-main,
html.oc-theme-neon .photo-card,html.oc-theme-neon .album-card,html.oc-theme-neon .monitor-card,
html.oc-theme-neon .premium-price-card,html.oc-theme-neon .coupon-card,
html.oc-theme-neon .admin-role-grid>div,html.oc-theme-neon .admin-manager-row,
html.oc-theme-neon .premium-price-admin-card,html.oc-theme-neon .marker-preview-row{
  color:var(--oc-text);background:linear-gradient(146deg,#1b1b32,#131627 70%);border:1px solid var(--oc-line);border-radius:15px;box-shadow:0 8px 28px #0003;min-width:0}
html.oc-theme-neon .classic-box,html.oc-theme-neon .panel{padding:20px}
html.oc-theme-neon .member-page{grid-template-columns:225px minmax(0,1fr);gap:14px}
html.oc-theme-neon .member-page.profile-layout{grid-template-columns:215px minmax(0,1fr) 255px;gap:13px}
html.oc-theme-neon .member-sidebar{min-height:360px;padding:17px 15px}
html.oc-theme-neon .member-sidebar h3{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#ffc4ee;margin:10px 0 5px}
html.oc-theme-neon .member-sidebar a{display:block;padding:4px 8px;border-radius:8px;color:#d9d3ea;line-height:1.6}
html.oc-theme-neon .member-sidebar a:hover{background:#2c2345;color:white;text-decoration:none}
html.oc-theme-neon .member-main{min-height:440px;padding:18px}
html.oc-theme-neon .box-title,html.oc-theme-neon .section-title{color:#f2ddfa;background:#2c2144;border-color:#654274;font-size:13px;letter-spacing:.2px;padding:10px 13px;border-radius:9px 9px 0 0}
html.oc-theme-neon .classic-box>.box-title{margin:-20px -20px 17px}
html.oc-theme-neon .profile-section{border:1px solid #534167;border-radius:12px;overflow:hidden;background:#16182c}
html.oc-theme-neon .section-content{background:#22233b;color:#e6e0f0;padding:12px}
html.oc-theme-neon .profile-facts{background:#1c1d31;color:#eee8fb;gap:5px;grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}
html.oc-theme-neon .profile-facts span{border-right:1px solid #51415b}
html.oc-theme-neon .profile-namebar,html.oc-theme-neon .advanced-results-heading{border:1px solid #65467b;border-radius:12px;background:linear-gradient(95deg,#493061,#252445);color:#fff;padding:12px 15px}
html.oc-theme-neon .profile-namebar strong{font-size:19px;color:white}
html.oc-theme-neon .profile-namebar span{color:#e4b7ed}
html.oc-theme-neon .classic-hero{position:relative;grid-template-columns:minmax(0,1.4fr) minmax(210px,.6fr);min-height:370px;gap:14px;padding:35px;border-radius:20px;border:1px solid #784481;overflow:hidden;background:radial-gradient(ellipse at 80% 21%,#17bdc936,transparent 36%),radial-gradient(circle at 18% 85%,#d22c943b,transparent 55%),linear-gradient(122deg,#221329,#15192e 71%);box-shadow:0 12px 54px #0007,0 0 36px #f356a91f}
html.oc-theme-neon .hero-copy{position:relative;z-index:1;padding:7px 5px}
html.oc-theme-neon .hero-kicker{display:inline-block;color:#ffb8ee;letter-spacing:1px;font-size:13px;text-transform:uppercase}
html.oc-theme-neon .hero-copy h1{max-width:700px;font-size:clamp(28px,3.8vw,48px);line-height:1.1;letter-spacing:-1.7px;margin:20px 0;color:#fff;text-wrap:balance}
html.oc-theme-neon .hero-copy p{font-size:15px;color:#dad2e5;line-height:1.75}
html.oc-theme-neon .hero-stats{gap:9px;margin:22px 0}
html.oc-theme-neon .hero-stats span,html.oc-theme-neon .hero-stats strong{border:1px solid #714e80;background:#321f4a9e;padding:7px 12px;border-radius:999px;color:#eadbf1;font-size:12px}
html.oc-theme-neon .hero-art{min-height:260px;position:relative;border:0;align-items:center;justify-content:center;color:#ffb5ec;text-align:center}
html.oc-theme-neon .hero-art:before{content:'';position:absolute;inset:10% 5%;border:2px solid #ae5ba85c;border-radius:50%;box-shadow:0 0 70px #f853aa45,inset 0 0 50px #19bddb1c}
html.oc-theme-neon .hero-art .people-icon{position:relative;z-index:1}
html.oc-theme-neon .hero-art .people-icon span{border:3px solid #d47ac2;background:linear-gradient(145deg,#573b6c,#31244c);box-shadow:0 0 35px #f955a558;color:#f1d9f4}
html.oc-theme-neon .hero-art .people-icon span+span{border-color:#66c9e1;background:linear-gradient(145deg,#195067,#22334b)}
html.oc-theme-neon .hero-art b{position:relative;z-index:1;font-size:10px;letter-spacing:1.8px;color:#f2cee9}
html.oc-theme-neon .home-columns{gap:14px;margin-top:15px}
html.oc-theme-neon .home-columns .classic-box{min-height:145px}
html.oc-theme-neon .home-columns .classic-box p{color:#d3cbde;line-height:1.6}
html.oc-theme-neon .classic-button,html.oc-theme-neon .button,html.oc-theme-neon button.classic-button{
  display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:38px;border:1px solid #e27dce;border-radius:10px;background:linear-gradient(105deg,#a02e91,#c4499d);color:white!important;padding:8px 17px;font-size:13px;font-weight:750;text-shadow:none;text-decoration:none;box-shadow:inset 0 1px #ffffff29,0 3px 18px #bc2e933d;white-space:normal}
html.oc-theme-neon .classic-button:hover,html.oc-theme-neon .button:hover{filter:brightness(1.13);box-shadow:0 3px 24px #da4fa25c}
html.oc-theme-neon .classic-button.secondary,html.oc-theme-neon .button.secondary{border-color:#6b8199;background:linear-gradient(105deg,#24455a,#293550);box-shadow:none}
html.oc-theme-neon .small-action,html.oc-theme-neon .mail-actions button,html.oc-theme-neon .thread-actions button,html.oc-theme-neon .blocked-row button{border:1px solid #695279;border-radius:8px;background:#28263c;color:#eee0f8;padding:6px 10px}
html.oc-theme-neon .danger-lite,html.oc-theme-neon .danger-action{border-color:#c8748d!important;color:#ffe8ec;background:#4c2437}
html.oc-theme-neon input:not([type=checkbox],[type=radio],[type=hidden]),html.oc-theme-neon textarea,html.oc-theme-neon select,
html.oc-theme-neon .classic-form input,html.oc-theme-neon .classic-form select,html.oc-theme-neon .compact-form input,html.oc-theme-neon .compact-form select{
 background:#101629;border:1px solid #655378;border-radius:8px;color:#f9f3ff;padding:9px 11px;max-width:100%;accent-color:#e653be}
html.oc-theme-neon input::placeholder,html.oc-theme-neon textarea::placeholder{color:#b6afc7;opacity:1}
html.oc-theme-neon input[type=checkbox],html.oc-theme-neon input[type=radio]{accent-color:#dd57c8}
html.oc-theme-neon .profile-edit textarea{background:#1b2037}
html.oc-theme-neon .muted,html.oc-theme-neon .hint,html.oc-theme-neon .privacy-note,html.oc-theme-neon small{color:var(--oc-muted)}
html.oc-theme-neon .notice,html.oc-theme-neon .soft-notice{background:#173a3c;border:1px solid #4e9e9f;color:#d4fff8;border-radius:11px;padding:12px}
html.oc-theme-neon .errors{background:#47212f;border:1px solid #bd637d;color:#ffeaef;border-radius:11px}
html.oc-theme-neon .oc-search-visibility-warning{border:1px solid #c99d67;background:linear-gradient(110deg,#392639,#32272c);color:#ffefcc;border-radius:12px;box-shadow:0 4px 20px #0003}
html.oc-theme-neon .oc-search-visibility-warning strong,html.oc-theme-neon .oc-search-visibility-warning small{color:#ffe4a8}
html.oc-theme-neon .member-row{color:var(--oc-text);border-color:#433850;grid-template-columns:58px minmax(0,1fr) 132px;border-radius:10px;margin:2px 0}
html.oc-theme-neon .member-row:hover{background:#30253d;color:white;text-decoration:none}
html.oc-theme-neon .member-row-main strong,html.oc-theme-neon .album-info strong{color:#9beaf8}
html.oc-theme-neon .member-row-main span,html.oc-theme-neon .member-row-main p,html.oc-theme-neon .member-row-status{color:#d0c7df}
html.oc-theme-neon .mini-avatar,html.oc-theme-neon .friend-avatar,html.oc-theme-neon .avatar-large{border:1px solid #a76db1;background:linear-gradient(135deg,#5d2965,#1d5968);border-radius:12px;color:white}
html.oc-theme-neon .album-cover{background:#2c2340}
html.oc-theme-neon .album-card:hover{background:#342640;border-color:#a866b4}
html.oc-theme-neon .album-info small,html.oc-theme-neon .album-privacy{color:#d0c9d8}
html.oc-theme-neon .photo-card>a,html.oc-theme-neon .photo-card img{background:#15172a}
html.oc-theme-neon .photo-card figcaption{color:#eee6fa}
html.oc-theme-neon .profile-photo-box{background:#191b30;border:1px solid #513a66;border-radius:13px;padding:12px}
html.oc-theme-neon .profile-photo-large{background:#121627;border-color:#554b67}
html.oc-theme-neon .profile-photo-links{margin-top:10px}
html.oc-theme-neon .oc-photo-album-button{display:block;text-align:center;text-decoration:none;font-weight:800;padding:11px 12px;border:1px solid #dd78c9;border-radius:10px;color:#fff;background:linear-gradient(105deg,#a13b92,#543b84)}
html.oc-theme-neon .oc-photo-album-button:hover{background:#aa438d;color:#fff}
html.oc-theme-neon .thread-message,html.oc-theme-neon .friend-state,html.oc-theme-neon .compose-box,html.oc-theme-neon .album-access-line,html.oc-theme-neon .friend-request-row,
html.oc-theme-neon .mail-row,html.oc-theme-neon .monitor-note,html.oc-theme-neon .privacy-note,html.oc-theme-neon .filter-warning,
html.oc-theme-neon .premium-package-summary,html.oc-theme-neon .marker-preview-frame,
html.oc-theme-neon .content-counter-row span,html.oc-theme-neon .coupon-code-readonly code{
 color:var(--oc-text);background:#24243a;border-color:#504064}
html.oc-theme-neon .thread-message.mine,html.oc-theme-neon .mail-row.mail-unread{background:#25304b}
html.oc-theme-neon .friend-state.is-friend{background:#193a34;border-color:#3c8168}
html.oc-theme-neon .mail-open{color:#eee8fa}
html.oc-theme-neon .mail-preview,html.oc-theme-neon .mail-open time{color:#c3bdcf}
html.oc-theme-neon .mail-unread .mail-open strong,html.oc-theme-neon .mail-unread .mail-person{color:#aeeefb}
html.oc-theme-neon .mail-tabs{border-color:#73517d}
html.oc-theme-neon .mail-tabs a{background:#23243b;border-color:#513a6e;color:#e8d9f3}
html.oc-theme-neon .mail-tabs a.active{background:#603d7a;color:white}
html.oc-theme-neon .friend-presence.is-online{color:#83ffba}
html.oc-theme-neon .friend-presence.is-offline{color:#d1c8dd}
html.oc-theme-neon .monitor-card strong,html.oc-theme-neon .premium-price-amount{color:#eab8f7}
html.oc-theme-neon .monitor-card small,html.oc-theme-neon .monitor-card span{color:#d0c1d8}
html.oc-theme-neon .monitor-card.critical{background:#4a2638}
html.oc-theme-neon .monitor-table th,html.oc-theme-neon .monitor-table td,html.oc-theme-neon .coupon-card summary,
html.oc-theme-neon .admin-manager-list,html.oc-theme-neon .admin-audit-list,
html.oc-theme-neon .geo-country-row,html.oc-theme-neon .geo-region-row{color:var(--oc-text);background:#202137;border-color:#56425e}
html.oc-theme-neon .monitor-chart,html.oc-theme-neon .monitor-chart canvas{background:#fff;color:#111} /* chart retains clear diagnostic contrast */
html.oc-theme-neon .community-map,html.oc-theme-neon .community-map *{color:initial} /* map labels/controls use their native accessible colors */
html.oc-theme-neon .oc-studio-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 20px;margin:0 0 22px;background:#111323;border:1px solid #5f3c64;border-radius:16px;box-shadow:0 5px 25px #0005}
html.oc-theme-neon .oc-studio-footer img{display:block;width:min(440px,100%);height:auto;max-height:110px;object-fit:contain;object-position:left center}
html.oc-theme-neon .oc-studio-footer__content{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right;max-width:400px}
html.oc-theme-neon .oc-studio-footer__content strong{color:#fff;font-size:13px}
html.oc-theme-neon .oc-studio-footer__content small{color:#c8bed3;font-size:12px}
html.oc-theme-neon .oc-studio-footer__content a{color:#91ecff}
/* Footer branding is visible in classic mode too, with appropriate lighter colors. */
html.oc-theme-classic .oc-studio-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 12px;padding:10px;background:#e2edf8;border:1px solid #8faeca;border-radius:8px}
html.oc-theme-classic .oc-studio-footer img{width:min(390px,60%);height:auto;max-height:95px;object-fit:contain}
html.oc-theme-classic .oc-studio-footer__content{display:grid;gap:5px;text-align:right}
html.oc-theme-classic .oc-studio-footer__content small{color:#2d4255}
html.oc-theme-neon .oc-studio-footer__content .oc-footer-links{display:flex;justify-content:flex-end;gap:15px;flex-wrap:wrap}
html.oc-theme-classic .oc-studio-footer__content .oc-footer-links{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}
/* Improve album-link visibility in either theme, preserving original route and permissions. */
html.oc-theme-classic .oc-photo-album-button{display:block;background:#eff5fc;border:1px solid #87acd2;padding:8px;text-align:center;border-radius:7px;font-weight:bold;color:#12568c}
@media(max-width:1060px){
 html.oc-theme-neon .classic-logo:after{display:none}
 html.oc-theme-neon .member-page.profile-layout{grid-template-columns:185px minmax(0,1fr)}
 html.oc-theme-neon .member-page.profile-layout .profile-right{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 html.oc-theme-neon .member-page.profile-layout .profile-right>section{min-width:0}
}
@media(max-width:790px){
 html.oc-theme-neon body .site-frame{width:calc(100% - 16px)}
 html.oc-theme-neon .member-page,html.oc-theme-neon .member-page.profile-layout{grid-template-columns:minmax(0,1fr)}
 html.oc-theme-neon .member-page .member-sidebar{min-height:0}
 html.oc-theme-neon .member-page.profile-layout .profile-right{grid-column:1}
 html.oc-theme-neon .classic-hero{grid-template-columns:1fr;padding:23px}
 html.oc-theme-neon .hero-art{min-height:160px}
 html.oc-theme-neon .home-columns{grid-template-columns:1fr}
 html.oc-theme-neon .classic-logo{padding:18px 16px 20px 77px;min-height:104px}
 html.oc-theme-neon .classic-logo:before{left:18px;width:44px;height:44px}
 html.oc-theme-neon .classic-logo span{font-size:clamp(26px,6vw,39px)}
 html.oc-theme-neon .oc-studio-footer,html.oc-theme-classic .oc-studio-footer{flex-direction:column;align-items:flex-start}
 html.oc-theme-neon .oc-studio-footer__content,html.oc-theme-classic .oc-studio-footer__content{align-items:flex-start;text-align:left}
 html.oc-theme-neon .oc-studio-footer__content .oc-footer-links,html.oc-theme-classic .oc-studio-footer__content .oc-footer-links{justify-content:flex-start}
 html.oc-theme-classic .oc-studio-footer img{width:100%}
}
@media(max-width:480px){
 html.oc-theme-neon .account-line{justify-content:flex-start}
 html.oc-theme-neon .classic-logo span{font-size:27px;letter-spacing:-.8px}
 html.oc-theme-neon .classic-logo small{font-size:9px;letter-spacing:1.4px}
 html.oc-theme-neon .classic-menu{gap:3px}
 html.oc-theme-neon .classic-menu a{padding:7px 8px;font-size:12px;min-height:33px}
 html.oc-theme-neon .hero-stats{gap:5px}
 html.oc-theme-neon .hero-art{display:none}
 html.oc-theme-neon .member-page.profile-layout .profile-right{grid-template-columns:1fr}
 html.oc-theme-neon .member-row{grid-template-columns:44px minmax(0,1fr)}
 html.oc-theme-neon .member-row-status{grid-column:2;text-align:left}
 html.oc-theme-neon .member-search{flex-wrap:wrap}
 html.oc-theme-neon .member-search input{min-width:100%}
}
@media(prefers-reduced-motion:no-preference){
 html.oc-theme-neon a,html.oc-theme-neon button{transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s}
}

/* OpenCommunity dashboard v1.4 – visual design derived from the user-approved mockup.
   Original backend/authorization, content and routes remain authoritative.
   Existing beta.css is a functional stylesheet dependency until all pages migrate. */
html.oc-theme-neon body{background:
  radial-gradient(ellipse at 5% 5%,rgba(173,30,214,.15),transparent 40%),
  radial-gradient(ellipse at 100% 20%,rgba(24,85,120,.13),transparent 45%),
  repeating-linear-gradient(110deg,transparent 0 124px,rgba(92,49,125,.035) 125px,transparent 126px),
  #070b14}
html.oc-theme-neon body .site-frame{width:min(1700px,calc(100% - 26px));max-width:none}
html.oc-theme-neon .oc-app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:83px;padding:10px 18px;margin-top:8px;border:1px solid #263041;border-radius:16px;background:linear-gradient(130deg,#0a0d16 0%,#111321 65%,#0b0e19 100%);box-shadow:0 12px 42px #0008}
html.oc-theme-neon .oc-app-brand{display:flex;align-items:center;gap:13px;flex:0 0 auto;text-decoration:none!important;color:#fff!important;min-width:245px}
html.oc-theme-neon .oc-brand-smile{width:58px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid #64fa80;border-radius:50%;color:#76ff8e;background:#103224;box-shadow:0 0 8px #44fb6b,0 0 23px #13eb5780;transform:rotate(-6deg);line-height:.75}
html.oc-theme-neon .oc-brand-eyes{font-size:16px;letter-spacing:3px;margin-left:3px}
html.oc-theme-neon .oc-brand-mouth{font-size:34px;line-height:.6;font-weight:900;transform:rotate(180deg);margin-top:9px}
html.oc-theme-neon .oc-brand-wordmark{display:flex;flex-wrap:wrap;font-size:clamp(21px,2.1vw,32px);font-weight:900;letter-spacing:-1.2px;line-height:1.05}
html.oc-theme-neon .oc-brand-wordmark>span{color:#d22aff}
html.oc-theme-neon .oc-brand-wordmark small{display:block;width:100%;color:#aeb5ca;font-size:9px;font-weight:400;letter-spacing:.2px;margin:5px 0 0 2px}
html.oc-theme-neon .oc-app-nav{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;min-width:0}
html.oc-theme-neon .oc-app-nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:10px;padding:8px 13px;border:1px solid transparent;text-decoration:none!important;font-size:14px;font-weight:650;color:#cfd2e3;background:transparent;white-space:nowrap}
html.oc-theme-neon .oc-app-nav a:hover,html.oc-theme-neon .oc-app-nav a[aria-current=page]{border-color:#9e45d8;color:#efb3ff;background:linear-gradient(125deg,#38204d,#22182d);box-shadow:0 0 18px #d11cfa59}
html.oc-theme-neon .oc-badge-count{display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:50%;background:#e421b5;color:#fff;font-size:10px}
html.oc-theme-neon .oc-account-menu{position:relative;flex:0 0 auto;z-index:30;color:#fff}
html.oc-theme-neon .oc-account-menu summary{cursor:pointer;display:flex;align-items:center;gap:8px;border:1px solid #41334f;border-radius:15px;background:#080a11;padding:6px 11px;list-style:none;max-width:180px}
html.oc-theme-neon .oc-account-menu summary::-webkit-details-marker{display:none}
html.oc-theme-neon .oc-account-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#de2cac,#602e8a);color:#fff;font-weight:900;box-shadow:0 0 0 2px #be3eb3}
html.oc-theme-neon .oc-account-caption{font-size:12px;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.oc-theme-neon .oc-account-dropdown{position:absolute;right:0;top:calc(100% + 9px);min-width:215px;padding:10px;background:#141929;border:1px solid #633b77;border-radius:12px;box-shadow:0 18px 35px #000a}
html.oc-theme-neon .oc-account-dropdown a,html.oc-theme-neon .oc-account-dropdown button{display:block;width:100%;padding:8px 11px;margin:1px 0;border-radius:8px;text-align:left;color:#e8ddf3;background:transparent;border:0;font-size:13px;text-decoration:none}
html.oc-theme-neon .oc-account-dropdown a:hover,html.oc-theme-neon .oc-account-dropdown button:hover{background:#403056;color:#fff}
html.oc-theme-neon .oc-account-tier{color:#eaa6fe;padding:4px 10px 9px;font-size:12px;border-bottom:1px solid #40374c;margin-bottom:4px}
html.oc-theme-neon .oc-search-visibility-warning{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(210px,1fr) minmax(210px,.85fr);align-items:center;gap:12px;margin:12px 0 16px;padding:16px 20px;border-radius:10px;border:1px solid #f0e200;background:linear-gradient(90deg,#2b2c09,#26250b 74%,#181a12);box-shadow:0 0 18px #f6f31125;color:#f9f4b9}
html.oc-theme-neon .oc-search-visibility-warning strong{color:#fff770;font-size:17px}
html.oc-theme-neon .oc-search-visibility-warning span{color:#f3dc69;text-decoration:underline;text-decoration-thickness:1px;font-weight:700}
html.oc-theme-neon .oc-search-visibility-warning small{font-size:11px;color:#ebe0bb;width:auto;border-left:1px solid #aaa36d;padding-left:16px}
html.oc-theme-neon .oc-discover-screen{display:grid;grid-template-columns:240px minmax(0,1fr) 292px;gap:15px;align-items:start}
html.oc-theme-neon .oc-discover-search,html.oc-theme-neon .oc-visibility-panel{border:1px solid #3e4257;border-radius:14px;background:linear-gradient(148deg,#171a2a,#0e121e);box-shadow:0 6px 35px #0007;padding:19px;min-width:0}
html.oc-theme-neon .oc-discover-search{position:relative;border-color:#6d297e;box-shadow:0 0 17px #af20cb22;overflow:hidden}
html.oc-theme-neon .oc-discover-search h2,html.oc-theme-neon .oc-visibility-panel h2{font-size:20px;line-height:1.2;color:white;font-weight:800;margin:0 0 14px}
html.oc-theme-neon .oc-discover-search h3{font-size:14px;color:#e9e4f4;margin:18px 0 10px}
html.oc-theme-neon .oc-search-form{display:grid;gap:10px}
html.oc-theme-neon .oc-search-form label{font-size:11px;color:#b0b6cd}
html.oc-theme-neon .oc-search-form input{width:100%;min-height:45px;border-radius:11px;background:#101626;color:#fff;border:1px solid #3d4661;padding:9px 12px}
html.oc-theme-neon .oc-search-submit{display:block;width:100%;border:1px solid #f167fa;border-radius:12px;background:linear-gradient(110deg,#bc1ee5,#7914d7);color:#fff!important;text-align:center;font-weight:800;padding:12px;box-shadow:0 0 18px #ce1aff71;text-decoration:none;cursor:pointer}
html.oc-theme-neon .oc-search-submit:hover{background:linear-gradient(110deg,#db3be9,#962bdf)}
html.oc-theme-neon .oc-reset-search{font-size:12px;text-align:center;color:#ed93ff}
html.oc-theme-neon .oc-search-divider{margin:18px 0;border-bottom:1px solid #3c354c}
html.oc-theme-neon .oc-feature-link{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px solid #41435b;background:#171c2b;padding:11px 10px;border-radius:11px;margin:8px 0;color:#e6d9f5;text-decoration:none;font-size:13px}
html.oc-theme-neon .oc-feature-link:hover{background:#332340;color:#fff;border-color:#b23cf4}
html.oc-theme-neon .oc-feature-link small{font-size:10px;color:#d3afd8}
html.oc-theme-neon .oc-search-help{font-size:12px;color:#aeb5c8;line-height:1.55;margin:18px 0}
html.oc-theme-neon .oc-search-graffiti{font-weight:950;transform:rotate(-6deg);font-style:italic;line-height:1.1;letter-spacing:1px;color:#db38ff;text-shadow:0 0 12px #f040df56;margin:30px 0 8px}
html.oc-theme-neon .oc-discover-main{background:transparent;border:0;box-shadow:none;padding:0;min-width:0}
html.oc-theme-neon .oc-discover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:5px 0 12px}
html.oc-theme-neon .oc-discover-heading h1{font-size:27px;color:#fff;letter-spacing:-.8px;line-height:1.15;margin:0}
html.oc-theme-neon .oc-discover-heading p{margin:4px 0 0;color:#aebad1;font-size:12px}
html.oc-theme-neon .oc-view-toggle{display:flex;gap:5px;padding:3px;border-radius:11px;border:1px solid #34374b;background:#161927}
html.oc-theme-neon .oc-view-toggle button{font-size:21px;width:37px;height:36px;border-radius:8px;border:1px solid transparent;cursor:pointer;color:#acb1c6;background:transparent}
html.oc-theme-neon .oc-view-toggle button.is-selected{color:#fff;background:linear-gradient(135deg,#af22df,#5d26bd);border-color:#e755ff;box-shadow:0 0 13px #d92cfa66}
html.oc-theme-neon .oc-member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html.oc-theme-neon .oc-member-card{overflow:hidden;display:flex;flex-direction:column;min-width:0;border:1px solid #64467d;border-radius:11px;background:#161b27;text-decoration:none!important;color:white!important;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 5px 12px #0007}
html.oc-theme-neon .oc-member-card:hover{transform:translateY(-3px);border-color:#e039f1;box-shadow:0 8px 23px #901eae55}
html.oc-theme-neon .oc-card-portrait{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(140deg,#d620a6,#772bd4 52%,#073d65)}
html.oc-theme-neon .oc-member-card:nth-child(6n+2) .oc-card-portrait{background:linear-gradient(137deg,#1c48c2,#cb209e,#fe9750)}
html.oc-theme-neon .oc-member-card:nth-child(6n+3) .oc-card-portrait{background:linear-gradient(145deg,#039c99,#203590,#ed1a88)}
html.oc-theme-neon .oc-member-card:nth-child(6n+4) .oc-card-portrait{background:linear-gradient(145deg,#ff9341,#f1299c,#692acf)}
html.oc-theme-neon .oc-member-card:nth-child(6n+5) .oc-card-portrait{background:linear-gradient(135deg,#9822c2,#fd508f,#273d7c)}
html.oc-theme-neon .oc-member-card:nth-child(6n+6) .oc-card-portrait{background:linear-gradient(135deg,#1caa69,#2556a8,#b828c6)}
html.oc-theme-neon .oc-card-portrait:before{content:'';position:absolute;width:90%;height:90%;border:1px solid #ffffff3a;border-radius:50%;box-shadow:0 0 23px #ffffff33,inset 0 0 30px #fff2}
html.oc-theme-neon .oc-card-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
html.oc-theme-neon .oc-card-initial{font-size:clamp(60px,9vw,145px);font-weight:950;text-shadow:0 8px 12px #0006;z-index:1;color:#f8e7ff;transform:rotate(-8deg)}
html.oc-theme-neon .oc-online-pill{position:absolute;left:8px;bottom:7px;z-index:2;color:#00f589;background:#09281dbd;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;box-shadow:0 0 9px #00e88980}
html.oc-theme-neon .oc-card-info{padding:11px 10px 14px;display:flex;flex-direction:column;gap:5px;flex:1}
html.oc-theme-neon .oc-card-name{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:14px;color:#fff;line-height:1.1}
html.oc-theme-neon .oc-card-name strong{overflow-wrap:anywhere}
html.oc-theme-neon .oc-card-name span{color:#e1d9f5;font-size:12px}
html.oc-theme-neon .oc-card-city{font-size:11px;line-height:1.3;color:#c4cbda;margin:0}
html.oc-theme-neon .oc-card-mood{align-self:flex-start;padding:3px 9px;border-radius:14px;font-size:10px;border:1px solid #736384;background:#28283b;color:#eee7fb}
html.oc-theme-neon .oc-card-bio{font-size:12px;line-height:1.4;color:#dad5e3;margin:6px 0 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
html.oc-theme-neon .oc-admin-marker{font-size:10px;margin:2px 0;color:#ffdf76}
html.oc-theme-neon .oc-empty-results{grid-column:1/-1;padding:40px;text-align:center;border:1px solid #67457d;border-radius:15px;background:#171829}
html.oc-theme-neon .oc-empty-results h2{color:#fff}
html.oc-theme-neon .oc-pagination{margin-top:15px;display:flex;gap:12px;justify-content:center;align-items:center}
html.oc-theme-neon .oc-visibility-panel{position:sticky;top:12px;border-color:#505466;padding:16px}
html.oc-theme-neon .oc-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
html.oc-theme-neon .oc-panel-heading a{color:#b8c1d4}
html.oc-theme-neon .oc-visibility-panel>p{color:#cbd1df;font-size:13px;line-height:1.5;margin:0 0 16px}
html.oc-theme-neon .oc-visibility-panel form{display:grid;gap:9px}
html.oc-theme-neon .oc-visibility-choice{position:relative;display:grid;grid-template-columns:39px 1fr;align-items:center;gap:11px;padding:12px 11px;cursor:pointer;border:1px solid #4c5268;border-radius:11px;background:#151c2a;color:#eaeafa}
html.oc-theme-neon .oc-visibility-choice:has(input:checked){background:linear-gradient(115deg,#0f3832,#1b2b2a);border-color:#07f9a1;box-shadow:inset 0 0 0 1px #25ad8159}
html.oc-theme-neon .oc-visibility-choice input{position:absolute;right:10px;top:11px;width:16px;height:16px;accent-color:#00f8a0}
html.oc-theme-neon .oc-choice-icon{font-size:26px;line-height:1;color:#b3c7e8}
html.oc-theme-neon .oc-visibility-choice:has(input:checked) .oc-choice-icon{color:#00fb9a}
html.oc-theme-neon .oc-choice-text{display:grid;gap:5px;padding-right:14px}
html.oc-theme-neon .oc-choice-text strong{font-size:13px;color:#fff}
html.oc-theme-neon .oc-choice-text small{font-size:11px;line-height:1.4;color:#adb6ca}
html.oc-theme-neon .oc-visibility-info{background:#202a3b;border-radius:11px;padding:12px;color:#ccd4e5;font-size:11px;line-height:1.5;margin:6px 0}
html.oc-theme-neon .oc-visibility-save{cursor:pointer;background:linear-gradient(95deg,#00ee87,#36e887);border:0;border-radius:10px;color:#061d17;font-weight:850;min-height:44px}
html.oc-theme-neon .oc-visibility-settings{text-align:center;font-size:11px;color:#b7c9df;margin:4px 0}
html.oc-theme-neon .oc-chat-dock{position:fixed;bottom:12px;right:14px;display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;z-index:24;max-width:calc(100vw - 28px);pointer-events:none}
html.oc-theme-neon .oc-chat-window{width:245px;min-width:0;pointer-events:auto;box-shadow:0 8px 40px #0009;background:#121825;border:1px solid #66527c;border-radius:11px;overflow:hidden}
html.oc-theme-neon .oc-chat-window>summary{list-style:none;display:flex;gap:7px;align-items:center;cursor:pointer;padding:7px 9px;background:#161a28;border-bottom:1px solid #69427f;font-size:12px;font-weight:800;color:#fff}
html.oc-theme-neon .oc-chat-window>summary::-webkit-details-marker{display:none}
html.oc-theme-neon .oc-chat-head-avatar{display:grid;place-items:center;border-radius:50%;width:27px;height:27px;background:linear-gradient(135deg,#d531a0,#5042bf)}
html.oc-theme-neon .oc-chat-minimize{margin-left:auto;color:#e34af5;font-size:19px}
html.oc-theme-neon .oc-chat-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:65px;max-height:140px;overflow:auto;padding:9px 8px}
html.oc-theme-neon .oc-chat-bubble{max-width:90%;margin:0;padding:7px 9px;border-radius:11px;color:white;font-size:11px;line-height:1.35;overflow-wrap:anywhere;background:#333948}
html.oc-theme-neon .oc-chat-bubble.is-mine{align-self:flex-end;background:#8820e7}
html.oc-theme-neon .oc-quick-compose{display:flex;gap:5px;padding:6px;border-top:1px solid #3a4153}
html.oc-theme-neon .oc-quick-compose input{min-width:0;flex:1;font-size:11px;border-radius:6px;background:#161a2b;color:white;border:1px solid #40445a;padding:6px}
html.oc-theme-neon .oc-quick-compose button{width:28px;flex-shrink:0;border:0;background:#a521db;color:#fff;border-radius:6px;cursor:pointer}
html.oc-theme-neon .oc-chat-full-link{display:block;font-size:10px;padding:2px 8px 7px;text-align:center;color:#cbaef1}
html.oc-theme-neon .oc-chat-empty-button{display:block;pointer-events:auto;padding:10px 16px;text-decoration:none;color:#fff;border-radius:12px;background:linear-gradient(125deg,#7b20c6,#b81eda);border:1px solid #d94bff;box-shadow:0 0 16px #9d1ffb5c}
html.oc-theme-neon .oc-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media (max-width:1350px){
 html.oc-theme-neon .oc-discover-screen{grid-template-columns:220px minmax(0,1fr) 270px;gap:10px}
 html.oc-theme-neon .oc-member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 html.oc-theme-neon .oc-brand-wordmark{font-size:24px}
 html.oc-theme-neon .oc-app-brand{min-width:215px}
 html.oc-theme-neon .oc-app-nav a{padding:7px 9px}
}
@media (max-width:1040px){
 html.oc-theme-neon .oc-discover-screen{grid-template-columns:205px minmax(0,1fr)}
 html.oc-theme-neon .oc-visibility-panel{grid-column:1/-1;position:static;max-width:none}
 html.oc-theme-neon .oc-visibility-panel form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
 html.oc-theme-neon .oc-visibility-info{grid-column:1/-1}
 html.oc-theme-neon .oc-app-header{flex-wrap:wrap}
 html.oc-theme-neon .oc-app-nav{order:3;width:100%;justify-content:flex-start}
 html.oc-theme-neon .oc-member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
 html.oc-theme-neon .oc-discover-screen{display:flex;flex-direction:column}
 html.oc-theme-neon .oc-discover-main,html.oc-theme-neon .oc-discover-search,html.oc-theme-neon .oc-visibility-panel{width:100%}
 html.oc-theme-neon .oc-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html.oc-theme-neon .oc-visibility-panel form{display:grid;grid-template-columns:1fr}
 html.oc-theme-neon .oc-visibility-info{grid-column:auto}
 html.oc-theme-neon .oc-chat-window{width:min(245px,calc(100vw - 40px))}
 html.oc-theme-neon .oc-chat-window:not(:first-child){display:none}
 html.oc-theme-neon .oc-search-visibility-warning{grid-template-columns:1fr;gap:6px}
 html.oc-theme-neon .oc-search-visibility-warning small{border:0;padding:0}
 html.oc-theme-neon .oc-discover-search{padding:16px}
 html.oc-theme-neon .oc-app-brand{min-width:0}
 html.oc-theme-neon .oc-app-nav a{font-size:12px}
}
@media (max-width:450px){
 html.oc-theme-neon .oc-app-header{padding:9px}
 html.oc-theme-neon .oc-brand-smile{width:42px;height:42px;border-width:3px}
 html.oc-theme-neon .oc-brand-eyes{font-size:11px}
 html.oc-theme-neon .oc-brand-mouth{font-size:23px}
 html.oc-theme-neon .oc-brand-wordmark{font-size:20px}
 html.oc-theme-neon .oc-brand-wordmark small{font-size:8px}
 html.oc-theme-neon .oc-account-caption{display:none}
 html.oc-theme-neon .oc-app-nav a{padding:6px}
 html.oc-theme-neon .oc-app-nav a span{display:none}
 html.oc-theme-neon .oc-member-grid{gap:8px}
 html.oc-theme-neon .oc-card-info{padding:8px}
 html.oc-theme-neon .oc-discover-heading h1{font-size:23px}
}
@media (prefers-reduced-motion:reduce){html.oc-theme-neon .oc-member-card{transition:none}}

html.oc-theme-neon .oc-list-mode .oc-member-grid{grid-template-columns:1fr}
html.oc-theme-neon .oc-list-mode .oc-member-card{display:grid;grid-template-columns:105px minmax(0,1fr)}
html.oc-theme-neon .oc-list-mode .oc-card-portrait{aspect-ratio:1/1;height:100%;max-height:140px}
html.oc-theme-neon .oc-list-mode .oc-card-initial{font-size:70px}
html.oc-theme-neon .oc-list-mode .oc-card-info{justify-content:center}