.app-shell{min-height:100dvh}.shell-header{z-index:50;border-bottom:1px solid var(--stroke);-webkit-backdrop-filter:blur(20px)saturate(118%);backdrop-filter:blur(20px)saturate(118%);background:#050507d1;height:64px;position:sticky;top:0}.app-shell:has(.home--cinematic) .shell-header{box-shadow:inset 0 -1px color-mix(in srgb, var(--anwa-accent) 3.5%, transparent), 0 10px 36px #0000002e;-webkit-backdrop-filter:blur(22px)saturate(126%);backdrop-filter:blur(22px)saturate(126%);background:linear-gradient(90deg,#050507f0,#08070cd6 58%,#080a0fdb),#050507db;border-bottom-color:#ffffff16}.shell-header__inner{align-items:center;gap:clamp(20px,3vw,48px);width:min(100%,1480px);height:100%;margin:0 auto;padding:0 clamp(18px,3vw,42px);display:flex}.shell-brand{color:var(--text);flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.shell-brand span{letter-spacing:.14em;font-size:20px;font-weight:680}.shell-nav{align-items:center;gap:2px;display:flex}.shell-nav__link,.shell-nav__item{height:38px;color:var(--text-muted);transition:color var(--duration-quick) var(--ease-smooth-out);background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:620;text-decoration:none;display:inline-flex}.shell-nav__link>svg{color:#8f8998;width:17px;height:17px;transition:color var(--duration-quick) var(--ease-smooth-out), transform var(--duration-quick) var(--ease-smooth-out)}.shell-nav__link:hover>svg,.shell-nav__link[aria-current=page]>svg{color:var(--violet-bright);transform:translateY(-1px)}.shell-nav__link:hover,.shell-nav__item:hover,.shell-nav__link[aria-current=page]{color:var(--text)}.shell-nav__link[aria-current=page]{position:relative}.shell-nav__link[aria-current=page]:after{background:linear-gradient(90deg, var(--violet), var(--violet-bright));content:"";height:2px;position:absolute;bottom:2px;left:12px;right:12px}.shell-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.shell-search{border:1px solid var(--stroke);min-width:clamp(220px,24vw,360px);color:var(--text-muted);background:#0d0c12b3;justify-content:flex-start}.shell-search--leaving{opacity:0;pointer-events:none;border-width:0;width:0;min-width:0;max-width:0;padding-inline:0;animation:.42s cubic-bezier(.22,.8,.2,1) both shell-search-leave;overflow:hidden;transform:translate(12px)scale(.96)}.app-shell:has(.home--cinematic) .shell-search{transition:border-color .18s var(--ease-smooth-out), background .18s var(--ease-smooth-out), box-shadow .18s var(--ease-smooth-out), color .18s var(--ease-smooth-out)}:is(.app-shell:has(.home--cinematic) .shell-search:hover,.app-shell:has(.home--cinematic) .shell-search:focus-visible){border-color:color-mix(in srgb, var(--anwa-accent) 42%, transparent);color:#d8d2df;box-shadow:inset 0 -1px #68c9dc29, 0 0 0 1px color-mix(in srgb, var(--anwa-accent) 8%, transparent), 0 10px 30px color-mix(in srgb, var(--anwa-accent-strong) 16%, transparent);background:#110f19d6}.shell-search span{font-size:12px}.shell-search kbd{color:#8e849a;letter-spacing:.04em;margin-left:auto;font-size:10px}.shell-action,.shell-avatar{color:var(--text-muted)}.shell-avatar svg{color:var(--violet-bright)}.shell-avatar[data-state=open]{border-color:color-mix(in srgb, var(--anwa-accent) 22%, transparent);background:color-mix(in srgb, var(--anwa-accent) 12%, transparent);color:color-mix(in srgb, var(--anwa-accent) 28%, var(--text));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--anwa-accent) 3.5%, transparent), 0 8px 24px color-mix(in srgb, var(--anwa-accent-strong) 20%, transparent)}.account-menu{border:1px solid color-mix(in srgb, var(--anwa-accent) 16%, transparent);background:radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--anwa-accent-strong) 20%, transparent), transparent 38%), linear-gradient(145deg, #0e0c13f7, #08080cf5);width:min(300px,100vw - 24px);min-width:min(300px,100vw - 24px);box-shadow:0 30px 80px #00000094, 0 10px 30px color-mix(in srgb, var(--anwa-accent-strong) 16%, transparent), inset 0 1px #ffffff0b;color:var(--text);transform-origin:var(--radix-dropdown-menu-content-transform-origin);-webkit-backdrop-filter:blur(26px)saturate(126%);backdrop-filter:blur(26px)saturate(126%);will-change:transform, opacity;border-radius:16px;padding:8px;overflow:hidden}.account-menu[data-state=open]{animation:account-menu-in .22s var(--ease-smooth-out) both}.account-menu[data-state=closed]{animation:account-menu-out .14s var(--ease-smooth-out) both}.account-menu__identity{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:9px 8px 11px;display:grid}.account-menu__avatar{border:1px solid color-mix(in srgb, var(--anwa-accent) 22%, transparent);background:radial-gradient(circle at 28% 18%, color-mix(in srgb, var(--anwa-accent) 20%, white), transparent 35%), linear-gradient(145deg, color-mix(in srgb, var(--anwa-accent) 28%, transparent), color-mix(in srgb, var(--anwa-accent-strong) 20%, transparent));width:44px;height:44px;color:color-mix(in srgb, var(--anwa-accent) 66%, white);box-shadow:inset 0 1px #ffffff0f, 0 8px 22px color-mix(in srgb, var(--anwa-accent-strong) 22%, transparent);border-radius:13px;place-items:center;display:grid}.account-menu__identity-copy{min-width:0;display:block}.account-menu__name,.account-menu__handle{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-menu__name{color:#f2edf6;letter-spacing:-.015em;font-size:13px;font-weight:650}.account-menu__handle{color:#817a88;margin-top:3px;font-size:9px;font-weight:480}.account-menu__status{border:1px solid color-mix(in srgb, var(--anwa-accent) 16%, transparent);background:color-mix(in srgb, var(--anwa-accent) 10%, transparent);height:24px;color:color-mix(in srgb, var(--anwa-accent) 72%, white);border-radius:999px;align-items:center;gap:4px;padding:0 7px;font-size:8px;font-weight:600;display:inline-flex}.account-menu__status svg{color:#e1bf72}.account-menu__separator{background:#ffffff13;height:1px;margin:5px 4px}.account-menu__group{gap:2px;display:grid}.account-menu__item{color:#aaa3b0;cursor:pointer;min-height:42px;transition:background-color .18s var(--ease-smooth-out), color .18s var(--ease-smooth-out), transform .2s var(--ease-smooth-out);border-radius:10px;gap:10px;padding:0 8px;font-size:11px;font-weight:530;text-decoration:none}.account-menu__item[data-highlighted]{background:linear-gradient(90deg, color-mix(in srgb, var(--anwa-accent) 11%, transparent), #ffffff09);color:#eee7f4;transform:translate(2px)}.account-menu__item-icon{width:28px;height:28px;color:color-mix(in srgb, var(--anwa-accent) 24%, var(--text-muted));transition:border-color .18s var(--ease-smooth-out), background-color .18s var(--ease-smooth-out), color .18s var(--ease-smooth-out);background:#ffffff09;border:1px solid #ffffff0e;border-radius:8px;flex:none;place-items:center;display:grid}.account-menu__item[data-highlighted] .account-menu__item-icon{border-color:color-mix(in srgb, var(--anwa-accent) 14%, transparent);background:color-mix(in srgb, var(--anwa-accent) 10%, transparent);color:color-mix(in srgb, var(--anwa-accent) 76%, white)}.account-menu__item-arrow{color:#655e6c;opacity:0;transition:color .18s var(--ease-smooth-out), opacity .18s var(--ease-smooth-out), transform .2s var(--ease-smooth-out);margin-left:auto;transform:translate(-3px,3px)}.account-menu__item[data-highlighted] .account-menu__item-arrow{color:color-mix(in srgb, var(--anwa-accent) 25%, var(--text-muted));opacity:1;transform:translate(0)}.account-menu__logout{color:#d46e78}.account-menu__logout .account-menu__item-icon{color:#d56b77;background:#d3536211;border-color:#d353621a}.account-menu__logout[data-highlighted]{color:#f08a94;background:#d353621a}.account-menu__logout[data-highlighted] .account-menu__item-icon{color:#f08a94;background:#d353621f;border-color:#e066742e}@media (width<=1100px){.shell-header__inner{gap:18px}.shell-search{min-width:180px}}.shell-content{min-height:calc(100dvh - 64px)}.mobile-nav{display:none}@media (width<=820px){.shell-header{height:56px}.shell-header__inner{padding:0 14px}.shell-nav,.shell-action--desktop,.shell-search span,.shell-search kbd{display:none}.shell-search{border:0;justify-content:center;width:44px;min-width:44px;height:44px;padding:0}.shell-search--leaving{width:0;min-width:0;height:44px;animation-name:shell-search-leave-mobile}:is(.app-shell:has(.home--cinematic) .shell-search:hover,.app-shell:has(.home--cinematic) .shell-search:focus-visible){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--anwa-accent) 18%, transparent);background:#110f19b8}.shell-brand span{font-size:13px}.shell-content{min-height:calc(100dvh - 56px);padding-bottom:calc(84px + env(safe-area-inset-bottom))}.mobile-nav{z-index:55;right:10px;bottom:max(10px, env(safe-area-inset-bottom));min-height:64px;animation:mobile-nav-rise .44s var(--ease-smooth-out) both;border-radius:16px;grid-template-columns:1fr 1fr 58px 1fr 1fr;align-items:center;padding:6px;display:grid;position:fixed;left:10px}.mobile-nav__link,.mobile-nav__item{isolation:isolate;color:#81798d;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:0;min-height:48px;transition:color .18s var(--ease-smooth-out), filter .18s var(--ease-smooth-out), transform .14s cubic-bezier(.2, .9, .32, 1.35);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 2px;font-size:9px;text-decoration:none;display:flex;position:relative}.mobile-nav__link:before,.mobile-nav__item:before{z-index:-1;opacity:0;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--anwa-accent) 20%, transparent), transparent 72%);content:"";transition:opacity .18s var(--ease-smooth-out);border-radius:12px;position:absolute;inset:5px 10px}.mobile-nav__link svg,.mobile-nav__item svg{width:20px;height:20px;transition:filter .18s var(--ease-smooth-out), transform .18s cubic-bezier(.2, .9, .32, 1.35)}.mobile-nav__link[aria-current=page]{color:var(--violet-bright)}.mobile-nav__link[aria-current=page]:before{opacity:1}.mobile-nav__link[aria-current=page] svg{filter:drop-shadow(0 4px 10px color-mix(in srgb, var(--anwa-accent) 42%, transparent));transform:translateY(-2px)}.mobile-nav__search{border:1px solid color-mix(in srgb, var(--anwa-accent) 38%, transparent);background:linear-gradient(145deg, var(--anwa-accent), var(--anwa-accent-strong));color:#fff;width:52px;height:52px;box-shadow:0 12px 32px color-mix(in srgb, var(--anwa-accent-strong) 42%, transparent);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .16s var(--ease-smooth-out), box-shadow .18s var(--ease-smooth-out), filter .16s var(--ease-smooth-out), transform .14s cubic-bezier(.2, .9, .32, 1.35);border-radius:14px;margin-top:-20px}}@media (width<=820px) and (hover:none) and (pointer:coarse){.shell-search,.shell-avatar,.mobile-nav__link,.mobile-nav__item,.mobile-nav__search{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-nav__link:active,.mobile-nav__item:active{filter:brightness(1.18);transform:translateY(2px)scale(.91)}.mobile-nav__link:active:before,.mobile-nav__item:active:before{opacity:1}.mobile-nav__link:active svg,.mobile-nav__item:active svg{transform:translateY(1px)scale(.9)}.mobile-nav__search:active{border-color:color-mix(in srgb, var(--anwa-accent) 62%, white);filter:brightness(1.1)saturate(1.08);box-shadow:0 7px 20px color-mix(in srgb, var(--anwa-accent-strong) 34%, transparent);transform:translateY(3px)scale(.9)}.shell-search:active,.shell-avatar:active{transform:scale(.9)}}@keyframes mobile-nav-rise{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shell-search-leave{0%{opacity:1;border-width:1px;width:clamp(220px,24vw,360px);min-width:clamp(220px,24vw,360px);max-width:360px;padding-inline:10px;transform:translate(0)scale(1)}to{opacity:0;border-width:0;width:0;min-width:0;max-width:0;padding-inline:0;transform:translate(12px)scale(.96)}}@keyframes shell-search-leave-mobile{0%{opacity:1;width:44px;min-width:44px;max-width:44px;transform:translate(0)scale(1)}to{opacity:0;width:0;min-width:0;max-width:0;transform:translate(8px)scale(.9)}}@keyframes account-menu-in{0%{opacity:0;transform:translateY(-5px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes account-menu-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-3px)scale(.99)}}@media (prefers-reduced-motion:reduce){.mobile-nav,.mobile-nav__link,.mobile-nav__item,.mobile-nav__search,.mobile-nav__link svg,.mobile-nav__item svg{transition:none!important;animation:none!important}.shell-search--leaving{animation:none!important}.account-menu,.account-menu__item,.account-menu__item-icon,.account-menu__item-arrow{transition:none!important;animation:none!important}}
