/* Precision pass: browser-preview chrome is sourced from Pace's .pacetheme design tokens.
   All page data inside the preview is illustrative; the actual app retains the user's chosen wallpaper & settings. */
body.pace-home .pace-preview{--pv-tab-line:rgba(234,185,109,.13);--pv-tab-active-line:#eab96d;--pv-tab-text:#b9c3d6;--pv-tab-active-text:#f7faff;--pv-addr-line:rgba(234,185,109,.25);--pv-addr-text:#f8f9fd;--pv-bookmarks:rgba(16,23,32,.88);--pv-bg-c1:#eab96d;--pv-bg-c2:#ffdca0;--pv-bg-c3:#18222d;--pv-radius:15px;--pv-radius-lg:21px;--pv-blur:32px;--pv-sat:170%;--pv-glass-hi:rgba(255,255,255,.12)}
/* Chrome geometry: cohesive islands, frosted backdrop, restrained 1px borders. */
body.pace-home .pace-preview .pv-chrome{isolation:isolate}
body.pace-home .pace-preview .pv-tabs{background:var(--pv-chrome);border-bottom-color:var(--pv-tab-line);backdrop-filter:blur(var(--pv-blur)) saturate(var(--pv-sat));height:47px;padding-inline:13px;gap:8px;transition:background .48s ease,border-color .48s ease}
body.pace-home .pace-preview .pv-tab{height:34px;border-radius:var(--pv-radius);background:var(--pv-tab);border:1px solid var(--pv-tab-line);color:var(--pv-tab-text);box-shadow:inset 0 1px 0 var(--pv-glass-hi);transition:background .38s ease,color .38s ease,border-color .38s ease}
body.pace-home .pace-preview .pv-tab.active{background:var(--pv-tab-active);border-color:var(--pv-tab-active-line);color:var(--pv-tab-active-text);box-shadow:inset 0 1px 0 var(--pv-glass-hi),inset 0 -2px var(--pv-tab-active-line)}
body.pace-home .pace-preview .pv-brand{width:25px;height:25px}
body.pace-home .pace-preview .pv-toolbar{height:50px;padding-inline:12px;background:var(--pv-toolbar);border-bottom-color:var(--pv-tab-line);backdrop-filter:blur(var(--pv-blur)) saturate(var(--pv-sat));transition:background .48s ease,border-color .48s ease}
body.pace-home .pace-preview .pv-tool{color:var(--pv-tab-text);border-radius:10px}
body.pace-home .pace-preview .pv-address{height:34px;background:var(--pv-addr);border-color:var(--pv-addr-line);border-radius:var(--pv-radius);color:var(--pv-addr-text);box-shadow:inset 0 1px 0 var(--pv-glass-hi);transition:background .48s ease,border-color .48s ease,color .48s ease}
body.pace-home .pace-preview .pv-bookmarks{height:29px;background:var(--pv-bookmarks);border-color:var(--pv-tab-line);transition:background .48s ease}
body.pace-home .pace-preview .pv-page{inset:126px 0 0;background:linear-gradient(125deg,var(--pv-bg0),var(--pv-bg1));transition:background .55s ease}
/* Actual source uses theme colors in the New Tab's transparent surfaces and an ambient layer.
   We keep the exact bundled signature wallpaper and add a quiet color cast above it. */
body.pace-home .pace-preview .pv-page::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 70% at 12% 7%,var(--pv-bg-c1),transparent 85%),radial-gradient(50% 65% at 100% 86%,var(--pv-bg-c2),transparent 90%),linear-gradient(130deg,var(--pv-bg-c3),transparent);opacity:.19;mix-blend-mode:screen;transition:opacity .6s ease,background .6s ease}
body.pace-home .pace-preview .pv-wallpaper{background-image:linear-gradient(0deg,rgba(8,12,20,.2),rgba(8,12,20,.04)),url('pace-signature.png')!important;background-size:cover!important;background-position:center!important;opacity:1!important;filter:none!important;transition:filter .6s ease,opacity .6s ease}
body.pace-home .pace-preview .pv-newtab{z-index:1}
body.pace-home .pace-preview .pv-search{border:1px solid var(--pv-line);background:var(--pv-glass2);border-radius:var(--pv-radius);box-shadow:inset 0 1px 0 var(--pv-glass-hi),0 12px 28px rgba(4,6,14,.2);color:var(--pv-text);backdrop-filter:blur(var(--pv-blur)) saturate(var(--pv-sat));transition:background .45s ease,border-color .45s ease}
body.pace-home .pace-preview .pv-quick i{background:var(--pv-glass2);border:1px solid var(--pv-line);border-radius:var(--pv-radius);box-shadow:inset 0 1px 0 var(--pv-glass-hi);backdrop-filter:blur(var(--pv-blur)) saturate(var(--pv-sat));transition:background .45s ease,transform .26s cubic-bezier(.2,.9,.2,1),border-color .45s ease}
body.pace-home .pace-preview .pv-weather,body.pace-home .pace-preview .pv-sports{border-color:var(--pv-line);background:var(--pv-glass);border-radius:var(--pv-radius-lg);box-shadow:inset 0 1px 0 var(--pv-glass-hi),0 15px 36px rgba(5,8,15,.15);backdrop-filter:blur(var(--pv-blur)) saturate(var(--pv-sat));transition:background .5s ease,border-color .5s ease}
body.pace-home .pace-preview .pv-weather,.pace-preview .pv-sports{font-variant-numeric:tabular-nums}
body.pace-home .pace-preview .pv-engine-row{display:flex;justify-content:center;gap:5px;margin:-8px 0 -9px;max-width:95%;overflow:hidden}
body.pace-home .pace-preview .pv-engine{padding:5px 10px;border-radius:999px;border:1px solid transparent;color:var(--pv-text3);font-size:9px;font-weight:620;white-space:nowrap}
body.pace-home .pace-preview .pv-engine.selected{border-color:var(--pv-line);background:var(--pv-glass);color:var(--pv-text);box-shadow:inset 0 1px 0 var(--pv-glass-hi)}
body.pace-home .pace-preview .pv-customize{align-self:flex-end;margin:-12px max(2%,calc((100% - 670px) / 2)) -14px 0;padding:3px 9px;border:1px solid var(--pv-line);border-radius:99px;color:var(--pv-text2);background:var(--pv-glass);font-size:9px;backdrop-filter:blur(16px)}
/* Theme theater uses a single coherent framing system; preset changes animate *inside* it. */
body.pace-home .themes-chapter .theme-stage{--stage-acc:#eab96d;border-color:rgba(255,255,255,.17);background:linear-gradient(140deg,#121a29,#0d1220);box-shadow:0 24px 80px rgba(0,0,0,.22)}
body.pace-home .themes-chapter .theme-stage:before{content:'';position:absolute;inset:-22% -14%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,var(--stage-acc),transparent 58%);opacity:.075;filter:blur(60px);transition:background .5s ease}
body.pace-home .themes-chapter .theme-stage-bar{position:relative;z-index:1}
body.pace-home .theme-stage-hint{position:relative;z-index:1;display:block;font-size:11px;line-height:1.4;color:#aeb8ca;padding:0 18px 13px;min-height:28px}
body.pace-home .themes-chapter .theme-stage .pace-preview{position:relative;z-index:1;box-shadow:0 12px 30px rgba(0,0,0,.18);border-color:var(--pv-line)}
body.pace-home .themes-chapter .theme-btn{will-change:auto;transition:background .28s ease,transform .25s cubic-bezier(.2,.9,.2,1),border-color .28s ease,box-shadow .28s ease}
body.pace-home .themes-chapter .theme-btn.active{background:#202b3c;box-shadow:0 0 0 1px var(--theme-selected,rgba(234,185,109,.34)),inset 0 1px rgba(255,255,255,.065)}
body.pace-home .themes-chapter .theme-btn .theme-dot{box-shadow:inset 0 1px rgba(255,255,255,.3),0 0 0 4px rgba(255,255,255,.045)}
body.pace-home .themes-chapter .theme-btn.active .theme-dot{box-shadow:0 0 0 4px var(--theme-selected,rgba(234,185,109,.34)),inset 0 1px rgba(255,255,255,.3)}
body.pace-home .themes-chapter .theme-btn.active em{color:#fff}
/* Motion: premium rather than noisy. Hero enters as a product, sections have one rise rhythm. */
@keyframes paceEntrance{from{opacity:0;transform:translate3d(0,18px,0) scale(.988)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes paceThemeSweep{0%{transform:translateX(-110%);opacity:0}22%{opacity:.25}70%{opacity:.08}100%{transform:translateX(135%);opacity:0}}
@keyframes paceStageFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-3px,0)}}
body.pace-home .flagship-browser-stage .pace-preview{animation:paceEntrance .95s cubic-bezier(.16,1,.3,1) both .15s}
body.pace-home .flagship-browser-stage:before{animation:paceStageFloat 9s ease-in-out infinite}
body.pace-home .theme-stage:after{content:'';position:absolute;z-index:3;pointer-events:none;top:30px;bottom:0;left:0;width:55%;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.055) 50%,transparent 75%);transform:translateX(-130%);opacity:0}
body.pace-home .theme-stage.is-changing:after{animation:paceThemeSweep .72s cubic-bezier(.22,1,.36,1)}
body.pace-home .themes-chapter .theme-btn:focus-visible{outline:2px solid var(--pace-gold,#e9be79);outline-offset:4px}
body.pace-home .editorial-chapter .section-head .kicker{display:inline-flex;align-items:center;gap:12px}
body.pace-home .editorial-chapter .section-head .kicker:before{content:'';width:22px;height:1px;background:currentColor;opacity:.65}
body.pace-home .theme-browser.theme-change{animation:none!important}
@media(min-width:981px){body.pace-home .themes-chapter .theme-browser{height:620px;min-height:620px}}
@media(max-width:660px){
 body.pace-home .pace-preview .pv-tabs{height:43px;padding-inline:7px}
 body.pace-home .pace-preview .pv-toolbar{height:44px;padding-inline:7px}
 body.pace-home .pace-preview .pv-bookmarks{height:27px}
 body.pace-home .pace-preview .pv-page{inset:114px 0 0}
 body.pace-home .pace-preview .pv-engine-row{gap:2px;margin:-6px 0 -6px}
 body.pace-home .pace-preview .pv-engine{font-size:7px;padding:3px 6px}
 body.pace-home .pace-preview .pv-customize{font-size:7px;margin:-9px 4% -11px 0}
 body.pace-home .theme-stage-hint{font-size:9px;padding:0 10px 10px;min-height:26px}
 body.pace-home .themes-chapter .theme-stage-bar strong{font-size:13px}
 body.pace-home .themes-chapter .theme-browser{height:402px;min-height:402px}
}
@media(prefers-reduced-motion:reduce){
 body.pace-home .flagship-browser-stage .pace-preview,body.pace-home .flagship-browser-stage:before,body.pace-home .theme-stage.is-changing:after{animation:none!important}
 body.pace-home .pace-preview :is(.pv-tab,.pv-toolbar,.pv-tabs,.pv-address,.pv-bookmarks,.pv-wallpaper,.pv-page,.pv-weather,.pv-sports,.pv-search,.pv-quick i),body.pace-home .themes-chapter .theme-btn{transition:none!important}
}
/* Last polish: cinematic pointer-follow accent restricted to the interactive theater. */
body.pace-home .themes-chapter .theme-stage:before{background:radial-gradient(ellipse 38% 45% at var(--stage-pointer-x,50%) var(--stage-pointer-y,50%),var(--stage-acc),transparent 82%);opacity:.09;filter:blur(36px);transition:background .5s ease}
body.pace-home .themes-chapter .theme-stage.pace-onstage{animation:paceStageIn .85s cubic-bezier(.16,1,.3,1) both}
@keyframes paceStageIn{from{opacity:.85;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
body.pace-home .themes-chapter .theme-list button.active{transition:transform .25s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease}
body.pace-home .themes-chapter .theme-list button.active:active{transform:scale(.985)}
@media(max-width:660px){
 body.pace-home .themes-chapter .theme-stage-bar{height:38px;padding:0 11px 7px;gap:9px;align-items:center}
 body.pace-home .themes-chapter .theme-stage-bar>span:first-child{display:none!important}
 body.pace-home .themes-chapter .theme-stage-bar:before{content:'LIVE PREVIEW · SAMPLE';color:#aeb8ca;font-size:9px;letter-spacing:.08em;font-weight:740;white-space:nowrap}
 body.pace-home .themes-chapter .theme-stage-bar strong{white-space:nowrap;line-height:1.2;margin-left:auto;font-size:12px}
 body.pace-home .themes-chapter .theme-stage-swatches{display:none}
 body.pace-home .themes-chapter .theme-browser{height:477px!important;min-height:477px!important}
 body.pace-home .themes-chapter .theme-browser .pv-newtab{padding-top:15px;gap:12px}
 body.pace-home .themes-chapter .theme-browser .pv-nt-logo{width:45px;height:45px}
 body.pace-home .themes-chapter .theme-browser .pv-search{height:37px}
 body.pace-home .themes-chapter .theme-browser .pv-quick{gap:8px}
 body.pace-home .themes-chapter .theme-browser .pv-widgets{margin-top:0}
}
@media(prefers-reduced-motion:reduce){body.pace-home .themes-chapter .theme-stage.pace-onstage{animation:none}}

/* Fidelity update: precise tab shape and 8 Quick Access tiles, sourced from Pace 10.6.1. */
body.pace-home .pace-preview .pv-tab{height:30px;border-radius:12px;min-width:136px;padding:0 10px;box-shadow:inset 0 1px 0 var(--pv-glass-hi);position:relative;overflow:hidden}
body.pace-home .pace-preview .pv-tab.active{box-shadow:inset 0 0 0 1px var(--pv-tab-active-line),inset 0 1px 0 var(--pv-glass-hi),0 4px 14px -6px var(--pv-tab-active-line)}
body.pace-home .pace-preview .pv-tab.active::after{content:"";position:absolute;left:6px;right:6px;top:0;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,transparent,var(--pv-tab-active-line),transparent);opacity:.95}
/* New Tab search in the real app does not display a keyboard shortcut badge. */
body.pace-home .pace-preview .pv-search kbd{display:none!important}
/* Pace New Tab source: 80px glass tile, 26px favicon, 9px site name. */
body.pace-home .pace-preview .pv-quick{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;width:100%;max-width:720px;margin:0 auto;flex:0 0 auto}
body.pace-home .pace-preview .pv-quick-item{box-sizing:border-box;display:flex;flex:0 0 80px;width:80px;min-width:0;min-height:74px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 6px;border-radius:14px;border:1px solid var(--pv-line);background-color:var(--pv-glass2);background-image:linear-gradient(145deg,rgba(255,255,255,.035),transparent 58%);background-clip:padding-box;box-shadow:inset 0 1px 0 var(--pv-glass-hi);color:var(--pv-text2);backdrop-filter:blur(var(--pv-blur)) saturate(var(--pv-sat));transition:background-color .35s ease,border-color .35s ease,transform .24s cubic-bezier(.22,.8,.32,1),box-shadow .24s ease}
body.pace-home .pace-preview .pv-quick-item img{display:block;flex:0 0 26px;width:26px;height:26px;object-fit:cover;border-radius:7px;transition:transform .28s cubic-bezier(.2,1.2,.35,1)}
body.pace-home .pace-preview .pv-quick-item .pv-quick-name{display:block;max-width:100%;font-size:9px;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:var(--pv-text2)}
body.pace-home .pace-preview .pv-quick-item:hover{transform:translateY(-3px);background-color:var(--pv-glass);box-shadow:inset 0 1px 0 var(--pv-glass-hi),0 12px 30px rgba(0,0,0,.2)}
body.pace-home .pace-preview .pv-quick-item:hover img{transform:scale(1.10)}
body.pace-home .pace-preview .pv-customize{margin:-12px max(2%,calc((100% - 670px) / 2)) -10px 0}
@media(max-width:850px) and (min-width:661px){body.pace-home .pace-preview .pv-quick{max-width:630px;gap:8px}body.pace-home .pace-preview .pv-quick-item{flex-basis:70px;width:70px;min-height:69px;padding:10px 5px}}
@media(max-width:660px){
 body.pace-home .pace-preview .pv-tab{height:30px;min-width:113px;border-radius:12px}
 body.pace-home .pace-preview .pv-quick{max-width:322px;gap:7px 8px;margin:0 auto}
 body.pace-home .pace-preview .pv-quick-item{flex:0 0 70px;width:70px;min-height:67px;padding:9px 5px;gap:5px;border-radius:12px}
 body.pace-home .pace-preview .pv-quick-item img{width:24px;height:24px;flex-basis:24px;border-radius:6px}
 body.pace-home .pace-preview .pv-quick-item .pv-quick-name{font-size:8px}
 body.pace-home .flagship-browser-stage .pace-preview{min-height:665px}
 body.pace-home .themes-chapter .theme-browser{height:585px!important;min-height:585px!important}
 body.pace-home .pace-preview .pv-newtab{gap:10px!important}
 body.pace-home .pace-preview .pv-customize{margin:-5px 5% -5px 0}
}
@media(max-width:355px){body.pace-home .pace-preview .pv-quick{gap:5px;max-width:260px}body.pace-home .pace-preview .pv-quick-item{flex-basis:58px;width:58px;min-height:60px;padding:6px 3px}}
@media(prefers-reduced-motion:reduce){body.pace-home .pace-preview .pv-quick-item,body.pace-home .pace-preview .pv-quick-item img{transition:none!important}}
/* At phone widths, four columns reproduce Pace's compact, wrapped Quick Access grid. */
@media(max-width:660px) and (min-width:356px){
 body.pace-home .pace-preview .pv-quick-item{flex-basis:64px;width:64px;min-height:65px}
 body.pace-home .pace-preview .pv-quick{max-width:304px;gap:7px}
}
@media(max-width:355px){
 body.pace-home .pace-preview .pv-quick-item{flex-basis:57px;width:57px;min-height:60px}
 body.pace-home .pace-preview .pv-quick{max-width:250px;gap:4px}
}
