/* ═══════════════════════════════════════════════════════════════════
   CAELESTIA — پوستهٔ آسمانی «دفتر کائلستیا» — v1.0 (r19.0-cael)
   ─────────────────────────────────────────────────────────────────
   سه فصل روی کلید تم خود برنامه:
     paper = ☀ روز (آسمان سپیده) • slate = 🌆 غروب • dark = 🌌 شب (کائوستیا)
   هویت متمایز: آسمان پرستاره، کارت‌های شیشه‌ای شناور، گرادیان بنفش→فیروزه‌ای
   ─────────────────────────────────────────────────────────────────
   سخت‌سازی iOS/iPadOS (نسخه‌های قدیمی هم):
   • هیچ background-attachment:fixed — لایه‌های آسمان position:fixed واقعی
   • هیچ inset خلاصه — همهٔ مختصات صریح
   • هیچ :has() و هیچ dvh اجباری
   • ترفندهای چندلایه فقط داخل @supports (inset:0px)
   • بدون backdrop-filter برای اجزای اصلی — فیل شفاف توپر/نیمه‌توپر
   • بدون انیمیشن box-shadow
   ═══════════════════════════════════════════════════════════════ */

:root{
  --cael-vio:#8B7CF6;
  --cael-vio-2:#6D5BD0;
  --cael-cyan:#67E8F9;
  --cael-cyan-2:#22B8CF;
  --cael-gold:#FCD34D;
  --cael-pink:#F0ABFC;
  --cael-rose:#FB7185;
  --cael-green:#34D399;
  --cael-grad:linear-gradient(135deg,#8B7CF6 0%,#67E8F9 100%);
  --cael-grad-soft:linear-gradient(135deg,rgba(139,124,246,.16),rgba(103,232,249,.13));
  --radius:20px;
  --radius-sm:14px;
  --sky-dur:.28s;
}

/* ─────────── 🌌 شب (پیش‌فرض) ─────────── */
[data-theme="dark"]{
  --sky-1:#0B0E21;
  --sky-2:#131838;
  --sky-3:#1B2248;
  --ink:#E9EDFF;
  --ink-soft:#AEB6DF;
  --ink-faint:#7A84B8;
  --card:rgba(20,26,56,.78);
  --card-2:rgba(28,34,70,.62);
  --line:rgba(139,124,246,.28);
  --line-soft:rgba(139,124,246,.16);
  --star-a:rgba(255,255,255,.85);
  --star-b:rgba(199,210,254,.55);
  --aurora-1:rgba(109,91,208,.30);
  --aurora-2:rgba(34,184,207,.16);
  --glow:0 0 26px rgba(139,124,246,.22);
  --shadow:0 10px 30px rgba(3,6,22,.45);
  --shadow-lg:0 18px 48px rgba(3,6,22,.6);
  --paper-dim:rgba(139,124,246,.09);
  --rule:rgba(139,124,246,.24);
  --green:#34D399; --amber:#FCD34D; --rose:#FB7185;
  --green-bg:rgba(52,211,153,.12); --amber-bg:rgba(252,211,77,.10); --rose-bg:rgba(251,113,133,.12);
  color-scheme:dark;
}

/* ─────────── 🌆 غروب ─────────── */
[data-theme="slate"]{
  --sky-1:#241B3A;
  --sky-2:#3A2A55;
  --sky-3:#4A3568;
  --ink:#F6EFFF;
  --ink-soft:#D4C4EC;
  --ink-faint:#A893C8;
  --card:rgba(48,36,78,.72);
  --card-2:rgba(64,48,100,.55);
  --line:rgba(240,171,252,.30);
  --line-soft:rgba(240,171,252,.18);
  --star-a:rgba(255,235,255,.75);
  --star-b:rgba(240,171,252,.45);
  --aurora-1:rgba(240,113,171,.26);
  --aurora-2:rgba(252,211,77,.13);
  --glow:0 0 26px rgba(240,171,252,.20);
  --shadow:0 10px 30px rgba(20,8,36,.4);
  --shadow-lg:0 18px 48px rgba(20,8,36,.55);
  --paper-dim:rgba(240,171,252,.10);
  --rule:rgba(240,171,252,.26);
  --green:#4ADE80; --amber:#FBBF24; --rose:#FB7185;
  --green-bg:rgba(74,222,128,.12); --amber-bg:rgba(251,191,36,.11); --rose-bg:rgba(251,113,133,.12);
  color-scheme:dark;
}

/* ─────────── ☀ روز (سپیده) ─────────── */
[data-theme="paper"]{
  --sky-1:#EDF2FE;
  --sky-2:#F6F8FF;
  --sky-3:#E4EBFF;
  --ink:#232A4D;
  --ink-soft:#5A6390;
  --ink-faint:#8E96BC;
  --card:rgba(255,255,255,.85);
  --card-2:rgba(255,255,255,.66);
  --line:rgba(109,91,208,.30);
  --line-soft:rgba(109,91,208,.16);
  --star-a:rgba(109,91,208,.16);
  --star-b:rgba(34,184,207,.12);
  --aurora-1:rgba(139,124,246,.14);
  --aurora-2:rgba(103,232,249,.12);
  --glow:0 0 22px rgba(139,124,246,.16);
  --shadow:0 8px 24px rgba(90,99,144,.16);
  --shadow-lg:0 16px 40px rgba(90,99,144,.22);
  --paper-dim:rgba(109,91,208,.08);
  --rule:rgba(109,91,208,.24);
  --green:#059669; --amber:#D97706; --rose:#E11D48;
  --green-bg:rgba(5,150,105,.10); --amber-bg:rgba(217,119,6,.10); --rose-bg:rgba(225,29,72,.09);
  color-scheme:light;
}

/* ═══════════ آسمان (لایه‌های ثابت iOS-safe) ═══════════ */

/* ستاره‌ها: چهار لایهٔ تکرارشونده از radial-gradient — بدون box-shadow و بدون attachment */
body::before{
  content:"";
  position:fixed;
  top:0; right:0; bottom:0; left:0;
  z-index:0;
  pointer-events:none;
  transform:translateZ(0);
  background-image:
    radial-gradient(1.4px 1.4px at 22px 34px, var(--star-a) 48%, transparent 52%),
    radial-gradient(1px 1px at 118px 84px, var(--star-b) 50%, transparent 54%),
    radial-gradient(1.8px 1.8px at 186px 152px, var(--star-a) 46%, transparent 54%),
    radial-gradient(1px 1px at 74px 208px, var(--star-b) 50%, transparent 54%),
    radial-gradient(1.2px 1.2px at 240px 46px, var(--star-a) 48%, transparent 52%),
    radial-gradient(1px 1px at 300px 190px, var(--star-b) 50%, transparent 54%);
  background-size:340px 260px;
  opacity:1;
}
[data-theme="paper"] body::before{ opacity:.5; }

/* شفق‌ها: دو هالهٔ گرادیانی خیلی نرم در گوشه‌ها */
body::after{
  content:"";
  position:fixed;
  top:0; right:0; bottom:0; left:0;
  z-index:0;
  pointer-events:none;
  transform:translateZ(0);
  background-image:
    radial-gradient(56% 38% at 88% -6%, var(--aurora-1) 0%, transparent 68%),
    radial-gradient(48% 34% at 6% 108%, var(--aurora-2) 0%, transparent 70%);
}

body{
  background:linear-gradient(178deg, var(--sky-1) 0%, var(--sky-2) 46%, var(--sky-3) 100%);
  background-color:var(--sky-2);
  color:var(--ink);
  transition:background var(--sky-dur) ease, color var(--sky-dur) ease;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;
}

/* محتوای برنامه بالای لایه‌های آسمان */
.app, .sidebar, .sheet, .overlay, #dfterGate{ position:relative; z-index:1; }

/* ═══════════ نوار آسمان (topbar) و نوار زمان ═══════════ */

.topbar{
  margin:10px 10px 0;
  background:var(--card);
  border:1px solid var(--line-soft);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:10px 14px;
}
[data-theme="dark"] .topbar,
[data-theme="slate"] .topbar{ background:var(--card); }
.topbar::after{
  content:"✦";
  position:absolute;
  top:8px; left:12px;
  font-size:11px;
  color:var(--cael-vio);
  opacity:.7;
}
.topbar-title-wrap h1{
  color:var(--ink);
  font-weight:800;
  letter-spacing:-.2px;
}
.period{ color:var(--ink-faint); }

.clockbar{
  margin:8px 10px 0;
  background:var(--card-2);
  border:1px solid var(--line-soft);
  border-radius:14px;
  box-shadow:var(--shadow);
  font-variant-numeric:tabular-nums;
}
.clockbar-label{
  color:var(--cael-cyan-2);
  font-weight:700;
}
[data-theme="slate"] .clockbar-label{ color:var(--cael-pink); }
.clockbar-time{ color:var(--ink); font-weight:700; }

.menu-btn, .icon-btn{
  background:var(--card-2) !important;
  border:1px solid var(--line-soft) !important;
  color:var(--ink) !important;
  border-radius:12px;
  transition:transform .16s ease, border-color .16s ease;
}
.menu-btn:active, .icon-btn:active{ transform:scale(.92); }
#themeToggleBtn{
  border-color:var(--line) !important;
  box-shadow:var(--glow);
}

