/* SGP design tokens: one palette, spacing scale, typography and motion system. */
@font-face{font-family:'Samsung SS Body';src:url('/fonts/SamsungSSBody-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Samsung SS Body';src:url('/fonts/SamsungSSBody-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Samsung SS Head';src:url('/fonts/SamsungSSHead-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
:root {
 color-scheme:dark;
 --bg:#000;
 --graphite:#111;
 --surface:#171717;
 --raised:#1f1f1f;
 --hover:#242424;
 --pressed:#2a2a2a;
 --text:#fff;
 --text-soft:#f5f5f5;
 --muted:#a8a8a8;
 --border:#333;
 --border-soft:#303030;
 --accent:#ff0000;
 --accent-dark:#cc0000;
 --accent-light:#ff2a2a;
 --error:#ff8585;
 --accent-tint:#281414;
 --font:'Samsung SS Body',sans-serif;
 --font-head:'Samsung SS Head',sans-serif;
 --display:32px;
 --large:28px;
 --title:20px;
 --subtitle:16px;
 --body:15px;
 --secondary:14px;
 --caption:12px;
 --regular:400;
 --medium:500;
 --semibold:700;
 --s1:4px;
 --s2:8px;
 --s3:12px;
 --s4:16px;
 --s5:20px;
 --s6:24px;
 --s8:32px;
 --s10:40px;
 --s12:48px;
 --r-sm:12px;
 --r-md:16px;
 --r-lg:24px;
 --line:1px solid var(--border);
 --shadow:0 1px 0 rgb(255 255 255 / 3%) inset;
 --micro:140ms;
 --small:180ms;
 --standard:240ms;
 --large-motion:320ms;
 --ease:cubic-bezier(.2,.7,.2,1);
 --safe-top:max(env(safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px));
 --safe-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px));
}

*{box-sizing:border-box}
[hidden]{display:none!important}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

body{margin:0;background:var(--bg);color:var(--text);font:var(--regular) var(--body)/1.5 var(--font);-webkit-font-smoothing:antialiased}

button,input,textarea,select{font:inherit;min-width:0}
button,a,summary,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{cursor:pointer}
button,a{color:inherit}

h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:var(--medium)}
strong,b{font-weight:var(--semibold)}
h2{line-height:1.2;letter-spacing:0}
button,.primary,.pill,.stat b,.score,.report-score{font-family:var(--font-head)}
small{font-size:var(--caption);color:var(--muted)}

svg.icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
[data-icon]{display:inline-flex;align-items:center}
::selection{background:var(--accent-dark);color:white}
:focus-visible{outline:2px solid var(--text);outline-offset:4px}

.shell{width:min(100%,1040px);min-height:100vh;min-height:100dvh;margin:auto;padding:calc(var(--s6) + var(--safe-top) + var(--tg-content-safe-area-inset-top,0px)) max(var(--s4),env(safe-area-inset-right,0px)) calc(var(--s10) + var(--safe-bottom) + var(--tg-content-safe-area-inset-bottom,0px)) max(var(--s4),env(safe-area-inset-left,0px))}

.topbar{display:flex;flex-wrap:wrap;gap:var(--s6);align-items:center;justify-content:space-between;padding:var(--s2) 0 var(--s6)}
.brand{flex:1 1 100%;min-width:0}

.brand-logo{width:212px;height:35px;object-fit:contain;display:block;margin-bottom:var(--s6)}
.brand h1{margin:0;font-size:var(--display);line-height:1.15;letter-spacing:0;font-weight:var(--medium);overflow-wrap:anywhere}

.profile{width:100%;display:flex;align-items:center;gap:var(--s3);padding-top:var(--s5);border-top:var(--line);min-width:0}
.avatar{width:44px;height:44px;flex:0 0 44px;border-radius:var(--r-md);background:var(--raised);display:grid;place-items:center;font-size:var(--secondary);font-weight:var(--medium);border:var(--line)}
.profile-copy{min-width:0;flex:1}
.profile strong{display:block;font-size:var(--secondary);overflow-wrap:anywhere;font-weight:var(--medium)}
.profile span{display:block;color:var(--muted);font-size:var(--caption);overflow-wrap:anywhere}
.brand-mark{color:var(--muted);font-size:var(--caption);letter-spacing:.08em;padding-left:var(--s2)}

.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin:0 0 var(--s6)}
.tab{position:relative;display:flex;gap:var(--s2);align-items:center;justify-content:center;min-height:48px;padding:var(--s3) var(--s2);border-radius:var(--r-md);border:1px solid transparent;color:var(--muted);background:var(--graphite);font-size:var(--caption);font-weight:var(--medium)}
.tab.active{background:var(--raised);color:var(--text);border-color:var(--border)}
.tab.active .icon{color:var(--accent-light)}
.view{display:none}
.view.active{display:block;animation:page-in var(--standard) var(--ease)}

