:root{--navy-0: #0f1a2e;--navy-1: #1b2f4d;--navy-2: #243d5c;--accent: #005bbd;--accent-soft: rgba(0, 91, 189, .12);--ink: #1a1a1e;--ink-2: #51555f;--ink-3: #62686f;--surface: #ffffff;--bg: #f4f6f9;--border: rgba(0, 0, 0, .09);--radius: 16px;--maxw: 1080px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,details summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.btn:focus-visible{outline-offset:2px}img,video{max-width:100%;display:block}.skip-link{position:absolute;top:-100%;left:16px;z-index:200;background:var(--accent);color:#fff;font-weight:600;font-size:14px;padding:10px 18px;border-radius:0 0 8px 8px;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:0;outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:88px 0}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}h1,h2,h3{letter-spacing:-.02em;line-height:1.12}h2{font-size:clamp(28px,4vw,40px);font-weight:800;margin:10px 0 16px}.lede{font-size:19px;color:var(--ink-2);max-width:620px}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:600;font-size:16px;padding:13px 22px;border-radius:999px;border:0;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.btn:hover{text-decoration:none;transform:translateY(-1px);opacity:.95}.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:saturate(180%) blur(14px);background:#ffffffb8;border-bottom:1px solid var(--border)}.site-header .wrap{display:flex;align-items:center;gap:18px;height:62px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--ink)}.brand img{width:30px;height:30px;border-radius:7px}.site-header nav{margin-left:auto;display:flex;gap:22px;align-items:center}.site-header nav a{color:var(--ink-2);font-weight:500;position:relative}.site-header nav a:hover{color:var(--ink);text-decoration:none}.site-header nav a:not(.nav-btn).active{color:var(--accent)}.site-header nav a:not(.nav-btn).active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--accent);border-radius:2px;box-shadow:0 0 6px #0a84ff66;animation:nav-glow .2s ease-out}@keyframes nav-glow{0%{opacity:0;transform:scaleX(.8) translateY(2px)}to{opacity:1;transform:scaleX(1) translateY(0)}}.site-header nav a.nav-btn{background:var(--accent);color:#fff;font-weight:600;padding:8px 16px;border-radius:999px;font-size:14px;transition:opacity .15s ease,transform .15s ease}.site-header nav a.nav-btn:hover{opacity:.92;transform:translateY(-.5px)}.hero{background:radial-gradient(1100px 700px at 18% 12%,rgba(96,165,250,.22) 0%,transparent 60%),radial-gradient(900px 700px at 88% 90%,rgba(59,130,246,.16) 0%,transparent 60%),linear-gradient(150deg,var(--navy-0),var(--navy-1) 55%,var(--navy-0));color:#f5f7fa;text-align:center;padding:96px 0 80px}.hero h1{font-size:clamp(40px,6vw,68px);font-weight:800}.hero p.sub{font-size:clamp(17px,2.4vw,22px);color:#f5f7facc;max-width:640px;margin:18px auto 30px}.hero .cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero .shot-wrapper{position:relative;display:block;margin:56px auto 0;max-width:920px;z-index:10}.hero .shot-glow{position:absolute;inset:5%;background:radial-gradient(circle,var(--accent) 0%,#60a5fa 50%,transparent 100%);filter:blur(60px);opacity:.35;z-index:-1;pointer-events:none;border-radius:18px;animation:pulse-glow 8s infinite alternate ease-in-out}.hero .shot{width:100%;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px #00000073,0 0 0 1px #ffffff14;position:relative}@keyframes pulse-glow{0%{transform:scale(.98);opacity:.28}to{transform:scale(1.03);opacity:.42}}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-4px);border-color:#0a84ff59;box-shadow:0 12px 30px #0f1a2e14}.card .ico{width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:20px;margin-bottom:14px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.card:hover .ico{transform:scale(1.15) rotate(5deg)}.card h3{font-size:19px;font-weight:700;margin-bottom:6px}.card p{color:var(--ink-2);font-size:15px}.shots{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.shots img{border-radius:14px;border:1px solid var(--border)}.whatsnew-banner{background:linear-gradient(135deg,#0a84ff1a,#60a5fa14);border:1px solid rgba(10,132,255,.22);border-radius:14px;padding:20px 28px;margin-bottom:40px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}.whatsnew-banner:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent);border-radius:3px 0 0 3px}.whatsnew-banner .badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:6px;flex-shrink:0}.whatsnew-banner p{font-size:15px;color:var(--ink-2);margin:0;line-height:1.5}.whatsnew-banner strong{color:var(--ink)}.showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.showcase-item{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.showcase-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0f1a2e1a}.showcase-item img{width:100%;display:block}.showcase-item .caption{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(15,26,46,.85) 0%,transparent 100%);color:#fff;font-size:13px;font-weight:600}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:64px 0;border-top:1px solid var(--border)}.feature-row:first-child{border-top:none}.feature-row.reversed{direction:rtl}.feature-row.reversed>*{direction:ltr}.feature-row .text-side h3{font-size:clamp(24px,3vw,32px);font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.feature-row .text-side p{font-size:17px;color:var(--ink-2);line-height:1.6}.feature-row .text-side .shortcut{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 14px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600;border-radius:8px}.feature-row .media-side img{width:100%;border-radius:14px;box-shadow:0 8px 30px #0f1a2e14}.band{background:var(--navy-1);color:#eaf0f8;border-radius:22px;padding:48px;text-align:center}.band h2{color:#fff}.band p{color:#eaf0f8d1;max-width:640px;margin:0 auto}.doc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:44px;max-width:800px;margin:48px auto}.doc h1{font-size:34px;font-weight:800}.doc h2{font-size:22px;margin-top:30px}.doc p,.doc li{color:var(--ink-2);margin-top:12px}.doc ul{padding-left:22px}.doc .meta{color:var(--ink-3);font-size:14px;margin-top:6px}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-top:12px;transition:border-color .2s ease,box-shadow .2s ease}.faq details:hover{border-color:#0a84ff40}.faq details[open]{box-shadow:0 4px 20px #00000008;border-color:#0a84ff33}.faq summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;user-select:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";display:inline-block;width:8px;height:8px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg);transition:transform .2s ease,border-color .2s ease;margin-left:12px;flex-shrink:0}.faq summary:hover:after{border-color:var(--accent)}.faq details[open] summary:after{transform:rotate(45deg);border-color:var(--accent)}.faq p{color:var(--ink-2);margin-top:10px}.form{display:grid;gap:14px;margin-top:22px}.form label{font-weight:600;font-size:14px}.form input,.form textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;margin-top:6px;transition:border-color .15s ease,box-shadow .15s ease}.form input:focus-visible,.form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:-1px;box-shadow:0 0 0 4px var(--accent-soft)}.form textarea{min-height:130px;resize:vertical}.form input:user-invalid,.form textarea:user-invalid{border-color:#d93025;box-shadow:0 0 0 3px #d930251f}.form input:user-invalid:focus-visible,.form textarea:user-invalid:focus-visible{outline-color:#d93025;box-shadow:0 0 0 4px #d9302526}.field-error{display:none;color:#b91c1c;font-size:13px;margin-top:5px;font-weight:500}.form input:user-invalid~.field-error,.form textarea:user-invalid~.field-error{display:flex;align-items:center;gap:5px}.form input.aria-invalid-active~.field-error,.form textarea.aria-invalid-active~.field-error{display:flex;align-items:center;gap:5px}.form input:disabled,.form textarea:disabled,.form button:disabled{opacity:.6;cursor:not-allowed}.form-status{padding:14px 16px;border-radius:10px;font-size:14px;margin-top:6px;line-height:1.4;display:flex;align-items:center;gap:8px}.form-status.success{background:#34d3991a;border:1px solid rgba(52,211,153,.3);color:#065f46}.form-status.error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#991b1b}.site-footer{background:var(--navy-0);color:#f5f7fab3;padding:40px 0;margin-top:80px}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.site-footer a{color:#f5f7fad9}.site-footer .sp{margin-left:auto}@media (max-width: 760px){.grid,.shots,.showcase{grid-template-columns:1fr}.feature-row{grid-template-columns:1fr;gap:28px;padding:40px 0}.feature-row.reversed{direction:ltr}.band,.doc{padding:28px}.section{padding:60px 0}.whatsnew-banner{flex-direction:column;align-items:flex-start}}@media (min-width: 761px) and (max-width: 1024px){.showcase{grid-template-columns:1fr 1fr}.showcase-item:last-child{grid-column:1 / -1;max-width:50%;margin:0 auto}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}.changelog{margin-top:32px;position:relative;view-timeline-name:--changelog-timeline;view-timeline-axis:block}.changelog:before,.changelog:after{content:"";position:absolute;left:0;top:15px;bottom:0;width:2px}.changelog:before{background:var(--border);z-index:1}.changelog:after{background:var(--accent);z-index:2;transform-origin:top;transform:scaleY(var(--scroll-progress, 0))}@supports (animation-timeline: view()){.changelog:after{animation:grow-progress linear both;animation-timeline:--changelog-timeline;animation-range:cover 30% cover 80%}@keyframes grow-progress{0%{transform:scaleY(0)}to{transform:scaleY(1)}}}.update-entry{position:relative;padding-left:30px;padding-bottom:56px}.update-entry:last-child{padding-bottom:0}.update-entry:before{content:"";position:absolute;left:-8px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:3px solid var(--accent);z-index:3;transition:all .3s ease}.update-entry.active:before{background:var(--accent);box-shadow:0 0 0 4px #0a84ff33}.update-header{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}.update-header h2{margin:0;font-size:clamp(24px,3.5vw,32px)}.update-header .date{font-size:14px;color:var(--ink-3);font-weight:500}.update-category{margin-bottom:24px}.update-category h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;display:inline-flex;align-items:center;gap:6px}.update-category.new h3{color:#10b981}.update-category.improved h3{color:var(--accent)}.update-category.fixed h3{color:#f59e0b}.update-list{list-style:none;display:grid;gap:12px}.update-item{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:16px;font-size:15px;color:var(--ink-2);line-height:1.5;transition:border-color .2s ease}.update-item:hover{border-color:#0a84ff33}.update-item strong{color:var(--ink);display:block;margin-bottom:4px;font-size:16px}@media (max-width: 760px){.update-entry{padding-left:20px}.update-entry:before{left:-7px}.update-header{flex-direction:column;gap:4px;align-items:flex-start}}.quickstart-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;position:relative;transition:transform .2s ease}.step-card:hover{transform:translateY(-2px)}.step-num{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;margin-bottom:20px}.step-card h3{font-size:20px;margin-bottom:8px}.step-card p{color:var(--ink-2);font-size:15px}.theme-playground{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center;margin-top:40px}.playground-controls{padding-right:20px}.theme-toggle-group{display:flex;gap:12px;margin-top:24px}.theme-btn{background:var(--surface);border:1px solid var(--border);color:var(--ink-2);padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.theme-btn:hover{border-color:#0a84ff66;color:var(--ink)}.theme-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-soft)}.picker-mockup{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 50px #0000000f;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);color:var(--ink)}.picker-mockup .mockup-header{border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}.picker-mockup .mockup-search{background:var(--bg);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--ink-3);width:60%}.picker-mockup .mockup-filters{display:flex;gap:8px;margin-bottom:18px}.picker-mockup .mockup-filter{font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--bg);color:var(--ink-2)}.picker-mockup .mockup-filter.active{background:var(--accent);color:#fff}.picker-mockup .mockup-list{display:grid;gap:8px}.picker-mockup .mockup-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:8px;background:var(--bg);font-size:14px}.picker-mockup .mockup-item.selected{background:var(--accent-soft);border:1px solid rgba(10,132,255,.2)}.picker-mockup.theme-dark{background:#1e1e24;color:#f5f7fa;border-color:#ffffff14;box-shadow:0 20px 50px #0000004d}.picker-mockup.theme-dark .mockup-header{border-bottom-color:#ffffff14}.picker-mockup.theme-dark .mockup-search,.picker-mockup.theme-dark .mockup-filter{background:#2a2a32;color:#8a8f99}.picker-mockup.theme-dark .mockup-item{background:#25252c}.picker-mockup.theme-dark .mockup-item.selected{background:#0a84ff26;border-color:#0a84ff4d}@media (max-width: 760px){.quickstart-steps{grid-template-columns:1fr;gap:16px}.theme-playground{grid-template-columns:1fr;gap:32px}.playground-controls{padding-right:0}}.feature-filters-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;margin-bottom:24px}.filter-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.filter-tab{background:var(--surface);border:1px solid var(--border);color:var(--ink-2);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-tab:hover{border-color:#0a84ff4d;color:var(--ink)}.filter-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.search-box-wrapper{position:relative;width:280px}.feature-search-input{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}.feature-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}@media (max-width: 760px){.feature-filters-bar{flex-direction:column;align-items:stretch;gap:14px}.search-box-wrapper{width:100%}}.shortcuts-float-btn{position:fixed;bottom:24px;right:24px;background:var(--navy-1);color:#fff;border:1px solid rgba(255,255,255,.12);padding:12px 18px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 8px 24px #0f1a2e2e;transition:all .2s ease;z-index:99;display:flex;align-items:center;gap:6px}.shortcuts-float-btn:hover{transform:translateY(-2px);background:var(--navy-2)}.shortcuts-modal-overlay{position:fixed;inset:0;background:#0f1a2e99;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000;padding:20px}.shortcuts-modal-overlay.active{opacity:1;pointer-events:auto}.shortcuts-modal-content{background:var(--surface);border:1px solid var(--border);border-radius:20px;max-width:500px;width:100%;padding:32px;position:relative;box-shadow:0 30px 90px #00000040;transform:translateY(20px);transition:transform .3s cubic-bezier(.16,1,.3,1)}.shortcuts-modal-overlay.active .shortcuts-modal-content{transform:translateY(0)}.close-modal-btn{position:absolute;top:20px;right:20px;background:transparent;border:0;font-size:28px;line-height:1;color:var(--ink-3);cursor:pointer;transition:color .2s ease}.close-modal-btn:hover{color:var(--ink)}.shortcuts-grid{display:grid;gap:14px}.shortcut-item-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--border)}.shortcut-item-row:last-child{border-bottom:0}.shortcut-desc{font-weight:500;font-size:15px;color:var(--ink-2)}.shortcut-kbd{background:var(--bg);border:1px solid var(--border);border-bottom:2px solid var(--border);border-radius:6px;padding:4px 10px;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink);box-shadow:0 1px 1px #0000000d}.btn:not(.ghost){position:relative;overflow:hidden}.btn:not(.ghost):after{content:"";position:absolute;top:-50%;left:-60%;width:30%;height:200%;background:linear-gradient(to right,#fff0,#ffffff40,#fff0);transform:rotate(25deg);animation:shimmer 5s infinite linear}@keyframes shimmer{0%{left:-60%}30%{left:140%}to{left:140%}}.a11y-high-contrast{--navy-0: #000000 !important;--navy-1: #000000 !important;--navy-2: #000000 !important;--accent: #ffff00 !important;--accent-soft: rgba(255, 255, 0, .2) !important;--ink: #ffffff !important;--ink-2: #ffffff !important;--ink-3: #ffff00 !important;--surface: #000000 !important;--bg: #000000 !important;--border: #ffffff !important;color-scheme:dark!important}.a11y-high-contrast .hero{background:#000!important;border-bottom:2px solid #ffffff!important}.a11y-high-contrast .card,.a11y-high-contrast .doc,.a11y-high-contrast .faq details,.a11y-high-contrast .whatsnew-banner{background:#000!important;border:2px solid #ffffff!important;box-shadow:none!important}.a11y-high-contrast .btn{background:#ff0!important;color:#000!important;border:2px solid #ffffff!important;font-weight:800!important;box-shadow:none!important}.a11y-high-contrast .btn.ghost{background:transparent!important;color:#fff!important;border:2px solid #ffffff!important}.a11y-high-contrast .site-header{background:#000!important;border-bottom:2px solid #ffffff!important}.a11y-high-contrast .site-footer{background:#000!important;border-top:2px solid #ffffff!important}.a11y-high-contrast .a11y-panel{background:#000!important;border:2px solid #ffffff!important;color:#fff!important}.a11y-high-contrast .a11y-option-btn{background:#000!important;color:#fff!important;border:1px solid #ffffff!important}.a11y-high-contrast .a11y-option-btn.active{background:#ff0!important;color:#000!important;border:2px solid #ffffff!important}.a11y-monochrome{filter:grayscale(100%)!important}.a11y-readable-font{--font: Arial, Helvetica, sans-serif !important}.a11y-large-text{font-size:116%!important}.a11y-large-text body{line-height:1.8!important}.a11y-highlight-links a{text-decoration:underline!important;font-weight:700!important;outline:2px dashed var(--accent, #005bbd)!important;outline-offset:2px!important}.a11y-highlight-links a:focus-visible{outline:3px solid #ff0055!important;outline-offset:4px!important}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.a11y-widget-container{position:fixed;bottom:24px;left:24px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.a11y-trigger{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--accent, #005bbd);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #00000026,0 0 0 1px #ffffff1a;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s}.a11y-trigger:hover{transform:scale(1.08);background:#004da1}.a11y-trigger:focus-visible{outline:3px solid var(--accent, #005bbd);outline-offset:3px}.a11y-panel{position:absolute;bottom:60px;left:0;width:280px;background:#fffffff2;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(0,0,0,.12);border-radius:16px;box-shadow:0 10px 30px #00000026;padding:16px;transform:translateY(10px);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s}.a11y-panel.open{transform:translateY(0);opacity:1;pointer-events:auto}.a11y-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:8px}.a11y-header h3{margin:0;font-size:16px;font-weight:700;color:#1a1a1e}.a11y-close{background:transparent;border:none;color:#62686f;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.a11y-close:hover{background:#0000000d;color:#1a1a1e}.a11y-options{display:flex;flex-direction:column;gap:8px}.a11y-option-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#fff;color:#1a1a1e;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s}.a11y-option-btn:hover{background:#005bbd0d;border-color:#005bbd26}.a11y-option-btn.active{background:var(--accent-soft, rgba(0, 91, 189, .12));border-color:var(--accent, #005bbd);color:var(--accent, #005bbd);font-weight:600}.a11y-option-btn:focus-visible,.a11y-reset-btn:focus-visible{outline:2px solid var(--accent, #005bbd);outline-offset:-2px}.a11y-reset-btn{margin-top:8px;padding:10px;border:none;border-radius:10px;background:#0000000d;color:#1a1a1e;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}.a11y-reset-btn:hover{background:#e11d48;color:#fff}