xioleni-site-header{display:block;position:relative;z-index:30;color:#f5f7ff;font:16px/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--text0:rgba(255,255,255,.94);--text1:rgba(255,255,255,.74)}
xioleni-site-header .nav{display:block;position:sticky;top:0;z-index:30;gap:0;margin:0;padding:0;border-bottom:1px solid rgba(255,255,255,.08);background:rgb(4 0 73 / 38%);backdrop-filter:blur(14px)}
xioleni-site-header .container{width:min(1120px,calc(100% - 40px));margin:0 auto}
xioleni-site-header .navInner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
xioleni-site-header .brand{display:flex;align-items:center;gap:10px;min-width:180px;color:inherit;text-decoration:none}
xioleni-site-header .brandAvatar{display:block;width:30px;height:30px;flex:0 0 30px;border-radius:999px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.24),0 18px 46px rgba(0,212,255,.22)}
xioleni-site-header .brandText{display:inline-flex;gap:2px;color:inherit;font-size:16px;font-weight:650;letter-spacing:.2px}
xioleni-site-header .brandName{color:var(--text0)}xioleni-site-header .brandDomain{color:var(--text1)}
xioleni-site-header .navLinks{display:inline-flex;align-items:center;justify-content:center;gap:10px}
xioleni-site-header .navLink{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:var(--text1);font-size:14px;text-decoration:none;white-space:nowrap;transition:background 110ms ease,color 110ms ease,border-color 110ms ease,box-shadow 110ms ease,transform 160ms ease}
xioleni-site-header .navLink:hover{color:var(--text0);background:linear-gradient(135deg,rgba(0,212,255,.14),rgba(139,92,246,.12));border-color:rgba(255,255,255,.25);box-shadow:0 10px 28px rgba(0,212,255,.05),0 8px 22px rgba(139,92,246,.04)}
xioleni-site-header .navLink:active{transform:translateY(1px)}
xioleni-site-header .navLink.wall-current-link{background:linear-gradient(135deg,rgba(0,212,255,.32),rgba(139,92,246,.28));border-color:rgba(255,255,255,.18);box-shadow:0 14px 40px rgba(0,212,255,.14);color:rgba(255,255,255,.92)}
xioleni-site-header .navCtas{display:flex;align-items:center;gap:10px}
xioleni-site-header .marketNavLink{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid rgba(82,214,255,.42);border-radius:999px;color:#e4faff;background:linear-gradient(110deg,rgba(10,111,165,.24),rgba(95,57,174,.2));font-size:12px;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}
xioleni-site-header .marketNavLink svg{width:20px;height:20px;color:#61e7ff}
xioleni-site-header .marketNavLink:hover,xioleni-site-header .marketNavLink:focus-visible{border-color:#75e9ff;box-shadow:0 0 18px rgba(28,191,255,.18)}
xioleni-site-header .marketNavLink:focus-visible{outline:2px solid #9befff;outline-offset:3px}
xioleni-site-header .navItemIcon{width:20px;height:20px;flex:none;color:#68dcff;stroke-width:1.9}
xioleni-site-header .heroConfigTrigger{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:rgba(255,255,255,.82);background:rgba(255,255,255,.06);font-size:17px;cursor:pointer}
xioleni-site-header .heroConfigTrigger:hover{color:#fff;border-color:rgba(0,212,255,.55);background:rgba(0,212,255,.12)}
xioleni-site-header .menuBtn{display:none;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.06);align-items:center;justify-content:center;gap:4px;flex-direction:column;cursor:pointer}
xioleni-site-header .menuBtnBar{width:16px;height:2px;border-radius:999px;background:rgba(255,255,255,.82)}
xioleni-site-header .mobileMenu{display:none;position:absolute;top:100%;left:0;right:0;z-index:40;max-height:0;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none;transition:max-height 240ms ease,opacity 240ms ease,visibility 240ms ease}
xioleni-site-header .mobileMenu.isOpen{max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);opacity:1;visibility:visible;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 22px 36px rgba(0,0,0,.32)}
xioleni-site-header .mobileMenuInner{padding:16px 0 22px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(145deg,rgba(5,0,45,.98),rgba(13,8,68,.97))}
xioleni-site-header .mobileLink{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;color:var(--text0);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:background 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
xioleni-site-header .mobileLink:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);box-shadow:0 22px 70px rgba(0,212,255,.08),0 18px 54px rgba(139,92,246,.06)}
xioleni-site-header .mobileCtas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
xioleni-site-header .mobileConfigTrigger{width:auto;height:auto;padding:10px 12px;justify-content:flex-start;font-size:14px}
xioleni-site-header .mobileMenuInner hr{width:100%;border:0;border-top:1px solid rgba(255,255,255,.12)}
xioleni-site-header .mobileWallHeading{color:#8feeff;font-size:14px}
xioleni-site-header .wallQuickNavSlot{display:none}
xioleni-site-header .wallQuickAction{position:relative;display:flex;width:30px;height:30px;min-width:30px;min-height:30px;flex:none;align-items:center;justify-content:center;padding:0;border:1px solid rgba(119,176,255,.24);border-radius:50%;color:#dce8ff;background:linear-gradient(145deg,rgba(10,29,64,.86),rgba(8,13,39,.9));box-shadow:inset 0 1px rgba(255,255,255,.04);cursor:pointer;transition:transform 150ms ease,border-color 150ms ease,background 150ms ease,box-shadow 150ms ease}
xioleni-site-header .wallQuickAction:active{transform:scale(.96)}
xioleni-site-header .wallQuickAction.isActive{border-color:rgba(61,221,255,.72);background:linear-gradient(135deg,rgba(12,127,192,.36),rgba(114,43,210,.34));box-shadow:0 0 18px rgba(56,160,255,.15),inset 0 1px rgba(255,255,255,.12)}
xioleni-site-header .wallQuickIcon{display:grid;width:20px;height:20px;place-items:center;color:#77eaff}
xioleni-site-header .wallQuickIcon svg{display:block;width:18px;height:18px}
xioleni-site-header .wallQuickCount{position:absolute;top:-4px;right:-4px;min-width:13px;height:13px;padding:0 2px;border:1px solid rgba(134,228,255,.38);border-radius:999px;color:#eafaff;background:rgba(3,13,38,.96);font-size:8px;font-weight:800;line-height:11px;text-align:center;font-variant-numeric:tabular-nums}
xioleni-site-header .wallQuickLabel{position:absolute;z-index:60;top:calc(100% + 7px);left:50%;padding:5px 9px;border:1px solid rgba(97,219,255,.38);border-radius:9px;color:#f2fbff;background:rgba(5,13,34,.97);box-shadow:0 8px 22px rgba(0,0,0,.34);font-size:10px;font-weight:750;line-height:1.2;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-3px);transition:opacity 120ms ease,transform 120ms ease,visibility 120ms ease}
xioleni-site-header .wallQuickAction.isLabelVisible .wallQuickLabel{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:1120px){xioleni-site-header .navLinks{display:none}xioleni-site-header .menuBtn{display:inline-flex}xioleni-site-header .mobileMenu{display:block}xioleni-site-header .navCtas>.heroConfigTrigger:not(.mobileConfigTrigger){display:none}xioleni-site-header .marketNavLink{width:40px;height:40px;min-height:40px;padding:0;border-radius:50%}xioleni-site-header .marketNavLink span{display:none}xioleni-site-header .wallQuickNavSlot{display:flex;flex:none;width:auto;min-height:40px;align-items:center;justify-content:center;gap:10px;padding:0}xioleni-site-header .wallQuickAction{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%}xioleni-site-header .wallQuickIcon{width:20px;height:20px}xioleni-site-header .wallQuickIcon svg{width:18px;height:18px}xioleni-site-header .wall-site-header .menuBtn{margin-left:auto}xioleni-site-header .mobileCtas{grid-template-columns:1fr}xioleni-site-header .mobileConfigTrigger{width:100%;min-height:44px;border-radius:14px}}
@media(max-width:1120px){xioleni-site-header .navInner{flex-wrap:wrap;gap:8px 10px;padding-block:8px}xioleni-site-header .brand{flex:1 1 auto;min-width:0}xioleni-site-header .navCtas{flex:none;margin-left:auto;gap:10px}}
@media(max-width:520px){xioleni-site-header .container{width:calc(100% - 24px)}xioleni-site-header .navInner{min-height:64px;gap:8px 10px;padding-block:8px}xioleni-site-header .brand{flex:1 1 100%;min-width:0}xioleni-site-header .brandAvatar{width:28px;height:28px;flex-basis:28px}xioleni-site-header .navCtas{flex:1 1 100%;width:100%;max-width:none;justify-content:space-between;margin:0}xioleni-site-header .mobileMenu.isOpen{max-height:calc(100dvh - 132px)}}

/* Shared dark/light switch copied from the lottery analyzer control. */
xioleni-site-header .lottery-product-action.theme-toggle-switch,
body.light-theme xioleni-site-header .lottery-product-action.theme-toggle-switch{position:relative;display:grid;flex:0 0 78px;width:78px;height:40px;min-height:40px;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:0;margin:0;padding:4px;color:#e9f2ff;background:#182a43;border:1px solid rgba(149,177,215,.26);border-radius:999px;box-shadow:inset 0 1px 4px rgba(0,0,0,.28);cursor:pointer}
xioleni-site-header .theme-toggle-switch:hover,xioleni-site-header .theme-toggle-switch:focus-visible{background:#1d304b;border-color:rgba(149,177,215,.46);outline:none}
xioleni-site-header .theme-selector-thumb{position:absolute;top:4px;left:4px;z-index:0;width:34px;height:30px;background:rgba(105,139,184,.28);border:1px solid rgba(176,201,235,.22);border-radius:999px;transition:transform 180ms ease,background-color 180ms ease}
body:not(.light-theme) xioleni-site-header .theme-selector-thumb{transform:translateX(34px)}
body.light-theme xioleni-site-header .theme-selector-thumb{background:rgba(255,203,71,.2);border-color:rgba(255,219,120,.34)}
xioleni-site-header .theme-selector-icon{position:relative;z-index:1;width:19px;height:19px;fill:none;stroke:#c1cede;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;pointer-events:none}
xioleni-site-header .theme-selector-sun{fill:rgba(193,206,222,.12)}
body.light-theme xioleni-site-header .theme-selector-sun{fill:rgba(255,215,91,.25);stroke:#ffd75b}
body:not(.light-theme) xioleni-site-header .theme-selector-moon{fill:rgba(199,220,255,.2);stroke:#e6f0ff}

body.light-theme{color-scheme:light;--text0:#1b2e47;--text1:#405772;--text2:#5a6f87;background:radial-gradient(ellipse at 12% 2%,rgba(88,156,221,.16),transparent 38rem),radial-gradient(ellipse at 90% 30%,rgba(46,177,164,.1),transparent 34rem),linear-gradient(145deg,#f4f8fd,#eaf1fa 58%,#f7f9fc)!important;color:#1b2e47}
body.light-theme xioleni-site-header{color:#20344e;--text0:#20344e;--text1:#526985}
body.light-theme xioleni-site-header .nav{background:rgba(255,255,255,.94);border-color:rgba(72,111,162,.22);box-shadow:0 10px 28px rgba(35,61,94,.08)}
body.light-theme xioleni-site-header .brandName,body.light-theme xioleni-site-header .brandDomain{color:#20344e}
body.light-theme xioleni-site-header .navLink{color:#405772;background:rgba(255,255,255,.62);border-color:rgba(72,111,162,.17)}
body.light-theme xioleni-site-header .marketNavLink{color:#244362;background:linear-gradient(110deg,rgba(10,111,165,.1),rgba(95,57,174,.08));border-color:rgba(36,142,191,.36)}
body.light-theme xioleni-site-header .heroConfigTrigger,body.light-theme xioleni-site-header .menuBtn{color:#334b66;background:rgba(255,255,255,.82);border-color:rgba(72,111,162,.24)}
body.light-theme xioleni-site-header .menuBtnBar{background:#334b66}
body.light-theme xioleni-site-header .mobileMenuInner{background:linear-gradient(145deg,rgba(246,249,253,.99),rgba(231,239,250,.99))}
body.light-theme xioleni-site-header .mobileLink{color:#263e59;background:#fff;border-color:rgba(72,111,162,.2)}

body.light-theme .topbar{background:rgba(255,255,255,.94)!important;border-color:#d5e0ed!important}
body.light-theme[data-wall-page="wall"] .box,
body.light-theme[data-wall-page="wall"] .composer,
body.light-theme[data-wall-page="wall"] .post,
body.light-theme[data-wall-page="community"] .wall-top-section,
body.light-theme[data-wall-page="community"] .panel,
body.light-theme[data-wall-page="community"] .comment,
body.light-theme[data-wall-page="community"] .feed,
body.light-theme[data-wall-page="community"] .empty,
body.light-theme[data-wall-page="community"] .auth-gate,
body.light-theme[data-wall-page="community"] .settings-panel{color:#20344e!important;background:#fff!important;border-color:#d4dfec!important;box-shadow:0 12px 34px rgba(35,61,94,.08)}
body.light-theme[data-wall-page="wall"] .person strong,
body.light-theme[data-wall-page="wall"] .stats h3,
body.light-theme[data-wall-page="wall"] .postmeta strong,
body.light-theme[data-wall-page="community"] .layout h1,
body.light-theme[data-wall-page="community"] .layout h2,
body.light-theme[data-wall-page="community"] .layout h3,
body.light-theme[data-wall-page="community"] .layout h4{color:#20344e}
body.light-theme[data-wall-page="wall"] .side-nav button,
body.light-theme[data-wall-page="wall"] .postactions,
body.light-theme[data-wall-page="wall"] .posttext,
body.light-theme[data-wall-page="community"] .welcome p,
body.light-theme[data-wall-page="community"] .comment-author time,
body.light-theme[data-wall-page="community"] .auth-panel>p{color:#526985}
body.light-theme[data-wall-page="wall"] .composer textarea,
body.light-theme[data-wall-page="wall"] .feedhead select,
body.light-theme[data-wall-page="wall"] .settings-panel input,
body.light-theme[data-wall-page="community"] textarea,
body.light-theme[data-wall-page="community"] input:not([type="hidden"]){color:#20344e;background:#f8fbff;border-color:#c8d6e6}
body.light-theme[data-wall-page="wall"] .stats,
body.light-theme[data-wall-page="wall"] .profile{background:#fff!important}
body.light-theme[data-wall-page="wall"] .promo{background:linear-gradient(145deg,#f4efff,#edf5ff)!important}
body.light-theme[data-wall-page="wall"] .wall-view-button,
body.light-theme[data-wall-page="community"] .wall-view-button{color:#314c68;background:#fff;border-color:#d1deed}
body.light-theme[data-wall-page="wall"] .wall-view-button.active,
body.light-theme[data-wall-page="community"] .wall-view-button.active{color:#fff;background:linear-gradient(110deg,#1658bf,#7515e8);border-color:#687cff}

/* The shared preference also restyles the public Home without relying on login state. */
body.light-theme #root{color:#20344e}
body.light-theme #root .pageBg{opacity:.2}
body.light-theme #root .section,
body.light-theme #root .featuredProjects,
body.light-theme #root .aboutFeatureSection,
body.light-theme #root .seoHubSection,
body.light-theme #root .contactSection{color:#20344e}
body.light-theme #root .featuredProjectsHeading h2,
body.light-theme #root .aboutFeatureSection h2,
body.light-theme #root .seoHubSection h2,
body.light-theme #root .contactSection h2{color:#20344e}
body.light-theme #root .featuredProjectsIntro>p:last-child,
body.light-theme #root .aboutFeatureSection p,
body.light-theme #root .seoHubSection p,
body.light-theme #root .contactSection p{color:#526985}
body.light-theme #root .featuredProjectsQualities,
body.light-theme #root .projectViewPanel,
body.light-theme #root .seoHubShell,
body.light-theme #root .communityStatsHome,
body.light-theme #root .contactSection .contactCard{color:#20344e;background-color:rgba(255,255,255,.9);border-color:#d4dfec;box-shadow:0 12px 34px rgba(35,61,94,.08)}
body.light-theme #root .featuredProjectCard,
body.light-theme #root .projectCategoryCard,
body.light-theme #root .codeShowcaseCard{color:#20344e;background:#fff;border-color:#d4dfec}
body.light-theme #root .featuredProjectHeading h3,
body.light-theme #root .projectCategoryCard h3,
body.light-theme #root .codeShowcaseCard h3{color:#20344e}
body.light-theme #root .featuredProjectHeading p,
body.light-theme #root .projectCategoryCard p,
body.light-theme #root .codeShowcaseCard p{color:#526985}
body.light-theme #root input,
body.light-theme #root textarea,
body.light-theme #root select{color:#20344e;background:#fff;border-color:#c8d6e6}

@media(max-width:520px){xioleni-site-header .lottery-product-action.theme-toggle-switch,body.light-theme xioleni-site-header .lottery-product-action.theme-toggle-switch{flex-basis:72px;width:72px;height:38px;min-height:38px}.theme-selector-thumb{width:31px;height:28px}}