.drawer{position:fixed;z-index:10;inset:auto 0 0;background:#0f172a;border:1px solid var(--line);border-radius:22px 22px 0 0;max-height:55vh;transform:translateY(110%);transition:transform .25s ease;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -15px 40px #0008}.drawer.open{z-index:40;transform:translateY(0)}.drawer>header{position:static;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.drawer h2{font-size:1rem;margin:0}.close-btn{border:0;background:transparent;font-size:1.6rem}.drawer-body{overflow:auto;padding:12px 16px}.timer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.timer{background:var(--panel);padding:14px;border-radius:14px;text-align:center}.clock{font-size:2rem;font-variant-numeric:tabular-nums}.timer button{background:#0e7490;border:0;border-radius:8px;padding:7px;margin:3px}