/* Your day: Home running down, Settings and the ten-rep gate, the Home Screen, Clips behind the shield. */
.dy { background: #fefaf5; }
.dy-home, .dy-set, .dy-earn { position: absolute; inset: 0; }
.dy .ph-tabs, .dy .pst-tabs { display: none; }
.dy-set, .dy-earn { visibility: hidden; }
.dy-earn { z-index: 9; }
.dy-tabs { left: 16px; top: 806px; z-index: 10; }
.dy-dim { position: absolute; inset: 0; z-index: 5; background: #000; opacity: 0; pointer-events: none; }

/* the friction gate: Increase Daily Limit? (FrictionGateChrome, as a sheet) */
.dy-gate { position: absolute; left: 0; top: 54px; width: 393px; height: 832px; z-index: 6; visibility: hidden; border-radius: 34px 34px 0 0; background: #fefaf5; color: #1c1108; box-shadow: 0 -10px 30px rgba(28, 17, 8, 0.18); }
.dy-gx { position: absolute; left: 20px; top: 14px; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; color: #a07858; background: #f4f4f4; }
.dy-gi { position: absolute; left: 152.5px; top: 62px; width: 88px; height: 88px; border-radius: 50%; display: grid; place-items: center; font-size: 38px; color: #f5a120; background: rgba(245, 161, 32, 0.15); }
.dy-gt { position: absolute; left: 0; right: 0; top: 170px; text-align: center; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; }
.dy-gs { position: absolute; left: 0; right: 0; top: 210px; text-align: center; font-size: 16px; color: #a07858; }
.dy-gc { position: absolute; left: 24px; top: 254px; width: 345px; border-radius: 16px; padding: 20px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; background: #fff; box-shadow: 0 0 0 1px rgba(217, 79, 10, 0.1); }
.dy-gl { font-size: 28px; color: #d94f0a; }
.dy-gc b { font-size: 18px; font-weight: 700; }
.dy-gc span { font-size: 14px; line-height: 1.36; color: #a07858; }
.dy-gstart { position: absolute; left: 24px; top: 664px; width: 345px; height: 54px; border-radius: 27px; display: grid; place-items: center; font-size: 17px; font-weight: 600; color: #fff; background: #d94f0a; }
.dy-gcancel { position: absolute; left: 146px; top: 732px; width: 101px; height: 36px; border-radius: 18px; display: grid; place-items: center; font-size: 17px; color: #a07858; }

/* the Home Screen and Clips, behind Per Push's shield (ShieldConfigurationExtension) */
.dy-ios { position: absolute; inset: 0; z-index: 7; visibility: hidden; color: #fff; }
.dy-sbw { position: absolute; left: 0; top: 0; width: 393px; color: #fff; z-index: 3; }
.dy-clips { position: absolute; left: 0; top: 0; width: 393px; height: 886px; z-index: 8; visibility: hidden; transform-origin: 0 0; background: #000; color: #fff; }
.dy-shield { position: absolute; inset: 0; z-index: 2; background: rgba(28, 17, 8, 0.9); opacity: 0; }
.dy-sicon { position: absolute; left: 158px; top: 250px; width: 78px; height: 78px; border-radius: 18px; }
.dy-st { position: absolute; left: 24px; right: 24px; top: 352px; text-align: center; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; }
.dy-ss { position: absolute; left: 40px; right: 40px; top: 398px; height: 80px; text-align: center; font-size: 16px; line-height: 1.38; color: rgba(255, 255, 255, 0.85); }
.dy-ss span { position: absolute; left: 0; right: 0; top: 0; }
.dy-eb { position: absolute; left: 24px; top: 716px; width: 345px; height: 54px; border-radius: 14px; display: grid; place-items: center; font-size: 17px; font-weight: 600; color: #fff; background: #d94f0a; }
.dy-close { position: absolute; left: 24px; top: 780px; width: 345px; height: 44px; display: grid; place-items: center; font-size: 17px; color: #fff; }

/* the notification: Earn more time */
.dy-banner { position: absolute; left: 8px; top: 10px; width: 377px; height: 84px; z-index: 12; border-radius: 26px; display: flex; align-items: center; gap: 12px; padding: 0 16px 0 14px; visibility: hidden; color: #1a1a1c; background: rgba(246, 244, 248, 0.94); box-shadow: 0 12px 30px -10px rgba(0, 0, 0, 0.45); font-family: var(--sf); --press: 0; }
.dy-banner::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: #000; opacity: calc(var(--press) * 0.12); }
.dy-bi { width: 40px; height: 40px; border-radius: 10px; flex: none; }
.dy-banner p { flex: 1; display: flex; flex-direction: column; gap: 1px; }
.dy-banner b { font-size: 15px; font-weight: 650; }
.dy-banner span { font-size: 14.5px; line-height: 1.3; color: rgba(26, 26, 28, 0.85); }
.dy-banner em { position: absolute; right: 16px; top: 14px; font-style: normal; font-size: 13px; color: rgba(26, 26, 28, 0.5); }
.dy-airb { left: 0; top: 0; transform-origin: 0 0; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.7), 0 0 0 0.5px rgba(255, 255, 255, 0.5); }