/* Desktop 58: graphite/silver chrome; color is reserved for semantic states.
   Shared composition and controls. Page scripts own business state.
   No live-data entrance effects; only user-driven navigation is animated. */
:root {
  --bg:#f3f3f6; --bg-subtle:#f8f8fa; --card:#fff; --surface:#fff;
  --surface-2:#ededf1; --surface-hover:#f0f0f4; --text:#252529; --text-soft:#4d4d56;
  --muted:#70707a; --muted-light:#777781; --border:#e2e2e8; --border-strong:#c5c5cf;
  --accent:#29292e; --accent-h:#414148; --accent-text:#fff; --accent-soft:#ededf1;
  --primary-fill:linear-gradient(180deg,#39393f,#252529); --primary-text:#fff;
  --sidebar-width:228px; --radius:16px; --radius-lg:22px; --radius-sm:10px;
  --shadow:0 2px 8px #24201905; --shadow-md:0 8px 32px #24201910;
  --control-shadow:0 1px 2px #24201909; --studio-shadow:var(--shadow);
  --desktop-rim:#ffffffaa; --desktop-hero:#e9e9ef;
}
html[data-theme="dark"] {
  --bg:#19191c; --bg-subtle:#222226; --card:#28282d; --surface:#28282d;
  --surface-2:#33333a; --surface-hover:#393940; --text:#f3f3f6; --text-soft:#ceced6;
  --muted:#a8a8b3; --muted-light:#9999a5; --border:#3b3b43; --border-strong:#595963;
  --accent:#e8e8ed; --accent-h:#fff; --accent-text:#202024; --accent-soft:#35353c;
  --primary-fill:linear-gradient(180deg,#f3f3f6,#dcdce3); --primary-text:#202024;
  --shadow:0 2px 8px #00000010; --shadow-md:0 12px 32px #00000028;
  --desktop-rim:#ffffff0c; --desktop-hero:#323239;
}
body { -webkit-font-smoothing:antialiased; }
html[data-theme] body[data-page] { background:var(--bg); }
/* One application rail, not a floating card beside another toolbar card. */
.workspace-sidebar {
  inset:0 auto 0 0; width:var(--sidebar-width); border-radius:0; border:0;
  background:#252529; color:#e9e9ef; box-shadow:none; backdrop-filter:none;
}
html[data-theme="dark"] .workspace-sidebar { background:#151518; border-right:1px solid #ffffff09; }
.workspace-brand { min-height:90px; padding:24px 22px; font-size:21px; color:#f4f4f7; }
.workspace-brand:hover { color:#fff; }
.workspace-brand small { color:#aaaab5; font-size:10px; font-weight:400; }
.workspace-brand-mark { width:29px; height:32px; }
.workspace-sections { padding:0 12px 16px; scrollbar-color:#5a5a65 transparent; }
.workspace-group + .workspace-group { margin-top:22px; }
.workspace-group-title { color:#aaaab5; font-size:10px; letter-spacing:.02em; text-transform:none; padding-inline:12px; }
.workspace-group-title:hover { color:#fff; background:#ffffff08; }
.workspace-link { min-height:40px; padding:9px 12px; margin:3px 0; gap:10px; border-radius:9px; color:#c7c7d0; font-size:12px; }
.workspace-link:hover { background:#ffffff09; color:#fff; }
.workspace-link .workspace-nav-icon { width:20px; height:20px; flex-basis:20px; border-radius:0; color:inherit; background:none; }
html[data-theme] .workspace-link.is-current { color:#fff; background:#45454f; box-shadow:inset 0 1px 0 #ffffff12; }
.workspace-link.is-current .workspace-nav-icon { background:transparent; color:#e0e0e9; }
.workspace-account { padding:13px 9px; margin:8px 12px 3px; background:#ffffff06; border:1px solid #ffffff0d; border-radius:11px; color:#e9e9ef; }
.workspace-account:hover { color:#fff; }
.workspace-account small { color:#a3a3b0; }
.workspace-avatar { background:#41414b; color:#d8d8e3; }
.workspace-logout { color:#aaaab5; min-height:34px; }
.workspace-logout:hover { background:#ffffff08; color:#fff; }
html[data-theme] body[data-page] .topbar { background:var(--bg); border-bottom:1px solid var(--border); backdrop-filter:none; }
html[data-theme] body[data-page] .topbar .inner { min-height:64px; padding:10px 32px; gap:14px; }
html[data-theme] body[data-page] .topbar .page-title .tb-title { font-size:14px; font-weight:600; letter-spacing:-.02em; }
.workspace .topbar .kicker { display:none; }
/* Account, settings and sign-out remain in the rail. Keep their original
   handlers mounted, and retain the install affordance in the titlebar. */
.workspace .topbar .nav > :not(.btn-pwa) { display:none; }
.workspace .topbar .nav { margin-left:0 !important; }
.workspace-command-trigger { display:flex; align-items:center; gap:9px; color:var(--muted); padding:7px 10px; border:0; border-radius:8px; background:transparent; font-size:12px; cursor:pointer; }
.workspace-command-trigger:hover { background:var(--surface-2); color:var(--text); }
.workspace-command-trigger kbd { border:1px solid var(--border); border-radius:5px; padding:1px 5px; font-size:10px; font-family:inherit; margin-left:18px; }
html[data-theme] body[data-page] :is(.wrap,.main-wrap,.analytics-wrap,.rentals-wrap,.acts-container,.fines-container) { max-width:1760px; }
html[data-theme] body[data-page] :is(.page-hero):not(.disp-bar):not(.settings-navigation) {
  background:none; border:0; border-radius:0; box-shadow:none; padding:16px 0 24px;
}
html[data-theme] body[data-page] .page-hero-title { font-size:clamp(26px,2.3vw,36px); font-weight:600; letter-spacing:-.045em; }
html[data-theme] body[data-page] .page-hero-sub { font-size:13px; line-height:1.6; max-width:640px; color:var(--muted); }
html[data-theme] body[data-page] .page-hero-eyebrow { font-size:10px; color:var(--muted); letter-spacing:.07em; }
/* Dispatcher: title + global search. All seven sections are in the rail. */
html[data-theme] body[data-page] .disp-bar.page-hero {
  display:flex; justify-content:space-between; align-items:center; gap:24px;
  padding:22px 32px; margin:0; border:0; border-radius:0; background:var(--bg); box-shadow:none; flex-shrink:0;
}
.dispatcher-heading { min-width:0; }
.dispatcher-heading > span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.09em; }
.dispatcher-heading h1 { font-size:28px; line-height:1.2; margin:5px 0 0; letter-spacing:-.045em; }
.disp-bar .disp-right { flex:0 1 430px; max-width:48%; }
.disp-viewport { min-height:0; }
html.is-embedded body :is(.wrap,.main-wrap,.rentals-wrap,.acts-container,.fines-container) { padding-top:0; }
/* A library of surfaces: lists are quieter than operational cards. */
html[data-theme] body[data-page] :is(.card,.panel,.filter-card,.form-card,.f-card,.fcard,.fleet-section,.repairs-section,.table-card) { border-radius:14px; border-color:var(--border); background:var(--card); box-shadow:var(--shadow); }
html[data-theme] body[data-page] :is(.filter-bar,.global-filter,.filter-card) { padding:14px 16px; background:var(--card); border-radius:12px; box-shadow:none; }
html[data-theme] body[data-page] :is(.tbl-wrap,.table-wrap,.tbl-scroll,.act-table-wrap,.ao-table-wrap) { border-radius:14px; border:1px solid var(--border); box-shadow:none; }
html[data-theme] body[data-page] table thead th { background:var(--bg-subtle); font-size:10px; font-weight:600; letter-spacing:.055em; padding-block:12px; color:var(--muted); }
html[data-theme] body[data-page] table tbody td { border-bottom-color:var(--border); font-size:13px; }
html[data-theme] body[data-page] :is(.stat-card,.kpi-card,.acts-metric,.fleet-kpi-card,.repairs-kpi-card) {
  background:var(--card); border:1px solid var(--border); border-radius:14px; padding:18px 22px; box-shadow:none; position:relative;
}
html[data-theme] body[data-page] :is(.stat-card,.kpi-card,.acts-metric,.fleet-kpi-card,.repairs-kpi-card)::before { content:''; position:absolute; left:0; top:22px; width:3px; height:24px; background:var(--text-soft); border-radius:0 3px 3px 0; }
html[data-theme] body[data-page] :is(.stat-card,.kpi-card,.acts-metric,.fleet-kpi-card,.repairs-kpi-card):nth-child(3n+2)::before { background:var(--cat-purple); }
html[data-theme] body[data-page] :is(.stat-card,.kpi-card,.acts-metric,.fleet-kpi-card,.repairs-kpi-card):nth-child(3n+3)::before { background:var(--warn); }
/* Inputs are recessed, actions raised. Avoid unbounded button growth in tables. */
html[data-theme] body[data-page] :is(.btn,.iconbtn,.searchable-select__trigger) { border-radius:9px; font-weight:550; letter-spacing:-.015em; box-shadow:var(--control-shadow); }
html[data-theme] body[data-page] :is(.btn-primary,.btn-issue-bike) { background:var(--primary-fill); color:var(--primary-text); border-color:transparent; box-shadow:inset 0 1px 0 #ffffff20,0 2px 3px #00000010; }
html[data-theme] body[data-page] :is(input.inp,textarea.inp,input.input,textarea.input,.searchable-select__trigger) { background:var(--bg-subtle); border-color:var(--border); }
html[data-theme] body[data-page] :is(input,textarea):focus { border-color:var(--border-focus); }
html[data-theme] body[data-page] .hero-tabs { width:fit-content; max-width:100%; padding:4px; gap:3px; border-radius:11px; background:var(--surface-2); border:0; }
html[data-theme] body[data-page] .hero-tabs :is(button,a) { min-height:35px; font-size:12px; padding:0 15px; border-radius:8px; }
/* Home is a launchpad and directory, not repeated marketing cards. */
html[data-theme] body[data-page] .hub { padding:34px 0 48px; gap:30px; }
.overview-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.overview-eyebrow { text-transform:uppercase; letter-spacing:.1em; font-size:10px; color:var(--muted); }
.overview-heading h1 { font-size:clamp(27px,3vw,42px); font-weight:600; letter-spacing:-.05em; line-height:1.18; margin:9px 0; }
.overview-heading p { font-size:14px; color:var(--muted); margin:0; }
.overview-date { color:var(--muted); font-size:12px; white-space:nowrap; }
.overview-launchpad { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:16px; }
.launch-tile { position:relative; min-height:208px; padding:26px; border-radius:18px; background:var(--card); border:1px solid var(--border); display:flex; flex-direction:column; align-items:flex-start; color:var(--text); overflow:hidden; }
.launch-tile:hover { color:var(--text); }
.launch-tile-0 { background:var(--primary-fill); color:var(--primary-text); border-color:var(--border-strong); }
.launch-tile-0:hover { color:var(--primary-text); }
.launch-symbol { position:absolute; top:22px; right:24px; opacity:.7; }
.launch-caption { font-size:9px; letter-spacing:.12em; opacity:.65; margin-bottom:42px; }
.launch-tile strong { font-size:22px; font-weight:550; letter-spacing:-.035em; }
.launch-note { font-size:12px; opacity:.7; margin-top:6px; max-width:80%; }
.launch-arrow { margin-top:22px; opacity:.8; }
.launch-tile-1 { background:var(--desktop-hero); }
.launch-tile-2 { background:var(--cat-purple-soft); }
.directory-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.directory-heading h2 { font-size:21px; margin:0 0 4px; }
.directory-heading > div > span { color:var(--muted); font-size:12px; }
.directory-heading .searchbar { width:300px; max-width:45%; margin:0; }
html[data-theme] body[data-page] .hub .tool-directory { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--border); border:1px solid var(--border); border-radius:16px; overflow:hidden; }
html[data-theme] body[data-page] .hub .tool-directory .tool {
  display:grid; grid-template-columns:42px minmax(0,1fr) 22px; grid-template-rows:auto auto;
  gap:5px 16px; min-height:126px; padding:24px; border:0; border-radius:0; background:var(--card); box-shadow:none; transform:none;
}
html[data-theme] body[data-page] .hub .tool-directory .tool:hover { background:var(--bg-subtle); box-shadow:none; transform:none; }
html[data-theme] body[data-page] .hub .tool-directory .tool::after { display:none; }
html[data-theme] body[data-page] .hub .tool-directory .tool .ico { width:42px; height:42px; grid-row:1/3; border-radius:12px; }
html[data-theme] body[data-page] .hub .tool-directory .tool h3 { font-size:15px; grid-column:2; align-self:end; }
html[data-theme] body[data-page] .hub .tool-directory .tool p { font-size:12px; grid-column:2; line-height:1.5; }
html[data-theme] body[data-page] .hub .tool-directory .tool .open { grid-column:3; grid-row:1/3; align-self:center; margin:0; color:var(--muted); }
/* Settings: persistent category list beside the active pane. */
html[data-theme] body[data-page="admin"] .adm { display:grid; grid-template-columns:220px minmax(0,1fr); align-items:start; gap:28px; max-width:none; }
html[data-theme] body[data-page="admin"] .settings-navigation { position:sticky; top:90px; padding:0; background:none; border:0; border-radius:0; box-shadow:none; }
.settings-navigation .page-hero-eyebrow { display:none; }
html[data-theme] body[data-page="admin"] .settings-navigation .page-hero-title { font-size:24px; }
html[data-theme] body[data-page="admin"] .settings-navigation .hero-tabs { display:flex; flex-direction:column; align-items:stretch; width:100%; margin-top:24px; overflow:visible; background:none; padding:0; }
html[data-theme] body[data-page="admin"] .settings-navigation .hero-tabs .tab { text-align:left; justify-content:flex-start; white-space:normal; min-height:42px; height:auto; padding:10px 12px; }
.settings-content { min-width:0; display:grid; gap:18px; }
html[data-theme] body[data-page="admin"] .settings-content .panel { padding:26px; }
html[data-theme] body[data-page="admin"] .settings-content :is(.box-section,.form-card) { border-radius:10px; box-shadow:none; padding:20px; }
/* Operational sheets: distinct header, quieter fields, anchored action footer. */
html[data-theme] body[data-page] :is(.modal-card,.modal-box,.modal-card-dialog,.outbox-editor,.issue-dialog,.courier-info-dialog) { border-radius:20px; border:1px solid var(--desktop-rim); box-shadow:0 32px 100px #00000045,0 0 0 1px #00000010; }
html[data-theme] body[data-page] :is(.modal-header,.modal-dialog-header,.issue-header) { padding:20px 26px; background:var(--bg-subtle); border-bottom:1px solid var(--border); }
html[data-theme] body[data-page] :is(.modal-header,.issue-header) h2 { font-size:24px; letter-spacing:-.04em; }
html[data-theme] body[data-page] :is(.modal-footer,.issue-footer) { background:var(--bg-subtle); border-top:1px solid var(--border); padding:16px 24px; }
html[data-theme] body[data-page] .issue-steps { background:var(--bg-subtle); padding:16px 26px; gap:18px; border-bottom:1px solid var(--border); }
html[data-theme] body[data-page] .issue-steps li > span { width:30px; height:30px; font-size:12px; border-radius:9px; }
html[data-theme] body[data-page] .issue-steps li[aria-current="step"] > span { background:var(--accent); color:var(--accent-text); border-color:var(--accent); }
html[data-theme] body[data-page] :is(.lease-detail-hero,.bike-hero,.courier-info-hero) { background:var(--desktop-hero); color:var(--text); border:1px solid var(--border); border-radius:14px; padding:24px; }
html[data-theme] body[data-page] .lease-detail-plate { font-size:30px; font-weight:650; letter-spacing:-.035em; }
html[data-theme] body[data-page] .lease-detail-hero { padding:0; border:0; background:none; }
html[data-theme] body[data-page] .lease-detail-card { background:var(--card); border-radius:12px; box-shadow:none; border:1px solid var(--border); padding:20px; }
html[data-theme] body[data-page] .lease-detail-label { font-size:10px; letter-spacing:.06em; color:var(--muted); }
html[data-theme] body[data-page] .lease-detail-value { font-size:16px; font-weight:550; }
/* Native dialog gives keyboard trapping/inert background without extra scans. */
/* Supporting workspaces: separate the operator's input from live results. */
html[data-theme] body[data-page=queue] .q { grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr); gap:24px; align-items:start; }
html[data-theme] body[data-page=queue] .queue-intake { display:flex; flex-direction:column; gap:20px; }
html[data-theme] body[data-page=queue] .queue-service { position:sticky; top:88px; display:grid; gap:16px; }
html[data-theme] body[data-page=queue] .queue-service > .panel:first-child { background:var(--desktop-hero); border:1px solid var(--border); }
html[data-theme] body[data-page=queue] #queue { margin-top:22px; }
html[data-theme] body[data-page=queue] .panel { padding:24px; }
html[data-theme] body[data-page=megaphone] .mega-wrap { max-width:1360px; }
html[data-theme] body[data-page=megaphone] .mega-studio { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:24px; padding:28px; }
.mega-studio > :is(div:first-child,.spk-box) { grid-column:1/-1; }
.mega-presets-panel { min-width:0; }
html[data-theme] body[data-page=megaphone] .mega-compose { background:var(--bg-subtle); border:1px solid var(--border); border-radius:14px; padding:22px; }
html[data-theme] body[data-page=megaphone] .mega-compose textarea { min-height:210px; margin:12px 0; }
html[data-theme] body[data-page=megaphone] .mega-presets-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
html[data-theme] body[data-page=profile] .layout { display:block; max-width:1060px; margin-inline:auto; }
html[data-theme] body[data-page=profile] .side { display:flex; align-items:center; text-align:left; gap:24px; padding:26px; margin-bottom:24px; background:var(--desktop-hero); }
html[data-theme] body[data-page=profile] .side .avatar { width:80px; height:80px; flex:0 0 80px; margin:0; }
html[data-theme] body[data-page=profile] .side h2 { font-size:24px; font-weight:600; letter-spacing:-.025em; }
html[data-theme] body[data-page=profile] .side .role { margin:0; }
.profile-identity { min-width:0; overflow-wrap:anywhere; }
@media(max-width:1050px) {
  html[data-theme] body[data-page=queue] .q { grid-template-columns:minmax(0,1fr); }
  html[data-theme] body[data-page=queue] .queue-service { position:static; }
  html[data-theme] body[data-page=megaphone] .mega-studio { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
  html[data-theme] body[data-page=megaphone] .mega-studio { padding:16px; }
  html[data-theme] body[data-page=megaphone] .mega-presets-grid { grid-template-columns:1fr; }
  html[data-theme] body[data-page=profile] .side { padding:20px; gap:16px; }
  html[data-theme] body[data-page=profile] .side h2 { font-size:19px; }
}
html[data-theme] body[data-page] dialog.workspace-command { width:min(570px,calc(100vw - 32px)); max-height:min(620px,80dvh); margin:12dvh auto auto; padding:0; border:1px solid var(--border); border-radius:18px; color:var(--text); background:var(--card); box-shadow:0 24px 100px #0005; }
.workspace-command::backdrop { background:#17171c66; backdrop-filter:blur(5px); }
.command-search { display:flex; align-items:center; padding:20px; gap:12px; border-bottom:1px solid var(--border); }
.command-search input { width:100%; min-width:0; background:none; border:0; outline:0; box-shadow:none; font-size:17px; color:var(--text); }
.command-search button { border:1px solid var(--border); background:var(--bg-subtle); border-radius:6px; font-size:10px; color:var(--muted); padding:5px; cursor:pointer; }
.command-results { overflow:auto; max-height:48dvh; padding:8px; }
.command-results > button { display:flex; gap:12px; align-items:center; width:100%; padding:10px 14px; border:0; border-radius:9px; background:transparent; color:var(--text-soft); font-size:14px; cursor:pointer; text-align:left; }
.command-results > button:is(.is-selected,:hover) { background:var(--accent-soft); color:var(--text); }
.command-results .workspace-nav-icon { background:none; color:inherit; }
.command-results > p { padding:20px; color:var(--muted); }
.workspace-command footer { display:flex; gap:24px; padding:12px 20px; border-top:1px solid var(--border); color:var(--muted); font-size:11px; }
@media(min-width:2000px) { html[data-theme] body[data-page] .wrap { padding-inline:48px; } }
@media(max-width:1100px) {
  html[data-theme] body[data-page="admin"] .adm { display:block; }
  html[data-theme] body[data-page="admin"] .settings-navigation { position:static; margin-bottom:20px; }
  html[data-theme] body[data-page="admin"] .settings-navigation .hero-tabs { flex-direction:row; overflow-x:auto; width:100%; }
  html[data-theme] body[data-page="admin"] .settings-navigation .hero-tabs .tab { white-space:nowrap; }
  .overview-launchpad { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .launch-tile { padding:20px; }
  .launch-tile strong { font-size:19px; }
  .overview-date { display:none; }
}
@media(max-width:960px) {
  .workspace-sidebar { width:270px; border-radius:0 18px 18px 0; }
  .workspace-close { color:#fff; background:#ffffff0d; border-color:#ffffff15; }
  html[data-theme] body[data-page] .topbar .inner { padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px; gap:9px; }
  .workspace-command-trigger { margin-left:auto; }
  .workspace-command-trigger :is(span,kbd) { display:none; }
  .workspace .topbar .spacer { display:none; }
  .workspace .topbar .page-title { margin-right:auto; }
  html[data-theme] body[data-page] .disp-bar.page-hero { padding:18px 16px; gap:16px; }
  .dispatcher-heading h1 { font-size:24px; }
}
@media(max-width:640px) {
  html[data-theme] body[data-page] .hub { gap:24px; padding-top:22px; }
  .overview-heading h1 { font-size:29px; }
  .overview-launchpad { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .launch-tile { min-height:165px; padding:19px; border-radius:14px; }
  .launch-tile:first-child { grid-column:1/-1; min-height:178px; }
  .launch-caption { margin-bottom:28px; font-size:8px; }
  .launch-symbol { top:15px; right:16px; }
  .launch-symbol .ic { width:24px; height:24px; }
  .launch-note { max-width:100%; font-size:11px; }
  .launch-arrow { margin-top:15px; }
  .directory-heading { display:block; }
  .directory-heading .searchbar { width:100%; max-width:none; margin-top:16px; }
  html[data-theme] body[data-page] .hub .tool-directory { grid-template-columns:minmax(0,1fr); }
  html[data-theme] body[data-page] .hub .tool-directory .tool { min-height:110px; padding:18px; gap:5px 12px; }
  html[data-theme] body[data-page] .disp-bar.page-hero { flex-wrap:wrap; gap:14px; }
  .disp-bar .disp-right { max-width:none; flex:1 1 100%; }
  .disp-bar .disp-search-form { width:100%; }
  html[data-theme] body[data-page="admin"] .settings-content .panel { padding:18px; }
  html[data-theme] body[data-page] :is(.modal-header,.modal-dialog-header,.issue-header) { padding:17px 18px; }
  html[data-theme] body[data-page] :is(.modal-header,.issue-header) h2 { font-size:21px; }
  html[data-theme] body[data-page] .issue-steps { padding:14px 18px; gap:10px; }
  html[data-theme] body[data-page] .issue-steps li small { font-size:10px; }
}
@media(prefers-reduced-motion:no-preference) {
  .launch-tile { transition:translate 280ms var(--motion-ease),box-shadow 280ms; animation:workspace-card 550ms var(--motion-ease) backwards; }
  .launch-tile:nth-child(2) { animation-delay:70ms; }
  .launch-tile:nth-child(3) { animation-delay:140ms; }
  .launch-arrow { transition:translate 250ms var(--motion-ease); }
  .launch-tile:hover .launch-arrow { translate:6px 0; }
  @media(hover:hover) { .launch-tile:hover { translate:0 -4px; box-shadow:var(--shadow-md); } }
  .workspace-command[open] { animation:workspace-window 280ms var(--motion-ease); }
  .workspace-command-trigger:active { scale:.96; }
  .workspace-link { transition:background-color 180ms,color 180ms; }
}
@media(prefers-reduced-motion:reduce),print { html body *,html body *::before,html body *::after { animation:none !important; transition:none !important; } }