.autosave{
  background:var(--card-2) !important;
  border:1px solid var(--line-soft) !important;
  border-radius:99px !important;
}
.autosave .dot{ background:var(--cael-green) !important; box-shadow:0 0 8px var(--cael-green); }

/* ═══════════ کارت‌های شیشه‌ای شناور ═══════════ */

.hero, .card-block, .glass-group, .settings-block, .note-box, .stat{
  background:var(--card);
  border:1px solid var(--line-soft);
  box-shadow:var(--shadow);
}

/* مرز گرادیانی برای کارت اصلی موجودی — فقط جایی که پشتیبانی می‌شود */
@supports (inset:0px){
  .hero{
    border:none;
    background:
      linear-gradient(var(--card), var(--card)) padding-box,
      var(--cael-grad) border-box;
    border:1.6px solid transparent;
  }
}

.hero{
  border-radius:var(--radius);
  box-shadow:var(--shadow-lg);
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:"🌙";
  position:absolute;
  top:10px; left:14px;
  font-size:18px;
  opacity:.5;
}
[data-theme="paper"] .hero::before{ content:"☀"; }
.hero .label{ color:var(--ink-soft); font-weight:600; }
.hero .value{
  color:var(--ink);
  font-weight:800;
  letter-spacing:-.4px;
}
[data-theme="dark"] .hero .value{ text-shadow:0 0 28px rgba(139,124,246,.35); }
[data-theme="slate"] .hero .value{ text-shadow:0 0 28px rgba(240,171,252,.3); }
.hero .range{ color:var(--ink-faint); }

