@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-latin-400-normal-q-RKOgPK.woff2) format("woff2"),url(/assets/jost-latin-400-normal-C7S-3Ky6.woff) format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-latin-500-normal-41lBe9I9.woff2) format("woff2"),url(/assets/jost-latin-500-normal-B-AtzreL.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jetbrains-mono-latin-600-normal-C8RAYTDA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-600-normal-BfsvjouI.woff) format("woff")}:root{font-family:Jost,sans-serif;color:#111827;background:#eceef0;font-synthesis:none;--primary: #d4ed57;--secondary: #ffffff;--accent: #5a6a18;--background: #eceef0;--surface: #dce8ad;--surface-soft: #f5f6f7;--text: #111827;--muted: #4b5563;--border: #2a2b22;--danger: #913c35;--card-radius: 16px;--control-radius: 8px}*{box-sizing:border-box}html{background:var(--background)}body{margin:0;min-width:320px;min-height:100dvh;background:var(--background)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid var(--accent);outline-offset:3px}.app-shell{min-height:100dvh;background:linear-gradient(145deg,rgba(255,255,255,.64),transparent 42%),var(--background)}.topbar{width:min(1200px,calc(100% - 40px));height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.brand-mark{width:44px;height:44px;position:relative;flex:0 0 auto}.lotus-petal{position:absolute;border:2px solid var(--accent);background:transparent}.lotus-petal-center{left:50%;top:6px;width:11px;height:21px;border-radius:55% 55% 48% 48%;transform:translate(-50%)}.lotus-petal-left{left:8px;top:15px;width:17px;height:11px;border-radius:55% 12% 55% 55%;transform:rotate(18deg)}.lotus-petal-right{right:8px;top:15px;width:17px;height:11px;border-radius:12% 55% 55%;transform:rotate(-18deg)}.lotus-base{position:absolute;left:9px;right:9px;bottom:8px;height:8px;border-bottom:2px solid var(--accent);border-radius:0 0 50% 50%}.brand-wordmark{display:grid;gap:0;font-family:Jost,sans-serif;font-weight:500}.brand-prefix{color:var(--accent);font-size:9px;line-height:1;letter-spacing:.14em;text-transform:uppercase}.brand-name{font-size:22px;line-height:1.02;letter-spacing:.025em}.mode-button{min-height:44px;border:1px solid var(--border);color:var(--text);background:var(--secondary);border-radius:var(--control-radius);padding:0 17px;font:600 12px/1 JetBrains Mono,monospace;cursor:pointer;box-shadow:3px 3px 0 var(--border);transition:transform .16s ease,box-shadow .16s ease}.mode-button:hover{background:var(--primary)}.mode-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border)}.page{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:72px 0 80px}.login-page{width:min(900px,calc(100% - 40px));min-height:calc(100dvh - 72px);margin:0 auto;padding:80px 0;display:grid;grid-template-columns:1fr 400px;align-items:center;gap:72px}.login-intro h1{max-width:8ch}.login-intro>p:last-child{max-width:34ch;color:var(--muted);font-size:16px;line-height:1.7}.login-card{padding:28px;display:grid;gap:22px;border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface);box-shadow:6px 6px 0 var(--border)}.login-card .primary-button{width:100%}.login-error{margin:-5px 0 0;padding:11px 12px;border:1px solid var(--danger);border-radius:var(--control-radius);background:#f8e1df;color:#6e2924;font:600 12px/1.5 JetBrains Mono,monospace}.demo-access{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.student-page{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(460px,1.45fr);grid-template-areas:"intro sessions" "help sessions";align-items:start;gap:28px 72px}.intro{grid-area:intro;max-width:510px;position:sticky;top:40px}.eyebrow{color:var(--accent);font:600 12px/1.2 JetBrains Mono,monospace;letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px}h1{max-width:10ch;margin:0 0 22px;color:var(--text);font:500 clamp(42px,5vw,64px)/1.04 "Inter",sans-serif;letter-spacing:-.045em}.intro>p:last-child,.admin-heading p,.create-box p{color:var(--muted);font-size:16px;line-height:1.7;margin:0}.session-list{grid-area:sessions;display:grid;gap:16px;margin:0}.session-card,.create-box,.admin-session,.help-box{border:1px solid var(--border);border-radius:var(--card-radius)}.session-card{padding:26px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:var(--secondary);box-shadow:6px 6px #2a2b22eb;transition:transform .2s ease,box-shadow .2s ease}.session-card:hover{transform:translateY(-3px);box-shadow:6px 9px #2a2b22eb}.session-card-full{border-color:#aeb2af;background:var(--secondary);box-shadow:none}.session-card-full:hover{transform:none;box-shadow:none}.session-card-full .session-date>span,.session-card-full .session-date strong,.session-card-full .session-date small,.session-card-full .availability,.session-card-full .availability small,.session-card-full .attendee-details summary{color:#727873}.session-card-full .places{border-color:#aeb2af;background:#d2d6d3;color:#727873}.session-card-full .attendee-details{border-color:#aeb2af}.session-card-full .attendee-details li{border-color:#b8bcb9;background:#eef0ef;color:#727873}.session-card-full .attendee-details li:before{color:#727873}.session-date{display:grid;gap:7px}.session-date>span{color:var(--text);text-transform:capitalize;font:600 12px/1.2 JetBrains Mono,monospace}.session-date strong{color:var(--text);font:500 44px/1 Inter,sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.session-date small,.availability small{color:var(--muted);font:600 11px/1.3 JetBrains Mono,monospace}.availability{grid-column:2;grid-row:1;display:flex;align-items:center;gap:11px}.availability>span:last-child{display:grid;gap:3px;font:600 12px/1.3 JetBrains Mono,monospace}.places{min-width:58px;height:44px;padding:0 14px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9999px;color:var(--text);background:var(--primary);font:700 24px/1 Inter,sans-serif}.places-low{background:#f0c971;color:var(--text)}.primary-button,.danger-button{min-height:54px;border:1px solid var(--border);border-radius:var(--control-radius);padding:0 22px;color:var(--text);font:600 13px/1 JetBrains Mono,monospace;cursor:pointer;box-shadow:3px 3px 0 var(--border);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{background:var(--primary)}.primary-button:hover{background:#e0f57b}.primary-button:active,.danger-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border)}.primary-button:disabled{color:#59615c;background:#c9cdcb;cursor:not-allowed;box-shadow:none}.session-card .primary-button{grid-column:1 / -1}.class-full-message{grid-column:1 / -1;min-height:54px;margin:0;display:grid;place-items:center;border:1px solid #aeb2af;border-radius:var(--control-radius);background:#d2d6d3;color:#656b67;font:600 13px/1 JetBrains Mono,monospace}.cancel-link{grid-column:1 / -1;min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--text);font:600 12px/1.4 JetBrains Mono,monospace;text-decoration:underline;text-underline-offset:4px}.session-card-full .cancel-link{color:#565c57}.attendee-details{grid-column:1 / -1;margin-top:2px;border-top:1px solid rgba(42,43,34,.55);padding-top:18px}.attendee-details summary{min-height:44px;display:flex;align-items:center;color:var(--text);font:600 12px/1.4 JetBrains Mono,monospace;cursor:pointer}.attendee-details summary:before{content:"+";width:26px;margin-right:7px;font:500 20px/1 Inter,sans-serif}.attendee-details[open] summary:before{content:"-"}.attendee-details ul{margin:8px 0 2px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;list-style:none;counter-reset:attendees}.attendee-details li{counter-increment:attendees;min-height:38px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(42,43,34,.4);border-radius:var(--control-radius);background:#ffffff80;font:500 15px/1.3 Inter,sans-serif}.attendee-details li:before{content:counter(attendees);min-width:20px;color:var(--accent);font:600 10px/1 JetBrains Mono,monospace}.attendee-details p{margin:8px 0 2px;color:var(--muted);font-size:14px}.help-box{grid-area:help;margin:4px 0 0;padding:20px 22px;display:grid;gap:7px;background:var(--secondary)}.help-box strong{font:700 17px/1.2 Inter,sans-serif}.help-box span{color:var(--muted);font-size:13px;line-height:1.7}.help-box a{margin-top:6px;min-height:38px;display:flex;align-items:center;color:var(--accent);font:600 12px/1.2 JetBrains Mono,monospace}.admin-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.admin-heading h1{max-width:none}.admin-overview{margin-top:36px;display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,.75fr));gap:14px}.summary{min-width:0;padding:22px 24px;border:1px solid var(--border);border-radius:var(--card-radius);display:grid;gap:6px;background:var(--primary);box-shadow:4px 4px 0 var(--border)}.summary strong{font:500 42px/1 Inter,sans-serif}.summary span{font:600 11px/1.3 JetBrains Mono,monospace;text-transform:uppercase}.summary-secondary{align-content:center;padding:16px 18px;background:var(--secondary);border-color:#a8aca9;box-shadow:none}.summary-secondary strong{font-size:26px;color:var(--muted)}.summary-secondary span{font-size:9px;color:var(--muted)}.create-box{margin-top:42px;padding:26px;display:grid;grid-template-columns:minmax(180px,1fr) 175px 184px 90px auto;align-items:end;gap:16px;background:var(--surface)}.create-intro{align-self:center}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.create-box h2,.section-title,.modal h2{font-family:Inter,sans-serif}.create-box h2{margin:0 0 7px;font-size:23px;letter-spacing:-.025em}label{display:grid;gap:8px;color:var(--text);font:600 12px/1.2 JetBrains Mono,monospace}input,select{width:100%;min-height:52px;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--secondary);color:var(--text);padding:0 12px;font-family:Inter,sans-serif;font-size:16px}select{cursor:pointer}label small{color:var(--muted);font-family:Jost,sans-serif;font-size:13px;font-weight:400;line-height:1.6}.section-heading{margin:48px 0 18px;display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.section-title{margin:0;font-size:27px;letter-spacing:-.025em}.admin-sessions{display:grid;gap:14px}.admin-session{overflow:hidden;background:var(--secondary)}.admin-session-header{width:100%;min-height:90px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;border:0;background:var(--secondary);text-align:left;padding:20px 24px;cursor:pointer;color:var(--text)}.admin-session-header>span:first-child{display:grid;justify-items:start;gap:6px;text-transform:capitalize}.admin-session-header strong{font:700 19px/1.2 Inter,sans-serif}.admin-session-header small{color:var(--muted);font:600 11px/1.3 JetBrains Mono,monospace}.status-label{padding:4px 7px;border-radius:9999px;background:var(--primary);color:var(--text);font:600 9px/1 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.04em}.status-cancelled{background:#d2d6d3;color:#656b67}.admin-session-cancelled{border-color:#aeb2af;background:#e4e6e5;box-shadow:none}.admin-session-cancelled .admin-session-header{background:#e4e6e5;color:#727873}.admin-session-cancelled .admin-session-header strong,.admin-session-cancelled .admin-session-header small,.admin-session-cancelled .chevron{color:#727873}.admin-session-cancelled .booking-panel{background:#eceeed;color:#727873}.admin-session-cancelled .booking-list li,.admin-session-cancelled .add-attendee-form{background:#f1f2f1;border-color:#c1c5c2}.admin-session-cancelled .booking-list strong,.admin-session-cancelled .panel-heading h3,.admin-session-cancelled .panel-heading span{color:#727873}.admin-session-cancelled .panel-actions button{color:#656b67;border-color:#aeb2af;background:#f1f2f1}.admin-free{background:var(--primary);border:1px solid var(--border);padding:9px 13px;border-radius:9999px;color:var(--text);font:600 11px/1 JetBrains Mono,monospace}.admin-full{background:#d6d9dc}.chevron{color:var(--accent);font:600 11px/1 JetBrains Mono,monospace;text-decoration:underline}.card-reminder{padding:14px 18px 18px;border-top:1px solid var(--border);background:var(--surface)}.card-reminder .primary-button{width:100%;min-height:48px}.booking-panel{border-top:1px solid var(--border);padding:20px 24px 26px;background:var(--surface-soft)}.panel-heading{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading h3{margin:0;font:700 18px/1.2 Inter,sans-serif}.panel-heading span{color:var(--muted);font:600 11px/1 JetBrains Mono,monospace}.panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.panel-actions button,.booking-list button{min-height:44px;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--secondary);color:var(--text);padding:10px 12px;font:600 11px/1.2 JetBrains Mono,monospace;cursor:pointer}.panel-actions button{color:#6e2924;border-color:#b77771;background:#f8e1df}.add-attendee-form{margin-top:18px;padding:16px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface)}.add-attendee-form .primary-button{min-height:52px}.booking-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.booking-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #b6b9b5;border-radius:var(--control-radius);background:var(--secondary);padding:12px}.booking-list li>span:nth-child(2){display:grid;gap:3px}.booking-list li strong{font:500 15px/1.2 Inter,sans-serif}.booking-list .booking-remove{width:40px;height:40px;min-height:40px;padding:0;display:grid;place-items:center;border-radius:9999px;color:#6e2924;border-color:#b77771;background:#f8e1df;font:500 24px/1 Inter,sans-serif}.number{width:32px;height:32px;display:grid;place-items:center;border-radius:9999px;background:var(--surface);font:600 11px/1 JetBrains Mono,monospace}.history-section{margin-top:68px;padding-top:8px;border-top:1px solid var(--border)}.history-heading{margin-top:34px}.history-stats{display:flex;gap:8px}.history-stats span{padding:9px 11px;border:1px solid var(--border);border-radius:9999px;background:var(--secondary);font:600 10px/1 JetBrains Mono,monospace}.history-list{display:grid;gap:10px}.history-session{overflow:hidden;border:1px solid #9ca19d;border-radius:var(--control-radius);background:var(--secondary)}.history-session>summary{min-height:68px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}.history-session>summary::-webkit-details-marker{display:none}.history-session>summary>span:first-child{display:grid;gap:5px;text-transform:capitalize}.history-session>summary strong{font:500 16px/1.2 Inter,sans-serif}.history-session>summary small{color:var(--muted);font:600 10px/1.2 JetBrains Mono,monospace}.history-session>summary>span:last-child{color:var(--accent);font:600 10px/1 JetBrains Mono,monospace;text-decoration:underline}.history-cancelled-label{justify-self:start;padding:4px 7px;border-radius:9999px;background:#d2d6d3;color:#656b67;font:600 9px/1 JetBrains Mono,monospace;text-transform:uppercase}.history-detail{padding:16px 18px 18px;border-top:1px solid #b6b9b5;background:var(--surface-soft)}.history-bookings{margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;list-style:none}.history-bookings li{min-height:48px;padding:8px 10px;display:flex;align-items:center;gap:10px;border:1px solid #c4c7c5;border-radius:var(--control-radius);background:var(--secondary)}.history-bookings strong{font:500 14px/1.2 Inter,sans-serif}.attendance-tracking{border-top:1px solid #b6b9b5;padding-top:12px}.attendance-tracking>summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--accent);font:600 11px/1.2 JetBrains Mono,monospace}.attendance-tracking>summary small{color:var(--muted);font-family:Jost,sans-serif;font-weight:400}.attendance-tracking>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.attendance-row{min-height:44px;padding:8px 10px;display:flex;grid-template-columns:none;align-items:center;gap:9px;border:1px solid #c4c7c5;border-radius:var(--control-radius);background:var(--secondary);font-family:Jost,sans-serif;font-size:14px;font-weight:400}.attendance-row input{width:20px;min-height:20px;accent-color:var(--accent)}.history-delete{min-height:44px;margin-top:16px;border:0;background:transparent;color:var(--muted);font:600 10px/1.2 JetBrains Mono,monospace;text-decoration:underline;cursor:pointer}.history-restore{min-height:44px;margin-top:16px;padding:0 16px;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--primary);color:var(--text);font:600 11px/1.2 JetBrains Mono,monospace;cursor:pointer}.empty{text-align:center;padding:50px;border:1px dashed var(--border);border-radius:var(--card-radius);color:var(--muted);background:var(--secondary)}.empty h2{color:inherit;font-family:Inter,sans-serif}.empty.compact{padding:28px;display:grid;gap:6px}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#111827b8}.modal{width:min(500px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);padding:34px;box-shadow:7px 7px 0 var(--border)}.modal h2{font-size:32px;letter-spacing:-.03em;margin:0 0 8px}.close-button{position:absolute;right:22px;top:22px;border:0;background:transparent;color:var(--text);font:600 11px/1 JetBrains Mono,monospace;text-decoration:underline;cursor:pointer}.modal-session{color:var(--muted);text-transform:capitalize;margin:0 0 25px;padding-right:80px;font-size:12px;line-height:1.6}.booking-form{display:grid;gap:22px}.booking-form .primary-button,.booking-form .danger-button{width:100%}.danger-button{color:var(--secondary);background:var(--danger)}.toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translate(-50%);width:min(560px,calc(100% - 32px));padding:17px 20px;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--text);color:var(--secondary);text-align:center;font:600 12px/1.5 JetBrains Mono,monospace;box-shadow:4px 4px 0 var(--primary)}.toast-confirmation{padding:24px}.confirmation-content{display:grid;justify-items:center;gap:10px}.confirmation-content strong{font:700 25px/1.1 Inter,sans-serif}.confirmation-content p{margin:0;font:400 16px/1.5 Jost,sans-serif}.notice-dismiss{min-width:160px;min-height:50px;margin-top:8px;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--primary);color:var(--text);font:600 13px/1 JetBrains Mono,monospace;cursor:pointer}@media(max-width:820px){.topbar{width:calc(100% - 36px);height:auto;min-height:72px;padding:10px 0;gap:12px}.mode-button{padding:0 12px;font-size:10px}.page{width:min(100% - 28px,680px);padding:44px 0 60px}.login-page{width:min(100% - 28px,500px);min-height:0;padding:52px 0 68px;grid-template-columns:1fr;gap:34px}.login-intro h1{max-width:9ch}.student-page{display:grid;grid-template-columns:1fr;grid-template-areas:"intro" "sessions" "help";gap:28px}.intro{position:static}.admin-heading{align-items:stretch;flex-direction:column}.admin-overview{grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,.8fr))}.summary{padding:18px}.summary strong{font-size:36px}.create-box{grid-template-columns:1fr;align-items:stretch}.admin-session-header{grid-template-columns:1fr auto;gap:10px}.chevron{grid-column:1 / -1}.booking-list,.add-attendee-form,.attendee-details ul{grid-template-columns:1fr}.booking-list li button{grid-column:2 / -1;justify-self:start}.history-bookings,.attendance-tracking>div{grid-template-columns:1fr}}@media(max-width:480px){h1{max-width:9ch;font-size:43px}.brand-name{font-size:21px}.brand-mark{width:40px;height:40px}.lotus-petal-center{top:5px;width:10px;height:20px}.lotus-petal-left{left:7px;top:14px;width:16px}.lotus-petal-right{right:7px;top:14px;width:16px}.lotus-base{left:8px;right:8px;bottom:7px}.admin-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-primary{grid-column:1 / -1}.summary{grid-template-columns:auto 1fr;align-items:center}.summary-secondary{padding:14px}.summary-secondary strong{font-size:23px}.summary-secondary span{font-size:8px}.summary span{max-width:20ch}.section-heading,.history-heading{align-items:stretch;flex-direction:column}.history-stats{flex-wrap:wrap}.admin-session-header{padding:18px}.admin-session-header strong{font-size:17px}.booking-panel{padding:16px}.session-card{padding:22px 18px;gap:18px}.session-date>span{font-size:10px}.session-date strong{font-size:38px}.availability{align-items:flex-end;flex-direction:column;text-align:right}.modal{padding:28px 20px}.panel-actions{align-items:stretch;flex-direction:column}.booking-list li{grid-template-columns:auto 1fr auto}.booking-list li button{grid-column:2;justify-self:stretch;text-align:center}.booking-list li .booking-remove{grid-column:3;justify-self:end}.toast-confirmation{inset:0;transform:none;width:100%;padding:32px 24px;display:grid;place-items:center;border:0;border-radius:0;background:var(--surface);color:var(--text);box-shadow:none}.confirmation-content{width:min(100%,340px);gap:18px}.confirmation-content strong{font-size:38px;line-height:1;letter-spacing:-.035em}.confirmation-content p{max-width:18ch;font-size:22px;line-height:1.45}.notice-dismiss{width:100%;min-height:60px;margin-top:8px;font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}