.mobile-timer{display:none;position:relative;}
.mobile-timer button{font:inherit;cursor:pointer;}
.mobile-timer-toggle{width:44px;height:44px;border:0;border-radius:50%;background:#f1efea;font-size:21px!important;color:#1d1d1f;}
.mobile-timer-menu{position:absolute;right:0;top:52px;width:180px;padding:8px;background:#fff;box-shadow:0 8px 28px #0002;border-radius:14px;z-index:120;}
.mobile-timer-menu button{display:block;width:100%;padding:12px;border:0;background:white;text-align:left;border-radius:8px;color:#333;}
.mobile-timer-menu button:hover{background:#f2edfc;}
@media(max-width:900px){
 #panel-d .pill-nav,.nav{display:grid;grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);align-items:center;gap:6px;padding:6px 8px;overflow:visible;}
 #panel-d .pill-nav .wlogo,.nav .nav-logo{justify-self:start;display:flex;align-items:center;min-height:44px;margin:0;min-width:0;}
 #panel-d .pill-nav .brand-mark,.nav .brand-mark{width:clamp(48px,14vw,86px);max-width:100%;height:auto;}
 #panel-d .pill-nav .links,.nav .nav-links{order:0;display:flex;width:auto;justify-content:center;align-items:center;gap:clamp(16px,4.6vw,28px);font-size:clamp(11px,2.9vw,14px);margin:0;padding:0;white-space:nowrap;}
 #panel-d .pill-nav .links a,.nav .nav-links a{display:flex;align-items:center;min-height:44px;}
 #panel-d .pill-nav > div:last-child{justify-self:end;gap:0!important;zoom:1!important;}
 #panel-d .pill-nav #subscribeLink,#panel-d .pill-nav #installAppBtn,.nav .nav-cta{display:none!important;}
 #panel-d .pill-nav #timerBtn{min-width:44px;min-height:44px;width:44px;font-size:0;padding:0;gap:0!important;justify-content:center;}
 #panel-d .pill-nav #timerBtn::before{content:'⏱';font-size:21px;}
 .mobile-timer{display:block;justify-self:end;}
}

.screen-time-break{width:min(400px,calc(100% - 32px));padding:32px;border:0;border-radius:24px;color:#1d1d1f;background:#fff;text-align:center;box-shadow:0 20px 80px #30204033;}
.screen-time-break::backdrop{background:rgba(30,20,50,.45);}
.screen-time-break h2{font-size:24px;margin:0 0 12px;}
.screen-time-break p{color:#69646f;line-height:1.5;}
.screen-time-break button{display:block;width:100%;min-height:44px;margin-top:12px;border:1px solid #7a5fb547;border-radius:24px;background:#f2edfa;color:#7a5fb5;font:inherit;cursor:pointer;}
.screen-time-break button:focus-visible{outline:3px solid #7650bd;outline-offset:3px;}