.user-icon-wrap{position:fixed;top:calc(env(safe-area-inset-top,0px) + var(--user-icon-inset));right:calc(env(safe-area-inset-right,0px) + var(--user-icon-inset));z-index:999;transition:opacity var(--transition-slow,300ms ease)}.user-icon-wrap.user-icon-hidden{opacity:0;pointer-events:none}.user-icon-wrap.is-open{opacity:1;pointer-events:auto}#user-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--logo-size,30px);height:var(--logo-size,30px);margin:0;padding:0;border:0;border-radius:var(--radius-control,10px);background:0 0;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none}#user-icon>img{width:100%;height:100%;border-radius:var(--radius-control,10px);object-fit:cover;pointer-events:none}#user-icon.tier-free{box-shadow:0 0 0 var(--ring-width-inner,2px)var(--tier-free-ring,#a5acb5),var(--halo-contrast,0 0 0 3.5px #000)}#user-icon.tier-starter{box-shadow:0 0 0 var(--ring-width-inner,2px)var(--tier-starter-ring,#79e36f),var(--halo-contrast,0 0 0 3.5px #000)}#user-icon.tier-pro{box-shadow:0 0 0 var(--ring-width-inner,2px)var(--tier-pro-ring,#56bdff),var(--halo-contrast,0 0 0 3.5px #000)}#user-icon.tier-ultra{box-shadow:0 0 0 var(--ring-width-inner,2px)var(--tier-ultra-ring,#c77dff),var(--halo-contrast,0 0 0 3.5px #000)}#user-icon .role-badge{position:absolute;right:calc(-1 * var(--space-4,4px));bottom:calc(-1 * var(--space-4,4px));width:var(--role-badge-size,14px);height:var(--role-badge-size,14px);border-radius:50%;background:var(--card-bg,#101216);box-shadow:0 0 0 var(--ring-width-inner,2px)var(--fg,#f6f3eb),var(--halo-contrast,0 0 0 3.5px #000);pointer-events:none}#user-menu{position:absolute;top:calc(100% + var(--gap-inline,8px));right:0;min-width:var(--user-menu-min-width,168px);margin:0;padding:var(--space-4,4px);border:var(--border-subtle,1px solid #2a2e36);border-radius:var(--radius-icon,8px);background:var(--card-bg,#101216);box-shadow:var(--shadow-card,0 16px 40px rgba(0,0,0,.6));display:flex;flex-direction:column;gap:1px}#user-menu[hidden]{display:none!important}#user-menu a{display:block;padding:var(--gap-tight,6px)var(--gap-actions,10px);border-radius:var(--radius-subtle,5px);color:var(--user-menu-muted,var(--muted,#a4a6ad));font-size:var(--font-size-label,13px);font-weight:var(--weight-label,600);line-height:var(--line-height-snug,1.45);text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:var(--transition-fast,150ms ease)}#user-menu a:hover,#user-menu a:focus-visible{color:var(--user-menu-fg,var(--fg,#f6f3eb));background:var(--user-menu-hover,var(--hover-bg,rgba(255,255,255,6%)));outline:none}#user-menu a[data-nav=catalog]{color:var(--user-menu-fg,var(--fg,#f6f3eb));font-weight:var(--weight-bold,700);background:var(--hover-bg,rgba(255,255,255,6%))}#user-menu a[data-nav=catalog]:hover,#user-menu a[data-nav=catalog]:focus-visible{background:color-mix(in srgb,var(--fg,#f6f3eb) 16%,transparent)}body.role-admin #user-icon::after,body.role-editor #user-icon::after{content:"";position:absolute;left:var(--space-2);right:var(--space-2);bottom:-6px;height:var(--border-width-focus);border-radius:var(--space-2)}body.role-admin #user-icon::after{background:var(--role-admin-accent)}body.role-editor #user-icon::after{background:var(--role-editor-accent)}body.role-admin::before,body.role-editor::before{content:"";position:fixed;top:0;left:0;right:0;height:var(--border-width-focus);z-index:1001;pointer-events:none}body.role-admin::before{background:var(--role-admin-accent)}body.role-editor::before{background:var(--role-editor-accent)}#subscription-banner{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)var(--space-14);padding:var(--space-10)44px var(--space-10)var(--space-16);font-size:var(--font-size-label);line-height:var(--line-height-snug);color:var(--fg)}.subscription-banner-grace{background:rgba(146,100,0,.95)}.subscription-banner-lapsed{background:rgba(140,30,30,.95)}#subscription-banner .subscription-banner-action{color:var(--fg);font-weight:var(--weight-link);text-decoration:underline;white-space:nowrap;border:0;padding:0;background:0 0;cursor:pointer}#subscription-banner .subscription-banner-disclosure{flex-basis:100%;font-size:var(--font-size-micro);opacity:var(--opacity-muted)}#subscription-banner .subscription-banner-disclosure a{color:inherit}#subscription-banner .subscription-banner-dismiss{position:absolute;top:var(--space-xs);right:var(--space-10);padding:var(--space-2)var(--space-sm);font-size:var(--font-size-btn);color:var(--fg);background:0 0;border:none;cursor:pointer}:root{--site-content-max:1240px;--site-content-gutter:var(--space-32);--site-topbar-min-height:var(--control-height);--site-topbar-pad-y:var(--space-sm);--site-topbar-z:900;--site-topbar-accent:var(--pro, #56bdff);--site-topbar-fg:var(--fg);--site-topbar-muted:var(--muted);--site-topbar-line:var(--border-subtle);--site-topbar-bg:var(--bg);--site-topbar-catalog-bg:var(--fg);--site-topbar-catalog-fg:var(--bg)}.site-topbar{position:fixed;top:0;left:0;right:0;z-index:var(--site-topbar-z);padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:var(--site-topbar-bg);border-bottom:var(--border-subtle);overflow:visible}.site-topbar-inner{box-sizing:border-box;width:100%;max-width:var(--site-content-max);margin:0 auto;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--space-sm)var(--space-12);min-height:var(--site-topbar-min-height);padding:var(--site-topbar-pad-y)var(--site-topbar-user-icon-clearance)var(--site-topbar-pad-y)max(12px,env(safe-area-inset-left,0px))}.site-topbar-brand{flex:none;color:var(--site-topbar-fg);font-size:var(--font-size-btn);font-weight:var(--weight-title);letter-spacing:var(--tracking-title);text-decoration:none}.site-topbar-brand:hover{color:var(--site-topbar-accent)}.site-topbar-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--space-xs);min-width:0;flex:auto}.site-topbar-nav a{flex:none;border:var(--border-width)solid transparent;border-radius:var(--radius-badge);padding:var(--space-sm)var(--space-12);color:var(--site-topbar-muted);font-size:var(--font-size-label);font-weight:var(--weight-link);text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;order:0}.site-topbar-nav a[data-nav=catalog]{background:var(--site-topbar-catalog-bg);color:var(--site-topbar-catalog-fg);border-color:var(--site-topbar-catalog-bg);font-weight:var(--weight-title)}.site-topbar-nav a[data-nav=catalog]:hover{filter:var(--filter-dim);color:var(--site-topbar-catalog-fg);border-color:var(--site-topbar-catalog-bg)}.site-topbar-nav a:hover{color:var(--site-topbar-fg);border-color:var(--line)}.site-topbar-nav a:focus-visible,.site-topbar-brand:focus-visible{outline:var(--border-width-focus)solid var(--site-topbar-accent);outline-offset:var(--border-width-focus)}@media(max-width:720px),(orientation:portrait){.site-topbar-brand{display:none}.site-topbar-nav{justify-content:flex-start}.site-topbar-nav a[data-nav=catalog]{padding:9px var(--space-14);font-size:var(--font-size-body)}}