:root{
  --navy:#173f70;--blue:#1769c2;--green:#2f945f;--coral:#ed675d;--gold:#d9a514;
  --silver:#8797a4;--bronze:#ad6840;--ink:#263746;--muted:#66798a;--line:#d8e5ed;
  --soft:#f5f9fb;--shadow:0 12px 30px rgba(23,63,112,.10)
}
*{box-sizing:border-box}
body{color:var(--ink)}
button,select,input{font:inherit}
button{cursor:pointer}
.section{width:min(940px,100%);margin:auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:18px;min-height:520px}
.screen{display:none}.screen.show{display:block;animation:fade .2s ease}@keyframes fade{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.intro{margin:8px auto 18px;max-width:700px;text-align:center;color:var(--muted);font-size:1.02rem;font-weight:700}
.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:820px;margin:12px auto 18px}
.mode-card{min-height:164px;padding:18px;border:1px solid #d6e3ec;border-radius:18px;background:#fff;text-align:left;color:var(--ink);box-shadow:0 7px 20px rgba(30,69,105,.07);transition:.16s ease}
.mode-card:hover,.mode-card.pad-focus{transform:translateY(-2px);border-color:#9fc4df;box-shadow:0 10px 24px rgba(30,69,105,.12)}
.mode-card.guided{background:linear-gradient(145deg,#fff,#f0f7ff)}.mode-card.custom{background:linear-gradient(145deg,#fff,#f1fbf6)}.mode-card.challenge{background:linear-gradient(145deg,#fff,#fff8e8)}
.mode-card strong{display:block;margin:8px 0 5px;color:var(--navy);font-size:1.22rem}.mode-card small{display:block;color:var(--muted);line-height:1.45;font-weight:650}.mode-icon{font-size:1.7rem}
.pedagogy-note{display:grid;gap:3px;max-width:820px;margin:0 auto;padding:13px 16px;border:1px solid #e5ddbd;border-radius:14px;background:#fffaf0;color:#625b44;font-size:.86rem;line-height:1.4}.pedagogy-note strong{color:#8b6616}
.screen-head{display:flex;align-items:center;gap:18px;margin-bottom:8px}.screen-head>div{flex:1}.screen-head h2{margin:2px 0;color:var(--navy);font-size:1.55rem}.eyebrow,.section-eyebrow{display:block;color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.back-button{border:1px solid #d4e1ea;border-radius:11px;background:#fff;color:var(--navy);padding:9px 12px;font-weight:850}.back-button:hover,.back-button.pad-focus{background:#eef6fb}
.screen-copy{margin:5px 0 15px;color:var(--muted);font-size:.83rem;line-height:1.45}
.level-group{margin-top:13px}.group-title{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.group-title strong{color:var(--navy);font-size:1.03rem}.group-title span{color:var(--muted);font-size:.78rem}
.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.level-button{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;min-height:74px;padding:10px;border:1px solid #d9e6ed;border-radius:13px;background:#fff;text-align:left;color:var(--ink)}.level-button:hover,.level-button.pad-focus{border-color:#94bfda;background:#f4faff}.level-number{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eaf4fb;color:var(--blue);font-weight:950}.level-button.ternary .level-number{background:#f0ecfb;color:#7657c8}.level-copy strong{display:block;color:var(--navy);font-size:.83rem}.level-copy small{display:block;margin-top:2px;color:var(--muted);font-size:.7rem;line-height:1.25}
.custom-layout{display:grid;gap:12px;max-width:820px;margin:10px auto}.setting-card{border:1px solid #d9e6ed;border-radius:15px;background:#fbfdfe;padding:14px}.setting-card h3{margin:0 0 10px;color:var(--navy);font-size:1rem}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice-row button{min-width:70px;border:1px solid #cbdde8;border-radius:11px;background:#fff;color:var(--navy);padding:9px 13px;font-weight:900}.choice-row button.selected{border-color:var(--blue);background:#eaf4fb;color:#0c579d}.custom-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.custom-cell{position:relative;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:5px;min-height:68px;padding:5px 7px;border:1px solid #d6e3ec;border-radius:11px;background:#fff;color:var(--ink);text-align:left}.custom-cell input{width:17px;height:17px;accent-color:var(--green)}.custom-cell .mini-notation{height:48px;min-width:0}.custom-cell.disabled{opacity:.45}.setting-hint{min-height:18px;margin:8px 0 0;color:#a4554c;font-size:.76rem;font-weight:750}.compact-settings{display:grid;grid-template-columns:1fr 2fr;gap:14px}.compact-settings label{display:grid;gap:6px;color:var(--navy);font-size:.78rem;font-weight:850}.compact-settings select{height:40px;border:1px solid #cbdde8;border-radius:10px;background:#fff;padding:0 10px;color:var(--navy)}.tempo-control{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center}.tempo-control output{min-width:30px;text-align:right;font-weight:950}.tempo-control input{accent-color:var(--blue)}
.primary-action,.next-action{border:0;border-radius:11px;background:var(--blue);color:#fff;min-height:44px;padding:0 18px;font-weight:900}.primary-action{display:block;margin:15px auto 0}.primary-action:disabled{opacity:.45;cursor:not-allowed}
.challenge-card{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:center;max-width:760px;margin:28px auto 12px;padding:22px;border:1px solid #ead9a5;border-radius:18px;background:linear-gradient(145deg,#fff,#fff9e8)}.challenge-medal{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff 0 8%,#f6cf67 14%,#cf9617 72%);box-shadow:inset 0 0 0 6px #ffffff66,0 10px 22px #c68f2430;color:#fff;font-size:2.4rem;font-weight:900}.challenge-card h3{margin:0 0 5px;color:var(--navy)}.challenge-card p,.challenge-card li{color:var(--muted);font-size:.86rem;line-height:1.45}.challenge-card ul{margin:8px 0 0;padding-left:20px}
.game-hud{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pill{padding:7px 10px;border-radius:999px;background:#eaf4fb;color:var(--navy);font-size:.77rem;font-weight:900}.pill.light{background:#f3f6f8;color:#5d7285}.score-pill{margin-left:auto;background:#eef9f2;color:#157445}.progress{height:8px;margin:9px 0 12px;border-radius:99px;background:#e6edf2;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),#58bd81);transition:width .25s ease}
.listen-stage{display:grid;grid-template-columns:minmax(170px,.9fr) minmax(250px,1.1fr) minmax(230px,.9fr);align-items:center;gap:14px;padding:12px 15px;border:1px solid #d8e6ee;border-radius:15px;background:linear-gradient(135deg,#fbfdff,#f0f7fc)}.listen-copy h2{margin:2px 0;color:var(--navy);font-size:1.22rem}.listen-copy p{margin:0;color:var(--muted);font-size:.78rem}.dictation-sound{display:grid;grid-template-columns:minmax(118px,136px) minmax(0,1fr);align-items:center;gap:8px;padding:5px 8px;border:1px solid #d9e5ec;border-radius:12px;background:#fff}.dictation-pitch{width:100%;max-width:136px;height:62px;overflow:hidden}.dictation-pitch svg{display:block;width:100%!important;height:100%!important}.dictation-sound-copy{display:grid;gap:2px}.dictation-sound-copy strong{color:var(--navy);font-size:.78rem}.dictation-sound-copy small{color:var(--muted);font-size:.67rem;line-height:1.25}.listen-actions{display:grid;grid-template-columns:auto 20px;align-items:center;justify-content:end;gap:7px 9px}.listen-button{border:0;border-radius:11px;background:var(--green);color:#fff;padding:11px 16px;font-weight:900;white-space:nowrap}.listen-button:disabled{opacity:.5}.beat-lamp{width:19px;height:19px;border-radius:50%;background:#d9e2e8;box-shadow:inset 0 0 0 4px #fff}.beat-lamp.on{background:var(--coral);box-shadow:0 0 0 6px #ed675d22}.playback-phase{grid-column:1/-1;justify-self:end;min-height:25px;display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#edf3f7;color:#52697c;font-size:.68rem;font-weight:900;white-space:nowrap}.playback-phase[data-phase="count"]{background:#fff0ed;color:#a84b43}.playback-phase[data-phase="piano"]{background:#eaf7ef;color:#167345}
.answer-stage{margin-top:11px;padding:13px 15px;border:1px solid #d8e6ee;border-radius:15px;background:#fff}.answer-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.answer-head h3{margin:2px 0;color:var(--navy);font-size:1rem}.capacity{color:var(--muted);font-size:.76rem;font-weight:850}.entry-measures{display:grid;gap:9px;margin:11px 0}.entry-measure{display:grid;gap:6px;padding:8px;border:2px solid #d6e3eb;border-left:5px solid var(--navy);border-radius:11px;background:#fbfdfe}.entry-pulses{display:grid;gap:5px}.entry-slot{min-height:58px;border:1px dashed #c3d2dc;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden}.entry-slot.filled{border-style:solid;border-color:#b8d7c6;background:#f4fbf7}.entry-slot .mini-notation{width:100%;height:52px}.measure-caption{color:#7b8e9f;font-size:.67rem;font-weight:850;text-align:left}.palette{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding-top:4px}.rhythm-button{display:grid;grid-template-columns:minmax(76px,108px) auto;align-items:center;gap:4px;min-height:59px;border:1px solid #cfe0e9;border-radius:11px;background:#fff;color:var(--navy);padding:4px 8px;font-size:.7rem;font-weight:850}.rhythm-button:hover,.rhythm-button.pad-focus{border-color:#79afd1;background:#f3faff}.rhythm-button .mini-notation{height:45px;min-width:0}.rhythm-button kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:5px;background:#edf2f5;color:#607386;font-size:.62rem}.answer-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:11px}.secondary-action{border:1px solid #cadce7;border-radius:10px;background:#fff;color:#36516c;min-height:39px;padding:0 12px;font-size:.79rem;font-weight:850}.secondary-action:disabled{opacity:.42}.feedback{min-height:34px;margin:8px 0 0;padding:7px 10px;border-radius:10px;text-align:center;font-size:.85rem;font-weight:850;color:#52697c}.feedback.ok{background:#eef9f2;color:#167345}.feedback.near{background:#fff8e7;color:#8a6817}.feedback.no{background:#fff0ee;color:#b64d43}
.correction{margin-top:9px;padding:11px;border:1px solid #d8e5ed;border-radius:14px;background:#f9fbfc}.correction-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.correction-grid article{min-width:0;padding:7px;border:1px solid #e0e9ef;border-radius:11px;background:#fff}.notation-score{width:100%;min-height:118px;overflow:hidden}.notation-score svg{width:100%!important;max-width:100%;height:auto}.correct-score{background:#fbfffc}.question-result{text-align:center;color:#456176;font-size:.79rem;font-weight:800;margin-top:7px}.next-action{display:block;margin:9px auto 0}
/* Résultats : contrat visuel identique aux modules Notalix harmonisés */
#results.show{position:relative;overflow-y:auto;overscroll-behavior:contain}.result-layout{width:min(100%,860px);margin:6px auto 0;display:grid;gap:12px;padding:2px 2px 10px}.award-card{--award:#d9a514;--award-soft:#fff8d9;position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"badge kicker reveal" "badge title reveal" "badge message details";align-items:center;column-gap:14px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--award) 35%,white);border-radius:17px;background:linear-gradient(135deg,#fff,var(--award-soft));overflow:hidden}.award-card[data-award="2"]{--award:var(--silver);--award-soft:#f0f3f5}.award-card[data-award="1"]{--award:var(--bronze);--award-soft:#fff0e6}.award-card[data-award="0"]{--award:#738391;--award-soft:#f3f6f8}.award-card .section-eyebrow{grid-area:kicker;color:var(--award)}.award-badge{grid-area:badge;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff 0 8%,color-mix(in srgb,var(--award) 55%,white) 15%,var(--award) 70%);box-shadow:inset 0 0 0 5px rgba(255,255,255,.4),0 6px 14px color-mix(in srgb,var(--award) 22%,transparent)}.award-badge span{font-size:2.1rem;color:#fff;font-weight:900}.award-title{grid-area:title;font-size:1.5rem;color:var(--award);font-weight:950}.award-message{grid-area:message;margin:2px 0;color:#506779;font-size:.86rem}.score-reveal{grid-area:reveal;align-self:center;border:1px solid color-mix(in srgb,var(--award) 45%,white);border-radius:11px;background:#fff;color:var(--navy);min-height:42px;padding:0 14px;font-weight:900}.score-details{grid-area:details;display:flex;gap:8px;align-items:center;justify-content:flex-end}.score-details[hidden]{display:none!important}.score-details strong,.score-details span,.score-details small{padding:5px 8px;border-radius:9px;background:#fff}.score-details strong{color:var(--award);font-size:1.04rem}.score-details span{font-weight:900;color:var(--navy)}.score-details small{color:var(--muted)}
.learning-report{display:grid;grid-template-columns:minmax(220px,.8fr) 1.4fr auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid #d8e5ed;border-radius:15px;background:#fbfdfe}.learning-report h3{margin:2px 0;color:var(--navy);font-size:.98rem}.learning-report p{margin:0;color:#526a7c;font-size:.8rem;line-height:1.4}.learning-stats{display:grid;gap:5px;text-align:right}.learning-stats span{padding:5px 8px;border-radius:9px;background:#fff;border:1px solid #e0e9ef;color:#587084;font-size:.72rem;font-weight:850;white-space:nowrap}
.result-send{padding:12px 14px;border:1px solid #cfe3d8;border-radius:15px;background:linear-gradient(135deg,#f8fcfa,#f2faf6)}.result-send-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.result-send-head h3{margin:2px 0 4px;color:var(--navy);font-size:1.02rem}.result-send-head p{margin:0;max-width:620px;color:var(--muted);font-size:.8rem;line-height:1.4}.result-send-open,.result-send-submit{border:1px solid #2da76b;border-radius:11px;background:#ecfaf2;color:#08723e;font-weight:900;min-height:40px;padding:0 15px;white-space:nowrap}.result-send-form{margin-top:10px;padding-top:10px;border-top:1px solid #d9e9e0}.result-send-preview{display:grid;gap:3px;margin-bottom:9px;padding:9px 11px;border-radius:11px;background:#fff;border:1px solid #dce8ee;color:#34516b;font-size:.78rem;line-height:1.35}.result-send-preview strong{color:var(--navy)}.result-send-preview small{color:#64798c}.result-send-fields{display:grid;grid-template-columns:1.25fr .65fr 1fr 1fr;gap:9px}.result-send-fields label{display:grid;gap:4px;color:#294864;font-size:.72rem;font-weight:850}.result-send-fields input{width:100%;height:38px;border:1px solid #cbdde8;border-radius:10px;background:#fff;padding:0 10px;color:var(--navy)}.result-recipient-help{margin:7px 0 0;color:#526b80;font-size:.74rem;font-weight:700}.result-send-consent{display:flex;align-items:center;gap:7px;margin-top:8px;color:#36516c;font-size:.76rem}.result-send-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.result-send-cancel{border:1px solid #cadce7;border-radius:11px;background:#fff;color:#36516c;font-size:.8rem;font-weight:850;min-height:38px;padding:0 14px}.result-send-submit{background:#1f9e62;color:#fff;border-color:#1f9e62;min-width:112px}.result-send-status{min-height:16px;margin:6px 0 0;text-align:right;color:#64798c;font-size:.75rem;font-weight:750}.result-send-status[data-kind="success"]{color:#08723e}.result-send-status[data-kind="error"]{color:#b6493e}.result-actions{display:flex;justify-content:center;gap:9px}.result-actions button{border:0;border-radius:10px;padding:10px 16px;font-weight:850;min-width:180px}.result-actions #again{background:var(--blue);color:#fff}.home-result{background:#eef3f6;color:var(--navy)}
.award-celebration{--award:#c89517;position:absolute;inset:0;z-index:30;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at center,color-mix(in srgb,var(--award) 16%,white),rgba(255,255,255,.30) 42%,transparent 70%);opacity:0}.award-celebration[hidden]{display:none!important}.award-celebration[data-award="3"]{--award:#c89517}.award-celebration[data-award="2"]{--award:#8797a4}.award-celebration[data-award="1"]{--award:#ad6840}.award-celebration.play{animation:awardScene 1.55s ease both}.award-celebration .core{position:absolute;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--award) 58%,white),var(--award));color:#fff;font-size:2.7rem;font-weight:950;box-shadow:0 10px 30px color-mix(in srgb,var(--award) 28%,transparent);animation:awardCore .92s cubic-bezier(.18,.85,.22,1.12) .08s both}.award-celebration .ring{position:absolute;width:132px;height:132px;border:3px solid color-mix(in srgb,var(--award) 45%,transparent);border-radius:50%;opacity:0}.award-celebration .r2{width:172px;height:172px}.award-celebration.play .ring{animation:awardRing 1.12s ease-out .28s both}.award-celebration.play .r2{animation-delay:.4s}.award-celebration i{position:absolute;color:var(--award);font-size:1.45rem;font-style:normal;font-weight:950;opacity:0}.award-celebration .n1{transform:translate(-86px,-68px)}.award-celebration .n2{transform:translate(92px,-56px)}.award-celebration .n3{transform:translate(-98px,50px)}.award-celebration .n4{transform:translate(94px,56px)}.award-celebration .n5{transform:translate(0,92px)}.award-celebration.play i{animation:awardNote .78s ease-out .48s both}@keyframes awardScene{0%{opacity:0}12%,72%{opacity:1}100%{opacity:0}}@keyframes awardCore{0%{opacity:0;transform:scale(.35) rotate(-18deg)}70%{opacity:1;transform:scale(1.08) rotate(3deg)}100%{opacity:1;transform:scale(1)}}@keyframes awardRing{0%{opacity:.7;transform:scale(.45)}100%{opacity:0;transform:scale(1.35)}}@keyframes awardNote{0%{opacity:0;scale:.4}35%{opacity:1}100%{opacity:0;translate:0 -28px;scale:1.15}}
.pad-focus{outline:3px solid #f0aa24!important;outline-offset:3px!important}
@media(max-width:900px){.listen-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.listen-copy{grid-column:1/-1}.dictation-sound{min-width:0}.listen-actions{justify-content:stretch;min-width:0}.listen-button{width:100%;white-space:normal}.playback-phase{justify-self:stretch;justify-content:center;white-space:normal;text-align:center}}
@media(max-width:760px){.section{padding:13px;border-radius:16px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:105px;display:grid;grid-template-columns:46px 1fr;grid-template-areas:"icon title" "icon copy";align-items:center;column-gap:7px}.mode-icon{grid-area:icon}.mode-card strong{grid-area:title;margin:0}.mode-card small{grid-area:copy}.level-grid{grid-template-columns:repeat(2,1fr)}.custom-cells{grid-template-columns:repeat(2,1fr)}.compact-settings{grid-template-columns:1fr}.correction-grid{grid-template-columns:1fr}.learning-report{grid-template-columns:1fr}.learning-stats{text-align:left;grid-template-columns:1fr 1fr}.result-send-head{align-items:flex-start;flex-direction:column}.result-send-open{width:100%}.result-send-fields{grid-template-columns:1fr}.result-send-actions>*{flex:1}.result-send-status{text-align:left}}
@media(max-width:560px){.section{min-height:0}.game-hud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.game-hud .pill{justify-content:center;text-align:center;min-width:0}.listen-stage{gap:9px;padding:10px}.listen-copy h2{font-size:1.08rem}.listen-copy p{font-size:.72rem}.screen-head{align-items:flex-start;flex-direction:column;gap:8px}.back-button{width:100%;text-align:left}.level-grid{grid-template-columns:1fr}.game-hud{gap:5px}.score-pill{margin-left:0}.listen-stage{grid-template-columns:1fr}.listen-copy{grid-column:auto}.dictation-sound{grid-template-columns:minmax(104px,120px) minmax(0,1fr);width:100%;box-sizing:border-box}.dictation-pitch{width:100%;max-width:120px;height:58px}.dictation-sound-copy strong{font-size:.74rem}.dictation-sound-copy small{font-size:.63rem}.listen-actions{grid-template-columns:1fr 20px;justify-content:stretch}.listen-button{width:100%}.playback-phase{justify-self:stretch;justify-content:center;white-space:normal;text-align:center}.answer-head{align-items:flex-start;flex-direction:column;gap:4px}.palette{display:grid;grid-template-columns:repeat(2,1fr)}.rhythm-button{grid-template-columns:1fr auto;min-width:0}.answer-actions{display:grid;grid-template-columns:1fr 1fr}.answer-actions button{width:100%}.answer-actions .primary-action{margin:0}.award-card{grid-template-columns:58px 1fr;grid-template-areas:"badge kicker" "badge title" "message message" "reveal reveal" "details details";padding:13px}.award-badge{width:56px;height:56px}.score-reveal{width:100%;margin-top:5px}.score-details{justify-self:stretch;justify-content:center;flex-wrap:wrap}.learning-stats{grid-template-columns:1fr}.result-actions{display:grid}.result-actions button{width:100%}.challenge-card{grid-template-columns:1fr;text-align:center}.challenge-medal{margin:auto}.challenge-card ul{text-align:left}}
@media(max-width:390px){.custom-cells,.palette{grid-template-columns:1fr}.level-button{min-height:66px}.entry-slot{min-height:52px}.dictation-sound{grid-template-columns:96px minmax(0,1fr)}.dictation-pitch{max-width:96px;height:54px}.answer-stage{padding:10px}.entry-measure{padding:6px}.listen-button{padding:10px 12px}.playback-phase{font-size:.64rem}}
@media(orientation:landscape) and (max-height:620px) and (max-width:1000px){.section{padding:10px}.game-hud{margin-bottom:4px}.listen-stage{grid-template-columns:minmax(140px,.8fr) minmax(220px,1.15fr) minmax(210px,.9fr);gap:9px}.listen-copy{grid-column:auto}.dictation-pitch{height:52px}.playback-phase{font-size:.62rem}.intro,.pedagogy-note{margin-top:4px;margin-bottom:9px}.mode-card{min-height:90px}.listen-stage,.answer-stage{padding:8px 11px}.entry-measures{margin:7px 0}.entry-slot{min-height:46px}.entry-slot .mini-notation{height:42px}.rhythm-button{min-height:49px}.rhythm-button .mini-notation{height:38px}.answer-actions{margin-top:7px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}