.pomo-modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:var(--ent-overlay-modal)}.pomo-modal-dismiss{position:absolute;inset:0;padding:0;border:0;background:transparent;cursor:pointer}.pomo-modal{position:relative;z-index:1;display:flex;flex-direction:column;width:min(100%,var(--pomo-modal-width, var(--ent-modal-width)));max-height:min(82dvh,calc(100dvh - 32px));overflow:hidden;border:1px solid var(--ent-border);border-radius:var(--ent-radius-card);background:var(--ent-surface);box-shadow:var(--ent-shadow-modal)}.pomo-modal-header{position:relative;display:flex;align-items:center;gap:10px;min-height:40px;padding:10px 50px 10px 14px}.pomo-modal-badge{display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--ent-radius-control)}.pomo-modal-badge.is-tall{width:40px;height:40px;border-radius:var(--ent-radius-section)}.pomo-modal-badge--primary{background:var(--ent-accent-soft);color:var(--ent-accent)}.pomo-modal-badge--danger{background:var(--ent-danger-soft);color:var(--ent-danger)}.pomo-modal-badge--success{background:var(--ent-success-soft);color:var(--ent-success)}.pomo-modal-heading{display:grid;gap:2px;min-width:0}.pomo-modal-title{margin:0;color:var(--ent-text);font-size:18px;font-weight:820;line-height:1.3}.pomo-modal-subtitle{margin:0;color:var(--ent-text-2);font-size:13px;font-weight:520;line-height:1.35}.pomo-modal-close{position:absolute;top:8px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;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-modal-close:hover,.pomo-modal-close:focus-visible{background:var(--ent-fill-0);color:var(--ent-text);outline:none}.pomo-modal-close:active{transform:translateY(1px)}.pomo-modal-close:disabled{cursor:not-allowed;opacity:.55;transform:none}.pomo-modal-header,.pomo-modal-footer{flex:none}.pomo-modal-body{display:grid;flex:1;gap:12px;min-height:0;padding:2px 14px 14px;overflow-y:auto}.pomo-modal-note{margin:0;padding:10px 12px;border:1px solid var(--ent-border);border-radius:var(--ent-radius-section);background:var(--ent-fill-0);color:var(--ent-text-1);font-size:13px;line-height:1.55}.pomo-modal-note--danger{border-color:var(--ent-danger-border);background:var(--ent-danger-soft)}.pomo-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:0 14px 14px}.pomo-modal-footer .pomo-btn{min-width:80px}@media(max-width:768px){.pomo-modal-backdrop{align-items:end;padding:0}.pomo-modal{width:100%;border-right:0;border-bottom:0;border-left:0;border-radius:var(--ent-radius-card) var(--ent-radius-card) 0 0}.pomo-modal:before{content:"";flex:none;align-self:center;width:36px;height:4px;margin-top:8px;border-radius:999px;background:var(--ent-border)}.pomo-modal-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.pomo-modal-footer .pomo-btn{flex:1}}