:root{
  --bg:#0b0f1a;
  --panel:#121a2b;
  --panel2:#0f1626;
  --text:#eaf1ff;
  --muted:rgba(234,241,255,.72);
  --yellow:#ffd400;
  --cyan:#3df2ff;
  --pink:#ff4fd8;
  --green:#4dff88;
  --purple:#7c5cff;
  --radius:18px;
  --shadow: 0 0 26px rgba(255,212,0,.14), 0 0 26px rgba(61,242,255,.08);
  --border: 1px solid rgba(255,255,255,.08);
}

*{ box-sizing:border-box; }

body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, sans-serif;
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(124,92,255,.20), transparent 60%),
    radial-gradient(1000px 700px at 85% 20%, rgba(255,212,0,.12), transparent 65%),
    radial-gradient(900px 600px at 50% 100%, rgba(61,242,255,.12), transparent 60%),
    var(--bg);
  color:var(--text);
  min-height:100vh;
  display:flex;
  justify-content:center;
}

.stars{
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.55;
  background-image:
    radial-gradient(2px 2px at 15% 25%, rgba(255,255,255,.7) 50%, transparent 52%),
    radial-gradient(1px 1px at 55% 35%, rgba(255,255,255,.55) 50%, transparent 52%),
    radial-gradient(2px 2px at 80% 15%, rgba(255,255,255,.6) 50%, transparent 52%),
    radial-gradient(1px 1px at 30% 70%, rgba(255,255,255,.5) 50%, transparent 52%),
    radial-gradient(2px 2px at 75% 80%, rgba(255,255,255,.55) 50%, transparent 52%);
  filter: drop-shadow(0 0 10px rgba(255,255,255,.08));
}

.app{
  width:100%;
  max-width:560px;
  min-height:100vh;
  position:relative;
  z-index:1;
}

.card{
  background: linear-gradient(180deg, rgba(18,26,43,.92), rgba(15,22,38,.92));
  border: var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  backdrop-filter: blur(8px);
}

.muted{ color:var(--muted); }

.divider{
  border:none;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
  margin:18px 0;
}

.callout,
.toast,
.block,
.emailText,
.settingRow{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}

