:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;--app-max: 980px;--pad: 16px;--card-radius: 18px;--bgA: 245 248 255;--bgB: 255 255 255;--accent: 37 99 235;--accent2: 16 185 129;--text: 15 23 42;--muted: 71 85 105;--border: 15 23 42;--surface: 255 255 255;--surface2: 255 255 255;--shadow: 2 6 23}:root{--doodle: radial-gradient(circle at 40px 40px, rgb(var(--accent) / .1) 0 4px, transparent 5px), radial-gradient(circle at 160px 120px, rgb(var(--accent2) / .1) 0 5px, transparent 6px), radial-gradient(circle at 210px 60px, rgb(var(--accent) / .08) 0 3px, transparent 4px);--doodleSize: 240px 240px}html[data-year="1"],html[data-uk-year="1"]{--doodle: radial-gradient(40px 30px at 40px 60px, rgb(var(--accent) / .1) 0 60%, transparent 61%), radial-gradient(48px 36px at 88px 64px, rgb(var(--accent2) / .09) 0 60%, transparent 61%), radial-gradient(54px 40px at 140px 60px, rgb(var(--accent) / .08) 0 60%, transparent 61%), radial-gradient(circle at 60px 170px, rgb(var(--accent2) / .1) 0 4px, transparent 5px), radial-gradient(circle at 170px 190px, rgb(var(--accent) / .1) 0 3px, transparent 4px);--doodleSize: 280px 280px}html[data-year="2"],html[data-uk-year="2"]{--doodle: radial-gradient(circle at 40px 40px, rgb(var(--accent) / .1) 0 10px, transparent 11px), radial-gradient(circle at 120px 80px, rgb(var(--accent2) / .1) 0 7px, transparent 8px), radial-gradient(circle at 200px 60px, rgb(var(--accent) / .08) 0 9px, transparent 10px), radial-gradient(circle at 70px 170px, rgb(var(--accent2) / .08) 0 8px, transparent 9px);--doodleSize: 260px 260px}html[data-year="3"],html[data-uk-year="3"]{--doodle: radial-gradient(circle at 40px 40px, rgb(var(--accent) / .12) 0 2px, transparent 3px), radial-gradient(circle at 120px 80px, rgb(var(--accent2) / .12) 0 2px, transparent 3px), radial-gradient(circle at 210px 50px, rgb(var(--accent) / .12) 0 2px, transparent 3px), radial-gradient(circle at 70px 180px, rgb(var(--accent2) / .12) 0 2px, transparent 3px), radial-gradient(circle at 180px 200px, rgb(var(--accent) / .12) 0 2px, transparent 3px);--doodleSize: 220px 220px}html[data-year="4"],html[data-uk-year="4"]{--doodle: radial-gradient(circle at 30px 40px, rgb(var(--accent) / .1) 0 4px, transparent 5px), radial-gradient(circle at 90px 120px, rgb(var(--accent2) / .1) 0 4px, transparent 5px), radial-gradient(circle at 170px 70px, rgb(var(--accent) / .1) 0 4px, transparent 5px), radial-gradient(circle at 210px 170px, rgb(var(--accent2) / .1) 0 4px, transparent 5px);--doodleSize: 220px 220px}html[data-year="5"],html[data-uk-year="5"],html[data-year="6"],html[data-uk-year="6"]{--doodle: linear-gradient(rgb(255 255 255 / .035) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / .035) 1px, transparent 1px), radial-gradient(circle at 18px 18px, rgb(255 255 255 / .05) 0 2px, transparent 3px);--doodleSize: 56px 56px}body{margin:0;color:rgb(var(--text));background-color:rgb(var(--bgB));background-image:var(--doodle),radial-gradient(1200px 700px at 15% 0%,rgb(var(--bgA) / .95),rgb(var(--bgB) / .55) 45%,rgb(var(--bgB) / 1)),radial-gradient(1200px 900px at 85% 20%,rgb(var(--accent) / .1) 0%,transparent 55%),linear-gradient(180deg,rgb(var(--bgA) / .55),rgb(var(--bgB) / 1));background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:var(--doodleSize),auto,auto,auto;transition:background .5s ease,color .3s ease}html[data-year="1"],html[data-uk-year="1"]{--bgA: 244 251 255;--bgB: 255 255 255;--accent: 2 132 199;--accent2: 59 130 246}html[data-year="2"],html[data-uk-year="2"]{--bgA: 243 255 251;--bgB: 255 255 255;--accent: 13 148 136;--accent2: 2 132 199}html[data-year="3"],html[data-uk-year="3"]{--bgA: 246 246 255;--bgB: 255 255 255;--accent: 79 70 229;--accent2: 2 132 199}html[data-year="4"],html[data-uk-year="4"]{--bgA: 248 246 255;--bgB: 255 255 255;--accent: 124 58 237;--accent2: 79 70 229}html[data-year="5"],html[data-uk-year="5"],html[data-year="6"],html[data-uk-year="6"]{color-scheme:dark;--bgA: 5 10 22;--bgB: 10 13 30;--text: 241 245 249;--muted: 148 163 184;--border: 255 255 255;--surface: 15 23 42;--surface2: 30 41 59;--shadow: 0 0 0}html[data-year="5"],html[data-uk-year="5"]{--accent: 56 189 248;--accent2: 34 197 94}html[data-year="6"],html[data-uk-year="6"]{--accent: 34 197 94;--accent2: 56 189 248}*{box-sizing:border-box}img{max-width:100%;height:auto}html,body{height:100%}body{margin:0;color:rgb(var(--text));background:radial-gradient(1200px 700px at 15% 0%,rgb(var(--bgA) / .95),rgb(var(--bgB) / .55) 45%,rgb(var(--bgB) / 1)),radial-gradient(1200px 900px at 85% 20%,rgb(var(--accent) / .1) 0%,transparent 55%),linear-gradient(180deg,rgb(var(--bgA) / .55),rgb(var(--bgB) / 1));transition:background .5s ease,color .3s ease}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}button{font:inherit;color:inherit;background:none;border:none;padding:0}.modeSwitch{display:flex;gap:10px;padding:6px;border-radius:16px;border:1px solid rgb(var(--border) / .12);background:rgb(var(--surface) / .55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modeBtn{min-height:44px;padding:10px 14px;border-radius:14px;border:1px solid rgb(var(--border) / .14);background:rgb(var(--surface2) / .78);color:rgb(var(--text));font-weight:850;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .12s ease,box-shadow .25s ease,color .25s ease}.modeBtn:hover{border-color:rgb(var(--accent) / .35)}.modeBtn:active{transform:translateY(1px)}.modeBtn:disabled{opacity:.55;cursor:not-allowed}.modeBtn.isActive{border-color:rgb(var(--accent) / .4);background:linear-gradient(180deg,rgb(var(--accent) / .98),rgb(var(--accent2) / .85));color:#fff;box-shadow:0 14px 30px rgb(var(--accent) / .18)}[aria-label=Mode]{display:flex!important;gap:10px!important;padding:6px!important;border-radius:16px!important;border:1px solid rgb(var(--border) / .14)!important;background:rgb(var(--surface) / .55)!important;backdrop-filter:blur(10px) saturate(140%)!important;-webkit-backdrop-filter:blur(10px) saturate(140%)!important}[aria-label=Mode]>button[aria-pressed]{min-height:44px!important;padding:10px 14px!important;border-radius:14px!important;border:1px solid rgb(var(--border) / .16)!important;background:rgb(var(--surface2) / .78)!important;color:rgb(var(--text))!important;font-weight:900!important;cursor:pointer!important;opacity:1!important;filter:none!important;transition:background var(--anim) ease,border-color var(--anim) ease,transform .12s ease,box-shadow var(--anim) ease,color var(--anim) ease!important}@media(hover:hover){[aria-label=Mode]>button[aria-pressed]:not(:disabled):hover{border-color:rgb(var(--accent) / .4)!important;transform:translateY(-1px)!important;box-shadow:0 18px 55px #0000002e!important}}[aria-label=Mode]>button[aria-pressed]:active{transform:translateY(1px)!important}[aria-label=Mode]>button[aria-pressed=true]{background:linear-gradient(180deg,rgb(var(--accent) / .98),rgb(var(--accent2) / .85))!important;border-color:rgb(var(--accent) / .42)!important;color:rgb(var(--accentText))!important;box-shadow:0 14px 30px rgb(var(--accent) / .18)!important;opacity:1!important}[aria-label=Mode]>button[aria-pressed=true]:disabled{opacity:1!important;cursor:default!important}[aria-label=Mode]>button[aria-pressed]:focus-visible{outline:3px solid rgb(var(--accent) / .28)!important;outline-offset:2px!important}.container{width:min(var(--app-max),100%);margin:22px auto;padding:0 var(--pad)}.header,.appHeader{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:14px;border:1px solid rgb(var(--border) / .12);border-radius:18px;background:rgb(var(--surface) / .7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 14px;box-shadow:0 12px 30px rgb(var(--shadow) / .1);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}h1{margin:0;font-size:22px}.muted{color:rgb(var(--muted));font-size:13px}.card{background:rgb(var(--surface) / .78);border:1px solid rgb(var(--border) / .12);border-radius:var(--card-radius);padding:16px;box-shadow:0 18px 45px rgb(var(--shadow) / .1);margin-bottom:14px;max-width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}.grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;align-items:start}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.grid{grid-template-columns:1fr}}.label{display:block;font-size:13px;color:rgb(var(--text) / .88);margin-bottom:6px}.input,select,input[type=text],input[type=number]{width:100%;padding:10px 12px;border:1px solid rgb(var(--border) / .14);border-radius:14px;outline:none;background:rgb(var(--surface2) / .72);color:rgb(var(--text));max-width:100%;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.input:focus,select:focus,input[type=text]:focus,input[type=number]:focus{border-color:rgb(var(--accent) / .55);box-shadow:0 0 0 4px rgb(var(--accent) / .16)}.pill{padding:8px 10px;border:1px solid rgb(var(--border) / .12);border-radius:999px;background:rgb(var(--surface2) / .7);font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .3s ease,border-color .3s ease}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;min-height:44px;border-radius:14px;border:1px solid rgb(var(--accent) / .4);background:linear-gradient(180deg,rgb(var(--accent) / .98),rgb(var(--accent2) / .85));color:#fff;font-weight:850;cursor:pointer;box-shadow:0 14px 30px rgb(var(--accent) / .18);transition:transform .12s ease,filter .2s ease,box-shadow .35s ease,border-color .35s ease}.button:hover{filter:brightness(1.02)}.button:active{transform:translateY(1px)}.button:focus-visible{outline:3px solid rgb(var(--accent) / .35);outline-offset:3px}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.button.secondary{background:rgb(var(--surface2) / .78);color:rgb(var(--text));border:1px solid rgb(var(--border) / .14);box-shadow:none}.ok{color:#16a34a;font-weight:800}.bad{color:#dc2626;font-weight:800}.link{display:inline-block;padding:10px 12px;border:1px solid rgb(var(--border) / .14);border-radius:14px;background:rgb(var(--surface2) / .78);color:rgb(var(--text));text-decoration:none}.link:hover{border-color:rgb(var(--accent) / .35)}.brand{display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;min-width:0}.brand:focus-visible{outline:3px solid rgb(var(--accent) / .35);outline-offset:6px;border-radius:12px}.brandLogo{height:40px;width:auto;display:block;flex:0 0 auto}.brandTitle{font-weight:900;font-size:16px;line-height:1.1}.appHeaderRight{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topLinks{display:flex;align-items:center;gap:10px;font-size:13px}.topLink{color:rgb(var(--text) / .75);text-decoration:none;padding:6px 8px;border-radius:10px;transition:background .2s ease,color .2s ease}.topLink:hover{color:rgb(var(--text));background:rgb(var(--border) / .06)}.topSep{opacity:.55;font-size:12px}.subtleFooter{display:flex;gap:10px;align-items:center;justify-content:center;padding:6px 0 2px;color:rgb(var(--muted));font-size:13px}.subtleLink{cursor:pointer;color:rgb(var(--text) / .72);text-decoration:underline;text-underline-offset:3px;border-radius:10px;padding:4px 6px}.subtleLink:hover{color:rgb(var(--text));background:rgb(var(--border) / .06)}.subtleLink:focus-visible{outline:3px solid rgb(var(--accent) / .35);outline-offset:4px}.siteGrid{display:grid;grid-template-columns:300px minmax(0,var(--app-max)) 300px;gap:16px;justify-content:center;align-items:start;padding:0 12px}.siteMain{min-width:0}.adRail{position:relative;align-self:start;display:flex;justify-content:center}.adBox{width:300px;min-height:600px}.adFrame{width:300px;min-height:600px;border:1px dashed rgb(var(--border) / .22);border-radius:14px;background:radial-gradient(800px 380px at 30% 10%,rgb(var(--accent) / .1),transparent 60%),radial-gradient(800px 380px at 70% 30%,rgb(var(--accent2) / .08),transparent 60%),rgb(var(--surface) / .55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:stretch;justify-content:stretch;position:relative}.adDebug{position:absolute;left:10px;right:10px;bottom:8px;font-size:11px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(var(--text) / .65)}@media(max-width:1200px){.siteGrid{grid-template-columns:1fr;padding:0}.adRail{display:none}}.mobileAds{display:none;gap:12px;margin:12px 0}.mobileAdTop,.mobileAdMid{width:100%;min-height:90px;display:block}@media(max-width:1200px){.mobileAds{display:flex;flex-direction:column}}.siteGrid.isFocusRunning .adRail,.siteGrid.isFocusRunning .mobileAds{display:none!important}html:fullscreen .adRail,html:fullscreen .mobileAds,:fullscreen .adRail,:fullscreen .mobileAds,html:-webkit-full-screen .adRail,html:-webkit-full-screen .mobileAds,:-webkit-full-screen .adRail,:-webkit-full-screen .mobileAds{display:none!important}.siteFooter{margin-top:18px;padding:12px 0 6px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:13px;color:rgb(var(--muted))}.footerSep{opacity:.55}#root,.siteGrid{position:relative;z-index:1}.bubbleBg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bubble{position:absolute;left:var(--x);width:var(--size);height:var(--size);border-radius:999px;background:radial-gradient(circle at 28% 28%,#fffffff2,#ffffff8c 10%,#ffffff2e 22%,hsla(var(--hue),95%,65%,calc(var(--alpha) * .95)) 55%,hsla(var(--hue),95%,55%,calc(var(--alpha) * .55)) 75%,#0000001a);box-shadow:inset -18px -22px 40px #ffffff38,inset 16px 18px 36px #00000024,0 20px 70px #0000002e;opacity:1;filter:blur(var(--blur)) saturate(1.1);will-change:transform;transform:translate3d(0,110vh,0);animation:bubbleRise var(--dur) linear var(--delay) infinite,bubbleWobble 6s ease-in-out calc(var(--delay) * .35) infinite}@keyframes bubbleRise{0%{transform:translate3d(0,110vh,0)}to{transform:translate3d(var(--drift),-25vh,0)}}@keyframes bubbleWobble{0%,to{border-radius:52% 48% 51% 49%/48% 52% 49% 51%}50%{border-radius:48% 52% 49% 51%/52% 48% 51% 49%}}@media(prefers-reduced-motion:reduce){.bubble{animation:none;transform:translate3d(0,20vh,0);opacity:.08}}@media(max-width:560px){.bubbleBg .bubble:nth-child(n+11){display:none}}.topLinks,.subtleFooter,.siteFooter{flex-wrap:wrap;row-gap:8px}@media(max-width:720px){.appHeaderRight{width:100%}.topLinks{flex:1 1 100%}}@media(max-width:560px){.topLinks,.subtleFooter,.siteFooter{justify-content:center;gap:8px;text-align:center}.topSep,.footerSep,.dot{display:none!important}.topLink,.subtleLink{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:8px 10px;border-radius:999px;border:1px solid rgb(var(--border) / .12);background:rgb(var(--surface2) / .7)}.topLink,.subtleLink{text-decoration:none}}@media(max-width:360px){.topLink,.subtleLink{padding:7px 9px;font-size:12px}}html,body,#root{width:100%;max-width:100%;overflow-x:clip}@supports not (overflow-x: clip){html,body,#root{overflow-x:hidden}}.siteGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--app-max)) minmax(0,1fr);gap:18px;padding:28px 18px 64px;align-items:start}.siteMain{grid-column:2;width:100%;min-width:0;justify-self:center}.siteMain>.container{width:100%;max-width:var(--app-max);margin-left:auto;margin-right:auto}@media(max-width:1200px){.siteGrid{grid-template-columns:1fr;padding:18px 12px 48px;gap:14px}.siteMain{grid-column:1;justify-self:stretch}.siteMain>.container{max-width:100%;margin:0 auto}.leftRail,.rightRail{display:none!important}}@media(max-width:560px){.siteGrid{padding:12px 10px 40px;gap:12px}}.container{position:relative;z-index:1}.bubblyBg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bb{position:absolute;transform:translateZ(0);animation:bbDrift var(--durX) ease-in-out infinite;animation-delay:var(--delay)}.bbInner{display:block;width:100%;height:100%;border-radius:999px;background:radial-gradient(circle at 28% 24%,#fffffff2,#ffffff59 30%,#fff0 62%),radial-gradient(circle at 60% 70%,hsla(var(--h),95%,78%,var(--a)),hsla(var(--h),95%,78%,0) 70%),radial-gradient(circle at 48% 55%,#ffffff24,#fff0 60%);opacity:.95;transform:translateZ(0);animation:bbRise var(--durY) linear infinite;animation-delay:var(--delay)}.bubblyBg--static .bb,.bubblyBg--static .bbInner{animation:none!important}.bubblyBg--paused .bb,.bubblyBg--paused .bbInner{animation-play-state:paused!important}@keyframes bbDrift{0%{transform:translateZ(0)}50%{transform:translate3d(var(--dx),0,0)}to{transform:translateZ(0)}}@keyframes bbRise{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,var(--dy),0) scale(1.02)}to{transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:reduce){.bb,.bbInner{animation:none!important}}.themeToggle{display:inline-flex;align-items:center;gap:10px;min-height:var(--tapMin);padding:10px 12px;border-radius:999px;border:1px solid rgb(var(--border) / .14);background:rgb(var(--surface2) / .7);color:rgb(var(--text));font-weight:900;cursor:pointer;box-shadow:0 12px 35px rgb(var(--shadow) / .1);transition:transform var(--anim) ease,box-shadow var(--anim) ease,background-color var(--anim) ease,border-color var(--anim) ease,color var(--anim) ease}@media(hover:hover){.themeToggle:hover{transform:translateY(-1px);box-shadow:0 18px 55px rgb(var(--shadow) / .16);border-color:rgb(var(--accent) / .35)}}.themeIcon{font-size:16px;line-height:1}.themeLabel{font-weight:900;letter-spacing:.1px}.themeTrack{position:relative;width:40px;height:22px;border-radius:999px;border:1px solid rgb(var(--border) / .16);background:rgb(var(--surface) / .6)}.themeThumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:rgb(var(--text) / .88);transform:translate(0);transition:transform var(--anim) ease,background-color var(--anim) ease}.themeToggle.isOn .themeTrack{background:rgb(var(--accent) / .35);border-color:rgb(var(--accent) / .45)}.themeToggle.isOn .themeThumb{transform:translate(18px);background:rgb(var(--accentText) / .95)}@media(max-width:520px){.themeToggle{padding:10px;gap:8px}.themeLabel{display:none}}html[data-theme=light]{color-scheme:light;--bgA: 245 248 255;--bgB: 255 255 255;--text: 11 18 32;--muted: 72 79 99;--border: 0 0 0;--surface: 255 255 255;--surface2: 246 248 252;--shadow: 12 16 28}html[data-theme=dark]{color-scheme:dark;--bgA: 8 12 20;--bgB: 12 18 30;--text: 238 242 255;--muted: 171 179 202;--border: 255 255 255;--surface: 18 24 38;--surface2: 14 20 34;--shadow: 0 0 0}:root{--anim: .25s;--tapMin: 44px;--accentText: 255 255 255}.appHeaderRight{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.authCluster{display:inline-flex;align-items:center;gap:10px}.authPill{display:inline-flex;align-items:center;padding:8px 12px;min-height:var(--tapMin);border-radius:999px;font-weight:900;font-size:12px;border:1px solid rgb(var(--border) / .12);background:rgb(var(--surface2) / .7);box-shadow:0 10px 28px rgb(var(--shadow) / .1)}.userChip{display:inline-flex;align-items:center;gap:10px;padding:7px 10px;min-height:var(--tapMin);border-radius:999px;border:1px solid rgb(var(--border) / .12);background:rgb(var(--surface2) / .7);box-shadow:0 10px 28px rgb(var(--shadow) / .1);max-width:340px}.userMeta{display:flex;flex-direction:column;line-height:1.05;min-width:0}.userName{font-weight:950;font-size:13px;color:rgb(var(--text));white-space:nowrap}.userSub{font-size:12px;color:rgb(var(--muted));max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.authSignInBtn,.authSignOutBtn{border-radius:999px;min-height:var(--tapMin);padding:10px 12px}@media(hover:hover){.userChip:hover{border-color:rgb(var(--accent) / .28);box-shadow:0 18px 55px rgb(var(--shadow) / .14);transform:translateY(-1px);transition:transform var(--anim) ease,box-shadow var(--anim) ease,border-color var(--anim) ease}}@media(max-width:720px){.appHeaderRight{width:100%;justify-content:flex-start}.userChip{max-width:100%}.userSub{max-width:180px}}@media(max-width:520px){.userSub{display:none}}.appHeaderRight{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.userMenu{position:relative;margin-left:6px}.userMenuSummary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:var(--tapMin, 44px);padding:10px 12px;border-radius:999px;border:1px solid rgb(var(--border) / .12);background:rgb(var(--surface2) / .7);box-shadow:0 10px 28px rgb(var(--shadow) / .1);font-weight:950;color:rgb(var(--text))}.userMenuSummary::-webkit-details-marker{display:none}.userMenu>summary{list-style:none}.userMenuCaret{opacity:.65;font-size:12px}.userNameInline{font-weight:950;font-size:13px;white-space:nowrap}.userAvatar{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:.5px;border:1px solid rgb(var(--border) / .14);background:rgb(var(--surface) / .55)}.userMenuCard{position:absolute;right:0;top:calc(100% + 10px);width:min(380px,calc(100vw - 24px));z-index:9999;padding:14px;border-radius:16px;border:1px solid rgb(var(--border) / .12);background:rgb(var(--surface) / .92);box-shadow:0 22px 70px rgb(var(--shadow) / .18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.userMenuTitle{font-weight:950;font-size:14px;margin-bottom:10px}.userMenuGrid{display:grid;gap:10px}.userKV{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:14px;border:1px solid rgb(var(--border) / .1);background:rgb(var(--surface2) / .7)}.userK{font-size:12px;color:rgb(var(--muted));font-weight:850}.userV{font-size:13px;font-weight:900;color:rgb(var(--text));overflow:hidden;text-overflow:ellipsis}.userV.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:800;font-size:12px;opacity:.9}.userMenuActions{margin-top:12px;display:flex;justify-content:flex-end}.userMenuBtn{border-radius:999px;min-height:var(--tapMin, 44px);padding:10px 12px}@media(max-width:520px){.userNameInline{display:none}}.appHeader,.header{position:relative;z-index:5000;overflow:visible}.userMenuCard{z-index:99999!important}.siteMain,.container,.siteGrid{overflow:visible}.appHeaderRight{width:100%;flex:1 1 100%}.modeRow{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:nowrap}.modeRow [aria-label=Mode]{flex:1 1 auto;min-width:0}.modeRow .userMenu,.modeRow .userMenuBtn{flex:0 0 auto;margin-left:auto}@media(max-width:560px){.modeRow{flex-wrap:wrap}.modeRow [aria-label=Mode]{flex:1 1 100%}.modeRow .userMenu,.modeRow .userMenuBtn{width:100%;justify-content:center;margin-left:0}}.siteGrid.isFocusRunning .appHeader,.siteGrid.isFocusRunning .header{z-index:0!important;pointer-events:none!important;opacity:0!important}