.panel,.hero,.question-panel,.result,.report{background:var(--surface);border:var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);min-width:0}
.panel-head{padding:var(--s5);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s4);border-bottom:1px solid var(--border-soft)}
.panel-head h3{font-size:var(--subtitle);margin:0;font-weight:var(--medium)}
.panel-head small{display:block;margin-top:var(--s1)}
.panel-body{padding:var(--s5);min-width:0}
.eyebrow{font-size:var(--caption);color:var(--muted);font-weight:var(--medium);letter-spacing:.06em}

.hero{position:relative;padding:var(--s6);margin-bottom:var(--s4);overflow:hidden}
.hero::before{content:'';position:absolute;left:var(--s6);top:0;height:2px;width:var(--s8);background:var(--accent)}
.hero h2{margin:var(--s4) 0;max-width:620px;font-size:var(--large);font-weight:var(--medium)}
.hero p{max-width:500px;margin:0;color:var(--muted);font-size:var(--secondary)}
.hero .primary{margin-top:var(--s6);width:100%}
.hero-kicker{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.hero-kicker>[data-icon]{color:var(--muted)}
.hero-specs{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s6);padding-top:var(--s4);border-top:var(--line);color:var(--muted);font-size:var(--caption)}
.hero-specs b{color:var(--text);font-weight:var(--medium);margin-right:var(--s1)}

.primary,.secondary,.ghost,.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:var(--s3) var(--s5);border-radius:var(--r-md);font-weight:var(--medium);font-size:var(--secondary);line-height:1.45;text-align:center;text-decoration:none;border:1px solid transparent;overflow:hidden}
.primary{background:var(--accent);color:var(--text)}
.secondary{background:var(--raised);border:var(--line);color:var(--text-soft)}
.ghost,.icon-btn{background:transparent;color:var(--muted)}
.icon-btn{width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:var(--s3);border-radius:var(--r-sm)}
.danger{color:var(--error);border-color:#573030;background:var(--accent-tint)}

button,a.primary,summary{transition:transform var(--micro) var(--ease),background-color var(--small) var(--ease),border-color var(--small) var(--ease),color var(--small) var(--ease),opacity var(--small) var(--ease)}
button:active:not(:disabled),a.primary:active,summary:active{transform:scale(.98);filter:brightness(.92)}
button:disabled,[aria-disabled='true']{opacity:.42;cursor:not-allowed}
button[aria-busy='true']{opacity:.8;cursor:progress}
button[aria-busy='true']::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:30%;background:currentColor;animation:loading-line 1s var(--ease) infinite}
button[data-state='success']{animation:success-in var(--large-motion) var(--ease)}
button[data-state='error']{border-color:var(--error)}

@media(hover:hover){.primary:hover:not(:disabled){background:var(--accent-dark)}
.secondary:hover:not(:disabled),.ghost:hover,.icon-btn:hover,.tab:hover{background:var(--hover);color:var(--text)}
.answer:hover:not(:disabled){background:var(--hover);border-color:#666}
summary:hover{background:var(--hover)}
}

.grid{display:grid;gap:var(--s4)}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s3)}
.stat{min-width:0;padding:var(--s2) 0}
.stat:nth-child(even){border-left:var(--line);padding-left:var(--s3)}
.stat b{font-size:32px;line-height:1.2;font-weight:var(--medium);letter-spacing:0;display:block;font-variant-numeric:tabular-nums}
.stat:first-child b{color:var(--accent-light)}
.stat span{display:block;font-size:var(--caption);color:var(--muted);margin-top:var(--s2);line-height:1.4;overflow-wrap:anywhere}
.hint{font-size:var(--caption);color:var(--muted);margin:var(--s4) 0 0;line-height:1.6}

.row{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4) 0;border-bottom:var(--line)}
.row:first-child{padding-top:0}
.row:last-child{padding-bottom:0;border-bottom:0}
.row strong{font-size:var(--secondary);font-weight:var(--medium)}
.pill{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s3);border-radius:999px;background:var(--pressed);font-size:var(--caption);white-space:nowrap;color:var(--text-soft)}
.pill.green::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent)}
.pill.gray{color:var(--muted)}