.seg{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.segBtn,
.dangerBtn,
.tipBtn,
.copyBtn{
  border-radius:14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  color: var(--text);
  cursor:pointer;
  user-select:none;
  transition: transform .12s ease, filter .12s ease;
}

.segBtn:hover,
.dangerBtn:hover,
.tipBtn:hover,
.copyBtn:hover{ filter: brightness(1.06); }

.segBtn:active,
.dangerBtn:active,
.tipBtn:active,
.copyBtn:active{ transform: scale(.99); }

.segBtn.active{
  border-color: rgba(255,212,0,.30);
  background: linear-gradient(135deg, rgba(255,212,0,.20), rgba(124,92,255,.12));
}

.btnRow{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.btn{
  flex:1;
  min-width:160px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  color:var(--text);
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  transition: transform .12s ease, filter .12s ease, box-shadow .16s ease;
  will-change: transform;
}

.btn:active{ transform: translateY(1px) scale(.99); }

.btnPrimary{
  position:relative;
  overflow:hidden;
  background: var(--yellow);
  color:#0b0f1a;
  border:none;
  box-shadow:
    0 14px 28px rgba(0,0,0,.45),
    0 0 26px rgba(255,212,0,.18);
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
}

.btnPrimary:hover{
  filter: brightness(1.04);
  transform: translateY(-1px);
  box-shadow:
    0 16px 34px rgba(0,0,0,.50),
    0 0 34px rgba(255,212,0,.22);
}

.btnPrimary:active{
  transform: translateY(1px) scale(.99);
  box-shadow:
    0 10px 20px rgba(0,0,0,.42),
    0 0 20px rgba(255,212,0,.16);
}

.btnPrimary::after,
.fabMain::after,
.primary::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-60%;
  width:50%;
  height:180%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
  transform: rotate(18deg);
  opacity:0;
  pointer-events:none;
}

.btnPrimary:hover::after,
.fabMain:hover::after,
.primary:hover::after{
  opacity:1;
  animation: shine .7s ease-out forwards;
}

@keyframes shine{
  from{ left:-60%; }
  to{ left:120%; }
}

.page-app .app{
  padding:18px 16px 150px;
}

.page-app .hero{
  padding:0;
  height:30vh;
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}

.page-app .heroGlow{
  position:absolute;
  inset:-40px;
  background:
    radial-gradient(420px 240px at 50% 55%, rgba(255,212,0,.14), transparent 62%),
    radial-gradient(540px 280px at 50% 55%, rgba(61,242,255,.10), transparent 72%),
    radial-gradient(520px 260px at 50% 55%, rgba(124,92,255,.10), transparent 78%);
  pointer-events:none;
}

.page-app .moodWrap{
  width:100%;
  height:100%;
  max-width:416px;
  max-height:416px;
  display:flex;
  align-items:center;
  justify-content:center;
  filter:
    drop-shadow(0 0 28px rgba(255,212,0,.28))
    drop-shadow(0 0 42px rgba(61,242,255,.16));
}

.page-app .mood{
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  background:transparent;
  transition: transform .2s ease;
  will-change: transform;
}

.page-app .mood.idle{ animation: floaty 3.8s ease-in-out infinite; }

@keyframes floaty{
  0%, 100% { transform: scale(1) translateY(0); }
  50% { transform: scale(1.03) translateY(-8px); }
}

.page-app .mood.pop{ animation: moodPop .28s ease-out; }

@keyframes moodPop{
  0%{ transform: scale(1); }
  45%{ transform: scale(1.16) rotate(-2deg); }
  100%{ transform: scale(1); }
}

.page-app .mood.success{ animation: success 420ms ease-out; }

@keyframes success{
  0%{ transform: scale(1) rotate(0deg); }
  40%{ transform: scale(1.12) rotate(-3deg); }
  100%{ transform: scale(1) rotate(0deg); }
}

.page-app .mood.nope{ animation: nope 360ms ease-out; }

@keyframes nope{
  0%{ transform: scale(1) translateX(0); }
  25%{ transform: scale(1) translateX(-8px); }
  50%{ transform: scale(1) translateX(8px); }
  75%{ transform: scale(1) translateX(-5px); }
  100%{ transform: scale(1) translateX(0); }
}

.page-app .list{ margin-top:14px; padding:14px; }

.page-app .listHeader{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.page-app .headerActions,
.page-app .metaWrap{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.page-app .title{
  font-weight:900;
  letter-spacing:.3px;
  font-size:1.05rem;
  margin:0;
  min-height:1.1em;
}

.page-app .meta{
  color:var(--muted);
  font-size:.9rem;
  margin-top:2px;
}

.page-app .headerBtn{
  min-width:34px;
  height:34px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  color:var(--text);
  cursor:pointer;
  font-size:.82rem;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  transition: transform .12s ease, filter .12s ease, opacity .12s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.page-app .headerBtn:hover{ filter: brightness(1.08); }
.page-app .headerBtn:active{ transform: scale(.98); }
.page-app .headerBtn[hidden]{ display:none !important; }

.page-app .headerBtnIcon{
  font-size:1rem;
  line-height:1;
}

.page-app .headerBtnCount{
  font-size:.76rem;
  color: rgba(234,241,255,.86);
}

.page-app .subline{
  color: rgba(234,241,255,.60);
  font-size:.86rem;
  margin-top:4px;
  line-height:1.2;
}

.page-app .tip{
  margin:10px 0 12px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: linear-gradient(135deg, rgba(255,212,0,.10), rgba(61,242,255,.06));
  color: rgba(234,241,255,.92);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.page-app .tipText{
  font-size:.93rem;
  line-height:1.25;
  color: rgba(234,241,255,.80);
}

.page-app .tipActions{
  display:flex;
  gap:8px;
  align-items:flex-start;
  flex:none;
}

.page-app .tipBtn{
  padding:10px 12px;
  white-space:nowrap;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.page-app .items{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.page-app .item{
  background: rgba(255,255,255,.03);
  border: var(--border);
  border-radius:14px;
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  overflow:hidden;
  position:relative;
  cursor:pointer;
}

.page-app .item.dim{
  opacity:.40;
  filter: saturate(.9);
}

.page-app .item:focus-visible{
  outline:none;
  border-color: rgba(61,242,255,.55);
  box-shadow:
    var(--shadow),
    0 0 0 3px rgba(61,242,255,.12);
}

.page-app .item.done .name{
  text-decoration: line-through;
  color: rgba(234,241,255,.60);
}

.page-app .item::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:14px;
  pointer-events:none;
  opacity:0;
  background: linear-gradient(90deg, rgba(61,242,255,.22), rgba(255,212,0,.20), rgba(124,92,255,.18));
  transition: opacity .18s ease;
  mix-blend-mode: screen;
}

.page-app .item.flash::after{
  opacity:.8;
  animation: flashOut .55s ease-out forwards;
}

@keyframes flashOut{
  0%{ opacity:.85; }
  100%{ opacity:0; }
}

.page-app .nameWrap{
  display:flex;
  flex-direction:column;
  gap:4px;
  flex:1;
  min-width:0;
}

.page-app .name{
  font-size:1rem;
  line-height:1.2;
  margin:0;
  word-break: break-word;
}

.page-app .metaTagRow{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}

.page-app .tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:2px 8px;
  border-radius:999px;
  font-size:.75rem;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  color: rgba(234,241,255,.78);
  line-height:1.2;
  white-space:nowrap;
}

.page-app .btnGroup{
  display:flex;
  gap:8px;
  flex:none;
  align-items:center;
}

.page-app .action{
  flex:none;
  width:44px;
  height:44px;
  border-radius:14px;
  border: var(--border);
  background: rgba(0,0,0,.20);
  color: var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
  transition: transform .12s ease, filter .12s ease, opacity .12s ease;
  font-size:1.1rem;
}

.page-app .action:hover{ filter: brightness(1.1); }
.page-app .action:active{ transform: scale(.96); }

.page-app .action.check{
  background: linear-gradient(135deg, rgba(77,255,136,.25), rgba(61,242,255,.18));
  box-shadow: 0 0 14px rgba(77,255,136,.12);
}

.page-app .action.delete{
  background: linear-gradient(135deg, rgba(255,79,216,.22), rgba(124,92,255,.14));
  box-shadow: 0 0 14px rgba(255,79,216,.10);
  cursor:pointer;
}

.page-app .empty{
  color:var(--muted);
  padding:14px 10px;
  text-align:center;
  border: var(--border);
  border-radius:14px;
  background: rgba(255,255,255,.02);
}

.page-app .empty a{
  color: rgba(61,242,255,.90);
  text-decoration:none;
  font-weight:900;
}

.page-app .empty a:hover{
  text-decoration:underline;
  color: rgba(61,242,255,1);
}

.page-app .legal{
  margin-top:10px;
  text-align:center;
}

.page-app .legalLink{
  font-size:.85rem;
  color: rgba(234,241,255,.45);
  text-decoration:none;
}

.page-app .legalLink:hover{
  color: rgba(234,241,255,.75);
  text-decoration:underline;
}

.page-app .fabBar{
  position:fixed;
  left:50%;
  bottom:18px;
  transform: translateX(-50%);
  display:flex;
  align-items:flex-end;
  gap:10px;
  z-index:6;
  padding:0 10px;
}

.page-app .fabMini{
  width:56px;
  height:56px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(8,14,26,.78);
  color:var(--text);
  border-radius:18px;
  cursor:pointer;
  user-select:none;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 10px 22px rgba(0,0,0,.38);
  transition: transform .12s ease, filter .12s ease, box-shadow .16s ease;
  will-change: transform;
  transform: translateY(10px);
  text-decoration:none;
  position:relative;
}

.page-app .fabBadge{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: var(--yellow);
  color:#07101f;
  border:1px solid rgba(11,15,26,.28);
  box-shadow: 0 8px 16px rgba(0,0,0,.32);
  font-size:.75rem;
  font-weight:1000;
  line-height:1;
}

.page-app .fabMini:hover{
  filter: brightness(1.06);
  transform: translateY(8px);
  box-shadow: 0 12px 26px rgba(0,0,0,.42);
}

.page-app .fabMini:active{
  transform: translateY(11px) scale(.99);
}

.page-app .fabMini.active{
  border-color: rgba(255,212,0,.30);
  box-shadow: 0 12px 26px rgba(0,0,0,.42), 0 0 18px rgba(255,212,0,.14);
}

.page-app .fabMini.active::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:18px;
  pointer-events:none;
  opacity:.65;
  background: radial-gradient(140px 80px at 50% 20%, rgba(255,212,0,.20), transparent 60%);
}

.page-app .fabMiniIcon{
  width:22px;
  height:22px;
  display:inline-block;
}

.page-app .fabMain{
  position:relative;
  overflow:hidden;
  width:84px;
  height:84px;
  border-radius:28px;
  border:none;
  background: var(--yellow);
  color:#07101f !important;
  -webkit-text-fill-color:#07101f !important;
  font-weight:1000;
  font-size:2.45rem;
  line-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
  transform: translateY(10px);
  box-shadow:
    0 16px 34px rgba(0,0,0,.48),
    0 0 30px rgba(255,212,0,.22);
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
  transition: transform .12s ease, filter .12s ease, box-shadow .16s ease;
  forced-color-adjust:none;
  color-scheme:light;
}

.page-app .fabMain:hover{
  filter: brightness(1.04);
  transform: translateY(8px);
  box-shadow:
    0 18px 40px rgba(0,0,0,.52),
    0 0 38px rgba(255,212,0,.26);
}

.page-app .fabMain:active{
  transform: translateY(11px) scale(.99);
  box-shadow:
    0 12px 26px rgba(0,0,0,.46),
    0 0 24px rgba(255,212,0,.18);
}

.page-app .overlay{
  position:fixed;
  inset:0;
  background: rgba(0,0,0,.55);
  display:none;
  align-items:flex-end;
  justify-content:center;
  padding:16px;
  z-index:10;
}

.page-app .overlay.open{ display:flex; }

.page-app .sheet{
  width:100%;
  max-width:560px;
  border-radius:22px;
  border: var(--border);
  background: linear-gradient(180deg, rgba(18,26,43,.98), rgba(15,22,38,.98));
  box-shadow: 0 24px 55px rgba(0,0,0,.55);
  padding:14px;
  margin-bottom: env(safe-area-inset-bottom, 0);
}

.page-app .sheetTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.page-app .sheetTitle{
  margin:0;
  font-weight:900;
  letter-spacing:.2px;
}

.page-app .close{
  background: rgba(255,255,255,.06);
  border: var(--border);
  color: var(--text);
  border-radius:14px;
  padding:10px 12px;
  cursor:pointer;
}

.page-app .field,
.page-app .select{
  width:100%;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  color: var(--text);
  outline:none;
}

.page-app .field{
  padding:14px;
  font-size:1.05rem;
}

.page-app .select{
  flex:1;
  min-width:160px;
  padding:12px;
  font-size:1rem;
}

.page-app .field:focus,
.page-app .select:focus{
  border-color: rgba(61,242,255,.55);
  box-shadow: 0 0 0 3px rgba(61,242,255,.12);
}

.page-app .row{
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:10px;
  flex-wrap:wrap;
}

.page-app .seg{
  gap:10px;
  width:100%;
  margin-top:10px;
}

.page-app .segBtn{
  flex:1;
  padding:12px;
  border-radius:16px;
  font-weight:900;
  letter-spacing:.2px;
}

.page-app .sheetActions{
  display:flex;
  gap:10px;
  margin-top:10px;
}

.page-app .primary{
  flex:1;
  padding:14px;
  border-radius:16px;
  border:none;
  cursor:pointer;
  font-weight:1000;
  letter-spacing:.8px;
  text-transform:uppercase;
  position:relative;
  overflow:hidden;
  background: var(--yellow);
  color:#0b0f1a !important;
  -webkit-text-fill-color:#0b0f1a !important;
  box-shadow:
    0 14px 28px rgba(0,0,0,.45),
    0 0 26px rgba(255,212,0,.18);
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
  transition: transform .12s ease, filter .12s ease, box-shadow .16s ease;
  will-change: transform;
  forced-color-adjust:none;
  color-scheme:light;
}

.page-app .primary:hover{
  filter: brightness(1.04);
  transform: translateY(-1px);
  box-shadow:
    0 16px 34px rgba(0,0,0,.50),
    0 0 34px rgba(255,212,0,.22);
}

.page-app .primary:active{
  transform: translateY(1px) scale(.99);
  box-shadow:
    0 10px 20px rgba(0,0,0,.42),
    0 0 20px rgba(255,212,0,.16);
}

.page-app .secondary{
  padding:14px;
  border-radius:16px;
  border: var(--border);
  background: rgba(255,255,255,.05);
  color: var(--text);
  cursor:pointer;
}

.page-app .toast{
  position:fixed;
  left:50%;
  bottom:122px;
  transform: translateX(-50%);
  padding:10px 12px;
  border-radius:14px;
  border: var(--border);
  background: rgba(15,22,38,.92);
  color: var(--text);
  box-shadow: 0 14px 34px rgba(0,0,0,.38);
  opacity:0;
  pointer-events:none;
  transition: opacity .2s ease, transform .2s ease;
  z-index:9;
  font-size:.95rem;
}

.page-app .toast.show{
  opacity:1;
  transform: translateX(-50%) translateY(-6px);
}

.page-help .app,
.page-imprint .app{
  padding:18px 16px 24px;
}

.page-help .card,
.page-imprint .card{
  padding:14px;
}

.page-help h1,
.page-imprint h1{
  margin:0 0 10px;
  font-size:1.25rem;
  letter-spacing:.2px;
}

.page-help h2{
  margin:18px 0 8px;
  font-size:1.05rem;
}

.page-imprint h2{
  margin:16px 0 8px;
  font-size:1.05rem;
}

.page-help p,
.page-help li{
  color:rgba(234,241,255,.82);
  line-height:1.35;
}

.page-imprint p{
  color:rgba(234,241,255,.82);
  line-height:1.35;
  margin:6px 0;
}

.page-help .callout{
  margin-top:10px;
  padding:12px;
  border-radius:14px;
  color: rgba(234,241,255,.86);
}

.page-help .settingsGrid{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:10px;
}

.page-help .settingRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  padding:12px;
  border-radius:14px;
}

.page-help .settingLabel{
  font-weight:900;
  letter-spacing:.2px;
  color: rgba(234,241,255,.92);
}

.page-help .settingHint{
  width:100%;
  color: rgba(234,241,255,.68);
  font-size:.9rem;
  margin-top:4px;
  line-height:1.25;
}

.page-help .segBtn{
  padding:10px 12px;
  font-weight:900;
}

.page-help select.segBtn{
  appearance:none;
  -webkit-appearance:none;
  padding-right:34px;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(234,241,255,.75) 50%),
    linear-gradient(135deg, rgba(234,241,255,.75) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px);
  background-size: 6px 6px, 6px 6px;
  background-repeat:no-repeat;
}

.page-help .dangerBtn{
  padding:10px 12px;
  background: rgba(255,79,216,.14);
  font-weight:900;
}

.page-help .btnRow{ margin-top:16px; }

.page-help .toast{
  margin-top:10px;
  display:none;
  padding:10px 12px;
  border-radius:14px;
  color: rgba(234,241,255,.86);
}

.page-help .toast.show{ display:block; }

.page-imprint .block{
  padding:10px 12px;
  border-radius:14px;
  color: rgba(234,241,255,.86);
  white-space:pre-line;
}

.page-imprint .emailRow{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:6px;
}

.page-imprint .emailText{
  padding:10px 12px;
  border-radius:14px;
  color: rgba(234,241,255,.92);
  user-select:text;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size:.95rem;
}

.page-imprint .copyBtn{
  padding:10px 12px;
  font-weight:800;
  white-space:nowrap;
  will-change: transform;
}

.page-imprint .toast{
  margin-top:10px;
  display:none;
  padding:10px 12px;
  border-radius:14px;
  color: rgba(234,241,255,.86);
}

.page-imprint .toast.show{ display:block; }

.page-imprint .btnRow{ margin-top:14px; }

@media (prefers-reduced-motion: reduce){
  .btn,
  .btnPrimary,
  .btnPrimary::after,
  .segBtn,
  .dangerBtn,
  .copyBtn,
  .page-app .mood.idle,
  .page-app .mood.pop,
  .page-app .mood.success,
  .page-app .mood.nope,
  .page-app .fabMain,
  .page-app .fabMini,
  .page-app .primary{
    transition:none !important;
    animation:none !important;
  }

  .page-app .fabMain::after,
  .page-app .primary::after{
    display:none !important;
  }
}