.topbar{border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.topbar-right{align-items:center;gap:12px;padding-right:8px;display:flex}.brand-link{color:inherit;cursor:pointer;text-decoration:none}.brand-link:visited{color:inherit}.brand-link:hover{color:inherit;text-decoration:none}.brand-peel{perspective:540px;perspective-origin:30%;display:inline-block;position:relative}.brand-text-container{flex-direction:column;display:flex}.brand-text{z-index:1;font-size:18px;font-weight:700;position:relative}.brand-tagline{z-index:1;margin-top:4px;font-size:10px;font-weight:500;position:relative}.sticker{z-index:2;pointer-events:none;clip-path:inset(0 0% 0 0 round 10px);transform-origin:0 100%;will-change:transform,clip-path,opacity;background:linear-gradient(270deg,#ffffff38 0,#ffffff0f 10px,#0b0f14 20px 100%);border-radius:10px;width:120%;height:calc(100% + 12px);animation:1.7s cubic-bezier(.16,1,.3,1) .3s forwards sticker-peel;position:absolute;top:-6px;left:-10%;overflow:visible;box-shadow:0 2px 8px #0000008c,inset 0 1px #ffffff0d}.sticker-curl{background:linear-gradient(90deg,#ffffff47,#ffffff1a,#0000);border-radius:10px 0 0 10px;width:26px;height:100%;animation:1.7s cubic-bezier(.16,1,.3,1) .3s forwards curl-release;position:absolute;top:0;left:0}@keyframes sticker-peel{0%{clip-path:inset(0 0% 0 0 round 10px);opacity:1;transform:none;box-shadow:0 2px 8px #0000008c,inset 0 1px #ffffff0d}8%{clip-path:inset(0 1% 0 0 round 10px);opacity:1;transform:rotateX(-2deg)rotate(-.5deg);box-shadow:2px 8px 18px #0009,inset 0 1px #ffffff12}30%{clip-path:inset(0 30% 0 0 round 10px);opacity:1;transform:rotateX(-9deg)rotate(-1.5deg)translateY(-3px);box-shadow:6px 14px 28px #000000ad}58%{clip-path:inset(0 60% 0 0 round 10px);opacity:.95;transform:rotateX(-16deg)rotate(-2.5deg)translateY(-6px);box-shadow:10px 18px 36px #00000094}80%{clip-path:inset(0 82% 0 0 round 10px);opacity:.8;transform:rotateX(-24deg)rotate(-3.5deg)translateY(-9px);box-shadow:12px 20px 40px #00000059}to{clip-path:inset(0 100% 0 0 round 10px);box-shadow:none;opacity:0;transform:rotateX(-32deg)rotate(-4deg)translateY(-12px)}}@keyframes curl-release{0%{opacity:0;transform:none}12%{opacity:1;transform:none}70%{opacity:.85;transform:skewY(-2deg)}90%{opacity:.4;transform:skewY(-4deg)}to{opacity:0;transform:skewY(-5deg)}}.anon-label{color:#6b7280;font-size:.9rem;font-weight:800}.anon-label.clickable{cursor:pointer}
.sl-footer{color:#ffffffbf;background:#0b0b0d;border-top:1px solid #ffffff14;padding:48px 24px 64px}.sl-footer-inner{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;display:grid}.sl-footer-brand{color:#fff;font-size:18px;font-weight:600}.sl-footer-tagline{color:#ffffff8c;margin-top:8px;font-size:13px;line-height:1.6}.sl-footer-heading{letter-spacing:.02em;color:#ffffffd9;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:600}.sl-footer ul{margin:0;padding:0;list-style:none}.sl-footer li{margin-bottom:8px}.sl-footer ul li a{color:#ffffff8c;font-size:13px;font-weight:400;text-decoration:none;transition:color .12s}.sl-footer ul li a:hover{color:#ffffffd9}.sl-footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff0f;max-width:1200px;margin:32px auto 0;padding-top:16px;font-size:12px}a.neutral-link{color:inherit;text-decoration:none}a.neutral-link:hover{color:#fffc;text-decoration:underline}@media (max-width:900px){.sl-footer-inner{grid-template-columns:1fr 1fr 1fr;gap:32px}.sl-footer-inner>.sl-footer-col:first-child{grid-column:1/-1}}@media (max-width:600px){.sl-footer{padding:40px 20px 56px}.sl-footer-inner{grid-template-columns:1fr 1fr;gap:28px 24px}.sl-footer-inner>.sl-footer-col:first-child{grid-column:1/-1}}
.user-badge-wrapper{align-items:center;margin-right:6px;display:inline-flex;position:relative}.account-menu-wrapper{position:relative}.avatar-button{cursor:pointer;background:0 0;border:none;margin-top:0;padding:0;position:relative}.avatar{border-radius:999px;width:36px;height:36px;display:block}.plan-sticker{letter-spacing:.04em;text-transform:uppercase;color:#e5e7eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;white-space:nowrap;background:#0b0f14;border:1px solid #ffffff2e;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:-8px;right:-18px}.plan-sticker[data-plan=pro]{border-color:#e7c22f66}.plan-sticker[data-plan=expert]{border-color:#22c55e73}.account-menu{z-index:50;transform-origin:100% 0;background:linear-gradient(#141820fa,#0b0f14fa);border:1px solid #ffffff24;border-radius:16px;width:240px;padding:10px;animation:.12s ease-out menu-lift-in;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 14px 28px #00000073,0 6px 14px #00000059,inset 0 1px #ffffff0f}@keyframes menu-lift-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.account-menu:before{content:"";background:#141820fa;border-top:1px solid #ffffff24;border-left:1px solid #ffffff24;width:10px;height:10px;position:absolute;top:-6px;right:18px;transform:rotate(45deg)}.account-menu-header{border-bottom:1px solid #ffffff14;padding:12px 12px 14px}.account-name{color:#e5e7eb;font-size:14px;font-weight:600}.account-plan{letter-spacing:.04em;color:#9ca3af;margin-top:2px;font-size:11px}.account-quota{color:#9ca3af;margin-left:6px;font-size:11px}.account-menu-divider{background:linear-gradient(90deg,#0000,#ffffff24,#0000);height:1px;margin:8px 0}.account-menu-item{color:#e5e7eb;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;margin-top:0;padding:10px 12px;font-size:14px;transition:background .12s,transform .12s;display:flex}.account-menu-item:hover{box-shadow:none;background:#ffffff14;transform:translateY(-1px)}.menu-icon{text-align:center;opacity:.9;width:18px}.account-menu-item.danger{color:#fca5a5}.account-menu-item.danger:hover{color:#fecaca;background:#f871712e}.account-menu-item.upgrade{color:#c7d2fe}.account-menu-item.upgrade:hover{color:#e0e7ff;background:#8ea2ff26}.account-menu-item.subtle{opacity:.7}.account-menu-note{opacity:.7;padding:8px 12px;font-size:12px}.account-menu-error{color:#b33;padding:6px 12px;font-size:12px}.cancel-confirm-panel{background:#ff3c3c0f;border-radius:6px;margin-top:6px;padding:10px 12px}.cancel-confirm-text{opacity:.75;margin-bottom:8px;font-size:12px}.cancel-confirm-actions{gap:8px;display:flex}
