:root{--bg:#ffffff;--panel:#f6f7fb;--panel2:#eef0f7;--text:#17172f;--muted:#5b6079;--purple:#5b3df0;--pink:#d63384;--cyan:#0e7490;--border:#e3e6f0;--green:#047857;--red:#be123c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-shell{max-width:1240px;margin:auto;padding:0 28px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 5px 25px #8b5cf633;font-size:22px}.brand-accent{color:#5b3df0}.desktop-nav{display:flex;gap:22px;color:#3d435e;font-size:13px}.desktop-nav a:hover,.site-footer a:hover{color:#17172f}.nav-cta,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;padding:12px 17px;color:white;background:linear-gradient(110deg,#7c3aed,#db2777);font-weight:750;font-size:14px;cursor:pointer;box-shadow:0 8px 24px #7c3aed24;transition:transform .18s,filter .18s}.nav-cta:hover,.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.primary-btn:disabled{opacity:.6;cursor:wait;transform:none}.hero{min-height:570px;padding:70px 0 56px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px}.eyebrow,.section-kicker{font-size:11px;font-weight:850;letter-spacing:.16em;color:#5b3df0}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #8b5cf64d;border-radius:999px;background:#ece9ff}.pulse{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}h1{font-size:clamp(42px,5vw,65px);line-height:1.06;letter-spacing:-.055em;margin:24px 0 18px;max-width:650px}.hero-description{color:var(--muted);font-size:17px;max-width:600px}.url-form{margin-top:27px;padding:18px;border:1px solid var(--border);border-radius:18px;background:#ffffff;box-shadow:0 20px 70px #0003}.url-form>label,.field label,.admin-form label{display:block;font-size:12px;font-weight:750;color:#17172f;margin-bottom:9px}.url-input-row{display:flex;align-items:center;gap:9px;background:#ffffff;border:1px solid #d9dce8;border-radius:12px;padding:6px}.link-icon{padding-left:9px;color:#5b3df0}.url-input-row input{flex:1;min-width:0;background:transparent;color:#17172f;border:0;outline:0;padding:10px 4px;font-size:13px}.microcopy,.small-note{color:#5b6079;font-size:11px;margin:10px 0 0}.result-message{font-size:13px;margin-top:12px}.result-message:empty{display:none}.result-message.success{color:#047857}.result-message.failure{color:#be123c}.hero-points{display:flex;gap:17px;flex-wrap:wrap;margin-top:20px;color:#5b6079;font-size:11px}.hero-points span:first-child{color:#047857}.hero-art{height:365px;position:relative;display:grid;place-items:center;isolation:isolate}.orb{position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.orb-one{width:280px;height:280px;background:radial-gradient(circle at 30% 25%,#c026d3aa,transparent 70%);left:9%;top:4%}.orb-two{width:270px;height:270px;background:radial-gradient(circle at 55% 55%,#4f46e5aa,transparent 70%);right:2%;bottom:1%}.music-card{width:min(370px,90%);height:230px;border:1px solid #a78bfa5c;border-radius:28px;background:#eef0f7;box-shadow:0 30px 90px #050611a8,0 0 60px #8b5cf626;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transform:rotate(-3deg);backdrop-filter:blur(15px)}.music-icon{width:76px;height:76px;border-radius:25px;display:grid;place-items:center;font-size:43px;background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 15px 35px #a855f755}.waveform{height:38px;display:flex;align-items:center;gap:5px}.waveform i{width:4px;border-radius:4px;background:linear-gradient(#c4b5fd,#ec4899);height:var(--h,18px);animation:wave 1.2s ease-in-out infinite alternate}.waveform i:nth-child(3n){--h:31px;animation-delay:.2s}.waveform i:nth-child(3n + 1){--h:13px;animation-delay:.5s}.waveform i:nth-child(4n){--h:24px;animation-delay:.35s}@keyframes wave{to{transform:scaleY(.55);opacity:.7}}.music-label{font-size:9px;letter-spacing:.18em;color:#5b6079}.music-label span{color:#047857;margin-left:16px}.floating-chip{position:absolute;padding:10px 16px;border:1px solid #ffffff28;border-radius:13px;background:#ffffff;box-shadow:0 12px 35px #0005;font-size:12px;font-weight:850;color:#17172f}.chip-a{top:43px;right:16px;transform:rotate(8deg)}.chip-b{bottom:35px;left:14px;transform:rotate(-8deg)}.workspace,.trust-section,.more-tools{padding:55px 0;border-top:1px solid var(--border)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2,.directory-group h2{font-size:27px;letter-spacing:-.04em;margin:5px 0 0}.section-heading>p{font-size:12px;color:var(--muted)}.tool-panel{padding:24px;border:1px solid var(--border);border-radius:22px;background:#f6f7fb;box-shadow:0 22px 65px #0002}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;border:1px dashed #7260b8;border-radius:15px;background:#f6f7fb;cursor:pointer;text-align:center}.upload-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ece9ff;color:#17172f;font-size:25px}.upload-zone strong{font-size:15px}.upload-zone span{font-size:12px;color:var(--muted)}.upload-zone input{max-width:100%;margin-top:10px;font-size:12px}.file-list{display:grid;gap:7px;margin-top:12px}.file-row{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;font-size:12px}.file-row strong{overflow-wrap:anywhere}.file-row span{color:var(--muted);white-space:nowrap}.editor-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:22px}.field input,.field select,.admin-form input{width:100%;border:1px solid #d9dce8;background:#ffffff;color:#17172f;border-radius:10px;padding:11px 12px;outline-color:#a78bfa}.action-row{display:flex;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}.action-row #audioStatus{color:#5b6079;font-size:12px}.download-btn{display:inline-flex;margin-top:16px;padding:11px 15px;border-radius:10px;background:#047857;color:#ffffff;font-weight:750;font-size:13px}.download-btn[hidden],audio[hidden]{display:none}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:22px;border:1px solid var(--border);border-radius:17px;background:#f6f7fb}.feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ece9ff;color:#5b3df0;font-weight:850;font-size:12px}.feature-card h3{margin:17px 0 6px;font-size:16px}.feature-card p,.directory-card p{color:var(--muted);font-size:13px;margin:0}.mini-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-tool{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:13px;background:#f6f7fb;min-width:0}.mini-tool:hover,.directory-card:hover{border-color:#a78bfa80;transform:translateY(-2px)}.mini-tool-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#ece9ff;color:#5b3df0}.mini-tool strong,.mini-tool small{display:block}.mini-tool strong{font-size:12px}.mini-tool small{color:var(--muted);font-size:10px}.mini-arrow{margin-left:auto;color:#a78bfa}.text-link{font-size:13px;color:#5b3df0;font-weight:750;white-space:nowrap}.notice{padding:16px;border:1px solid #bfe3ec;border-radius:14px;background:#eff8fb;margin-top:25px}.notice p{font-size:13px;color:var(--muted);margin:5px 0 0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px 0 35px;border-top:1px solid var(--border);color:var(--muted)}.site-footer p,.site-footer small{font-size:11px}.site-footer div:last-of-type{display:flex;gap:15px;font-size:12px}.directory-main{padding:65px 0}.directory-intro{max-width:720px;margin-bottom:42px}.directory-intro h1{font-size:clamp(38px,5vw,54px);margin:12px 0}.directory-intro p{color:var(--muted)}.directory-group{margin:35px 0}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.directory-card{display:flex;flex-direction:column;align-items:flex-start;min-height:205px;padding:21px;border:1px solid var(--border);border-radius:17px;background:#f6f7fb;transition:transform .18s,border-color .18s}.directory-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ece9ff;color:#5b3df0;font-size:20px}.directory-card h3{font-size:16px;margin:14px 0 7px}.card-link{margin-top:auto;padding-top:16px;color:#5b3df0;font-size:12px;font-weight:800}.admin-bg{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at top,#312e81 0,transparent 45%),var(--bg)}.admin-card{width:min(440px,100%);padding:32px;border:1px solid var(--border);border-radius:22px;background:#f6f7fb;box-shadow:0 30px 90px #0006}.admin-card .section-kicker{display:block;margin-top:28px}.admin-card h1{font-size:36px;margin:8px 0}.admin-card p{color:var(--muted);font-size:13px}.admin-form{display:grid;gap:8px;margin-top:24px}.admin-form label:not(:first-child){margin-top:8px}.admin-form .primary-btn{margin-top:10px}.admin-error{padding:11px;border-radius:10px;background:#fef2f2;color:#be123c;font-size:12px}.back-link{display:inline-block;margin-top:20px;color:#5b3df0;font-size:12px}.admin-layout{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.admin-sidebar{padding:24px 16px;background:#eef0f7;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:stretch}.admin-sidebar .brand{padding:0 8px 32px}.admin-nav-label{font-size:10px;letter-spacing:.16em;color:#5b6079;font-weight:850;padding:16px 10px 8px}.admin-nav{display:block;padding:11px 12px;border-radius:10px;color:#3d435e;font-size:13px}.admin-nav.active{background:#ece9ff;color:#17172f}.admin-nav.muted{opacity:.65}.logout-btn{margin:25px 8px;padding:11px 0;text-align:left;color:#be123c;background:transparent;border:0;cursor:pointer;font-size:13px}.admin-content{padding:38px;max-width:1250px;width:100%;margin:0 auto}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-topbar h1{font-size:36px;margin:5px 0}.admin-topbar p{color:var(--muted);font-size:13px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.stat-card,.admin-section{padding:21px;border:1px solid var(--border);border-radius:15px;background:#f6f7fb}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:25px;margin:10px 0}.stat-card .status-text{font-size:17px}.admin-section{margin-top:15px}.admin-section h2{font-size:17px;margin:0 0 13px}.admin-section p,.admin-section li{color:#3d435e;font-size:13px}.admin-section code{color:#17172f}.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.error-page h1{font-size:44px;margin-bottom:0}.error-page p{color:var(--muted)}@media(max-width:980px){.desktop-nav{gap:12px}.desktop-nav a{font-size:12px}.hero{gap:20px}.hero-art{transform:scale(.9)}.mini-tool-grid,.directory-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.site-shell{padding:0 17px}.site-header{height:70px}.desktop-nav{display:none}.nav-cta{padding:10px 12px;font-size:12px}.hero{padding:48px 0 36px;grid-template-columns:1fr;gap:5px}.hero h1{font-size:43px}.hero-art{height:280px;transform:none}.music-card{height:200px}.hero-points{gap:9px}.url-input-row{flex-wrap:wrap}.url-input-row input{width:calc(100% - 55px);flex:auto}.url-input-row .primary-btn{width:100%}.workspace,.trust-section,.more-tools{padding:38px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}.section-heading h2,.directory-group h2{font-size:23px}.tool-panel{padding:14px}.editor-controls{grid-template-columns:1fr}.feature-grid,.mini-tool-grid,.directory-grid{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column;gap:8px}.directory-main{padding:40px 0}.admin-layout{grid-template-columns:1fr}.admin-sidebar{padding:15px}.admin-sidebar .brand{padding-bottom:12px}.admin-nav-label,.admin-nav.muted{display:none}.admin-nav{display:inline-block}.admin-content{padding:22px 16px}.admin-topbar{align-items:flex-start;flex-direction:column}.admin-stats{grid-template-columns:1fr}.admin-card{padding:24px}}


/* Local video-to-audio extraction panel */
.extract-panel { margin: 0 0 1.5rem; padding: 1.25rem; border: 1px solid rgba(168, 85, 247, .28); border-radius: 18px; background: rgba(91, 33, 182, .08); }
.extract-panel h3 { margin: 0 0 .5rem; }
.extract-panel p { color: var(--muted, #5b6079); line-height: 1.65; }
.section-divider { height: 1px; background: rgba(148, 163, 184, .22); margin: 1.5rem 0; }
#videoAudioPreview { display: block; width: 100%; margin: 1rem 0; }
#videoStatus { display: inline-block; max-width: 100%; overflow-wrap: anywhere; }

/* Instagram download result section */
.media-results {
  margin-top: 22px;
  padding: 20px;
  border: 1px solid #d9dce8;
  border-radius: 18px;
  background: #f6f7fb;
  color: #17172f;
}
.media-results h2 {
  margin: 0 0 8px;
  font-size: clamp(20px, 3vw, 26px);
  letter-spacing: -.03em;
}
.media-results .media-result-note {
  margin: 0 0 16px;
  color: #5b6079;
  font-size: 13px;
}
.media-results video {
  display: block;
  width: 100%;
  max-width: 720px;
  max-height: 520px;
  margin: 16px auto;
  border-radius: 14px;
  background: #050814;
}
.media-download-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.media-download-actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px;
  border-radius: 11px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
  background: linear-gradient(110deg, #7c3aed, #db2777);
}
.media-download-actions a.audio-download {
  background: linear-gradient(110deg, #047857, #0f766e);
}
.media-download-actions a:hover {
  filter: brightness(1.1);
}
.media-download-actions .another-reel {
  grid-column: 1 / -1;
  background: #202944;
  border: 1px solid #d9dce8;
}
@media (max-width: 560px) {
  .media-results { padding: 14px; }
  .media-download-actions { grid-template-columns: 1fr; }
  .media-download-actions .another-reel { grid-column: auto; }
}


/* Homepage SEO guide sections */
.home-seo-content{padding:54px 0;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:18px}
.home-seo-intro,.home-seo-faq{grid-column:1/-1}
.home-seo-intro{max-width:850px;margin-bottom:8px}
.home-seo-content h2{font-size:clamp(22px,3vw,29px);line-height:1.25;letter-spacing:-.035em;margin:8px 0 14px}
.home-seo-content p,.home-seo-content li{font-size:14px;color:var(--muted)}
.home-seo-content p{margin:10px 0}
.home-seo-content ol{padding-left:22px;margin:12px 0}
.home-seo-content li{padding:3px 0 3px 3px}
.home-seo-card{padding:23px;border:1px solid var(--border);border-radius:17px;background:#f6f7fb}
.home-seo-card h2{font-size:21px}
.home-seo-card strong{color:#17172f}
.home-seo-faq{padding-top:22px}
.home-seo-faq details{border-bottom:1px solid var(--border);padding:15px 2px}
.home-seo-faq summary{font-size:14px;font-weight:750;cursor:pointer;color:#17172f}
.home-seo-faq details p{margin:10px 0 2px}
@media(max-width:700px){.home-seo-content{grid-template-columns:1fr;padding:38px 0;gap:13px}.home-seo-card{padding:18px}.home-seo-intro,.home-seo-faq{grid-column:auto}}

/* Instagram DP Downloader profile card only */
.dp-result-card {
  margin-top: 24px;
  padding: 24px;
  border: 1px solid #d9dce8;
  border-radius: 22px;
  background: #f6f7fb;
  color: #17172f;
  text-align: center;
  box-shadow: 0 22px 65px #0003;
}
.dp-result-card h3 {
  margin: 0 0 18px;
  color: #17172f;
  font-size: 22px;
  overflow-wrap: anywhere;
}
.dp-result-card img {
  display: block;
  width: min(320px, 100%);
  max-height: 420px;
  object-fit: contain;
  margin: 16px auto;
  border: 1px solid #d9dce8;
  border-radius: 16px;
  cursor: zoom-in;
}
.dp-result-card .dp-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}
.dp-result-card .dp-secondary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 17px;
  border: 1px solid #d9dce8;
  border-radius: 12px;
  color: #17172f;
  background: #ffffff;
  font-weight: 750;
  font-size: 14px;
  cursor: pointer;
}
.dp-result-card .dp-secondary-btn:hover {
  border-color: #a78bfa;
}
.dp-result-card .dp-profile-note {
  margin-top: 16px;
  color: #5b6079;
  font-size: 12px;
}
.dp-result-card .dp-error {
  color: #be123c;
}
@media (max-width: 600px) {
  .dp-result-card {
    padding: 16px;
    border-radius: 16px;
  }
  .dp-result-card h3 {
    font-size: 19px;
  }
  .dp-result-card .dp-actions {
    flex-direction: column;
  }
  .dp-result-card .dp-actions a,
  .dp-result-card .dp-actions button {
    width: 100%;
  }
}

/* Stage 3: visible focus on the light theme (accessibility). */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 3px solid #5b3df0;
  outline-offset: 2px;
}
/* Stage 3: tool specification block (shared design-system styling). */
/* Stage 3: download progress + cancel controls. */
.progress-stages { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.progress-stage { padding: 6px 12px; border: 1px solid var(--border); border-radius: 999px; font-size: 12px; color: var(--muted); }
.progress-stage.is-active { background: #ece9ff; border-color: #c7bfff; color: #3b2bbf; font-weight: 750; }
.progress-stage.is-done { background: #ecfdf5; border-color: #a7f3d0; color: #047857; }
.progress-cancel { margin-top: 10px; padding: 9px 14px; border: 1px solid var(--border); border-radius: 10px; background: #fff; color: #17172f; cursor: pointer; font-size: 13px; }

/* Breadcrumbs + per-tool guides + image workspace (added for the 4 image tools). */
.breadcrumbs { font-size: 14px; color: var(--muted); margin: 12px 0 4px; }
.breadcrumbs a { color: var(--purple); text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }
.tool-guide { background: var(--panel); border: 1px solid var(--border); border-radius: 14px; padding: 22px; margin: 28px 0; }
.tool-guide h3 { margin: 20px 0 8px; }
.tool-guide ol, .tool-guide ul { margin: 0 0 0 20px; line-height: 1.65; }
.tool-faq details { background: #ffffff; border: 1px solid var(--border); border-radius: 10px; padding: 10px 14px; margin: 8px 0; }
.tool-faq summary { cursor: pointer; font-weight: 600; }
.image-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 14px; margin: 16px 0; }
.image-card { background: #ffffff; border: 1px solid var(--border); border-radius: 12px; padding: 10px; }
.image-card img { width: 100%; height: 140px; object-fit: cover; border-radius: 8px; cursor: pointer; background: #eef0f7; }
.image-meta { display: flex; flex-direction: column; gap: 2px; margin: 8px 0; overflow-wrap: anywhere; }
.image-meta span { font-size: 13px; color: var(--muted); }
.cover-badge { display: inline-block; background: var(--purple); color: #fff; border-radius: 999px; padding: 2px 8px; font-size: 12px; width: fit-content; }
.image-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.image-actions button { font-size: 13px; }
.image-downloads { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0; }
#imagePreviewWrap img { max-width: 100%; max-height: 420px; border: 1px solid var(--border); border-radius: 12px; background: #eef0f7; }

/* Processing + result card (Task 2 UI) */
.processing-card{display:flex;gap:16px;align-items:flex-start;padding:18px;border:1px solid #c7bfff;border-radius:16px;background:#f5f3ff;box-shadow:0 12px 40px #7c3aed14}
.processing-spinner{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:4px solid #ddd6fe;border-top-color:#7c3aed;animation:processing-spin .9s linear infinite}
@keyframes processing-spin{to{transform:rotate(360deg)}}
.processing-body{min-width:0;flex:1}
.processing-heading{font-size:17px;margin:2px 0 4px;letter-spacing:-.02em}
.processing-card p{color:var(--muted);font-size:13px;margin:6px 0}
.result-error-card{padding:18px;border:1px solid #fecdd3;border-radius:16px;background:#fff1f2}
.result-error-card h2{font-size:17px;margin:0 0 6px;color:#be123c}
.result-error-card p{color:#3d435e;font-size:13px;margin:6px 0}
.result-error-card .server-message{color:#5b6079}
.retry-btn,.refresh-btn{margin-top:10px;padding:10px 15px;border:0;border-radius:10px;background:linear-gradient(110deg,#7c3aed,#db2777);color:#fff;font-weight:750;font-size:13px;cursor:pointer}
.result-success-badge{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ecfdf5;color:#047857;font-weight:850;margin-bottom:8px}
.media-results h2:focus,.result-error-card h2:focus,.processing-heading:focus{outline:2px solid #a78bfa;outline-offset:3px}
@media(max-width:700px){.processing-card{padding:14px;gap:12px}.processing-spinner{width:36px;height:36px;border-width:3px}}
@media(prefers-reduced-motion:reduce){.processing-spinner{animation:none;border-top-color:#ddd6fe}html{scroll-behavior:auto}}