*{margin:0;padding:0;box-sizing:border-box;font-family:poppins,sans-serif}body{overflow:hidden}.topbar{position:fixed;top:16px;left:16px;right:16px;z-index:99999;pointer-events:none}.topbar__inner{pointer-events:auto;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:14px;background:linear-gradient(180deg,#ffffff0a,#08080a0f);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px #02061780}.brand{display:flex;align-items:center;gap:12px}.brand__logo{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#ffcf40,#ff6b6b);color:#111;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #00000059;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto}.brand__title{font-size:14px;font-weight:700;color:#fff;line-height:1}.brand__subtitle{font-size:11px;color:#ffffffb3;margin-top:2px}.nav{display:flex;gap:14px;align-items:center}.nav__link{color:#e8eefc;font-size:13px;text-decoration:none;padding:6px 10px;border-radius:8px;transition:background .15s ease,transform .12s ease}.nav__link:hover{background:#ffffff0a;transform:translateY(-2px)}.actions{display:flex;align-items:center;gap:10px}.btn{font-size:13px;padding:8px 12px;border-radius:10px;border:none;cursor:pointer;background:transparent;color:#fff}.btn--ghost{background:#ffffff08;border:1px solid rgba(255,255,255,.04);color:#fff}.btn--primary{background:linear-gradient(90deg,#06f,#00d4ff);color:#041025;font-weight:600;box-shadow:0 8px 20px #030c2873}@media (max-width: 860px){.nav,.brand__subtitle{display:none}.topbar__inner{padding:8px 10px}}.color-switcher{position:fixed;left:24px;bottom:24px;z-index:9999;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#0f0f14bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 36px #00000073;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.color-switcher__label{font-size:13px;font-weight:600;color:#fffc;margin-right:6px}.color-switcher__dot{width:20px;height:20px;border-radius:50%;border:2px solid transparent;outline:none;cursor:pointer;padding:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.color-switcher__dot:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 8px 20px #00000059}.color-switcher__dot--active{border-color:#fff;box-shadow:0 0 0 4px #ffffff14}