:root{--bo-primary:#4d7fff;--bo-primary-100:rgba(77,127,255,.16);--bo-accent:#c84bff;--bo-cyan:#00d4ff;--bo-magenta:#ff3d9a;--bo-ink:#eef3ff;--bo-muted:#9db0d8;--bo-line:rgba(140,170,255,.22);--bo-bg:#070b22;--bo-card:#12183a;--bo-elev:0 18px 50px rgba(8,10,30,.45);--bo-radius:22px;--bo-topbar:64px;--bo-bottom:68px;--bo-side:230px;--bo-right:280px;--bo-font:"Source Sans 3","Segoe UI",system-ui,sans-serif;--bo-display:"Fraunces",Georgia,serif;--bo-safe-b:env(safe-area-inset-bottom,0px);--bo-safe-t:env(safe-area-inset-top,0px);--bo-glow:linear-gradient(90deg,#00d4ff,#4d7fff,#c84bff)}
html[data-theme="light"]{--bo-ink:#12183a;--bo-muted:#5a6a96;--bo-line:#d5def8;--bo-bg:#eef2ff;--bo-card:#ffffff;--bo-primary-100:#e4ebff}
html[data-theme="dark"]{--bo-ink:#eef3ff;--bo-muted:#9db0d8;--bo-line:rgba(140,170,255,.22);--bo-bg:#070b22;--bo-card:#12183a;--bo-primary-100:rgba(77,127,255,.16)}
*{box-sizing:border-box}html,body{margin:0}body.berekum-online{font-family:var(--bo-font);color:var(--bo-ink);background:radial-gradient(1200px 600px at 10% -10%,rgba(77,127,255,.28),transparent 55%),radial-gradient(900px 500px at 90% 10%,rgba(200,75,255,.22),transparent 50%),radial-gradient(800px 500px at 70% 100%,rgba(0,212,255,.12),transparent 45%),var(--bo-bg);min-height:100dvh;line-height:1.45}
img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;color:inherit}
a{color:var(--bo-primary);text-decoration:none}.screen-reader-text,.bo-skip{position:absolute;left:-999px}
.bo-skip:focus{left:12px;top:12px;background:var(--bo-card);padding:8px;z-index:99}
.bo-app{min-height:100dvh;padding-top:calc(var(--bo-topbar)+var(--bo-safe-t));padding-bottom:calc(var(--bo-bottom)+var(--bo-safe-b))}
.bo-topbar{position:fixed;top:0;left:0;right:0;z-index:40;height:calc(var(--bo-topbar)+var(--bo-safe-t));padding-top:var(--bo-safe-t);background:var(--bo-card);border-bottom:1px solid var(--bo-line)}
.bo-topbar-inner{max-width:1440px;margin:0 auto;height:var(--bo-topbar);display:flex;align-items:center;gap:12px;padding:0 16px}
.bo-logo{display:flex;align-items:center;gap:8px;color:inherit;font-family:var(--bo-display);font-weight:700;text-decoration:none}
.bo-logo img{width:36px;height:36px;border-radius:10px}.bo-logo em{font-style:normal;color:var(--bo-accent)}
.bo-search{flex:1;max-width:480px;position:relative;display:flex;align-items:center;background:var(--bo-bg);border:1px solid var(--bo-line);border-radius:999px;padding:0 14px;height:40px}
.bo-search input{border:0;background:transparent;outline:none;width:100%}
.bo-search-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bo-card);border:1px solid var(--bo-line);border-radius:12px;padding:8px;z-index:50}
.bo-search-suggest a{display:block;padding:8px}
.bo-top-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.bo-icon-btn{border:0;background:transparent;border-radius:12px;padding:8px 10px;cursor:pointer;position:relative;color:var(--bo-ink);text-decoration:none}
.bo-icon-btn:hover,.bo-side-link:hover{background:var(--bo-primary-100)}
.bo-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;background:#c0392b;color:#fff;border-radius:99px;font-size:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}
[hidden],.bo-badge[hidden],.bo-install-bar[hidden],.bo-toast[hidden],.bo-search-suggest[hidden]{display:none!important}
.bo-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.bo-avatar-lg{width:112px;height:112px;border-radius:50%;border:4px solid var(--bo-card)}
.bo-shell{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:16px;padding:16px}
@media(min-width:1024px){.bo-shell{grid-template-columns:var(--bo-side) minmax(0,1fr) var(--bo-right)}.bo-menu-toggle,.bo-bottom-nav{display:none!important}.bo-app{padding-bottom:0}}
@media(max-width:1023px){.bo-sidebar-right{display:none}.bo-sidebar-left{position:fixed;top:calc(var(--bo-topbar)+var(--bo-safe-t));bottom:calc(var(--bo-bottom)+var(--bo-safe-b));left:0;width:min(86vw,300px);background:var(--bo-card);border-right:1px solid var(--bo-line);transform:translateX(-105%);transition:transform .2s;z-index:35;padding:12px}.bo-app.menu-open .bo-sidebar-left{transform:none}.bo-logo-text{display:none}}
.bo-side-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:84px}
.bo-side-link{display:block;padding:10px 12px;border-radius:14px;color:var(--bo-ink);font-weight:600}
.bo-side-link.is-active{background:var(--bo-primary);color:#fff}
.bo-feed-col{display:flex;flex-direction:column;gap:14px}
.bo-card{background:var(--bo-card);border:1px solid var(--bo-line);border-radius:var(--bo-radius);box-shadow:var(--bo-elev);padding:16px}
.bo-widget-title,.bo-page-title{font-family:var(--bo-display);margin:0 0 10px}
.bo-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bo-line);background:var(--bo-card);border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:600;text-decoration:none;color:var(--bo-ink)}
.bo-btn-primary{background:var(--bo-glow);border-color:transparent;color:#fff}.bo-btn-sm{padding:6px 12px;font-size:.9rem}.bo-btn-block{width:100%}.bo-btn-ghost{background:transparent}
.bo-stories{display:flex;gap:10px;overflow-x:auto}
.bo-story{flex:0 0 88px;height:140px;border:0;border-radius:16px;background:linear-gradient(180deg,var(--bo-primary),#0f3d2e);color:#fff;position:relative;cursor:pointer;overflow:hidden}
.bo-story img{width:100%;height:100%;object-fit:cover;opacity:.85}
.bo-story span{position:absolute;left:8px;right:8px;bottom:8px;font-size:12px}
.bo-compose textarea{width:100%;min-height:72px;border:1px solid var(--bo-line);border-radius:14px;padding:12px;background:var(--bo-bg)}
.bo-compose-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.bo-compose-actions .bo-spacer{margin-left:auto}
.bo-post-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.bo-post-meta{color:var(--bo-muted);font-size:.85rem}
.bo-post-media img,.bo-post-media video{width:100%;border-radius:12px;margin-top:8px;max-height:480px;object-fit:cover}
.bo-post-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;border-top:1px solid var(--bo-line);padding-top:10px}
.bo-react{border:0;background:var(--bo-bg);border-radius:999px;padding:4px 8px;cursor:pointer}
.bo-react.is-on{background:#fbe9c4}
.bo-comments{margin-top:10px}.bo-comment{display:grid;grid-template-columns:32px 1fr;gap:8px;margin-top:8px}
.bo-cover{height:200px;background:linear-gradient(135deg,var(--bo-primary),#0f3d2e);border-radius:18px 18px 0 0}
.bo-profile-head{margin-top:-56px;display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.bo-tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid var(--bo-line)}
.bo-tabs a{padding:10px 12px;font-weight:600;color:var(--bo-muted)}.bo-tabs .is-active{color:var(--bo-primary);border-bottom:2px solid var(--bo-primary)}
.bo-list{display:flex;flex-direction:column;gap:8px}.bo-row{display:flex;gap:10px;align-items:center}.bo-grow{flex:1}
.bo-chat{display:grid;grid-template-columns:240px 1fr;min-height:60vh;padding:0;overflow:hidden}
.bo-chat-list{border-right:1px solid var(--bo-line)}.bo-chat-item{display:block;padding:12px}.bo-chat-item.is-active{background:var(--bo-primary-100)}
.bo-chat-thread{display:flex;flex-direction:column}.bo-chat-msgs{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.bo-bubble-me{align-self:flex-end;background:var(--bo-primary);color:#fff;border-radius:16px 16px 4px 16px;padding:8px 12px;max-width:75%}
.bo-bubble-them{align-self:flex-start;background:var(--bo-bg);border-radius:16px 16px 16px 4px;padding:8px 12px;max-width:75%}
.bo-chat-compose{display:flex;gap:8px;padding:10px;border-top:1px solid var(--bo-line)}
.bo-chat-compose input{flex:1;border:1px solid var(--bo-line);border-radius:999px;padding:8px 12px;background:var(--bo-bg)}
.bo-form label{display:block;font-weight:600;margin:10px 0 4px}
.bo-form input,.bo-form select,.bo-form textarea{width:100%;border:1px solid var(--bo-line);border-radius:12px;padding:10px;background:var(--bo-bg)}
.bo-notice{padding:10px;border-radius:12px;background:var(--bo-primary-100)}.bo-notice.error{background:#f8d7da;color:#721c24}
.bo-empty{text-align:center;padding:40px 16px}.bo-auth{max-width:420px;margin:24px auto}
.bo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.bo-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--bo-bottom)+var(--bo-safe-b));padding-bottom:var(--bo-safe-b);display:flex;background:var(--bo-card);border-top:1px solid var(--bo-line)}
.bo-bottom-nav a{flex:1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--bo-ink);text-decoration:none}
.bo-create-fab{flex:0 0 48px;height:48px;margin-top:-14px;border-radius:14px;background:var(--bo-primary);color:#fff}
.bo-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--bo-ink);color:var(--bo-card);padding:10px 16px;border-radius:999px;z-index:60}
.bo-install-bar{position:fixed;left:12px;right:12px;bottom:80px;background:var(--bo-card);border:1px solid var(--bo-line);border-radius:16px;padding:10px;display:flex;gap:8px;align-items:center;z-index:55}
@media(max-width:430px){.bo-chat{grid-template-columns:1fr}.bo-cover{height:150px}}

[hidden]{display:none!important}
.bo-form .bo-check{display:flex;align-items:center;gap:8px;font-weight:500;margin:12px 0}
.bo-form .bo-check input{width:auto;margin:0}
.bo-reset-form{margin-top:8px}
body.bo-auth-view .bo-sidebar,
body.bo-auth-view .bo-bottom-nav,
body.bo-auth-view .bo-install-bar,
body.bo-logged-out .bo-badge{display:none!important}
body.bo-auth-view .bo-shell{grid-template-columns:1fr;max-width:1280px}
body.bo-auth-view .bo-app{padding-bottom:24px}
body.bo-auth-view .bo-search{display:none}
.bo-install-bar{bottom:16px;z-index:30}
@media(max-width:1023px){body.bo-auth-view .bo-install-bar{bottom:16px}}


.bo-hero-auth{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
@media(min-width:960px){.bo-hero-auth{grid-template-columns:1fr minmax(320px,420px)}}
.bo-hero-copy h1{font-family:var(--bo-display);font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;margin:8px 0 12px}
.bo-hero-copy h1 span{background:linear-gradient(90deg,#00d4ff,#7c5cff,#ff4db8);-webkit-background-clip:text;background-clip:text;color:transparent}
.bo-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:#9db0d8}
.bo-lead{max-width:36ch;color:#c5d2f5}
.bo-hero-points{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:14px}
.bo-hero-points li{display:flex;flex-direction:column;padding-left:52px;position:relative}
.bo-hero-points li:before{content:"";position:absolute;left:0;top:0;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#00d4ff,#7c5cff)}
.bo-hero-points strong{color:#fff}
.bo-hero-points span{color:#9db0d8;font-size:.92rem}
.bo-glass{background:rgba(12,18,48,.72)!important;border:1px solid rgba(140,180,255,.28)!important;backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)!important}
.bo-auth{max-width:none;margin:0}
.bo-auth h2{text-align:center;margin:8px 0 4px;font-family:var(--bo-display)}
.bo-auth-sub{text-align:center;color:#9db0d8;margin:0 0 16px}
.bo-auth-mark{width:56px;height:56px;border-radius:18px;margin:0 auto 8px;background:linear-gradient(135deg,#00d4ff,#7c5cff 55%,#ff4db8)}
.bo-auth-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 14px}
.bo-link-btn{border:0;background:none;color:#00d4ff;cursor:pointer;padding:0}
.bo-btn-glow{box-shadow:0 10px 28px rgba(77,127,255,.35)}
.bo-auth-foot{text-align:center}
.bo-auth-foot a{color:#00d4ff;font-weight:700}
body.bo-auth-view{color:#eef3ff}
body.bo-auth-view .bo-topbar,body.bo-auth-view .bo-card{background:rgba(12,18,48,.8)}
.bo-form input,.bo-form select,.bo-form textarea,.bo-search{background:rgba(8,12,36,.65);border-color:rgba(140,180,255,.28)}
.bo-side-link.is-active{background:var(--bo-glow);color:#fff}

.bo-hero-auth{grid-template-columns:1fr!important}
@media(min-width:1100px){.bo-hero-auth{grid-template-columns:1.1fr .9fr 420px!important;gap:28px;align-items:center}}
.bo-featured-user{text-align:center}
.bo-featured-ring{width:220px;height:220px;margin:0 auto 12px;padding:6px;border-radius:50%;background:conic-gradient(from 200deg,#00d4ff,#7c5cff,#ff4db8,#00d4ff);box-shadow:0 0 40px rgba(0,212,255,.35)}
.bo-featured-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:6px solid #070b22;display:block}
.bo-featured-user h2{margin:8px 0 0;font-size:2rem}
.bo-online-now{color:#00d4ff;font-weight:700;margin:4px 0 14px}
.bo-featured-stats{list-style:none;padding:0;margin:0 auto;display:flex;flex-direction:column;gap:8px;max-width:280px}
.bo-featured-stats li{border:1px solid rgba(140,180,255,.28);background:rgba(12,18,48,.55);border-radius:999px;padding:8px 16px}
.bo-hero-members{display:flex;align-items:center;gap:10px;margin-top:22px;color:#c5d2f5}
.bo-hero-faces{width:120px;height:36px;border-radius:999px;background:linear-gradient(90deg,#4d7fff,#c84bff)}
.bo-auth .bo-form input,.bo-glass input,.bo-glass select{background:rgba(8,12,36,.7);border-radius:14px}