/* BootGuide: an airy, midnight-blue working surface. */
:root{--bg:#0b101b;--panel:#141e30;--raised:#202e45;--line:#33435b;--text:#f0f5ff;--muted:#afbed3;--accent:#85e4e4;--accent-ink:#10282f}
body{background:radial-gradient(ellipse at 75% -5%,#253b6655,transparent 55%),var(--bg)}
.sidebar{width:208px;background:#0e1624;border-color:#25354c;padding:30px 16px}
.shell{margin-left:208px}.brand{margin-left:7px;margin-bottom:42px}.brand-icon{background:var(--accent);color:#12343c}
.nav-link{padding:14px 12px;color:#b5c4d8}.nav-link.active{background:linear-gradient(100deg,#203f50,#172939);color:#a2f3f0;border-color:#3e6276;box-shadow:inset 3px 0 var(--accent)}
.local-card{background:#162337;border-color:#30435b}.local-card p{color:var(--muted);font-size:.875rem}.version{line-height:1.6}
.topbar{background:#0d1524bb;padding:0 30px;border-color:#27374c}.top-actions{flex-wrap:wrap}.top-link{color:#d0dced}main{padding:26px 30px 0;max-width:1800px}
.intro{min-height:0;padding:24px 28px;margin-bottom:28px;isolation:isolate;border-radius:22px;border-color:#3a526e;background:linear-gradient(110deg,#213655,#17263d 60%,#17323c);box-shadow:0 12px 45px #0002}
.intro:after{content:'';position:absolute;pointer-events:none;width:350px;height:350px;right:-140px;top:-220px;border:50px solid #8cedeb0a;border-radius:50%;z-index:-1}
.intro>div:first-child{max-width:100%}.intro h1{font-size:clamp(1.7rem,2.6vw,2.7rem);font-weight:700;line-height:1.22;letter-spacing:-.045em}.intro .eyebrow{font-size:.75rem;letter-spacing:.12em;color:#a6e9ec;margin-bottom:10px}.intro .hero-description{font-size:1rem;max-width:none;margin:10px 0 16px;color:#c0cde0;line-height:1.6}
.hero-orbit{display:none}.hero-proof{display:inline-flex;margin:0 0 0 18px;gap:12px;color:#b6c9db;font-size:.8125rem}.hero-proof i{background:#6c92ad}.companion-jump{padding:10px 14px;font-size:.875rem;background:#29495b;border:1px solid #4c768b;color:#d6ffff}.companion-jump:hover{background:#355e6f}
.workspace{grid-template-columns:minmax(0,1fr) minmax(340px,390px);gap:26px;align-items:start}.catalog{min-width:0}.section-heading h2{font-size:1.2rem}.section-heading p{font-size:.875rem;color:var(--muted)}.count-pill{background:#203549;border-color:#3a536d;color:#b8e2e8;font-size:.8125rem;white-space:nowrap}
.catalog-tabs{gap:20px}.catalog-tabs button{font-size:.875rem;min-height:44px}.catalog-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}.search-row{gap:10px}.search-field{background:#121d2e;border-color:#354860}.search-field input{font-size:1rem}.search-row select,#review-family{background:#172336;border:1px solid #354860;font-size:.875rem;max-width:100%}.catalog-toolbar{flex-wrap:wrap;gap:12px}.filters{gap:5px;flex-wrap:wrap}.filters button{font-size:.875rem;min-height:38px}.filters button[aria-pressed=true]{background:#243d50;border-color:#497082;color:#c5f8fa}
.os-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.os-card{position:relative;min-width:0;padding:22px;border:1px solid #344760;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--os-color) 9%,#18253a),#111e30 70%);transition:transform .22s,border-color .22s,box-shadow .22s}
.os-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--os-color) 55%,#344760);box-shadow:0 15px 30px #0003}.os-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px #85e4e455,0 15px 35px #0002}.os-logo{width:48px;height:48px;border-radius:13px}.os-tag{font-size:.75rem;letter-spacing:0;background:#122034;border-color:#43556b;white-space:normal;text-align:right}.card-top{gap:10px}.family-label{font-size:.75rem;color:#b0c3d9;letter-spacing:.05em}.os-card h3{font-size:1.5rem;line-height:1.3;margin-top:6px}.edition{font-size:.875rem;line-height:1.55;color:#b6c5d8}.os-description{font-size:1rem;line-height:1.65;min-height:0;color:#c6d2e2}.card-facts{gap:9px;flex-wrap:wrap}.card-facts span{font-size:.8125rem}.mini-review{padding:13px 14px;border:1px solid #34435a;background:#0a142280;border-radius:12px;margin-bottom:17px}.mini-review p{font-size:.875rem;line-height:1.6;color:#bac9dc}.mini-review small{font-size:.75rem;color:#a5b6ca;line-height:1.55}.mini-review a{font-size:.8125rem;color:#c8d9ee}.rating{margin:4px 0 8px}.rating strong{font-size:.875rem}.stars{color:#7f6e4b}.stars span{color:#f1d39a}.card-actions{gap:8px;margin-top:auto}.select-os{background:#263d53;border-color:#44637b;color:#e2f3fc;min-height:44px}.select-os:hover{background:#315269}.selected .select-os{background:var(--accent);color:var(--accent-ink)}.detail-button{font-size:.875rem;min-height:40px;color:#b7cde0}.catalog-foot{font-size:.875rem;line-height:1.65;flex-wrap:wrap}.button,.text-button{white-space:normal}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.assistant-panel{position:sticky;top:22px;min-width:0;padding:22px;border:1px solid #526d8e;background:linear-gradient(145deg,#243553,#142237 65%);box-shadow:0 20px 60px #0003;border-radius:20px;scroll-margin:20px}
.assistant-heading{align-items:center;gap:12px}.assistant-heading h2{font-size:1.125rem;line-height:1.4}.assistant-heading div>span{font-size:.8125rem;color:#b9ccdf}.assistant-symbol{width:44px;height:44px;background:linear-gradient(140deg,#4d639b,#267278);color:#d9fbff;border:1px solid #719bad;box-shadow:0 0 22px #85e4e414}
.assistant-mode{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 0;padding-bottom:14px;border-bottom:1px solid #3c506d}.assistant-mode>span{font-size:.8125rem;color:#b6d9e4}.assistant-mode .text-button{color:#98eeee;font-size:.875rem;min-height:32px;text-align:left}.ai-options{padding:16px;margin-top:10px;background:#0c1728;border:1px solid #3b536f;border-radius:12px;max-height:440px;overflow:auto}.ai-options h3{font-size:1rem}.ai-options p{font-size:.875rem;line-height:1.6;color:#b7c9de;margin:10px 0}.online-ai-panel{border-top:1px solid #334860;margin-top:14px;padding-top:16px}.online-ai-panel b{font-size:.9375rem}.online-ai-panel .button{width:100%;margin:14px 0 0}.online-ai-panel .text-button{font-size:.8125rem;line-height:1.5}.share-hardware{font-size:.875rem;align-items:flex-start;color:#c8d7e6;line-height:1.55}.share-hardware input{width:18px;height:18px;flex:none;margin-top:3px}.local-ai-panel{padding:14px;margin:16px 0;background:#172337;border:1px solid #3d536c}.local-ai-panel summary{font-size:.875rem;line-height:1.6;color:#c9d7e9;cursor:pointer}.local-ai-panel h3{margin-top:12px}.local-ai-panel p{font-size:.875rem}.local-ai-actions button{font-size:.875rem}
.messages{height:clamp(250px,37vh,440px);margin:18px 0 14px;padding:0 3px 0 0;scrollbar-color:#55728b transparent}.msg{font-size:1rem;line-height:1.65;padding:14px 15px;border-radius:14px;margin-bottom:13px;animation:message-in .24s ease-out}.msg.ai{background:#192b43;color:#dae7f5;border:1px solid #3b5270;border-top-left-radius:3px}.msg.user{background:#274959;color:#e3fcff;border-color:#477480;border-bottom-right-radius:3px;margin-left:25px}.messages[aria-busy=true] .msg.ai:last-child{border-color:#78bac8}.suggestions{display:flex;flex-flow:row wrap;gap:7px;margin-bottom:15px}.suggestions button{padding:7px 10px;min-height:36px;font-size:.8125rem;border-radius:20px;background:#192c43;color:#cfdeed;border-color:#3f5872;gap:6px}.suggestions button span{color:#a4e9e9}.chat-form{background:#0d1829;border-color:#567792;border-radius:14px;align-items:flex-end;padding:8px;gap:6px}.chat-form:focus-within{border-color:#98ece9;box-shadow:0 0 0 3px #85e4e419}.chat-form textarea{resize:vertical;max-height:170px;min-height:64px;flex:1;min-width:0;width:100%;font:1rem/1.5 'DM Sans',system-ui;background:none;border:0;outline:none;color:#f0f6ff;padding:6px}.chat-form textarea::placeholder{color:#95aac4}.chat-form button{width:40px;height:40px;background:var(--accent);color:var(--accent-ink);border-radius:10px}.chat-bottom{border-color:#3a4f69}.chat-bottom>span{font-size:.75rem;line-height:1.55;color:#b2c4d9}.stop-answer{margin-top:10px;font-size:.875rem}.connect-beta{margin-top:16px;padding-top:14px;border-color:#3a4f69}.connect-beta summary{font-size:.875rem;color:#b9cddd;cursor:pointer}.connect-beta p{font-size:.875rem;line-height:1.65}.connect-beta #more-help{margin-top:15px}.chat-privacy{font-size:.8125rem}
.panel,.review-card{background:linear-gradient(145deg,#19283d,#121e30);border-color:#344a66}.page-heading h1{font-size:clamp(1.8rem,3vw,2.8rem)}.hardware-panel{background:#16263a;border-color:#3d526e;flex-wrap:wrap}.device-icon{background:#264354;color:var(--accent)}.hardware-stat span,.device-name .small{font-size:.875rem}.step-content{background:#142739;border-color:#36556d}.step-content p,.step-content ol{color:#bfd1e0}.step-list .current{color:#c7f8f7}.step-list .done .step-num{background:#214d53;border-color:#448b8c}.dropzone{background:#1c3543;border-color:#69a3ac;color:#def5f5}.dropzone small{color:#b5d2d6}.review-card p{font-size:1rem;color:#becde0}.review-context,.review-origin,.review-note{font-size:.8125rem;line-height:1.7}.version-row{background:#152439;border-color:#314c65}.version-row p,.version-row small{font-size:.875rem}dialog{background:#15243a;border-color:#4c6989}dialog::backdrop{background:#060d19bd}th{background:#253e52;color:#bce8ef}.toast{background:#b4efeb;color:#16313c}.sound-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 24px;font-size:.875rem}.sound-controls input{flex:1;min-width:80px;accent-color:var(--accent)}.sound-controls output{font-variant-numeric:tabular-nums;min-width:3ch}.sound-controls button{font-size:.875rem}.preference-row small{font-size:.875rem}.icon-button{min-width:40px;min-height:40px}.top-actions select{min-height:40px}footer{color:#a1b4cb}
@keyframes message-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes page-in{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
[data-page]:not([hidden]){animation:page-in .3s ease-out}.os-card{animation:message-in .4s ease-out both;animation-delay:calc(var(--card-index,0)*45ms)}button:active:not(:disabled){transform:scale(.97)}progress::-webkit-progress-value{transition:width .5s cubic-bezier(.22,1,.36,1)}
@media(min-width:1720px){.workspace{grid-template-columns:minmax(0,1fr) 410px}.os-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1280px){.sidebar{width:190px;padding:26px 12px}.shell{margin-left:190px}main{padding:24px 24px 0}.workspace{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.os-card{padding:18px}.os-grid{gap:14px}.assistant-panel{padding:19px}.hero-proof{display:flex;margin:14px 0 0}}
@media(max-width:1100px) and (min-width:791px){.sidebar{width:76px;padding:25px 10px}.shell{margin-left:76px}.sidebar .brand{margin-left:8px}.sidebar .nav-link{justify-content:center;padding:14px 8px}.os-grid{grid-template-columns:1fr}.workspace{grid-template-columns:minmax(0,1fr) 340px}.topbar{padding:0 24px}.top-link{display:none}}
@media(max-width:790px){.sidebar{width:auto;position:static;padding:18px 20px 8px}.shell{margin-left:0}.sidebar .brand{margin:0 0 16px}.sidebar nav{display:flex;gap:5px;overflow:auto}.sidebar .nav-link{flex:1;justify-content:center;min-width:max-content;font-size:.875rem;margin:0;padding:10px}.sidebar .nav-label,.sidebar-bottom{display:none}.topbar{height:auto;min-height:60px;padding:10px 22px}.top-link{display:none}main{padding:20px 22px 0}.workspace{display:flex;flex-direction:column;gap:26px}.catalog{width:100%}.assistant-panel{position:static;width:100%;order:-1;padding:22px}.messages{height:240px}.intro{padding:22px}.intro h1{font-size:1.9rem}.intro .hero-description{font-size:1rem}.hero-proof{font-size:.8125rem}.os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-options{max-height:none}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.os-grid{grid-template-columns:1fr}.sidebar{padding:16px 14px 7px}.sidebar nav{justify-content:space-between}.sidebar .nav-link{flex-direction:column;gap:5px;font-size:.75rem;min-width:0;padding:9px 6px}.nav-count{display:none}.brand{font-size:1.4rem}.topbar{padding:10px 16px;gap:10px}.breadcrumb{font-size:.8125rem}.breadcrumb>span{margin:0 6px}.top-actions{gap:7px}main{padding:16px 16px 0}.intro{padding:22px 20px;margin-bottom:20px}.intro .eyebrow{font-size:.75rem;line-height:1.6}.intro h1{font-size:1.8rem}.companion-jump{font-size:.875rem}.hero-proof{gap:9px;font-size:.75rem}.assistant-panel{padding:18px}.assistant-heading h2{font-size:1.1rem}.messages{height:250px}.os-card{padding:23px}.search-row{flex-wrap:wrap}.search-field{flex:1 1 100%}.search-row select{flex:1}.review-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:12px}.count-pill{font-size:.75rem}.step-list{gap:8px}.step-list button{font-size:.8125rem}.topbar .breadcrumb{max-width:50%}.hardware-stat{padding:0 10px}.hardware-stat span{white-space:normal}.step-content{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.os-card:hover{transform:none}}
.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduce-motion .os-card:hover{transform:none}
@media(max-width:790px){.sidebar{height:auto;border-top:0;border-bottom:1px solid #2e4059}.sidebar nav{overflow-x:auto;overflow-y:hidden;flex-shrink:0}.sidebar .nav-link{min-height:59px}.intro .hero-proof{display:none}.intro .hero-description{margin:8px 0 12px}.messages{height:190px}}

/* Welcome: a luminous launch screen, separate from the working surface. */
.welcome-brand{display:none;align-items:center;gap:1px;font:800 1.15rem Manrope,system-ui;letter-spacing:-.055em;color:#eaf7ff}
.is-welcome{background:#080e1b}.is-welcome>.sidebar{display:none}.is-welcome .shell{margin-left:0}.is-welcome .topbar{position:relative;z-index:2;max-width:1600px;margin:auto;height:90px;padding:0 5vw;background:transparent;border-bottom:1px solid #a0c0ef18}.is-welcome .welcome-brand{display:flex}.is-welcome .breadcrumb,.is-welcome .top-link,.is-welcome main>footer{display:none}.is-welcome .top-actions{margin-left:auto}.is-welcome main{padding:0;max-width:none}.is-welcome #preferences-open{border-color:#45617a66;background:#14223788}
.welcome{position:relative;isolation:isolate;min-height:calc(100svh - 90px);padding:68px 30px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 42%,#26315b26,transparent 58%)}
.welcome-universe{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:paint;background:radial-gradient(1px 1px at 8% 16%,#d3efff80 80%,transparent),radial-gradient(1px 1px at 18% 44%,#d3efff70 80%,transparent),radial-gradient(1px 1px at 85% 24%,#d3efff80 80%,transparent),radial-gradient(1px 1px at 74% 70%,#d3efff80 80%,transparent),radial-gradient(1px 1px at 91% 81%,#d3efff70 80%,transparent),radial-gradient(1px 1px at 32% 84%,#d3efff60 80%,transparent)}
.welcome-halo{position:absolute;width:min(1000px,125vw);aspect-ratio:1;left:50%;top:42%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#5779bd00 34%,#527cff13 47%,#76e8e61e 49%,#b5bbff0c 50%,transparent 61%);filter:blur(2px)}
.welcome-ring{position:absolute;width:min(1080px,135vw);aspect-ratio:1;left:50%;top:41%;border:1px solid #83d8f32b;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg) scaleY(.65);box-shadow:0 0 50px #7da8ff05,inset 0 0 50px #7da8ff05}.welcome-ring:before{content:'';position:absolute;inset:-1px;border-radius:50%;border-top:1px solid #a3e4fb99;border-right:1px solid transparent;animation:welcome-orbit 60s linear infinite}.ring-two{width:min(1280px,157vw);transform:translate(-50%,-50%) rotate(30deg) scaleY(.62);border-color:#acaff722}.ring-two:before{border-top-color:#a3a8f644;animation-duration:90s;animation-direction:reverse}
.welcome-grid{position:absolute;left:-30%;right:-30%;bottom:-200px;height:390px;background-image:linear-gradient(#74b5e312 1px,transparent 1px),linear-gradient(90deg,#74b5e312 1px,transparent 1px);background-size:80px 60px;transform:perspective(360px) rotateX(50deg);mask-image:linear-gradient(transparent,#0006 60%);transform-origin:bottom center}
.welcome-star{position:absolute;width:4px;height:4px;background:#b6faff;border-radius:50%;box-shadow:0 0 20px 3px #8fe5ff66;animation:welcome-glimmer 6s ease-in-out infinite}.star-one{left:15%;top:32%}.star-two{right:13%;top:50%;animation-delay:-2s}.star-three{right:29%;top:15%;width:3px;height:3px;animation-delay:-4s}
.welcome-content{max-width:950px;width:100%;padding-bottom:68px}.welcome-kicker{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.23em;line-height:1.8;color:#a2e9ed;margin:0 0 22px;padding:7px 17px;border:1px solid #6895bd44;border-radius:100px;background:#15233980;animation:welcome-rise .7s ease-out both}
.welcome h1{margin:0;line-height:1;letter-spacing:-.065em;font-weight:800}.welcome-greeting{display:block;font-size:clamp(1.25rem,2.1vw,1.85rem);line-height:1.4;letter-spacing:-.025em;font-weight:500;color:#d0dcee;margin-bottom:8px;animation:welcome-rise .8s .08s ease-out both}.welcome-wordmark{display:block;font-size:clamp(4rem,10.3vw,9.3rem);line-height:1.13;letter-spacing:-.075em;background:linear-gradient(125deg,#e6faff 10%,#9eeae9 43%,#abbbff 83%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 40px #6fbbdc22);padding:0 .05em .08em;animation:welcome-rise .9s .16s ease-out both}.welcome-wordmark>span{color:#a1f2e7}
.welcome-promise{font-family:Manrope,system-ui;font-size:clamp(1.45rem,3vw,2.55rem);line-height:1.28;letter-spacing:-.035em;font-weight:600;margin:17px 0 20px;color:#f0f5ff;animation:welcome-rise .9s .24s ease-out both}.welcome-promise>span:last-child{color:#a6b7d2}.welcome-description{max-width:490px;font-size:1rem;line-height:1.8;color:#aebfd7;margin:0 auto 30px;animation:welcome-rise .9s .32s ease-out both}
.welcome-start{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:30px;min-width:195px;min-height:59px;padding:17px 26px;font-size:1.0625rem;font-weight:700;border-radius:13px;background:linear-gradient(110deg,#9eefe4,#a5dfff);color:#0a2835;border:1px solid #d5ffffa6;box-shadow:0 0 0 6px #8ee6f008,0 10px 45px #58b1d128;transition:transform .22s,box-shadow .22s;animation:welcome-rise .9s .4s ease-out both}.welcome-start:hover{transform:translateY(-3px);box-shadow:0 0 0 8px #8ee6f010,0 12px 55px #58b1d147}.welcome-start .icon{width:23px;height:23px;transition:transform .22s}.welcome-start:hover .icon{transform:translateX(4px)}.welcome-note{font-size:.8125rem;line-height:1.6;color:#9bafca;margin-top:20px;animation:welcome-rise .9s .48s ease-out both}
.welcome-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1460px;width:100%;margin-top:auto;padding-top:26px;border-top:1px solid #adc6ec18}.welcome-signature,.welcome-platforms{font-size:.6875rem;letter-spacing:.15em;line-height:1.7;color:#8ba3c0}.welcome-route{display:flex;align-items:center;justify-content:center;gap:35px;list-style:none;padding:0;margin:0;color:#c5d5e7;font-size:.875rem}.welcome-route li{display:flex;align-items:center;gap:10px}.welcome-route li>span{font-size:.75rem;color:#739db7;font-variant-numeric:tabular-nums}
@keyframes welcome-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes welcome-orbit{to{transform:rotate(360deg)}}
@keyframes welcome-glimmer{0%,100%{opacity:.3}50%{opacity:.9}}
@media(max-width:790px){.is-welcome .topbar{height:76px;padding:0 24px}.welcome{min-height:calc(100svh - 76px);padding:50px 24px 24px}.welcome-content{padding-bottom:50px}.welcome-wordmark{font-size:clamp(4.2rem,13.5vw,6.7rem)}.welcome-promise{font-size:2rem}.welcome-signature,.welcome-platforms{display:none}.welcome-bottom{justify-content:center}.welcome-ring{width:130vw}.ring-two{width:155vw}.welcome-description{max-width:420px}}
@media(max-width:540px){.is-welcome .topbar{height:72px;padding:0 18px;gap:12px}.welcome-brand{font-size:1.05rem}.welcome-brand .brand-icon{width:29px;height:31px;font-size:1.5rem;margin-right:8px}.is-welcome .top-actions{gap:8px}.is-welcome #language-select{max-width:105px}.welcome{min-height:calc(100svh - 72px);padding:42px 22px 24px}.welcome-kicker{font-size:.6875rem;letter-spacing:.15em;padding:6px 11px;margin-bottom:22px}.welcome-greeting{font-size:1.25rem}.welcome-wordmark{font-size:clamp(3.1rem,14.8vw,5rem);line-height:1.25}.welcome-promise{font-size:clamp(1.4rem,6.8vw,1.9rem);margin:19px 0 18px}.welcome-description{font-size:1rem;line-height:1.75;max-width:330px;margin-bottom:27px}.welcome-content{padding-bottom:42px}.welcome-start{min-width:185px;min-height:57px}.welcome-note{font-size:.8125rem;max-width:270px;margin:18px auto 0}.welcome-route{gap:22px;font-size:.8125rem}.welcome-route li{gap:7px}.welcome-halo{width:180vw;top:35%}.welcome-ring{width:170vw;top:35%}.ring-two{width:195vw}.welcome-bottom{padding-top:23px}}
@media(max-height:740px) and (min-width:791px){.welcome{padding-top:32px}.welcome-content{padding-bottom:32px}.welcome-wordmark{font-size:6rem}.welcome-promise{font-size:1.8rem;margin:10px 0 14px}.welcome-description{margin-bottom:22px}.welcome-kicker{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.welcome *,.welcome *:before{animation:none!important;transition:none!important}.welcome-start:hover{transform:none}}
.reduce-motion .welcome *,.reduce-motion .welcome *:before{animation:none!important;transition:none!important}.reduce-motion .welcome-start:hover{transform:none}

/* Continuous ambient motion and short, purposeful interface feedback. */
.welcome-halo{animation:halo-breathe 10s ease-in-out infinite;will-change:transform,opacity}
.welcome-ring:before{animation-duration:32s}.ring-two:before{animation-duration:48s}
.welcome-ring:after{content:'';position:absolute;inset:-5px;border-radius:50%;background:radial-gradient(ellipse 6px 6px at 50% 1%,#b9f9ff 10%,#83d3ff66 45%,transparent 100%);animation:welcome-orbit 32s linear infinite}.ring-two:after{animation-duration:48s;animation-direction:reverse;opacity:.65}
.welcome-wordmark{background-size:200% 200%;animation:welcome-rise .9s .16s ease-out both,wordmark-flow 12s 1s ease-in-out infinite}
.welcome-star{animation:star-drift 9s ease-in-out infinite}.star-two{animation-delay:-3s}.star-three{animation-delay:-6s}
.welcome-start{overflow:hidden;isolation:isolate}.welcome-start:after{content:'';position:absolute;inset:-100% auto -100% -80%;width:35%;background:linear-gradient(90deg,transparent,#fff6,transparent);transform:skewX(-22deg);animation:button-sheen 8s 2s ease-in-out infinite;pointer-events:none;z-index:-1}
.welcome-route li{animation:welcome-rise .6s .5s ease-out both}.welcome-route li:nth-child(2){animation-delay:.65s}.welcome-route li:nth-child(3){animation-delay:.8s}
.typing-wait{display:flex;align-items:center;gap:14px;min-height:28px;color:#b9dce9;font-size:.9375rem}.typing-dots{display:inline-flex;align-items:center;gap:5px;height:18px}.typing-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#9be8eb;animation:typing-dot 1.35s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.16s}.typing-dots i:nth-child(3){animation-delay:.32s}
.msg.is-streaming .typing-content:after{content:'';display:inline-block;width:7px;height:1.05em;margin-left:4px;vertical-align:-.13em;border-radius:2px;background:#a3e7e9;animation:typing-caret 1.2s ease-in-out infinite}
.assistant-panel.is-responding .assistant-symbol{animation:assistant-breathe 2.5s ease-in-out infinite}.assistant-panel.is-responding .chat-form{border-color:#669bac}.msg.is-waiting{animation:message-in .25s ease-out;border-color:#62879c}
.button,.text-button,.icon-button,.filters button,.suggestions button,.nav-link,.catalog-tabs button,.chat-form button{transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
.filters button[aria-pressed=true]{animation:control-select .24s ease-out}.catalog-tabs button{position:relative}.catalog-tabs button:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.catalog-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.search-field,.chat-form,.field-grid input,.field-grid select{transition:border-color .2s,box-shadow .2s,background .2s}.search-field:focus-within{border-color:#8fd4df;box-shadow:0 0 0 3px #85e4e410}.field-grid input:focus,.field-grid select:focus{box-shadow:0 0 0 3px #85e4e410}
dialog[open]{animation:dialog-reveal .24s cubic-bezier(.2,.8,.2,1)}dialog[open]::backdrop{animation:backdrop-reveal .2s ease-out}#ai-options:not([hidden]),[role=tabpanel]:not([hidden]){animation:panel-reveal .23s ease-out}.toast:not([hidden]){animation:toast-reveal .25s ease-out}.step-list .current .step-num{animation:control-select .28s ease-out}.step-list .done .step-num{transition:background .25s,border-color .25s}.review-card,.version-row{transition:transform .22s,border-color .22s,box-shadow .22s}
@media(hover:hover) and (pointer:fine){.button:hover:not(:disabled),.suggestions button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0002}.nav-link:hover{transform:translateX(3px)}.icon-button:hover{transform:rotate(-5deg)}.review-card:hover,.version-row:hover{transform:translateY(-3px);border-color:#56738e}.chat-form button:hover:not(:disabled) .icon{transform:translateX(2px)}.chat-form button .icon{transition:transform .2s}}
@keyframes halo-breathe{0%,100%{opacity:.65;transform:translate(-50%,-50%) scale(.97)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.045)}}
@keyframes wordmark-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes star-drift{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:.9;transform:translateY(-12px)}}
@keyframes button-sheen{0%,65%{left:-80%}90%,100%{left:160%}}
@keyframes typing-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1}}
@keyframes typing-caret{0%,100%{opacity:.3}50%{opacity:.9}}
@keyframes assistant-breathe{0%,100%{box-shadow:0 0 0 0 #85e4e400}50%{box-shadow:0 0 0 5px #85e4e414}}
@keyframes control-select{0%{transform:scale(.94)}65%{transform:scale(1.025)}100%{transform:scale(1)}}
@keyframes dialog-reveal{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes backdrop-reveal{from{opacity:0}to{opacity:1}}
@keyframes panel-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes toast-reveal{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.welcome-start:hover,.button:hover,.suggestions button:hover,.nav-link:hover,.icon-button:hover,.review-card:hover,.version-row:hover{transform:none!important}.typing-content:after{display:none!important}}
.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduce-motion .welcome-start:hover,.reduce-motion .button:hover,.reduce-motion .suggestions button:hover,.reduce-motion .nav-link:hover,.reduce-motion .icon-button:hover,.reduce-motion .review-card:hover,.reduce-motion .version-row:hover{transform:none!important}.reduce-motion .typing-content:after{display:none!important}

/* The welcome becomes the workspace: one continuous, interruptible transition. */
html[data-route-transition]::view-transition{pointer-events:none}
html[data-route-transition]::view-transition-group(root){animation-duration:.56s}
html[data-route-transition]::view-transition-old(root),html[data-route-transition]::view-transition-new(root){mix-blend-mode:normal;backface-visibility:hidden}
html[data-route-transition]::view-transition-old(root){animation:route-leave .24s ease-out both}
html[data-route-transition]::view-transition-new(root){animation:route-arrive .38s cubic-bezier(.16,1,.3,1) both}
html[data-route-transition=launch]::view-transition-old(root){animation:launch-leave .42s cubic-bezier(.4,0,.2,1) both;transform-origin:50% 55%}
html[data-route-transition=launch]::view-transition-new(root){animation:launch-arrive .56s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 40%}
html[data-route-transition=home]::view-transition-old(root){animation:home-leave .32s ease-out both}
html[data-route-transition=home]::view-transition-new(root){animation:home-arrive .52s cubic-bezier(.16,1,.3,1) both}
@keyframes route-leave{to{opacity:0;transform:translateY(-8px)}}
@keyframes route-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes launch-leave{to{opacity:0;transform:scale(1.065) translateY(-12px)}}
@keyframes launch-arrive{from{opacity:0;transform:scale(.975) translateY(24px)}to{opacity:1;transform:none}}
@keyframes home-leave{to{opacity:0;transform:scale(.98)}}
@keyframes home-arrive{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:none}}

/* Lightweight local light, a contained click wave, and a tactile press. */
.motion-control{position:relative;overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent}
.motion-control:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle 85px at var(--glow-x,50%) var(--glow-y,50%),#c5faff29,transparent 100%);opacity:0;transition:opacity .25s;z-index:1}
.motion-control:focus-visible:before{opacity:1}
.control-ripple{position:absolute;display:block!important;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#d9ffff45 0%,#8fe5f022 50%,transparent 71%);transform:translate(-50%,-50%) scale(0);animation:control-wave .58s cubic-bezier(.16,1,.3,1) both;z-index:2}
.welcome-start{animation-fill-mode:backwards;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,scale .18s,border-color .25s}
.welcome-start:before{background:radial-gradient(circle 110px at var(--glow-x,50%) var(--glow-y,50%),#fff9,transparent 100%)}
.welcome-start .icon{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.welcome-start:hover .icon,.welcome-start:focus-visible .icon{transform:translateX(7px)}
.motion-control:not(.welcome-start){transition:transform .25s cubic-bezier(.16,1,.3,1),scale .18s,background .25s,border-color .25s,box-shadow .25s,color .25s}
.motion-control:active:not(:disabled){scale:.965}
:is(button,.button,.welcome-start,.nav-link):focus-visible{outline:2px solid #b5f6f5;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 .motion-control:hover:not(:disabled):before{opacity:1}
 .welcome-start:hover{transform:translateY(-4px);box-shadow:0 0 0 7px #8ee6f013,0 10px 50px #58b1d155,0 0 22px #adfff32b}
 .button.motion-control:hover:not(:disabled),.suggestions .motion-control:hover:not(:disabled){border-color:#8cbfcc;box-shadow:0 6px 20px #0003,0 0 16px #8fe5f012}
 .nav-link.motion-control:hover{box-shadow:inset 2px 0 #85e4e480}
}
@keyframes control-wave{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}15%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
/* Also target snapshot pseudo-elements: global descendant rules do not reach them. */
html.reduce-motion::view-transition-group(root),html.reduce-motion::view-transition-old(root),html.reduce-motion::view-transition-new(root){animation:none!important}
.reduce-motion .control-ripple{display:none!important}.reduce-motion .motion-control{scale:1!important;transform:none!important}
.reduce-motion .welcome-start .icon{transform:none!important}
@media(prefers-reduced-motion:reduce){
 ::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}
 .control-ripple{display:none!important}.motion-control{scale:1!important;transform:none!important}.welcome-start .icon{transform:none!important}
}