.stat{ border-radius:16px !important; transition:transform .2s ease; }
.stat:hover{ transform:translateY(-2px); }
.stat .s-label{ color:var(--ink-soft); }
.stat.dep .s-value{ color:var(--cael-green); }
.stat.wd .s-value{ color:var(--cael-gold); }
[data-theme="paper"] .stat.wd .s-value{ color:var(--amber); }
.stat.pers .s-value{ color:var(--cael-rose); }
[data-theme="paper"] .stat.pers .s-value{ color:var(--rose); }

.card-block, .glass-group, .settings-block, .note-box{ border-radius:18px !important; }
.glass-head, .glass-title{ color:var(--ink); }

.section-title{ color:var(--ink); font-weight:800; }
.section-title .sub{ color:var(--ink-faint); }

/* ═══════════ لیست روزانه ═══════════ */

.day-header{ color:var(--ink-soft); }
.daily-row{ border-bottom:1px solid var(--line-soft); transition:background .15s ease; }
.daily-row:last-child{ border-bottom:none; }
.daily-row:active, .daily-row:hover{ background:var(--paper-dim) !important; }
.daily-row .d-net.pos{ color:var(--cael-green); }
.daily-row .d-net.neg{ color:var(--cael-rose); }
[data-theme="paper"] .daily-row .d-net.pos{ color:var(--green); }
[data-theme="paper"] .daily-row .d-net.neg{ color:var(--rose); }
.empty-state{ color:var(--ink-faint); }

/* ═══════════ چیپ‌ها و سگمنت‌ها ═══════════ */

