body.x-design .shell-nav{background:linear-gradient(160deg, color-mix(in srgb, var(--x-primary) 5%, var(--x-surface)), var(--x-surface) 55%);padding:28px 18px;display:block}.nav-dock{display:none}.nav-rail-heading{color:var(--x-on-surface);font-family:var(--x-font-display), sans-serif;letter-spacing:-.025em;align-items:center;gap:10px;margin:0 8px 32px;font-size:14px;font-weight:700;display:flex}.nav-rail-heading small{color:var(--x-muted);font:11px / 1.5 var(--x-font-display), sans-serif;letter-spacing:0;margin-top:3px;display:block}.nav-rail-symbol{font-size:28px}.nav-section+.nav-section{margin-top:26px}body.x-design .nav-section-title{color:var(--x-muted);font:600 10px / 1.4 var(--x-font-display), sans-serif;text-transform:uppercase;letter-spacing:.13em;margin:0 12px 10px}.nav-section-links{gap:4px;display:grid}body.x-design .shell-nav a.nav-tool{border-radius:calc(var(--x-radius-control) + 6px);min-height:52px;color:var(--x-on-surface);font:600 14px / 1.3 var(--x-font-display), sans-serif;border:1px solid #0000;flex-direction:row;gap:12px;padding:8px 12px;text-decoration:none;display:flex}.nav-tool-icon{flex:0 0 30px;place-items:center;height:30px;display:grid}.nav-tool-copy{gap:5px;min-width:0;display:grid}.nav-tool-name{overflow-wrap:anywhere}.nav-tool-arrow{opacity:0;margin-left:auto;font-size:19px;transition:opacity .16s,transform .16s}body.x-design .shell-nav a.nav-tool[aria-current=page]{background:var(--x-primary);color:var(--x-on-primary);box-shadow:0 6px 18px -10px color-mix(in srgb, var(--x-primary) 55%, transparent)}body.x-design .shell-nav a.nav-tool[aria-current=page]:after{display:none}body:has(.nav-drawer[open]){overflow:hidden}body.x-design .nav-drawer{overscroll-behavior:contain;border:1px solid color-mix(in srgb, var(--x-on-surface) 20%, var(--x-surface));background:var(--x-surface);width:min(100%,660px);max-width:100%;max-height:min(90dvh,900px);color:var(--x-on-surface);border-bottom:0;border-radius:30px 30px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow:auto;box-shadow:0 -24px 100px #00000040}.nav-drawer[open]{animation:.22s cubic-bezier(.2,.8,.2,1) nav-reveal}.nav-drawer::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050a1494}.nav-drawer-body{padding:12px 22px calc(20px + env(safe-area-inset-bottom))}.nav-drawer-grip{background:color-mix(in srgb, var(--x-muted) 40%, transparent);border-radius:4px;width:38px;height:4px;margin:0 auto 22px}.nav-drawer-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}body.x-design .nav-kicker{color:var(--x-muted);font:600 10px / 1.3 var(--x-font-display), sans-serif;letter-spacing:.16em;margin:0 0 12px}body.x-design .nav-drawer-head h2{font:700 clamp(32px, 8vw, 44px) / 1.02 var(--x-font-display), sans-serif;letter-spacing:-.055em;margin:0}.nav-drawer-head h2 span{color:var(--x-muted)}body.x-design .nav-close{border:1px solid var(--panel-line);background:var(--x-raised);width:44px;height:44px;color:var(--x-on-surface);cursor:pointer;border-radius:50%;flex:0 0 44px;place-items:center;padding:0;font:300 30px/1 sans-serif;display:grid}.nav-search{border:1px solid var(--x-border);background:var(--x-background);border-radius:16px;align-items:center;gap:12px;min-height:54px;margin:24px 0;padding:0 16px;display:flex}.nav-search svg{width:20px;height:20px;color:var(--x-muted);flex:0 0 20px}.nav-search:focus-within{outline:2px solid var(--x-focus);outline-offset:3px}body.x-design .nav-search input{width:100%;min-width:0;color:var(--x-on-surface);font:400 16px / 1.4 var(--x-font-display), sans-serif;background:0 0;border:0;outline:none;padding:14px 0}.nav-search input::placeholder{color:var(--x-muted);opacity:1}body.x-design .nav-drawer .nav-section-title{margin-left:0}body.x-design .nav-drawer .nav-tool{border-color:var(--panel-line);background:linear-gradient(110deg, var(--x-raised), var(--x-surface));min-height:76px;padding:12px}.nav-drawer .nav-section-links{gap:8px}.nav-drawer .nav-tool-icon{background:color-mix(in srgb, var(--x-on-surface) 6%, transparent);border-radius:12px;flex-basis:42px;height:42px}.nav-drawer .nav-tool-name{font-size:16px;font-weight:700}.nav-tool-description{color:var(--x-muted);font:400 12px / 1.4 var(--x-font-display), sans-serif}.nav-drawer .nav-tool[aria-current=page] .nav-tool-description{color:inherit}.nav-drawer .nav-tool-arrow,.nav-tool[aria-current=page] .nav-tool-arrow{opacity:1}.nav-no-results{text-align:center;padding:30px 12px}.nav-no-results p{color:var(--x-muted)}.nav-drawer-footer{text-align:center;color:var(--x-muted);font:500 11px / 1.4 var(--x-font-display), sans-serif;letter-spacing:.025em;margin:28px 0 4px}body.x-design .shell-nav :is(a,button):focus-visible{outline:2px solid var(--x-focus);outline-offset:3px}@media (min-width:761px){body.x-design .shell-nav{scrollbar-width:thin;max-height:calc(100dvh - 84px);overflow-y:auto}}@media (max-width:760px){.nav-rail{display:none}body.x-design .shell-nav{top:auto;bottom:calc(10px + env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));border:1px solid color-mix(in srgb, var(--x-on-surface) 20%, var(--x-surface));background:var(--x-surface);width:auto;max-width:520px;box-shadow:0 16px 48px #00000040, inset 0 1px 0 color-mix(in srgb, var(--x-on-surface) 9%, transparent);border-radius:26px;margin:0 auto;padding:7px;position:fixed}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){body.x-design .shell-nav{background:color-mix(in srgb, var(--x-surface) 94%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.nav-dock{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;display:grid}body.x-design .shell-nav .nav-dock :is(a,button){min-width:0;min-height:64px;color:var(--x-muted);font:600 11px / 1.3 var(--x-font-display), sans-serif;letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;text-decoration:none;transition:background .16s,transform .16s;display:flex}.nav-dock-icon{place-items:center;width:32px;height:30px;display:grid}body.x-design .nav-dock-icon svg{width:23px;height:23px}body.x-design .shell-nav .nav-dock :is(a[aria-current=page],button[data-current=true],button[aria-expanded=true]){color:var(--x-on-primary);background:var(--x-primary);box-shadow:0 4px 12px -8px var(--x-primary)}body.x-design .shell-nav .nav-dock :is(a,button):active{transform:scale(.94)}body.x-design .shell-with-nav .shell-main{padding-bottom:calc(130px + env(safe-area-inset-bottom))}}@media (hover:hover) and (pointer:fine){body.x-design .shell-nav a.nav-tool:not([aria-current=page]):hover{background:var(--x-raised);border-color:var(--x-border)}.nav-tool:hover .nav-tool-arrow{opacity:1;transform:translate(2px,-2px)}body.x-design .nav-close:hover{background:var(--x-background)}}@keyframes nav-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.nav-drawer[open]{animation:none}body.x-design .shell-nav :is(a,button),.nav-tool-arrow{transition:none}body.x-design .shell-nav :is(a,button):is(:hover,:active),.nav-tool:hover .nav-tool-arrow{transform:none!important}}
.shell{isolation:isolate;position:relative}.x-atmosphere{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.x-atmosphere>span{pointer-events:none;position:absolute}.x-atmosphere-field{background:radial-gradient(ellipse 76% 68% at 92% 8%, color-mix(in srgb, var(--x-primary) 20%, transparent), transparent 74%), radial-gradient(ellipse 64% 74% at 0% 88%, color-mix(in srgb, var(--x-accent) 12%, transparent), transparent 72%);inset:-4%}.x-atmosphere-texture{background-image:radial-gradient(circle, color-mix(in srgb, var(--x-on-surface) 12%, transparent) .55px, transparent .85px);background-size:5px 5px;inset:0;-webkit-mask-image:linear-gradient(125deg,#0000 16%,#000 72%);mask-image:linear-gradient(125deg,#0000 16%,#000 72%)}.x-atmosphere-contour{border:1px solid color-mix(in srgb, var(--x-primary) 9%, transparent);width:max(980px,100vw);height:max(680px,80vh);box-shadow:0 0 0 38px color-mix(in srgb, var(--x-primary) 3%, transparent), 0 0 0 39px color-mix(in srgb, var(--x-primary) 7%, transparent), 0 0 0 88px color-mix(in srgb, var(--x-primary) 2%, transparent), 0 0 0 89px color-mix(in srgb, var(--x-primary) 5%, transparent);border-radius:50%;top:-36%;right:-38%;transform:rotate(-28deg)}@media (prefers-reduced-motion:no-preference){.x-atmosphere-field{animation:.9s ease-out both x-atmosphere-reveal}}@keyframes x-atmosphere-reveal{0%{opacity:.65;transform:translateY(-1%)}to{opacity:1;transform:translateY(0)}}@media print,(forced-colors:active){.x-atmosphere{display:none}}