/* Notea 7.8.3.67 — Prado integration. Loaded last on purpose. */
.prado-nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.pause-screen{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.prado-frame-shell{position:relative;width:100%;height:100%;min-height:620px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:24px;background:#eaf3fb;box-shadow:0 14px 40px rgba(44,72,99,.10)}
.prado-frame-shell iframe{display:block;width:100%;height:100%;min-height:620px;border:0;background:#eaf3fb}
.prado-frame-loading{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:linear-gradient(180deg,#edf6fd,#fbfdff 65%,#fff8ee);color:#214879;transition:opacity .2s ease,visibility .2s ease}
.prado-frame-loading.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.prado-frame-loading img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(42,69,91,.12))}
.prado-frame-loading strong{margin-top:10px;font-size:17px;letter-spacing:-.02em}.prado-frame-loading small{margin-top:5px;color:#768da3;font-size:10px}
.prado-frame-loading>span{position:relative;width:92px;height:4px;margin-top:17px;overflow:hidden;border-radius:999px;background:rgba(41,88,133,.10)}
.prado-frame-loading>span i{position:absolute;top:0;bottom:0;left:-44%;width:44%;border-radius:inherit;background:linear-gradient(90deg,#84a9c5,#285c93,#8aac86);animation:pradoHostLoad 1s ease-in-out infinite}
@keyframes pradoHostLoad{0%{left:-44%}70%{left:74%}100%{left:100%}}

.mobile-nav-more-layer{display:none}

@media (min-width:761px){
  .portal[data-active-module="pause"]{overflow:hidden!important}
  .portal[data-active-module="pause"] .portal-main{padding:16px 18px 18px!important;overflow:hidden!important}
  .portal[data-active-module="pause"] .pause-screen{height:100%!important;min-height:0!important;padding-bottom:0!important}
  .portal[data-active-module="pause"] .prado-frame-shell,.portal[data-active-module="pause"] .prado-frame-shell iframe{height:100%!important;min-height:0!important}
}

@media (max-width:760px){
  .portal[data-active-module="pause"]{padding-bottom:66px!important;overflow:hidden!important}
  .portal[data-active-module="pause"] .portal-main{height:calc(100dvh - 66px)!important;min-height:0!important;padding:0!important;overflow:hidden!important}
  .portal[data-active-module="pause"] .pause-screen{height:100%!important;min-height:0!important;padding:0!important}
  .portal[data-active-module="pause"] .prado-frame-shell{height:100%!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .portal[data-active-module="pause"] .prado-frame-shell iframe{height:100%!important;min-height:0!important}
  .more-dots-icon svg{fill:currentColor!important;stroke:none!important;width:21px!important;height:21px!important}
  .portal-bottom-nav [data-mobile-nav-more].is-active,.notes-bottom-nav [data-mobile-nav-more].is-active{color:var(--m-nav-active)!important;background:var(--m-nav-active-bg)!important}

  .mobile-nav-more-layer{position:fixed;inset:0;z-index:160;display:block}
  .mobile-nav-more-layer[hidden]{display:none!important}
  .mobile-nav-more-scrim{position:absolute;inset:0;border:0;background:rgba(23,46,68,.27);backdrop-filter:blur(3px)}
  .mobile-nav-more-sheet{position:absolute;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));padding:14px 12px 13px;border:1px solid color-mix(in srgb,var(--m-line,#d6e2ea) 88%,transparent);border-radius:23px;background:color-mix(in srgb,var(--m-nav-bg,#fff) 97%,transparent);box-shadow:0 -18px 50px rgba(31,55,77,.18);animation:noteaMoreUp .18s ease-out}
  .mobile-nav-more-sheet>header{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 10px;border-bottom:1px solid color-mix(in srgb,var(--m-line,#d6e2ea) 78%,transparent)}
  .mobile-nav-more-sheet>header small{display:block;font-size:7px;font-weight:850;letter-spacing:.13em;color:var(--m-muted,#8291a0)}
  .mobile-nav-more-sheet>header h2{margin:2px 0 0;font-size:18px;letter-spacing:-.035em;color:var(--m-text,#1c3349)}
  .mobile-nav-more-sheet>header>button{width:36px;height:36px;border:1px solid color-mix(in srgb,var(--m-line,#d6e2ea) 85%,transparent);border-radius:12px;background:var(--m-surface,#fff);color:var(--m-text,#1c3349);font-size:21px}
  .mobile-more-action{width:100%;min-height:62px;margin-top:8px;border:1px solid color-mix(in srgb,var(--m-line,#d6e2ea) 82%,transparent);border-radius:16px;background:color-mix(in srgb,var(--m-surface,#fff) 94%,transparent);color:var(--m-text,#1c3349);display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:8px 10px;text-align:left}
  .mobile-more-action.prado-action{background:linear-gradient(135deg,color-mix(in srgb,#eaf5ef 76%,var(--m-surface,#fff)),color-mix(in srgb,#eef6fd 76%,var(--m-surface,#fff)))}
  .mobile-more-action-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid rgba(91,121,145,.12);overflow:hidden;font-size:18px}.mobile-more-action-icon img{width:38px;height:38px;object-fit:contain}.settings-more-icon{color:var(--m-nav-active,#577578)}
  .mobile-more-action b{display:block;font-size:12px}.mobile-more-action small{display:block;margin-top:2px;font-size:8.5px;line-height:1.25;color:var(--m-muted,#788b9c)}.mobile-more-action>i{font-style:normal;font-size:22px;color:var(--m-muted,#788b9c)}
  @keyframes noteaMoreUp{from{transform:translateY(18px);opacity:.4}to{transform:none;opacity:1}}
}

@media (prefers-reduced-motion:reduce){.prado-frame-loading>span i,.mobile-nav-more-sheet{animation:none!important}}