/* Savoiré AI — global premium + mobile shell */
:root{
  --sv-aurora:linear-gradient(135deg,#22d3ee 0%,#1970ff 100%);
  --sv-aurora-2:linear-gradient(135deg,#8b5cf6 0%,#6366f1 50%,#22d3ee 100%);
  --sv-touch:44px;
  --sv-safe-b:env(safe-area-inset-bottom,0px);
  --sv-safe-t:env(safe-area-inset-top,0px);
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a,.btn,.dh-btn,.otb-btn,.credit-btn,.quick-buy-btn,.tier-buy-btn,.empty-wizard-btn,.empty-mega-btn,.mega-generate-btn,.welcome-btn,.wb-btn,.confirm-btn,.settings-btn{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid #22d3ee;outline-offset:2px;
}

/* Unified aurora buttons */
.btn, .empty-wizard-btn, .credit-btn-buy, .mega-generate-btn, .welcome-btn, .wb-btn, .tier-buy-btn, .confirm-btn.ok{
  min-height:var(--sv-touch);
  border-radius:999px;
  font-weight:700;
  letter-spacing:.01em;
}
.btn:not(.btn-ghost):not(.btn-google),
.credit-btn-buy,
.empty-wizard-btn,
.mega-generate-btn,
.welcome-btn,
.wb-btn,
.tier-buy-btn{
  background:var(--sv-aurora)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.2)!important;
  box-shadow:0 10px 28px rgba(25,112,255,.28), inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.btn:not(.btn-ghost):not(.btn-google):hover,
.credit-btn-buy:hover,
.empty-wizard-btn:hover,
.mega-generate-btn:hover,
.welcome-btn:hover,
.wb-btn:hover,
.tier-buy-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
}
.empty-mega-btn{
  background:linear-gradient(135deg,#f0d27a,#d4af37)!important;
  color:#140f00!important;
  min-height:var(--sv-touch);
  border-radius:999px;
  font-weight:800;
}
.btn-ghost,.credit-btn-history,.quick-buy-btn,.dh-btn,.otb-btn,.hist-filter,.settings-btn{
  min-height:40px;
  border-radius:12px;
}

/* Mobile dock */
.sv-dock{
  display:none;
  position:fixed;left:12px;right:12px;bottom:calc(10px + var(--sv-safe-b));
  z-index:80;
  background:rgba(10,12,22,.92);
  border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(18px) saturate(140%);
  border-radius:22px;
  padding:8px 6px;
  grid-template-columns:repeat(5,1fr);
  box-shadow:0 16px 40px rgba(0,0,0,.45);
}
.sv-dock button{
  background:transparent;border:0;color:#c2c8d8;
  display:flex;flex-direction:column;align-items:center;gap:3px;
  font-size:10px;font-weight:600;padding:6px 2px;min-height:48px;
}
.sv-dock button i{font-size:16px}
.sv-dock button.primary{color:#22d3ee}
.sv-dock button:active{transform:scale(.96)}

@media (max-width:900px){
  .sv-dock{display:grid}
  .dash-mini-footer{display:none!important}
  .out-area{padding-bottom:calc(92px + var(--sv-safe-b))!important}
  .toast-container{bottom:calc(88px + var(--sv-safe-b))!important;right:12px;left:12px}
  .toast{max-width:100%}
  .dash-hdr{padding-top:calc(8px + var(--sv-safe-t))!important}
  .dh-greeting,.hdr-landing-btn,.dh-stat-hide-md{display:none!important}
  .dh-actions .dh-btn{width:40px;height:40px}
  .left-panel,#leftPanel{
    position:fixed!important;inset:0 auto 0 0;width:min(88vw,320px)!important;
    z-index:60;transform:translateX(-105%);transition:transform .32s cubic-bezier(.16,.84,.44,1);
    height:100%!important;overflow-y:auto;-webkit-overflow-scrolling:touch;
    padding-bottom:calc(24px + var(--sv-safe-b));
  }
  .left-panel.mobile-open,#leftPanel.mobile-open,.left-panel.open{transform:translateX(0)!important}
  #rightPanel,.right-panel{margin-left:0!important;width:100%!important}
  .mobile-menu-btn{
    display:none!important; /* header hamburger is enough */
  }
  .modal,.modal-box,.plan-atelier{
    max-height:min(92dvh,920px)!important;
    width:calc(100vw - 16px)!important;
    margin:8px auto!important;
    border-radius:20px!important;
  }
  .plan-atelier-grid{grid-template-columns:1fr!important;gap:12px}
  .es-cta-row{flex-direction:column;width:100%}
  .es-cta-row button{width:100%}
  .es-title{font-size:clamp(1.6rem,7vw,2.4rem)!important}
  .out-toolbar{gap:6px}
  .otb-btn span{display:none}
  .mega-options{grid-template-columns:1fr!important}
  .settings-row{flex-direction:column;align-items:stretch}
}

@media (max-width:480px){
  .nav-inner{padding:10px 12px!important}
  .hero{padding:110px 14px 72px!important}
  .hero-ctas{flex-direction:column;width:100%}
  .hero-ctas .btn{width:100%}
  .card{padding:26px 18px!important;border-radius:22px}
  .back-link{top:calc(10px + var(--sv-safe-t));left:12px}
  body{padding-left:12px;padding-right:12px}
  .benefits{grid-template-columns:1fr}
  .legal-nav-inner{padding:10px 12px}
  .name-modal{padding:20px 16px;max-height:90dvh;overflow:auto}
}

/* Index pricing polish */
.tier-card .btn{width:100%;justify-content:center}

/* Login buttons */
.btn-google{min-height:48px;border-radius:14px!important}
.btn-email{min-height:48px;border-radius:14px!important;background:var(--sv-aurora)!important;color:#fff!important}
.confirm-btn{min-height:48px;border-radius:14px;background:var(--sv-aurora)!important;color:#fff!important}

/* Legal pages */
.legal-nav{padding-top:var(--sv-safe-t)}

/* ── Output atelier ── */
.out-area{
  scrollbar-gutter:stable;
}
.result-wrap{
  max-width:920px!important;
  margin:0 auto 40px;
  padding:8px 4px 48px;
}
.result-hdr{
  display:flex;gap:20px;align-items:flex-start;justify-content:space-between;
  padding:22px 24px;margin-bottom:18px;
  background:linear-gradient(180deg,rgba(22,26,44,.9),rgba(10,12,22,.75));
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
}
.rh-topic{
  font-size:clamp(1.35rem,3vw,1.85rem)!important;
  font-weight:800;letter-spacing:-.03em;line-height:1.15;color:#fff!important;
}
.result-nav{
  display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;
  position:sticky;top:0;z-index:8;
  padding:10px 0;background:linear-gradient(#070a14,rgba(7,10,20,.75));
}
.result-nav-btn{
  min-height:36px;padding:8px 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);
  font-size:.78rem;font-weight:600;
}
.study-sec{
  background:rgba(16,19,32,.72);
  border:1px solid rgba(255,255,255,.07);
  border-radius:20px;
  margin:0 0 18px;
  overflow:hidden;
}
.ss-hdr{
  padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.ss-body{padding:8px 6px 20px}
.md-content{
  font-size:1.02rem;line-height:1.75;color:#dce1ee;
  padding:6px 18px 10px;max-width:72ch;
}
.md-content h1,.md-content h2,.md-content h3,.md-content h4{
  color:#fff;letter-spacing:-.02em;line-height:1.2;margin:1.35em 0 .5em;
  font-weight:750;
}
.md-content h1{font-size:1.55rem;color:#f0d27a}
.md-content h2{font-size:1.28rem;padding-bottom:.35em;border-bottom:1px solid rgba(212,175,55,.25)}
.md-content h3{font-size:1.08rem;color:#67e8f9}
.md-content p{margin:.7em 0}
.md-content ul,.md-content ol{margin:.6em 0 .9em 1.2em;padding:0}
.md-content li{margin:.28em 0}
.md-content strong{color:#fff}
.md-content em{color:#f0d27a;font-family:'Instrument Serif',Georgia,serif}
.md-content blockquote{
  margin:1em 0;padding:.7em 1em;
  border-left:3px solid #d4af37;
  background:rgba(212,175,55,.06);
  border-radius:0 12px 12px 0;
  color:#e8e4d4;
}
.md-content code{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:.86em;background:rgba(34,211,238,.08);
  border:1px solid rgba(34,211,238,.15);
  padding:.1em .4em;border-radius:6px;color:#67e8f9;
}
.md-content pre{
  background:#0b0e18;border:1px solid rgba(255,255,255,.08);
  border-radius:14px;padding:14px 16px;overflow:auto;margin:1em 0;
}
.md-content pre code{background:none;border:0;padding:0;color:#dce1ee}
.md-content hr{border:0;height:1px;background:linear-gradient(90deg,transparent,#d4af37,transparent);margin:1.6em 0}
.md-content table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.92rem}
.md-content th,.md-content td{border:1px solid rgba(255,255,255,.08);padding:8px 10px;text-align:left}
.md-content th{background:rgba(34,211,238,.08);color:#fff}
.export-bar{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  padding:14px 4px 8px;
}
.exp-btn{
  min-height:42px;padding:10px 16px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);
  color:#fff;font-weight:700;cursor:pointer;
}
.exp-btn.pdf{background:linear-gradient(135deg,#22d3ee,#1970ff);border-color:transparent}
@media (max-width:700px){
  .result-hdr{flex-direction:column}
  .md-content{padding:4px 14px;font-size:1rem;max-width:none}
  .result-nav{overflow-x:auto;flex-wrap:nowrap}
}

/* Kill global gradient headings inside study output */
.md-content h1,.md-content h2,.md-content h3,.md-content h4,.md-content h5,.md-content h6,
.sfp-text h1,.sfp-text h2,.sfp-text h3,.ss-title,.wizard-step-heading,.wizard-tool-name,
.wizard-review-header,.modal-title{
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#fff!important;
}
.md-content h1{color:#f0d27a!important;font-size:1.45rem!important;margin:1.4em 0 .45em}
.md-content h2{color:#67e8f9!important;font-size:1.18rem!important;border-bottom:1px solid rgba(34,211,238,.25);padding-bottom:.35em}
.md-content h3{color:#e8ecf8!important;font-size:1.05rem!important}

/* Wizard layout — no overlapping steps / footer */
#wizardModal .modal{
  max-height:min(90dvh,900px)!important;
  width:min(920px,calc(100vw - 16px))!important;
  display:flex;flex-direction:column;
}
#wizardModal .modal-body{overflow:hidden;display:flex;flex-direction:column;padding:16px 18px 8px!important}
#wizardContent{min-height:0;flex:1;display:flex;flex-direction:column}
.wizard-steps{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto;
  gap:4px;
  margin-bottom:16px!important;
  padding-bottom:8px;
}
.wizard-step{flex:0 0 auto;min-width:72px}
.wizard-step-line{min-width:16px;flex:0 0 16px;margin:0 4px!important}
.wizard-step-desc{display:none}
#wizardBody{flex:1;overflow-y:auto;min-height:0;padding-bottom:8px;-webkit-overflow-scrolling:touch}
.wizard-footer{
  position:sticky;bottom:0;z-index:5;
  display:flex!important;flex-wrap:wrap;gap:10px;align-items:center;
  margin-top:12px!important;padding:12px 0 6px!important;
  background:linear-gradient(#0d1330,#0d1330);
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.wizard-btn{min-height:44px;border-radius:12px!important;padding:10px 18px!important}
.wizard-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.wizard-tool-card{padding:14px!important}
.wizard-language-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))!important}
@media (max-width:640px){
  .wizard-tool-grid{grid-template-columns:1fr!important}
  .wizard-step-label{display:none}
  .wizard-footer{display:grid!important;grid-template-columns:1fr 1fr}
  .wizard-step-info{grid-column:1/-1;order:-1}
}

/* Output screen — never collapse into a thin strip */
#resultArea,
.result-wrap,
.study-sec,
.ss-body,
.md-content,
#liveNotesContent {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: unset !important;
  flex: none !important;
  white-space: normal !important;
  overflow: visible !important;
  float: none !important;
}
.md-content,
#liveNotesContent {
  font-family: Inter, 'Noto Sans Devanagari', 'Nirmala UI', system-ui, sans-serif !important;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  color: #e6ebf7 !important;
  padding: 8px 8px 16px !important;
}
.md-content p,
.md-content li,
.md-content blockquote,
#liveNotesContent p,
#liveNotesContent li {
  display: block !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  line-height: 1.8 !important;
  margin: 0.7em 0 !important;
  max-width: 100% !important;
  color: #e6ebf7 !important;
}
.md-content h1, .md-content h2, .md-content h3, .md-content h4,
#liveNotesContent h1, #liveNotesContent h2, #liveNotesContent h3 {
  display: block !important;
  width: 100% !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: unset !important;
  white-space: normal !important;
  line-height: 1.3 !important;
  margin: 1.25em 0 0.5em !important;
}
.md-content h1, #liveNotesContent h1 { color: #f0d27a !important; font-size: 1.55rem !important; }
.md-content h2, #liveNotesContent h2 { color: #7dd3fc !important; font-size: 1.22rem !important; border-bottom: 1px solid rgba(125,211,252,.25); padding-bottom: .3em; }
.md-content h3, #liveNotesContent h3 { color: #fff !important; font-size: 1.08rem !important; }
.md-content ul, .md-content ol { display: block !important; margin: .6em 0 .9em 1.25em !important; }
.ss-body { padding: 16px 18px 22px !important; }
.study-sec { margin-bottom: 18px !important; overflow: visible !important; }
.result-hdr { flex-wrap: wrap !important; height: auto !important; }
.rh-topic {
  background: none !important;
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
  white-space: normal !important;
}
html[data-theme="light"] .md-content,
html[data-theme="light"] .md-content p,
html[data-theme="light"] .md-content li,
html[data-theme="light"] #liveNotesContent,
html[data-theme="light"] #liveNotesContent p {
  color: #1e293b !important;
}

/* Result chips + application/concept rows — readable cards, not hairline strips */
.result-nav{
  position:relative!important;
  top:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  overflow:visible!important;
  background:transparent!important;
  padding:4px 0 16px!important;
  border:0!important;
}
.result-nav-btn{
  white-space:nowrap;
  font-size:.8rem!important;
  padding:8px 14px!important;
  min-height:38px;
}
.list-item,.trick-item,.concept-card,.summary-point,.qa-card{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  min-height:64px!important;
  height:auto!important;
  padding:16px 18px!important;
  white-space:normal!important;
  overflow:visible!important;
  flex-wrap:nowrap;
}
.li-text,.trick-text,.concept-text,.summary-point-text,.qa-q{
  display:block!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  line-height:1.7!important;
  font-size:1.02rem!important;
  color:#e8eef8!important;
  max-width:100%!important;
}
.items-list,.tricks-list,.concepts-grid{display:flex;flex-direction:column;gap:12px}
.concepts-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:14px!important}
html[data-theme="light"] .li-text,
html[data-theme="light"] .trick-text,
html[data-theme="light"] .concept-text{color:#1e293b!important}

/* ══ Empty home — bigger brand + buttons ══ */
.es-brand{
  font-family:Inter,system-ui,sans-serif;
  font-weight:900;
  font-size:clamp(2.8rem,7vw,4.6rem);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff;
  line-height:1;
  margin:0 0 10px;
  text-shadow:0 0 40px rgba(34,211,238,.25);
}
.es-brand span{color:#22d3ee}
.es-title{
  font-size:clamp(2.4rem,6vw,4.2rem)!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
.es-title em{
  font-family:'Instrument Serif',Georgia,serif!important;
  font-style:italic!important;
  color:#d4af37!important;
  font-weight:400!important;
}
.es-kicker{letter-spacing:.28em!important;font-size:12px!important;color:#22d3ee!important}
.es-cta-row{gap:14px!important;margin:8px 0 4px}
.empty-wizard-btn,.empty-mega-btn,#emptyBuyBtn,.feature-detail-launch{
  min-height:56px!important;
  padding:16px 28px!important;
  font-size:1.02rem!important;
  border-radius:18px!important;
  font-weight:800!important;
}
.dh-name{font-size:1.05rem!important;letter-spacing:.14em!important}
.dh-name-ai{color:#22d3ee!important;font-size:1.1em}
.dh-mark{width:52px!important;height:52px!important}

/* ══ Colorful tool output (not washed-out grey) ══ */
.ss-title{color:#f0d27a!important;font-size:.9rem!important;letter-spacing:.1em}
.ss-title i{color:#22d3ee}
#sec-fc .ss-title,#sec-fc .ss-title i{color:#c084fc!important}
#sec-quiz .ss-title,#quizContainer .ss-title, #sec-quiz .ss-title i{color:#34d399!important}
#sec-mm .ss-title,#sec-mm .ss-title i{color:#f0d27a!important}
#sec-notes .ss-title i{color:#22d3ee!important}
.md-content h1{color:#f0d27a!important}
.md-content h2{color:#22d3ee!important;border-bottom-color:rgba(34,211,238,.28)!important}
.md-content h3{color:#e2e8f0!important}
.md-content strong{color:#fff!important}
.md-content blockquote{border-left-color:#d4af37!important;background:rgba(212,175,55,.08)!important}
.mm-root{
  background:linear-gradient(135deg,#22d3ee,#8b5cf6)!important;
  color:#fff!important;
  font-size:1.15rem!important;
  padding:18px 28px!important;
}
.concept-card{border-left:3px solid #22d3ee!important}
.trick-item{border-left:3px solid #d4af37!important}
.list-item.app{border-left:3px solid #34d399!important}
.list-item.misc{border-left:3px solid #f87171!important}
.fc-front{border-color:rgba(34,211,238,.45)!important}
.fc-back{border-color:rgba(212,175,55,.45)!important}
.quiz-opt-btn.correct{background:rgba(52,211,153,.12)!important;border-color:#34d399!important}
.es-feat{min-height:40px;padding:8px 16px!important}
.es-feat-chip.active-detail{border-color:#22d3ee!important;color:#22d3ee!important}

.es-brand{
  font-family:'Instrument Serif',Georgia,serif!important;
  font-weight:400!important;
  font-style:italic;
  letter-spacing:-.02em!important;
  text-transform:none!important;
}
.es-brand span{font-family:Inter,sans-serif!important;font-style:normal;font-weight:900!important;letter-spacing:.12em}

.mm-branches{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;
  gap:16px!important;
}
.mm-branch{
  border-top-width:4px!important;
  min-height:140px;
  padding:16px!important;
  background:rgba(255,255,255,.04)!important;
}
.mm-branch-hdr{font-size:1rem!important;font-weight:800!important}
.mm-node-text{white-space:normal!important;line-height:1.55!important}

#liveNotesContent, .sfp-text.md-content, .md-content{
  font-family:'Noto Sans Devanagari','Noto Naskh Arabic',Inter,system-ui,sans-serif!important;
}

/* Live Notes — contained scroll, no leak */
#liveNotesModal.modal-overlay{
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(2,6,18,.78)!important;
  backdrop-filter:blur(16px);
}
#liveNotesModal .live-notes-modal-box{
  width:min(840px,96vw)!important;
  max-height:86vh!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#12182e,#0b1020)!important;
  border:1px solid rgba(34,211,238,.2)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.5)!important;
}
#liveNotesContent{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  padding:18px 22px 28px!important;
  line-height:1.8!important;
}
#liveNotesContent h1,#liveNotesContent h2,#liveNotesContent h3{
  display:block!important;
  color:#7dd3fc!important;
  margin:1.1em 0 .4em!important;
}
#liveNotesContent p,#liveNotesContent li{display:block!important;white-space:normal!important}

/* Wizard — clearer, fewer visual errors */
#wizardModal .modal{
  max-width:min(720px,96vw)!important;
  max-height:88vh!important;
  border-radius:24px!important;
}
.wizard-steps{margin-bottom:12px!important}
.wizard-step-desc{display:none!important}
.wizard-topic-input{min-height:140px!important;font-size:1rem!important;line-height:1.5!important}
.wizard-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.wizard-btn-primary{min-height:48px!important;font-size:1rem!important}
.wizard-language-grid{max-height:240px}

@media (max-width:900px){
  .dash-hdr{padding:8px 10px!important;gap:8px!important}
  #tokenMeter,.dh-stats,#wizardHeaderBtn,#megaHeaderBtn,.dh-greeting,.hdr-landing-btn{display:none!important}
  .dh-actions{gap:6px!important}
  .sv-dock{display:grid!important}
}

/* ═══════════════════════════════════════════════
   APPLE PHONE SHELL — ultra professional iOS
   ═══════════════════════════════════════════════ */
@media (max-width: 900px){
  html, body{
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,system-ui,sans-serif!important;
    background:#000!important;
    -webkit-font-smoothing:antialiased;
  }
  body{padding-left:0!important;padding-right:0!important}

  .dash-body{background:#000}

  /* Compact frosted nav bar */
  .dash-hdr{
    position:sticky!important;
    top:0;z-index:40;
    min-height:calc(52px + var(--sv-safe-t));
    padding:calc(8px + var(--sv-safe-t)) 12px 8px!important;
    background:rgba(8,8,10,.62)!important;
    backdrop-filter:saturate(180%) blur(28px)!important;
    -webkit-backdrop-filter:saturate(180%) blur(28px)!important;
    border-bottom:0.5px solid rgba(255,255,255,.12)!important;
    box-shadow:none!important;
    gap:8px!important;
    align-items:center!important;
  }
  .dh-left{gap:8px}
  .dh-btn{
    width:36px!important;height:36px!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.08)!important;
    border:0!important;
    color:#fff!important;
  }
  .dh-mark{width:34px!important;height:34px!important;border-radius:10px!important}
  .dh-text{display:flex!important;flex-direction:column}
  .dh-name{font-size:.95rem!important;letter-spacing:-.03em!important;font-weight:650!important}
  .dh-ver{display:none!important}
  .dh-actions{gap:8px!important}
  .dh-av{
    width:32px!important;height:32px!important;
    border-radius:50%!important;
    overflow:hidden;
    border:0.5px solid rgba(255,255,255,.18);
  }
  #settingsBtn{display:none!important}

  /* iOS tab bar */
  .sv-dock{
    display:grid!important;
    left:0;right:0;bottom:0;
    border-radius:0;
    padding:6px 4px calc(8px + var(--sv-safe-b));
    background:rgba(18,18,20,.78)!important;
    backdrop-filter:saturate(190%) blur(30px)!important;
    -webkit-backdrop-filter:saturate(190%) blur(30px)!important;
    border:0!important;
    border-top:0.5px solid rgba(255,255,255,.14)!important;
    box-shadow:none!important;
    grid-template-columns:repeat(5,1fr);
  }
  .sv-dock button{
    color:rgba(235,235,245,.55);
    font-size:10px;
    font-weight:510;
    letter-spacing:-.01em;
    gap:4px;
    min-height:50px;
    padding:4px 0 2px;
  }
  .sv-dock button i{
    font-size:20px;
    width:48px;height:28px;
    display:flex;align-items:center;justify-content:center;
    border-radius:16px;
  }
  .sv-dock button.primary{color:#fff}
  .sv-dock button.primary i{
    background:linear-gradient(180deg,#3b82f6,#2563eb);
    color:#fff;
    box-shadow:0 6px 16px rgba(37,99,235,.35);
  }

  .out-area{
    padding:12px 16px calc(88px + var(--sv-safe-b))!important;
    background:#000!important;
  }
  .empty-state{padding:28px 8px 40px!important}
  .es-kicker{
    letter-spacing:.22em!important;
    font-size:11px!important;
    color:rgba(255,255,255,.38)!important;
  }
  .es-brand{
    font-size:clamp(2.4rem,11vw,3.4rem)!important;
    letter-spacing:-.03em!important;
  }
  .es-title{
    font-size:clamp(1.55rem,6.4vw,2.1rem)!important;
    font-weight:600!important;
    letter-spacing:-.035em!important;
    color:#fff!important;
  }
  .es-sub{
    font-size:.95rem!important;
    line-height:1.5!important;
    color:rgba(235,235,245,.62)!important;
    max-width:34ch;
    margin:8px auto 18px!important;
  }
  .es-cta-row{width:100%;flex-direction:column}
  .empty-wizard-btn,.empty-mega-btn,#emptyBuyBtn{
    width:100%!important;
    min-height:52px!important;
    border-radius:14px!important;
    font-size:1.02rem!important;
    font-weight:600!important;
    letter-spacing:-.02em!important;
  }
  .empty-wizard-btn{
    background:#007aff!important;
    box-shadow:none!important;
    border:0!important;
  }
  .empty-mega-btn{
    background:rgba(255,255,255,.1)!important;
    color:#fff!important;
    border:0!important;
  }
  #emptyBuyBtn{
    background:transparent!important;
    color:#0a84ff!important;
    box-shadow:none!important;
    border:0!important;
    min-height:44px!important;
  }
  .es-features{justify-content:center;gap:8px}
  .es-feat{
    background:rgba(255,255,255,.06)!important;
    border:0.5px solid rgba(255,255,255,.1)!important;
    border-radius:999px!important;
    color:rgba(255,255,255,.8)!important;
    font-size:.78rem!important;
  }
  .es-shortcuts{display:none!important}

  /* iOS grouped sidebar */
  .left-panel,#leftPanel{
    background:#1c1c1e!important;
    border-right:0!important;
    width:min(92vw,390px)!important;
    padding-top:var(--sv-safe-t);
  }
  .lp-hdr{padding:16px 18px 8px}
  .lp-title{
    font-size:1.55rem!important;
    font-weight:700!important;
    letter-spacing:-.03em!important;
    text-transform:none!important;
    color:#fff!important;
  }
  .user-profile-sidebar{
    margin:8px 14px 12px;
    padding:14px!important;
    background:rgba(255,255,255,.06)!important;
    border:0.5px solid rgba(255,255,255,.08)!important;
    border-radius:16px!important;
  }
  .credit-sidebar{
    margin:0 14px 14px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.05)!important;
    border:0.5px solid rgba(255,255,255,.08)!important;
  }
  .nav-item{
    margin:0 10px;
    border-radius:12px!important;
    min-height:48px;
  }

  /* Bottom sheets */
  .modal-overlay{
    align-items:flex-end!important;
    padding:0!important;
    background:rgba(0,0,0,.45)!important;
  }
  .modal,.modal-box,.plan-atelier,#wizardModal .modal,#liveNotesModal .live-notes-modal-box{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:22px 22px 0 0!important;
    max-height:min(92dvh,920px)!important;
    border:0!important;
    background:#1c1c1e!important;
    animation:svSheet .38s cubic-bezier(.32,.72,0,1);
  }
  @keyframes svSheet{
    from{transform:translateY(18%)}
    to{transform:translateY(0)}
  }
  .modal-header{
    padding:18px 18px 10px!important;
    border-bottom:0.5px solid rgba(255,255,255,.08)!important;
  }
  .modal-title{
    font-size:1.15rem!important;
    font-weight:700!important;
    letter-spacing:-.03em!important;
  }
  .modal-close{
    width:30px;height:30px;border-radius:50%;
    background:rgba(255,255,255,.12)!important;
    border:0!important;
  }
  .wizard-btn-primary,.mega-generate-btn,.welcome-btn,.wb-btn,.confirm-btn.ok{
    background:#007aff!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:14px!important;
  }

  .result-hdr{
    background:rgba(28,28,30,.9)!important;
    border:0.5px solid rgba(255,255,255,.08)!important;
    border-radius:16px!important;
    padding:16px!important;
  }
  .study-sec{
    background:#1c1c1e!important;
    border:0.5px solid rgba(255,255,255,.08)!important;
    border-radius:16px!important;
  }
  .out-toolbar{
    background:rgba(8,8,10,.7);
    backdrop-filter:blur(16px);
    border-bottom:0.5px solid rgba(255,255,255,.08);
    padding:8px 10px!important;
  }
  .otb-btn{
    border-radius:999px!important;
    background:rgba(255,255,255,.08)!important;
    border:0!important;
  }
  .toast{
    border-radius:14px!important;
    background:rgba(44,44,46,.94)!important;
    border:0.5px solid rgba(255,255,255,.1)!important;
  }
  .toast-container{bottom:calc(78px + var(--sv-safe-b))!important}

  html[data-theme="light"] .dash-hdr{
    background:rgba(249,249,249,.72)!important;
    border-bottom-color:rgba(0,0,0,.08)!important;
  }
  html[data-theme="light"] .sv-dock{
    background:rgba(249,249,249,.82)!important;
    border-top-color:rgba(0,0,0,.1)!important;
  }
  html[data-theme="light"] .sv-dock button{color:rgba(60,60,67,.6)}
  html[data-theme="light"] .sv-dock button.primary{color:#007aff}
  html[data-theme="light"] .out-area{background:#f2f2f7!important}
  html[data-theme="light"] .modal,html[data-theme="light"] .modal-box{background:#f2f2f7!important}
}


/* iOS 26 liquid glass tab bar + phone theme */
@media (max-width:900px){
  .sv-dock{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    left:14px!important;right:14px!important;
    bottom:calc(12px + var(--sv-safe-b))!important;
    border-radius:32px!important;
    padding:10px 8px 8px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;
    backdrop-filter:saturate(220%) blur(48px)!important;
    -webkit-backdrop-filter:saturate(220%) blur(48px)!important;
    border:0.5px solid rgba(255,255,255,.38)!important;
    box-shadow:0 20px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.45)!important;
  }
  .sv-dock button{color:rgba(255,255,255,.62)!important;font-weight:510}
  .sv-dock button.primary i{
    background:rgba(10,132,255,.95)!important;
    border-radius:18px!important;
  }
  #themeBtn{display:inline-flex!important}
  .feature-detail-panel,.es-shortcuts,.dash-mini-footer{display:none!important}
  html[data-theme="light"] .sv-dock{
    background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.42))!important;
    border-color:rgba(255,255,255,.7)!important;
  }
  html[data-theme="light"] .sv-dock button{color:rgba(28,28,30,.55)!important}
  html[data-theme="light"] .sv-dock button.primary{color:#007aff!important}
  html[data-theme="light"] .dash-hdr{
    background:rgba(255,255,255,.55)!important;
    border-bottom-color:rgba(0,0,0,.08)!important;
  }
  html[data-theme="light"] .out-area,html[data-theme="light"] body,html[data-theme="light"] .dash-body{
    background:#f2f2f7!important;
  }
  html[data-theme="light"] .es-brand,html[data-theme="light"] .es-title{color:#111!important;-webkit-text-fill-color:#111!important}
  html[data-theme="light"] .es-sub{color:#3a3a3c!important}
  html[data-theme="golden"] .sv-dock{
    background:linear-gradient(180deg,rgba(80,60,20,.55),rgba(30,22,8,.45))!important;
  }
  .empty-wizard-btn,.empty-mega-btn,.wizard-btn-primary,.tier-buy-btn{
    border-radius:16px!important;
    min-height:52px!important;
    font-weight:650!important;
    letter-spacing:-.02em!important;
  }
}

/* ════════════════════════════════════════════════════════════
   PHONE = LAPTOP BLUE-DARK · iOS 26 glass · no junk chrome
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1024px){
  html, body, .dash-body, .out-area, .right-panel, #rightPanel{
    background:
      radial-gradient(80% 50% at 10% 0%, rgba(34,211,238,.10), transparent 55%),
      radial-gradient(70% 40% at 90% 10%, rgba(25,112,255,.12), transparent 50%),
      #060a18 !important;
    color:#e8eef8 !important;
  }
  html[data-theme="golden"] body,
  html[data-theme="golden"] .dash-body,
  html[data-theme="golden"] .out-area{
    background:
      radial-gradient(80% 50% at 10% 0%, rgba(34,211,238,.10), transparent 55%),
      #060a18 !important;
  }

  .dash-mini-footer,
  .es-shortcuts,
  .feature-detail-panel,
  .otb-hint{display:none!important}

  /* Sidebar — laptop blue glass, slide */
  .left-panel, #leftPanel{
    background:
      linear-gradient(180deg, rgba(16,22,44,.82), rgba(8,12,26,.92)) !important;
    backdrop-filter:saturate(180%) blur(36px) !important;
    -webkit-backdrop-filter:saturate(180%) blur(36px) !important;
    border-right:1px solid rgba(34,211,238,.16) !important;
    box-shadow:20px 0 60px rgba(0,0,0,.45) !important;
    transform:translateX(-108%);
    transition:transform .42s cubic-bezier(.32,.72,0,1) !important;
  }
  .left-panel.mobile-open, #leftPanel.mobile-open, .left-panel.open{
    transform:translateX(0)!important;
  }
  .left-panel::before, .left-panel::after{display:none!important}

  .lp-title{
    color:#8be9ff!important;
    font-size:13px!important;
    letter-spacing:.22em!important;
    font-weight:700!important;
  }
  .user-profile-sidebar, .credit-sidebar, .stat-card-sidebar, .nav-item{
    background:rgba(255,255,255,.05)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:none!important;
  }
  .credit-sidebar{
    background:
      radial-gradient(120% 80% at 0% 0%, rgba(34,211,238,.14), transparent 55%),
      rgba(10,16,34,.55)!important;
    border:1px solid rgba(34,211,238,.2)!important;
    border-radius:20px!important;
  }
  .credit-btn-buy, .quick-buy-btn, .empty-wizard-btn, .wizard-btn-primary, .tier-buy-btn, .mega-generate-btn, .welcome-btn{
    background:linear-gradient(135deg,#22d3ee,#1970ff)!important;
    color:#fff!important;
    border:0!important;
    border-radius:16px!important;
    box-shadow:0 10px 24px rgba(25,112,255,.28)!important;
    font-weight:700!important;
    min-height:46px;
  }
  .credit-btn-history, .empty-mega-btn, .wizard-btn-secondary, .dh-btn, .otb-btn{
    background:rgba(255,255,255,.08)!important;
    color:#e8eef8!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  .nav-item:hover, .nav-item-wizard, .nav-item-mega{
    background:rgba(34,211,238,.10)!important;
    border-color:rgba(34,211,238,.22)!important;
  }
  .nav-item-mega{box-shadow:none!important}
  .nav-item-mega::before{display:none!important}

  /* iOS 26 glass dock — cyan/blue not gold */
  .sv-dock{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    left:12px!important;right:12px!important;
    bottom:calc(10px + var(--sv-safe-b))!important;
    border-radius:28px!important;
    padding:8px 6px!important;
    background:linear-gradient(180deg,rgba(18,28,52,.55),rgba(8,12,24,.42))!important;
    backdrop-filter:saturate(200%) blur(40px)!important;
    -webkit-backdrop-filter:saturate(200%) blur(40px)!important;
    border:0.5px solid rgba(120,200,255,.28)!important;
    box-shadow:0 16px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.22)!important;
  }
  .sv-dock button{color:rgba(210,230,255,.62)!important}
  .sv-dock button.primary{color:#fff!important}
  .sv-dock button.primary i{
    background:linear-gradient(180deg,#38d6ff,#1970ff)!important;
    box-shadow:0 8px 18px rgba(25,112,255,.4)!important;
  }

  .dash-hdr{
    background:rgba(8,12,24,.55)!important;
    backdrop-filter:blur(28px) saturate(160%)!important;
    border-bottom:0.5px solid rgba(34,211,238,.14)!important;
  }

  /* Wizard / settings sheets — same blue glass */
  #wizardModal .modal, #settingsModal .modal, #megaModal .modal,
  #histModal .modal, #savedModal .modal, .live-notes-modal-box, .plan-atelier{
    background:linear-gradient(180deg,rgba(16,22,42,.88),rgba(8,12,24,.94))!important;
    backdrop-filter:blur(36px) saturate(170%)!important;
    border:1px solid rgba(34,211,238,.16)!important;
    color:#e8eef8!important;
  }
  .wizard-step-heading, .modal-title, .lp-title{
    background:none!important;
    -webkit-text-fill-color:#fff!important;
    color:#fff!important;
  }
  .wizard-tool-card, .wizard-language-card, .wizard-depth-card, .wizard-style-card{
    background:rgba(255,255,255,.05)!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }
  .wizard-tool-card.selected, .wizard-language-card.selected{
    outline:2px solid #22d3ee;
    background:rgba(34,211,238,.12)!important;
  }

  html[data-theme="light"] .left-panel,
  html[data-theme="light"] #wizardModal .modal{
    background:rgba(242,244,250,.88)!important;
    color:#111!important;
  }
  html[data-theme="light"] .sv-dock{
    background:rgba(255,255,255,.62)!important;
    border-color:rgba(0,0,0,.08)!important;
  }
  html[data-theme="light"] .sv-dock button{color:#3a3a3c!important}
}

/* Wizard — no overlap, no junk badges, Apple sheet */
#wizardModal .modal-body{padding-bottom:0!important}
#wizardBody{padding-bottom:88px!important}
.wizard-footer{
  position:sticky!important;bottom:0!important;
  background:linear-gradient(180deg,transparent,rgba(8,12,24,.96) 28%)!important;
  padding:12px 0 16px!important;z-index:6!important;
}
.wizard-tool-badge{display:none!important}
.wizard-step-heading{text-transform:none!important;letter-spacing:-.03em!important;font-size:1.2rem!important}

/* Sliding liquid-glass BALL on dock (WhatsApp iOS 26 style) */
.sv-dock{position:relative!important;overflow:visible!important}
.sv-dock-orb{
  position:absolute;left:0;top:0;
  width:56px;height:56px;border-radius:50%;
  pointer-events:none;z-index:0;opacity:0;
  transform:translate(0,0);
  transition:transform .48s cubic-bezier(.22,1,.36,1), width .32s ease, height .32s ease, opacity .25s;
  background:
    radial-gradient(120% 90% at 28% 18%, rgba(255,255,255,.72) 0%, rgba(255,255,255,.12) 28%, transparent 46%),
    radial-gradient(80% 70% at 78% 82%, rgba(80,180,255,.45) 0%, transparent 55%),
    radial-gradient(70% 60% at 18% 78%, rgba(255,80,180,.28) 0%, transparent 50%),
    linear-gradient(145deg, rgba(255,255,255,.28), rgba(120,200,255,.18) 40%, rgba(40,60,120,.12));
  backdrop-filter:saturate(220%) blur(18px);
  -webkit-backdrop-filter:saturate(220%) blur(18px);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:
    0 10px 28px rgba(0,20,60,.35),
    inset 0 1px 0 rgba(255,255,255,.85),
    inset 0 -8px 16px rgba(30,80,180,.18);
}
.sv-dock-orb.show{opacity:1}
.sv-orb-shine{
  position:absolute;inset:8% 18% auto 14%;
  height:38%;border-radius:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0));
  filter:blur(1px);
}
.sv-orb-rim{
  position:absolute;inset:0;border-radius:50%;
  box-shadow:
    inset 0 0 0 1px rgba(255,180,80,.35),
    inset 0 0 12px rgba(80,200,255,.25);
  mix-blend-mode:screen;
}
.sv-dock button{position:relative;z-index:1}
.sv-dock button.on{color:#fff!important}
.sv-dock button.on i{
  transform:scale(1.08);
  filter:drop-shadow(0 0 8px rgba(255,255,255,.45));
}

/* Kill leaked text / leftover nodes after html */
html + *, body + script, html + script { display:none !important; }

@media (max-width: 900px){
  /* No gold rails */
  .left-panel::after, .right-panel::after, .dash-body::after { display:none !important; }

  /* Header: only brand + theme + avatar */
  .out-toolbar{
    position:sticky; top:0; z-index:12;
    padding:6px 8px !important;
    background:rgba(6,10,24,.86)!important;
    backdrop-filter:blur(16px);
  }
  .out-toolbar .otb-btn span, .otb-hint, .otb-sep{display:none!important}
  .otb-btn{width:40px;height:40px;padding:0!important;justify-content:center}

  /* Result header: hide score ring that wastes space */
  .score-ring-wrap, .rh-score, .rh-powered, .live-notes-pill,
  .result-live-notes-banner, .credit-result-banner{display:none!important}
  .result-hdr{padding:12px 14px!important;margin-bottom:10px!important}
  .rh-topic{font-size:1.05rem!important}

  /* Wizard MUST scroll */
  #wizardModal.modal-overlay{
    align-items:flex-end!important;
    padding:0!important;
    overflow:hidden!important;
  }
  #wizardModal .modal{
    height:min(92dvh,920px)!important;
    max-height:92dvh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  #wizardModal .modal-body, #wizardContent, .wiz-glass{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  #wizardBody{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:4px 2px 96px!important;
  }
  .wizard-footer{
    flex:none!important;
    position:relative!important;
    bottom:auto!important;
  }

  /* Live stream full screen readable */
  .stream-overlay{padding-bottom:0!important}
  .sfp-header{padding:10px 12px!important}
  .sfp-stages-row,.sfp-fact{display:none!important}
  .sfp-scroll{padding:14px 16px 28px!important}
  .sfp-text{font-size:1rem!important;line-height:1.7!important}

  /* Live notes nudge above dock, no code bleed */
  .live-notes-nudge{
    bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;
    left:12px!important;right:12px!important;width:auto!important;
    z-index:70!important;
  }

  .sv-dock button.primary i{
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
  }
  .sv-dock button i{
    width:28px!important;height:28px!important;
    font-size:22px!important;
    border-radius:0!important;
  }
}

/* Desktop gold rail leftover */
.dash-body > .gold-rail, .side-gold{display:none!important}

/* ════════════════════════════════════════════════════════════
   FINAL DOCK — Apple / WhatsApp iOS 26 liquid glass
   last file rules win. No blue boxes. No rainbow circus.
   ════════════════════════════════════════════════════════════ */
@media (max-width:1024px){
  .sv-dock,
  nav.sv-dock#svDock{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    position:fixed!important;
    left:16px!important;
    right:16px!important;
    bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
    z-index:90!important;
    height:72px!important;
    min-height:72px!important;
    padding:0 6px!important;
    margin:0!important;
    border-radius:36px!important;
    overflow:hidden!important;
    align-items:center!important;
    background:rgba(22,24,30,.52)!important;
    backdrop-filter:blur(40px) saturate(180%)!important;
    -webkit-backdrop-filter:blur(40px) saturate(180%)!important;
    border:0.5px solid rgba(255,255,255,.22)!important;
    box-shadow:
      0 18px 40px rgba(0,0,0,.38),
      inset 0 0.5px 0 rgba(255,255,255,.38)!important;
  }
  .sv-dock button,
  nav.sv-dock#svDock button{
    position:relative!important;
    z-index:2!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
    min-height:0!important;
    height:72px!important;
    padding:10px 0 8px!important;
    margin:0!important;
    color:rgba(255,255,255,.52)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,sans-serif!important;
    font-size:10px!important;
    font-weight:510!important;
    letter-spacing:-.01em!important;
    line-height:1!important;
    transform:none!important;
  }
  .sv-dock button i,
  .sv-dock button.primary i,
  .sv-dock button.on i,
  nav.sv-dock#svDock button i{
    width:auto!important;
    height:auto!important;
    font-size:21px!important;
    line-height:1!important;
    background:none!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    filter:none!important;
    padding:0!important;
    color:inherit!important;
    transform:none!important;
  }
  .sv-dock button.primary,
  .sv-dock button.on{
    color:#fff!important;
  }
  .sv-dock-orb,
  .sv-dock-pill{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:54px!important;
    height:54px!important;
    border-radius:50%!important;
    z-index:1!important;
    pointer-events:none!important;
    opacity:0;
    will-change:transform;
    transition:transform .45s cubic-bezier(.22,1,.36,1), opacity .2s ease!important;
    background:
      radial-gradient(circle at 32% 26%, rgba(255,255,255,.55) 0%, rgba(255,255,255,.08) 26%, transparent 48%),
      radial-gradient(circle at 70% 78%, rgba(90,170,255,.22) 0%, transparent 50%),
      rgba(255,255,255,.10)!important;
    backdrop-filter:blur(16px) saturate(200%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(200%)!important;
    border:0.5px solid rgba(255,255,255,.48)!important;
    box-shadow:
      0 6px 18px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.7),
      inset 0 -10px 16px rgba(255,255,255,.06)!important;
  }
  .sv-dock-orb.show{opacity:1!important}
  .sv-orb-shine,.sv-orb-rim{display:none!important}

  html[data-theme="light"] .sv-dock,
  html[data-theme="light"] nav.sv-dock#svDock{
    background:rgba(255,255,255,.58)!important;
    border-color:rgba(255,255,255,.7)!important;
  }
  html[data-theme="light"] .sv-dock button{color:rgba(28,28,30,.45)!important}
  html[data-theme="light"] .sv-dock button.on,
  html[data-theme="light"] .sv-dock button.primary{color:#111!important}
  html[data-theme="light"] .sv-dock-orb{
    background:
      radial-gradient(circle at 32% 26%, rgba(255,255,255,.9) 0%, rgba(255,255,255,.25) 30%, transparent 52%),
      rgba(255,255,255,.35)!important;
    border-color:rgba(255,255,255,.85)!important;
  }
}
@media (min-width:1025px){
  .sv-dock{display:none!important}
}