.section-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s4);align-items:center;margin:var(--s8) 0 var(--s5)}
.section-heading h2{font-size:var(--large);font-weight:var(--medium);margin:var(--s2) 0 0}
.spaced{margin-top:var(--s4)}
.testing-controls{padding:var(--s5);margin-bottom:var(--s4);display:flex;flex-direction:column;gap:var(--s5)}
.testing-controls h3{font-size:var(--title);font-weight:var(--medium);margin:var(--s2) 0 var(--s3)}
.testing-controls .hint{max-width:620px}
.testing-controls .eyebrow{display:flex;gap:var(--s2);align-items:center}

.welcome{padding:var(--s8) var(--s6);margin:var(--s2) auto;max-width:680px}
.welcome h2{font-size:var(--display);font-weight:var(--medium);margin:var(--s6) 0 var(--s5)}
.welcome p{color:var(--muted);margin-bottom:var(--s6)}
.welcome .primary,.welcome .secondary{width:100%;margin-top:var(--s2)}
.welcome-symbol{width:48px;height:48px;display:grid;place-items:center;background:var(--raised);border:var(--line);border-radius:var(--r-md);margin-bottom:var(--s6)}
.welcome-symbol .icon{width:24px;height:24px}
.loading-track{height:2px;width:100%;background:var(--border);overflow:hidden;margin-top:var(--s6)}
.loading-track::after{content:'';display:block;width:30%;height:100%;background:var(--accent);animation:loading-line 1s var(--ease) infinite}

.notice{color:var(--error);border:1px solid #573030;background:var(--accent-tint);border-radius:var(--r-md);padding:var(--s4);font-size:var(--secondary);margin-bottom:var(--s5);overflow-wrap:anywhere}
.empty{padding:var(--s5) 0;color:var(--muted);font-size:var(--secondary)}
.empty .icon{display:block;color:var(--muted);margin-bottom:var(--s3)}

.quiz-wrap{max-width:720px;margin:0 auto}
.quiz-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);font-size:var(--secondary);color:var(--muted);margin-bottom:var(--s4)}
.timer{display:flex;align-items:center;gap:var(--s2);font-variant-numeric:tabular-nums;color:var(--text);background:var(--raised);padding:var(--s2) var(--s3);border:var(--line);border-radius:var(--r-sm);min-width:88px}
.timer.warning{color:var(--error);background:var(--accent-tint);border-color:#573030}
.progress{height:4px;background:var(--border);border-radius:var(--r-sm);overflow:hidden;margin:0 0 var(--s5)}
.progress i{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width var(--large-motion) var(--ease)}

.question-panel{padding:var(--s5)}
.question-panel h2{font-size:24px;font-weight:var(--medium);line-height:1.35;overflow-wrap:anywhere;margin:var(--s3) 0 var(--s6)}
.answers{display:grid;gap:var(--s3)}
.answer{position:relative;display:flex;align-items:flex-start;gap:var(--s3);width:100%;min-height:60px;padding:var(--s4);border:var(--line);border-radius:var(--r-md);background:var(--raised);color:var(--text-soft);text-align:left;font-size:var(--secondary);overflow-wrap:anywhere}
.answer.selected{border-color:var(--accent);background:var(--accent-tint)}
.answer .letter{width:28px;height:28px;flex:0 0 28px;border-radius:10px;background:var(--pressed);color:var(--muted);display:grid;place-items:center;font-size:var(--caption);font-weight:var(--medium);transition:background-color var(--small) var(--ease),color var(--small) var(--ease)}
.answer>span:last-child{padding-top:var(--s1)}
.answer.selected .letter{background:var(--accent);color:var(--text)}
.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:var(--s6)}
.quiz-actions .hint{margin:0;max-width:45%}

.result{padding:var(--s8) var(--s6);max-width:650px;margin:var(--s4) auto;text-align:center}
.result-mark{width:64px;height:64px;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--raised);border:var(--line);margin:0 auto var(--s6)}
.result-mark .icon{width:28px;height:28px;color:var(--accent-light)}
#result.active .result-mark{animation:success-in var(--large-motion) var(--ease)}
.result h2{font-size:var(--large);margin:var(--s3) 0;font-weight:var(--medium)}
.score{font-size:72px;font-weight:var(--medium);letter-spacing:0;font-variant-numeric:tabular-nums;margin:var(--s5) 0}
.score>span:first-child{color:var(--accent-light)}
.score-denominator{font-size:24px;letter-spacing:0;color:var(--muted)}
.result p{color:var(--muted);margin-bottom:var(--s6)}
.result .duration-result{color:var(--text-soft);font-variant-numeric:tabular-nums}
.duration-meta{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s2);color:var(--muted);font-size:var(--caption);font-variant-numeric:tabular-nums}
.duration-meta .icon{width:16px;height:16px;flex-basis:16px}
.result .primary{width:100%}