.chip, .sort-chip, .seg, .bk-tab{
  background:var(--card-2) !important;
  border:1px solid var(--line-soft) !important;
  color:var(--ink-soft) !important;
  border-radius:99px !important;
  transition:border-color .16s ease, color .16s ease, background .16s ease;
}
.chip:hover, .sort-chip:hover{ border-color:var(--cael-vio) !important; color:var(--ink) !important; }
.chip.active, .sort-chip.active, .seg.on, .bk-tab.active{
  background:var(--paper-dim) !important;
  border-color:var(--cael-vio) !important;
  color:var(--ink) !important;
  box-shadow:var(--glow);
}
.sort-label{ color:var(--ink-faint); }

/* ═══════════ دکمه‌ها ═══════════ */

.btn{
  border-radius:14px;
  transition:transform .16s ease, filter .16s ease;
}
.btn:active{ transform:scale(.97); }
.btn.primary{
  background:var(--cael-grad) !important;
  color:#0B0E21 !important;
  border:none !important;
  font-weight:800;
  box-shadow:0 8px 22px rgba(139,124,246,.35);
}
[data-theme="paper"] .btn.primary{ color:#fff !important; }
.btn.primary:hover{ filter:brightness(1.07); }
.btn.ghost{
  background:var(--card-2) !important;
  color:var(--ink) !important;
  border:1px solid var(--line-soft) !important;
}
.btn.ghost:hover{ border-color:var(--cael-vio) !important; }
.btn.danger{
  background:var(--rose-bg) !important;
  color:var(--cael-rose) !important;
  border:1px solid rgba(251,113,133,.4) !important;
}
[data-theme="paper"] .btn.danger{ color:var(--rose) !important; }

/* ═══════════ فیلدها ═══════════ */

.search-box, .amount-input, .code-area{
  background:var(--card-2) !important;
  border:1px solid var(--line-soft) !important;
  color:var(--ink) !important;
  border-radius:14px !important;
}
.search-box:focus, .amount-input:focus, .code-area:focus{
  border-color:var(--cael-vio) !important;
  box-shadow:0 0 0 3px rgba(139,124,246,.18);
  outline:none;
}
.field .label, .setting-label{ color:var(--ink-soft); }

.toggle{ background:var(--rule) !important; }
.toggle.on{
  background:var(--cael-grad) !important;
}

/* ═══════════ سایدبار ═══════════ */

.sidebar{
  background:var(--card);
  border-left:1px solid var(--line-soft);
  box-shadow:var(--shadow-lg);
}
.sidebar-head{
  border-bottom:1px solid var(--line-soft);
  background:linear-gradient(90deg, var(--paper-dim), transparent 72%);
}
.nav-item, .nav-sub{ border-radius:13px; transition:background .15s ease, transform .15s ease; }
.nav-item:hover{ background:var(--paper-dim); transform:translateX(-2px); }
.nav-item.active{
  background:var(--paper-dim);
  color:var(--ink);
  box-shadow:var(--glow);
}
.nav-item.active::before{ content:"✦ "; color:var(--cael-vio); }
.nav-section-title{ color:var(--ink-faint); }

.sidebar-overlay{ background:rgba(6,8,24,.55) !important; }
[data-theme="paper"] .sidebar-overlay{ background:rgba(76,79,105,.34) !important; }
@supports ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  .sidebar-overlay{ -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
}

.overlay{ background:rgba(6,8,24,.6) !important; }
[data-theme="paper"] .overlay{ background:rgba(76,79,105,.38) !important; }
@supports ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  .overlay{ -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
}

/* ═══════════ شیت‌ها — پنجره‌های مداری ═══════════ */

.sheet{
  background:var(--card);
  border:1px solid var(--line-soft);
  border-radius:22px 22px 0 0;
  box-shadow:var(--shadow-lg);
}
.sheet::before{
  content:"";
  display:block;
  height:3px;
  width:56px;
  margin:8px auto 0;
  border-radius:99px;
  background:var(--cael-grad);
  opacity:.8;
}
.sheet-head{ border-bottom:1px solid var(--line-soft); }
.sheet-head b, .sheet-head h2{ color:var(--ink); }
.sheet-close{
  background:var(--card-2) !important;
  border:1px solid var(--line-soft) !important;
  color:var(--ink) !important;
  border-radius:12px !important;
}
.sheet-actions{ border-top:1px solid var(--line-soft); }

.backup-bar, .recurrence-bar{ border-radius:16px; background:var(--amber-bg); border:1px solid var(--amber); }

/* ═══════════ FAB ها ═══════════ */

.fab-wrap{ filter:drop-shadow(0 10px 26px rgba(139,124,246,.4)); }
.fab{
  background:var(--cael-grad) !important;
  color:#0B0E21 !important;
  border:none !important;
  font-weight:800;
}
[data-theme="paper"] .fab{ color:#fff !important; }

#dafterAgentFab{
  background:var(--cael-grad) !important;
  border:1.6px solid rgba(255,255,255,.28) !important;
  box-shadow:0 10px 30px rgba(139,124,246,.45), var(--glow) !important;
  color:#0B0E21 !important;
}
[data-theme="paper"] #dafterAgentFab{ color:#fff !important; }

/* ═══════════ پنل دستیار آسمانی ═══════════ */

#dafterAgentPanel{
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  border-radius:20px !important;
  box-shadow:var(--shadow-lg) !important;
}
@supports (inset:0px){
  #dafterAgentPanel{
    background:
      linear-gradient(var(--card), var(--card)) padding-box,
      var(--cael-grad) border-box !important;
    border:1.6px solid transparent !important;
  }
}
#dafterAgentPanel > div:first-child{
  border-bottom:1px solid var(--line-soft) !important;
  background:linear-gradient(90deg, var(--paper-dim), transparent 70%) !important;
  border-radius:19px 19px 0 0 !important;
}
#dafterAgentPanel [data-a="send"]{
  background:var(--cael-grad) !important;
  color:#0B0E21 !important;
  border:none !important;
  font-weight:800;
}
[data-theme="paper"] #dafterAgentPanel [data-a="send"]{ color:#fff !important; }
#dafterAgentPanel [data-a="mic"]{
  background:var(--card-2) !important;
  border:1px solid var(--line-soft) !important;
}
#dafterAgentPanel [data-a="mic"].rec{
  background:var(--rose-bg) !important;
  color:var(--cael-rose) !important;
  border-color:var(--cael-rose) !important;
}
#dafterAgentPanel [data-a="input"]{
  background:var(--card-2) !important;
  border:1px solid var(--line-soft) !important;
  color:var(--ink) !important;
  border-radius:12px !important;
}
#dafterAgentPanel [data-a="settings"]{ background:var(--card-2) !important; color:var(--ink-soft) !important; }
#dafterAgentPanel [data-a="settings"] input{
  background:var(--card-2) !important;
  border:1px solid var(--line-soft) !important;
  color:var(--ink) !important;
}
#dafterAgentPanel [data-a="chips"] .chip{ color:var(--ink-soft) !important; }
/* حباب‌های گفتگو */
#dafterAgentPanel .bubble-bot{
  background:var(--paper-dim) !important;
  border:1px solid var(--line-soft) !important;
  color:var(--ink) !important;
}
#dafterAgentPanel .bubble-me{
  background:rgba(34,184,207,.14) !important;
  border:1px solid rgba(34,184,207,.3) !important;
  color:var(--ink) !important;
}

