/* Pebblous research UI. Sources: local design-tokens.css; preview/{nav,btn-solid,inputs,cards}.
   The existing chart geometry/layout styles remain; this file owns all shared UI tokens/states.
   Class colors and cosine scales are data encodings, not brand accents. */
:root{
 --pb-primary:#F86825;--pb-primary-hover:#C64900;--pb-primary-pressed:#923401;--pb-primary-soft:#FFF0E6;
 --pb-surface:#fff;--pb-canvas:#F7F7F8;--pb-surface-muted:#F4F4F5;--pb-inverse:#171719;
 --pb-text:#171719;--pb-text-secondary:#585858;--pb-border:#DBDCDF;--pb-divider:#EAEBEC;
 --pb-radius-control:10px;--pb-radius-card:24px;--pb-radius-small:12px;
 --pb-focus:0 0 0 3px rgba(248,104,37,.15);--pb-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.03);
 --pb-space-1:4px;--pb-space-2:8px;--pb-space-3:12px;--pb-space-4:16px;--pb-space-6:24px;--pb-space-8:32px;--pb-space-12:48px;--pb-space-16:64px;
 --pb-font-sans:'Pretendard Variable',Pretendard,-apple-system,sans-serif;--pb-font-display:'Outfit','Pretendard Variable',Pretendard,sans-serif;
 --ink:var(--pb-text);--muted:var(--pb-text-secondary);--paper:var(--pb-canvas);--line:var(--pb-divider);
 --dark:var(--pb-inverse);--teal:var(--pb-primary-pressed);--cyan:var(--pb-primary);--orange:var(--pb-primary);--purple:#70737C;--serif:var(--pb-font-display)
}
html{scroll-padding-top:88px}
body{font-family:var(--pb-font-sans);font-size:1rem;line-height:1.65;background:var(--pb-canvas);-webkit-font-smoothing:antialiased}
button,input,select,svg,.measured-badge,.patch-provenance-row strong{font-family:var(--pb-font-sans)}
h1,h2,h3,h4{color:var(--ink);letter-spacing:-.025em;font-weight:700;line-height:1.35}
h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1rem}
.number,.display,.dataset-summary dd,.count,.token-metrics strong{font-family:var(--pb-font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.wrap{max-width:1440px;padding-left:32px;padding-right:32px}
button,select,input[type=number]{border:1px solid var(--pb-border);border-radius:var(--pb-radius-control);min-height:44px;padding:10px 16px;font-size:.875rem;background:var(--pb-surface);color:var(--ink);line-height:1.4;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}
button{font-weight:600}button:hover{background:var(--pb-surface-muted);border-color:#AEB0B6}button:active{background:var(--pb-divider)}
button:disabled,select:disabled{cursor:not-allowed;color:#70737C;background:var(--pb-surface-muted)}
:where(button,a,select,input,canvas,summary,[tabindex]):focus-visible{outline:2px solid var(--pb-primary);outline-offset:2px;box-shadow:var(--pb-focus)}
input[type=range],input[type=checkbox]{accent-color:var(--pb-primary-pressed)}input[type=range]{min-height:44px}
a{text-decoration-thickness:1px}a:hover{color:var(--pb-primary-hover)}
.caption,.note,.source-link,summary{font-size:.875rem;line-height:1.7}
.section-label,.eyebrow{font-family:var(--pb-font-display);font-size:.75rem;line-height:1.5;font-weight:600;letter-spacing:.08em;color:var(--pb-primary-pressed)}
/* Product navigation: light Header recipe + orange tab indicator, not marketing CTA. */
.masthead{height:72px;padding:0 32px;gap:24px;background:var(--pb-surface);border-bottom:1px solid var(--line);backdrop-filter:none;flex-wrap:nowrap}
.wordmark img{display:block;width:136px;height:auto}
.edition{display:flex;gap:12px;font:.875rem var(--pb-font-display);color:var(--muted);letter-spacing:0;white-space:nowrap}
.edition span{color:#C2C4C8}
.masthead nav{height:100%;align-items:stretch;gap:24px;font-size:.875rem;white-space:nowrap}
.masthead nav a{display:flex;align-items:center;color:var(--muted);border-bottom:3px solid transparent;padding:0 0 1px;min-height:44px}
.masthead nav a[aria-current]{color:var(--ink);border-bottom-color:var(--pb-primary);font-weight:700}
.masthead nav a:hover{color:var(--pb-primary-pressed)}
.opening{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:24px;padding-bottom:24px}
.opening h1{font-size:1.75rem;margin:0 0 4px;letter-spacing:-.03em}.opening h1 .display{color:var(--ink)}
.opening p{font-size:.875rem;color:var(--muted);margin:0}
.dataset-summary{display:flex;gap:32px;margin:0;flex-shrink:0}
.dataset-summary>div{border-left:1px solid var(--pb-border);padding-left:24px}
.dataset-summary dt{font-size:.75rem;color:var(--muted)}
.dataset-summary dd{margin:4px 0 0;font-size:2rem;line-height:1.1;font-weight:600}
.dataset-summary dd span{font-family:Pretendard;font-size:.875rem;letter-spacing:0;margin-left:6px;font-weight:400;color:var(--muted)}
/* One bounded workspace, with the selected image at the same level as the space. */
.explorer-section{padding:0 0 32px;background:var(--pb-canvas);color:var(--ink)}
.workspace-card{background:var(--pb-surface);border:1px solid var(--line);border-radius:var(--pb-radius-card);box-shadow:var(--pb-shadow);overflow:hidden}
.explorer-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:24px 24px 16px}
.explorer-head h2{font-size:1.5rem;margin:4px 0 0}.explorer-head p{font-size:.875rem;color:var(--muted);line-height:1.6;margin:0}
.explorer-toolbar{display:flex;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid var(--line);min-width:0}
.toolbar-label{font:.875rem var(--pb-font-display);color:var(--muted)}.toolbar-note{font-size:.75rem;color:var(--muted);margin-left:auto;white-space:nowrap}
.lens-controls{display:flex;gap:8px;padding:0;flex-wrap:wrap}
.lens-controls button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted);min-width:0;padding:12px;min-height:48px;font-size:.875rem}
.lens-controls button[aria-pressed=true],.lens-controls button[aria-pressed=true]:hover{background:transparent;color:var(--ink);border-bottom-color:var(--pb-primary);font-weight:700}
.explorer-section .lens-controls button:hover{background:var(--pb-surface-muted);color:var(--pb-primary-pressed)}
.explorer-grid{grid-template-columns:minmax(0,1fr) 312px;border:0;padding:16px 24px 0;gap:24px}
.space{display:flex;flex-direction:column;padding:0 16px;background:var(--pb-inverse);color:#fff;border-radius:var(--pb-radius-small);min-width:0;overflow:hidden}
.plot-top{position:static;padding:16px 0 0;gap:12px;color:#C2C4C8;font-size:.75rem;line-height:1.5}
#cloud{height:320px;min-height:320px;flex:1}
.plot-bottom{padding:8px 0 12px;gap:12px;flex-shrink:0;color:#C2C4C8;font-size:.75rem}
.plot-bottom button{min-height:40px;padding:8px 12px;color:#fff;background:#292A2D;border-color:#46474C;font-size:.875rem}
.explorer-section .plot-bottom button:hover{background:#46474C}.plot-bottom>div{display:flex;gap:6px}
.inspector{padding:0;border:0;background:var(--pb-surface);min-width:0}
.inspector-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px}
.inspector-heading h3{font-size:1rem;margin:0}.inspector-heading>span{font-size:.75rem;color:var(--muted)}
.selected-image-button{width:100%;display:block;padding:0;border-radius:var(--pb-radius-small);overflow:hidden;background:var(--pb-surface);border:1px solid var(--pb-border)}
#selectedImageHost{display:block;padding:0;line-height:0}
.selected-image-button img{display:block;width:100%;height:176px;object-fit:contain;background:var(--pb-inverse)}
.selected-image-button>span:last-child{display:block;padding:10px;font-size:.875rem}
.inspector label{color:var(--muted);font-size:.875rem;margin-top:12px}
.inspector select{width:100%;margin:6px 0 0;padding:10px 12px;background:#fff;color:var(--ink);border-color:var(--pb-border);border-radius:var(--pb-radius-control);min-height:44px;font-size:.875rem}
.sample-meta{font-size:.875rem;color:var(--ink);margin:12px 0 0;min-height:0;line-height:1.65}
.sample-patch-status{font-size:.8125rem;color:var(--muted);margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line)}
.patch-inspector-link{font-size:.875rem;color:var(--pb-primary-pressed);margin-top:8px}
.neighbors-panel{margin:0;padding:24px}.neighbor-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.neighbor-title h3{display:flex;align-items:baseline;gap:8px;font-size:1rem;margin:0}
.neighbor-title .count{color:var(--pb-primary-pressed);font-size:1rem}
.neighbor-title>span{font-size:.75rem;color:var(--muted)}
#neighbors{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-top:12px}
.neighbor-row{display:block;width:100%;min-width:0;border:1px solid var(--pb-border);border-radius:var(--pb-radius-small);background:#fff;padding:8px;text-align:left;overflow:hidden;line-height:1.5}
.neighbor-row img{width:100%;height:auto;aspect-ratio:1;display:block;object-fit:contain;background:var(--pb-inverse);border-radius:4px}
.neighbor-row .neighbor-info{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:8px;font-family:var(--pb-font-display);font-size:.875rem}
.neighbor-row .neighbor-info span{display:block}.neighbor-row .neighbor-class{display:block;font-size:.8125rem;color:var(--muted);margin-top:2px;font-weight:400}
.explorer-section .neighbor-row:hover{background:#fff;border-color:var(--pb-primary)}.overlap{color:var(--muted);font-size:.8125rem;margin-top:12px}
.plot-caption{display:flex;align-items:start;gap:24px;padding:16px 24px;border-top:1px solid var(--line);background:var(--pb-canvas);margin:0}
.legend{font-size:.8125rem;color:var(--ink);gap:16px;margin:0}.legend i{width:9px;height:9px}
.plot-caption p{font-size:.8125rem;color:var(--muted);line-height:1.7}
.sample-image-error{padding:16px;min-height:80px;color:#C00214;display:grid;place-items:center;font-size:.875rem;line-height:1.5}
#dataError{margin:16px 24px;padding:16px;border:1px solid #CF1D21;border-radius:12px;color:#C00214}
/* Report chapters share the same spacing, cards, type and interaction states. */
#reportBody{background:#fff;border-top:1px solid var(--line)}
.report-section{padding-top:64px;padding-bottom:64px;scroll-margin-top:0}
.section-intro{gap:48px;margin:16px 0 32px}.section-intro h2{font-size:1.75rem;line-height:1.4}.section-intro p{font-size:1rem;line-height:1.75}
.section-intro p:last-child{margin-bottom:0}.two-col{gap:32px}
.figure,.role-boundary,.patch-method{padding:24px;border:1px solid var(--line);border-radius:var(--pb-radius-card);background:#fff;box-shadow:none}
.figure-title{font-size:1rem;margin-bottom:24px;align-items:start}.sim-label,.measured-badge,.synthetic-badge{font-family:Pretendard;font-size:.75rem;font-weight:600;line-height:1.5;letter-spacing:0}
.measured-badge,.synthetic-badge{display:inline-block;margin-left:12px;padding:4px 8px;border:1px solid var(--pb-border);border-radius:4px;color:var(--pb-primary-pressed);background:#fff}
.synthetic-badge{color:var(--muted);border-style:dashed}.sim-label{color:var(--muted)}
.real-patches{background:#fff}.gram-section{background:var(--pb-canvas);border-top:1px solid var(--line)}
.note{border-left:3px solid var(--pb-primary);padding:8px 0 8px 20px;margin:24px 0;color:var(--muted)}
.formula{font-family:var(--pb-font-display);font-size:1.25rem}.source-link,summary,.download{color:var(--pb-primary-pressed)}
summary{min-height:44px;padding:10px 0}.download{min-height:48px}
.patch-sample,.patch-neighbors button{border-radius:var(--pb-radius-small);border:1px solid var(--pb-border);background:#fff}
.patch-sample{padding:12px}.patch-sample img{border-radius:4px}
.patch-sample strong{color:var(--ink);font-size:.875rem}.patch-sample span{font-size:.875rem}.patch-sample small{font-size:.75rem}
.patch-sample[aria-pressed=true]{background:#fff;border:2px solid var(--pb-primary);padding:11px;outline:0}
.patch-sample[aria-pressed=true] strong{color:var(--pb-primary-pressed)}
.patch-sample:hover{background:var(--pb-surface-muted);border-color:var(--pb-primary)}.patch-sample[aria-pressed=true]:hover{background:#fff}
.patch-statusbar{margin:24px 0;padding:16px 0;gap:16px}
.patch-triptych{gap:24px}.patch-triptych figcaption{font-size:1rem}
.patch-image-frame{border:1px solid var(--pb-border);border-radius:var(--pb-radius-small);overflow:hidden;background:var(--pb-inverse)}
.patch-image-frame>canvas:focus-visible{outline-offset:-3px}
.patch-reference canvas{border-color:var(--pb-primary);border-radius:8px}
.patch-reference>div>span:last-child{font-size:.8125rem}.patch-position input[type=number]{border-color:var(--pb-border);border-radius:10px;min-height:44px}
.patch-overlay-label{min-height:44px}.patch-results{gap:32px}
.patch-triptych .caption,.patch-results p.caption,.patch-method .caption,.patch-neighbor-heading span{font-size:.875rem}
.patch-unavailable{border:1px dashed var(--pb-border);border-radius:12px;padding:24px;background:var(--pb-canvas)}
.patch-values td[data-reference=true]{background:var(--pb-primary-soft);color:var(--pb-primary-pressed)}
.patch-color-scale i{background:linear-gradient(90deg,#6096D5,#F4F4F5)}.patch-color-scale i:last-of-type{background:linear-gradient(90deg,#F4F4F5,#F86825)}
.token-metrics span{font-size:.75rem}.token-strip{gap:8px;flex-wrap:wrap}.token-strip button{font-size:.875rem}
.token-strip [aria-pressed=true],.image-dialog-controls [aria-pressed=true]{background:var(--pb-primary-soft);border-color:var(--pb-primary);color:var(--pb-primary-pressed)}
.token-strip [aria-pressed=true]:hover,.image-dialog-controls [aria-pressed=true]:hover{background:#FFDCCF}
.pipeline span{border-radius:12px;font-size:1rem}.pipeline b{font-size:.8125rem}
.flow-branches{border-color:var(--pb-border)}.flow-model{border-color:var(--pb-border);border-radius:12px}
.flow-model:before{background:var(--pb-border)}.teacher{border-left-color:var(--pb-primary)}.teacher span{color:var(--pb-primary-pressed)}
.student{border-left-color:#70737C}.student span{color:var(--muted)}.flow-model span{font-size:.8125rem}
.chart-legend{font-size:.8125rem}
.objective-tabs{gap:8px;border:0;margin-top:32px}.objective-tabs button{border:1px solid var(--pb-border);border-radius:12px;padding:16px;font-size:1.125rem}
.objective-tabs [aria-pressed=true]{background:var(--pb-primary-soft);border-color:var(--pb-primary);color:var(--pb-primary-pressed)}
.objective-tabs [aria-pressed=true] span{color:var(--pb-primary-pressed)}.objective-tabs small{font-size:.875rem}
.objective-detail{gap:32px}.objective-detail h3{font-size:1.5rem}
.gram-lab{border-color:var(--pb-border);gap:32px}.gram-loss{border-color:var(--pb-border)}
.matrix-panel canvas{border-color:var(--pb-border);border-radius:8px}.matrix-panel h4{font-size:1rem}
.matrix-scale{font-size:.8125rem}.matrix-scale i{background:linear-gradient(90deg,#6096D5,#F4F4F5,#F86825)}
.family-layout,.evidence-detail{gap:32px}.training-timeline,.training-timeline b{border-color:var(--pb-border)}
.model-table .emphasis{background:#FFF9F5;color:var(--pb-primary-pressed)}
th{font-weight:600}td,th{font-size:.875rem}.table-scroll table{font-size:.8125rem}.table-scroll td,.table-scroll th{font-size:inherit;padding:8px}
.evidence-chain span{font-size:.8125rem}.evidence-chain p{font-size:.875rem}
.provenance,.patch-provenance-row code{font: .8125rem/1.8 var(--pb-font-display);overflow-wrap:anywhere}
.source-list span{font-size:.875rem}.light{color:var(--muted)}
footer{border-top:1px solid var(--line);font-size:.875rem;gap:24px}
/* Original-image dialog uses the same card/field controls. */
.image-dialog-open{overflow:hidden}
#imageDialog{width:min(800px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--pb-border);border-radius:24px;color:var(--ink);background:#fff;overflow:auto;box-shadow:0 16px 48px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.04)}
#imageDialog::backdrop{background:rgba(23,23,25,.7)}
.image-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.image-dialog-header h2{font-size:1.25rem;margin:0}
.image-dialog-controls{display:flex;gap:8px;margin:16px 0}
#imageDialogHost{width:100%;height:min(500px,55dvh);overflow:auto;background:var(--pb-inverse);overscroll-behavior:contain;border:1px solid var(--pb-border);border-radius:8px}
#imageDialogHost img{display:block;max-width:none;margin:0 auto;object-fit:contain}
#imageDialogHost[data-scale=fit] img{width:100%;height:100%}
#imageDialogHost[data-scale='100'] img{width:500px;height:500px}
#imageDialogHost[data-scale='200'] img{width:1000px;height:1000px}
#imageDialogNote{font-size:.875rem;color:var(--muted);margin:12px 0}
#imageDialog details{font-size:.8125rem;overflow-wrap:anywhere;word-break:break-all}#imageDialog details p{margin:8px 0}#imageDialogHash{font-family:var(--pb-font-display)}
@media(max-width:1100px){
 .edition{display:none}.dataset-summary{gap:16px}.dataset-summary>div{padding-left:16px}
 .explorer-grid{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.toolbar-note{display:none}
 #neighbors{grid-template-columns:repeat(4,minmax(0,1fr))}.selected-image-button img{height:184px}
 .plot-bottom{flex-wrap:wrap}.section-intro{gap:32px}
}
@media(max-width:760px){
 .wrap{padding-left:20px;padding-right:20px}
 .masthead{height:auto;min-height:100px;padding:12px 20px 0;flex-wrap:wrap;gap:8px;align-content:start}
 .wordmark img{width:116px}.edition{display:flex;margin-left:auto;font-size:.75rem}
 .masthead nav{width:100%;margin:0;gap:16px;overflow-x:auto;height:44px;font-size:.875rem}
 .masthead nav a{flex-shrink:0}.masthead nav::-webkit-scrollbar{height:2px}
 html{scroll-padding-top:120px}
 .opening{display:block;padding-top:24px;padding-bottom:20px}.opening h1{font-size:1.5rem}.opening p{font-size:.875rem}
 .dataset-summary{gap:24px;margin-top:20px}.dataset-summary>div{padding-left:16px}.dataset-summary>div:first-child{border:0;padding:0}.dataset-summary dd{font-size:1.5rem}
 .explorer-head{align-items:start;display:block;padding:20px 16px 12px}.explorer-head h2{font-size:1.25rem}.explorer-head p{margin-top:8px}.explorer-head p br{display:none}
 .workspace-card{border-radius:16px}.explorer-toolbar{display:block;padding:0 16px}.toolbar-label{display:none}
 .lens-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.lens-controls button{font-size:.875rem;padding:10px 4px;min-height:44px}
 .explorer-grid{grid-template-columns:1fr;gap:16px;padding:16px}
 .inspector{grid-row:1;padding:0;border:0;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:0 12px}
 .inspector-heading{grid-column:1/-1}.inspector-heading h3{font-size:1rem}
 .selected-image-button{grid-column:2;grid-row:2/5;width:112px;float:none;margin:0;align-self:start}
 .selected-image-button img{height:112px}.selected-image-button>span:last-child{font-size:.8125rem;padding:8px 4px}
 .inspector label{grid-column:1;margin:0}.inspector select{grid-column:1;width:100%;margin:4px 0 0;align-self:start}
 .sample-meta{grid-column:1;min-height:0;font-size:.8125rem;margin-top:8px}
 .sample-patch-status,.patch-inspector-link{grid-column:1/-1;clear:none}
 .space{grid-row:2;padding:0 12px}#cloud{height:280px;min-height:280px;flex:none}
 .plot-top{font-size:.75rem}.plot-bottom{gap:8px}.plot-bottom>span{font-size:.75rem}
 .plot-bottom button{min-height:44px}.neighbors-panel{padding:8px 16px 16px}.neighbor-title{align-items:start;flex-wrap:wrap;gap:4px}
 #neighbors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.neighbor-row .neighbor-info{font-size:.875rem}
 .plot-caption{display:block;padding:16px}.legend{flex-wrap:wrap;gap:12px;margin-bottom:8px}.plot-caption p{font-size:.8125rem}
 .report-section{padding-top:48px;padding-bottom:48px}.section-intro,.two-col{grid-template-columns:1fr;gap:20px}.section-intro h2{font-size:1.5rem}
 .figure,.role-boundary,.patch-method{padding:20px;border-radius:16px}.figure-title{flex-wrap:wrap;gap:8px}
 .measured-badge,.synthetic-badge{margin:8px 0 0;display:table}
 .patch-sample{padding:8px;grid-template-columns:1fr}.patch-sample[aria-pressed=true]{padding:7px}.patch-sample img{grid-row:auto}.patch-sample strong{margin-top:8px}
 .patch-triptych{grid-template-columns:1fr;gap:24px}.patch-controls{align-items:start;flex-direction:column}.patch-results{grid-template-columns:1fr;gap:16px}
 .patch-position{gap:12px}.patch-neighbors{grid-template-columns:repeat(2,1fr)}
 .objective-tabs{grid-template-columns:repeat(2,1fr)}.objective-tabs button{padding:16px;font-size:1rem}
 .objective-detail,.gram-lab,.gram-principle,.family-layout,.evidence-detail,.resolution-cost{grid-template-columns:1fr;gap:24px}
 .matrices{gap:0 12px}.matrix-panel h4{font-size:.875rem;display:block}.matrix-panel h4 span{display:block}.matrix-scale{font-size:.75rem}
 .evidence-figure{padding:16px}.evidence-detail>div{min-width:0;overflow-x:auto}
 .evidence-chain{grid-template-columns:1fr 1fr}.evidence-chain p{font-size:.875rem}
 #imageDialog{padding:16px;border-radius:16px}.image-dialog-header h2{font-size:1.125rem}.image-dialog-controls button{padding:8px 10px}
}
@media(max-width:370px){
 .wrap{padding-left:12px;padding-right:12px}.masthead{padding-left:16px;padding-right:16px}
 .edition{display:none}.dataset-summary{gap:16px}.dataset-summary>div{padding-left:12px}
 .inspector{grid-template-columns:minmax(0,1fr) 96px}.selected-image-button{width:96px}.selected-image-button img{height:96px}
 .inspector-heading>span{font-size:.75rem}.plot-top{flex-wrap:wrap;gap:4px}
 .neighbor-row .neighbor-info{display:block}.neighbor-row .neighbor-info span{display:block}
 .token-strip button{min-width:64px}.figure{padding:16px}.patch-layout{gap:12px}.token-metrics strong{font-size:1.5rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}