.admin-toolbar{display:flex;flex-wrap:wrap;gap:var(--s3);margin-bottom:var(--s4)}
.field{width:100%;min-height:48px;padding:var(--s3);background:var(--graphite);border:var(--line);border-radius:var(--r-sm);color:var(--text-soft);outline:0;transition:border-color var(--small) var(--ease),background var(--small) var(--ease)}
.field::placeholder{color:var(--muted)}
.field:focus{border-color:var(--text-soft);box-shadow:0 0 0 1px var(--text-soft)}
.field:user-invalid{border-color:var(--error)}
.field:disabled{opacity:.42}

select.field{padding-right:var(--s8);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23a8a8a8' stroke-width='1.5'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
.admin-toolbar .search{flex:1 1 100%}
.admin-toolbar select{flex:1 1 100%;max-width:100%}
.bank-tools,.report-actions{display:flex;flex-wrap:wrap;gap:var(--s2)}
.bank-tools button{flex:1 1 auto}
.report-actions{width:100%}
.report-actions button{flex:1 1 auto}
.export-hint{margin:0 0 var(--s5)}

.question-list{display:grid;gap:var(--s3);margin-top:var(--s5)}
.q-item{padding:var(--s5);background:var(--raised);border:var(--line);border-radius:var(--r-lg);min-width:0}
.q-item h4{font-size:var(--subtitle);line-height:1.5;font-weight:var(--medium);margin:0 0 var(--s2);overflow-wrap:anywhere}
.q-item .answers-preview{font-size:var(--secondary);color:var(--muted);margin:var(--s4) 0;overflow-wrap:anywhere}
.preview-option{display:flex;gap:var(--s2);margin-top:var(--s2)}
.preview-option>span{flex:1}
.preview-option.is-correct{color:var(--text-soft)}
.preview-option .icon{width:16px;height:16px;flex-basis:16px;margin-top:var(--s1)}
.q-item.archived{background:var(--graphite)}
.q-item.archived h4{color:var(--muted)}
.q-item .actions{display:flex;flex-wrap:wrap;gap:var(--s2);padding-top:var(--s4);border-top:var(--line)}
.q-item .actions button{flex:1 1 auto;padding:var(--s3);font-size:var(--caption)}

.table-scroll{width:100%}
table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left}
th,td{padding:var(--s3) var(--s2);border-bottom:var(--line);overflow-wrap:anywhere;font-size:var(--caption);vertical-align:top}
th{color:var(--muted);font-weight:var(--regular)}
th:first-child,td:first-child{padding-left:var(--s4);width:30%}
th:last-child,td:last-child{padding-right:var(--s4)}
tr:last-child td{border-bottom:0}

.report-list{display:grid;gap:var(--s3)}
.report{overflow:hidden}
summary{cursor:pointer;list-style:none;min-height:48px;border-radius:var(--r-md)}
summary::-webkit-details-marker{display:none}
.report summary{padding:var(--s5)}
.report summary::after{content:'Подробнее об ошибках';color:var(--text-soft);display:block;font-size:var(--caption);margin-top:var(--s4)}
.report[open] summary::after{content:'Свернуть';color:var(--muted)}
.report-title{display:flex;gap:var(--s3);justify-content:space-between;align-items:flex-start}
.report-title>div{min-width:0}
.report-title strong{overflow-wrap:anywhere;font-weight:var(--medium)}
.report-meta{font-size:var(--caption);color:var(--muted);margin-top:var(--s2);overflow-wrap:anywhere}
.report-score{font-size:var(--subtitle);color:var(--accent-light);font-weight:var(--medium);white-space:nowrap;font-variant-numeric:tabular-nums}
.mistakes{padding:0 var(--s5) var(--s4);border-top:var(--line)}
.mistake{padding:var(--s4) 0;border-bottom:var(--line);overflow-wrap:anywhere}
.mistake:last-child{border-bottom:0}
.mistake strong{font-size:var(--secondary);font-weight:var(--medium)}
.mistake p{font-size:var(--secondary);margin:var(--s2) 0}
.wrong-answer{color:var(--error)}
.correct-answer{color:var(--text-soft)}
.person-stats{border-bottom:var(--line);padding:var(--s3) 0}
.person-stats:last-child{border-bottom:0}
.person-stats summary{padding:var(--s3);overflow-wrap:anywhere}
.person-stats strong{font-weight:var(--medium)}
.person-stats small{display:block;margin-top:var(--s2)}