/* ═══════════ گیت فعال‌سازی آسمانی ═══════════ */

.dfter-gate-overlay{
  background:
    radial-gradient(52% 36% at 88% -4%, var(--aurora-1) 0%, transparent 70%),
    radial-gradient(46% 34% at 4% 106%, var(--aurora-2) 0%, transparent 72%),
    linear-gradient(178deg, var(--sky-1) 0%, var(--sky-2) 55%, var(--sky-3) 100%);
}
/* نگاشت کامل متغیرهای گیت به پالت کائلستیا — همهٔ متن‌ها خوانا در روز و شب */
.dfter-gate-overlay{
  --gt-a1:#8B7CF6;
  --gt-a2:#22B8CF;
  --gt-bg1:var(--sky-1); --gt-bg2:var(--sky-2); --gt-bg3:var(--sky-3);
  --gt-card:var(--card); --gt-card2:var(--card-2);
  --gt-line:var(--line-soft); --gt-line2:var(--line-soft);
  --gt-tx:var(--ink); --gt-sub:var(--ink-soft); --gt-lbl:var(--ink-soft); --gt-dim:var(--ink-faint);
  --gt-input-bg:var(--card-2); --gt-input-tx:var(--ink); --gt-ph:var(--ink-faint);
  --gt-focus:#8B7CF6;
}
[data-theme="paper"] .dfter-gate-overlay{ --gt-a1:#6D5BD0; --gt-a2:#0EA5E9; }
.dfter-gate-card{
  background:var(--card);
  border:1px solid var(--line-soft);
  border-radius:24px;
  box-shadow:var(--shadow-lg);
}
.hint{ color:var(--ink-faint); }
.progress-track{ background:var(--rule) !important; border-radius:99px; }
.progress-fill{
  background:var(--cael-grad) !important;
  border-radius:99px;
}
.progress-fill.ok{ background:linear-gradient(90deg,var(--cael-green),var(--cael-cyan)) !important; }

/* ═══════════ جزئیات ═══════════ */

::selection{ background:rgba(139,124,246,.35); color:#fff; }
[data-theme="paper"] ::selection{ background:rgba(109,91,208,.25); }

::-webkit-scrollbar{ width:9px; height:9px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:var(--rule); border-radius:99px; }
::-webkit-scrollbar-thumb:hover{ background:var(--line); }

.view.active{ animation:caelViewIn .3s ease; }
@keyframes caelViewIn{
  from{ opacity:0; transform:translateY(10px); }
  to{ opacity:1; transform:translateY(0); }
}
.sheet{ animation:caelSheetIn .26s ease; }
@keyframes caelSheetIn{
  from{ opacity:0; transform:translateY(26px); }
  to{ opacity:1; transform:translateY(0); }
}

@keyframes caelTwinkle{
  0%,100%{ opacity:1; }
  50%{ opacity:.72; }
}
[data-theme="dark"] body::before,
[data-theme="slate"] body::before{ animation:caelTwinkle 7s ease-in-out infinite; }

/* ═══════════ ≥768px — درگاه شناور آسمانی (متمایز از پنجرهٔ هایپرلند) ═══════════ */

@media (min-width: 768px){
  body{ padding:36px 24px 32px; }
  .app{
    max-width:560px;
    margin:0 auto;
    min-height:calc(100vh - 68px);
    border-radius:30px;
    border:1px solid var(--line-soft);
    background:var(--card-2);
    box-shadow:var(--shadow-lg);
    overflow:hidden;
  }
  @supports (inset:0px){
    .app{
      border:1.6px solid transparent;
      background:
        linear-gradient(var(--card-2), var(--card-2)) padding-box,
        var(--cael-grad-soft) border-box;
    }
  }
  .topbar{ margin:14px 14px 0; border-radius:20px; }
  .clockbar{ margin:10px 14px 0; }
  /* FABها داخل درگاه بمانند، نه لبهٔ نمایشگر */
  .fab-wrap{ left: calc(50% - 280px + 18px) !important; right: auto !important; }
  #dafterAgentFab{ right: calc(50% - 280px + 18px) !important; left: auto !important; }
}

/* ≥1024px — سایدبار طرح اصلی همیشه‌باز نمی‌شود؛ همان کشوی موبایل */
@media (min-width: 1024px){
  .app{ max-width:560px; }
  .menu-btn{ display:flex !important; }
  .sidebar-close{ display:flex !important; }
  .sidebar{
    transform:translateX(calc(100% + 28px)) !important;
    width:var(--sidebar-width); max-width:calc(100vw - 24px);
    top:14px; right:14px; bottom:14px;
    border-radius:22px;
  }
  .sidebar.open{ transform:translateX(0) !important; }
  .sidebar-overlay{ display:block !important; }
  .fab-wrap{
    max-width:560px; margin:0 auto;
    left:calc(50% - 280px + 18px) !important; right:auto !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body::before, body::after{ animation:none !important; }
  .view.active, .sheet{ animation:none !important; }
  *{ transition-duration:.01ms !important; }
}