.selfside-surface{--bg:#05070b;--surface:#0b0f14;--text:#e7edf2;--muted:#9eabb9;--cyan:#9ad8d1;--pink:#9cabc9;--line:#c8d9ee22;--metal-edge:#a9bed526;--metal-shine:#9ad8d114;--metal-face:linear-gradient(135deg, #edf3f7 0%, #bdcbd8 43%, #a7bbce 55%, #dce6ed 100%);--metal-panel:linear-gradient(145deg, #19212a 0%, #0e131a 35%, #080b10 76%, #111923 100%);color:var(--text);background:var(--bg)}.selfside-surface .brand-dot{color:var(--cyan)}.selfside-mobile-nav{display:none}@media (max-width:700px){.selfside-surface :is(.landing-header,.platform-header){z-index:10;padding:max(14px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 14px max(20px, env(safe-area-inset-left));flex-flow:row;align-items:center;gap:12px;position:relative}.selfside-surface :is(.landing-header,.platform-header)>nav{display:none}.selfside-surface .brand{min-height:44px}.selfside-surface .selfside-mobile-nav{margin-left:auto;display:block}.selfside-mobile-nav summary{border:1px solid var(--metal-edge);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-width:90px;min-height:44px;padding:10px 12px;font-size:13px;list-style:none;display:flex}.selfside-mobile-nav summary::-webkit-details-marker{display:none}.selfside-mobile-nav .mobile-nav-close,.selfside-mobile-nav[open] .mobile-nav-open{display:none}.selfside-mobile-nav[open] .mobile-nav-close{display:block}.selfside-surface .selfside-mobile-nav nav{top:calc(100% - 1px);left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));border:1px solid var(--metal-edge);background:var(--bg);border-radius:12px;grid-template-columns:minmax(0,1fr);gap:4px;margin:0;padding:12px;font-size:14px;display:grid;position:absolute;box-shadow:0 18px 36px #0008}.selfside-surface .selfside-mobile-nav[open] nav>:is(a,button){border-radius:7px;justify-content:flex-start;align-items:center;width:100%;min-height:46px;padding:12px;font-size:14px;display:flex}.selfside-surface .selfside-mobile-nav nav>:is(a,button):hover{background:var(--surface)}}.selfside-surface .brand-reveal{min-width:0}.selfside-surface .metal-spotlight{isolation:isolate;position:relative;overflow:hidden}.selfside-surface .metal-spotlight-light{z-index:-1;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(420px circle at var(--spotlight-x,50%) var(--spotlight-y,30%), #9ad8d117, transparent 72%);transition:opacity .35s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.selfside-surface .metal-spotlight:hover>.metal-spotlight-light{opacity:1}}.selfside-surface .metal-spotlight:focus-within>.metal-spotlight-light{opacity:1}.selfside-surface :is(a,button,summary):focus-visible{outline:2px solid var(--cyan);outline-offset:5px}@media (prefers-reduced-motion:reduce){.selfside-surface .metal-spotlight-light{transition:none}.selfside-surface .brand-reveal{opacity:1!important;filter:none!important;transform:none!important}}