dialog{background:var(--surface);color:var(--text);border:var(--line);padding:0;border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:600px;max-height:calc(100vh - 24px);max-height:calc(100dvh - var(--safe-top) - var(--tg-content-safe-area-inset-top,0px) - 24px);margin:auto auto 0;overscroll-behavior:contain;padding-bottom:calc(var(--safe-bottom) + var(--tg-content-safe-area-inset-bottom,0px))}
dialog[open]{animation:sheet-in var(--large-motion) var(--ease)}
dialog::backdrop{background:rgb(0 0 0 / 72%)}
.modal-head{padding:var(--s5);display:flex;align-items:center;justify-content:space-between;gap:var(--s3);border-bottom:var(--line)}
.modal-head h3{font-size:var(--title);font-weight:var(--medium);margin:0}
.form{display:grid;gap:var(--s4);padding:var(--s5)}
.label{display:grid;gap:var(--s2);font-size:var(--caption);color:var(--muted)}
.label .field{font-size:var(--subtitle)}
textarea.field{resize:vertical;min-height:100px}
.options-grid{display:grid;gap:var(--s3)}
.form-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--s3);margin-top:var(--s2)}
.form-foot button{flex:1 1 auto}
.delete-question-text{font-size:var(--subtitle);font-weight:var(--medium);overflow-wrap:anywhere;max-height:30vh;overflow:auto;margin:0}
#deleteQuestionNotice{margin:0;color:var(--muted);font-size:var(--secondary)}
.error-text{color:var(--error);font-size:var(--secondary);margin:0;overflow-wrap:anywhere}
.error-text:empty{display:none}

.toast{position:fixed;z-index:10;bottom:calc(var(--s6) + var(--safe-bottom) + var(--tg-content-safe-area-inset-bottom,0px));left:50%;transform:translate(-50%,8px) scale(.98);width:max-content;max-width:calc(100% - 32px);background:var(--text-soft);color:var(--bg);border-radius:var(--r-md);padding:var(--s4) var(--s5);font-size:var(--secondary);opacity:0;pointer-events:none;transition:transform var(--standard) var(--ease),opacity var(--standard) var(--ease)}
.toast.show{transform:translate(-50%,0) scale(1);opacity:1}

@keyframes page-in{from{opacity:.35;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes sheet-in{from{opacity:0;transform:translateY(32px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes loading-line{from{transform:translateX(-110%)}
to{transform:translateX(440%)}
}
@keyframes success-in{from{transform:scale(.98);opacity:.75}
to{transform:scale(1);opacity:1}
}

@media(min-width:600px){.shell{padding-left:var(--s8);padding-right:var(--s8)}
:root{--display:44px}
.topbar{gap:var(--s8);padding-bottom:var(--s8)}
.brand{flex:1}
.profile{width:auto;max-width:40%;border:0;padding:0}
.brand-mark{display:none}
.tabs{display:flex}
.tab{flex:1;font-size:var(--secondary);padding:var(--s3) var(--s4)}
.hero{padding:var(--s8)}
.hero::before{left:var(--s8)}
.hero h2{font-size:36px}
.hero .primary{width:auto;min-width:240px}
.panel-head,.panel-body,.question-panel{padding:var(--s6)}
.testing-controls{flex-direction:row;align-items:center;padding:var(--s6)}
.testing-controls button{flex:0 0 200px}
.options-grid{grid-template-columns:1fr 1fr}
.form-foot button{flex:0 1 auto}
dialog{border-radius:var(--r-lg);margin:auto;max-height:90vh;max-height:90dvh}
.question-panel h2{font-size:var(--large)}
th,td{padding:var(--s4);font-size:var(--secondary)}
.admin-toolbar .search{flex:2 1 200px}
.admin-toolbar select{flex:1 1 140px}
.report-actions{width:auto}
.q-item .actions button{flex:0 1 auto}
}

@media(min-width:900px){.grid{grid-template-columns:1.15fr 1fr}
#personalStats,#reportSummary{grid-template-columns:repeat(4,minmax(0,1fr))}
#personalStats .stat+.stat,#reportSummary .stat+.stat{border-left:var(--line);padding-left:var(--s3)}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
button:active:not(:disabled),a.primary:active,summary:active{transform:none}
.loading-track::after,button[aria-busy='true']::after{width:100%;opacity:.55}
}