.pomo-modal,.pomo-drawer{--pomo-overlay-sheet: 0;--pomo-overlay-exit: translateY(12px) scale(.97);transform:none;opacity:1;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .24s ease}.pomo-drawer{--pomo-overlay-exit: translateX(100%)}.pomo-drawer[data-placement=left]{--pomo-overlay-exit: translateX(-100%)}.pomo-modal[data-starting-style],.pomo-modal[data-ending-style],.pomo-drawer[data-starting-style],.pomo-drawer[data-ending-style]{transform:var(--pomo-overlay-exit);opacity:0}.pomo-modal[data-ending-style],.pomo-drawer[data-ending-style]{transition-duration:.18s}.pomo-modal-backdrop,.pomo-drawer-backdrop{opacity:var(--pomo-drag-opacity, 1);transition:opacity .24s ease}.pomo-modal-backdrop:has(.pomo-modal[data-starting-style]),.pomo-modal-backdrop:has(.pomo-modal[data-ending-style]),.pomo-drawer-backdrop[data-starting-style],.pomo-drawer-backdrop[data-ending-style]{opacity:0}.pomo-modal-backdrop:has(.pomo-modal[data-ending-style]),.pomo-drawer-backdrop[data-ending-style]{transition-duration:.18s}.pomo-modal-header,.pomo-drawer-header{touch-action:var(--pomo-overlay-touch-action, auto)}.pomo-modal[data-overlay-dragging],.pomo-drawer[data-overlay-dragging]{transition:none;transform:translateY(var(--pomo-drag-y, 0px))}.pomo-overlay-handle{display:var(--pomo-overlay-handle-display, none);flex:none;height:13px;touch-action:none;cursor:grab}.pomo-overlay-handle:before{content:"";display:block;width:32px;height:4px;margin:8px auto 0;border-radius:999px;background:var(--ent-fill-2)}@media(max-width:767px){.pomo-modal{--pomo-overlay-sheet: 1;--pomo-overlay-exit: translateY(100%);--pomo-overlay-touch-action: none}.pomo-modal>.pomo-overlay-handle{display:block;position:absolute;inset:0 0 auto;height:20px;z-index:2}.pomo-modal:before{display:none}}@media(prefers-reduced-motion:reduce){.pomo-modal,.pomo-drawer,.pomo-modal-backdrop,.pomo-drawer-backdrop{transition-duration:0s!important;animation:none!important}}.pomo-drawer-backdrop{position:fixed;inset:0;z-index:40;padding:0;border:0;background:var(--ent-overlay-drawer);cursor:pointer}.pomo-drawer{position:fixed;top:0;right:0;z-index:50;display:flex;flex-direction:column;width:100%;max-width:var(--pomo-drawer-width, var(--ent-drawer-width));height:100%;overflow:hidden;border-left:1px solid var(--ent-border);background:var(--ent-surface);box-shadow:var(--ent-shadow-drawer)}.pomo-drawer[data-placement=left]{right:auto;left:0;border-left:0;border-right:1px solid var(--ent-border)}.pomo-drawer-header{display:flex;flex:none;align-items:center;gap:10px;padding:10px 14px 10px 16px;border-bottom:1px solid var(--ent-border)}.pomo-drawer-title{min-width:0;overflow-wrap:anywhere;margin:0;color:var(--ent-reading-text);font-size:var(--ent-modal-title-size);font-weight:var(--ent-modal-title-weight);line-height:var(--ent-modal-title-line-height)}.pomo-drawer-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.pomo-drawer-close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--ent-icon-button-size);height:var(--ent-icon-button-size);margin-left:auto;padding:0;border:0;border-radius:var(--ent-radius-button);background:transparent;color:var(--ent-text-2);cursor:pointer;transition:background var(--ent-motion-fast) var(--ent-motion-ease),color var(--ent-motion-fast) var(--ent-motion-ease),transform var(--ent-motion-press) var(--ent-motion-ease)}.pomo-drawer-actions+.pomo-drawer-close{margin-left:0}.pomo-drawer-close:hover,.pomo-drawer-close:focus-visible{background:var(--ent-fill-0);color:var(--ent-text);outline:none}.pomo-drawer-close:active{transform:translateY(1px)}.pomo-drawer-body{flex:1;min-height:0;padding:14px 16px 20px;overflow-y:auto}.pomo-drawer-footer{display:flex;flex:none;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--ent-border);background:var(--ent-surface)}@media(max-width:767px){.pomo-drawer-body{overscroll-behavior:contain}.pomo-drawer-footer{flex-wrap:wrap;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}}@media(max-width:767px)and (pointer:coarse){.pomo-drawer-close{width:44px;height:44px}.pomo-drawer-footer .pomo-btn{flex:1;min-height:44px;height:auto;white-space:normal}}.pomo-drawer-footer .pomo-btn{min-width:80px}