/* Phone first, original soft dark family colours. */
:root{--side:0px;--top:68px;--bottom:65px;-webkit-tap-highlight-color:transparent}html{min-height:100%;overscroll-behavior-y:none}body{margin:0;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;touch-action:manipulation}.topbar{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.topbar-inner{max-width:880px;margin:0 auto;padding:0 18px;gap:12px;height:68px}.topbar .brand{font-size:27px;gap:9px;flex:1;min-width:0}.brand img{width:37px;height:37px}.brand-sub{font-size:8px;letter-spacing:1.45px}.top-actions{display:flex;align-items:center;gap:2px;order:0}.topbar .icon-button{width:40px;height:44px;flex:none}.topbar #menu-button{display:inline-flex}.topbar .top-end{display:flex;align-items:center;margin-left:0;gap:6px}.topbar select{min-width:48px;min-height:40px;font-size:12px;padding:5px 6px}.topbar .top-actions #home-button{display:none}.topbar .brand span{white-space:nowrap}.topbar .brand span.brand-sub{display:block}.topbar .brand svg{width:20px}.sidebar{display:none}main{margin:0 auto;max-width:880px;padding:calc(var(--top) + env(safe-area-inset-top) + 28px) max(22px,env(safe-area-inset-right)) calc(var(--bottom) + env(safe-area-inset-bottom) + 30px) max(22px,env(safe-area-inset-left));min-height:100svh}.bottom-nav{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));justify-content:space-evenly;gap:0}.bottom-link{width:20%;max-width:130px;font-size:10px;gap:5px;min-height:64px;padding:10px 2px 7px;line-height:1.3}.bottom-link svg{width:22px;height:22px}.bottom-link[aria-current=page]::before{top:0;height:2px;width:32px}.bottom-link[aria-current=page]{background:linear-gradient(#bba15e12,transparent);border-radius:0}.phone-intro .eyebrow{font-size:10px;letter-spacing:2px;color:#c5b889}.phone-intro h1{font-size:clamp(30px,5vw,43px);line-height:1.18;letter-spacing:-1.2px;max-width:600px;margin:14px 0}.phone-intro>p{font-size:15px;color:#b7bbb0;line-height:1.8;max-width:540px}.phone-pause{display:flex;align-items:center;justify-content:space-between;border:1px solid #7b7051;border-radius:17px;padding:17px 18px;margin-top:24px;background:linear-gradient(115deg,#272214,#14150e);color:#e6d7aa}.phone-pause>span{display:flex;align-items:center;gap:12px}.phone-pause svg{width:21px;height:21px}.phone-pause strong{font-size:15px;font-weight:600}.phone-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 17px}.phone-section-head h2{font-size:18px;letter-spacing:-.3px;line-height:1.5;margin:0}.phone-section-head>a{display:flex;align-items:center;gap:7px;color:#d8c58b;min-height:44px;font-size:12px}.phone-section-head svg{width:20px;height:20px}.phone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 12px}.phone-app{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;min-height:110px;color:#eeece4;font-size:12px;font-weight:550;line-height:1.35;padding:0 1px}.phone-app-icon{display:flex;align-items:center;justify-content:center;width:83px;height:83px;border-radius:24px;background:linear-gradient(135deg,var(--module-wash),#121610);border:1px solid #535442;box-shadow:inset 0 1px 0 var(--module-highlight)}.phone-app-icon img{width:65px;height:65px;object-fit:contain}.phone-app>span:last-child{max-width:100%;overflow-wrap:anywhere}.phone-app:active .phone-app-icon{transform:scale(.96);background:#242a20}.phone-continue{display:flex;gap:12px;align-items:center;background:#121810;border:1px solid #424c3e;border-radius:15px;padding:14px;margin-top:20px}.phone-continue>span{display:grid;gap:4px;flex:1;min-width:0}.phone-continue small{font-size:8px;letter-spacing:.8px;color:#b8bba9}.phone-continue strong{font-size:15px}.phone-continue>svg{width:19px;height:19px;color:#d8c58b}.phone-continue img{object-fit:contain;flex:none}.phone-footer{text-align:center;font-size:13px;color:#b7bbb0;margin:40px 0 5px}.phone-settings{display:grid;gap:18px}.phone-settings .surface,.phone-about{padding:24px;border-radius:18px}.phone-settings h2,.phone-about h2{font-size:19px;margin:0 0 12px}.phone-settings p,.phone-about p{font-size:14px;line-height:1.9;margin-bottom:18px}.phone-settings .small{font-size:12px;margin:18px 0 0}.phone-settings select{min-height:48px;width:100%;font-size:16px;border-radius:10px}.phone-settings-link{display:flex;justify-content:space-between;align-items:center;font-size:15px;color:#d8c58b}.phone-settings-link svg{width:20px}.phone-about>img{display:block;margin-bottom:24px}.phone-about>a{overflow-wrap:anywhere;font-size:14px}.phone-about h2{margin-top:30px}.phone-timer{text-align:center;padding:25px 16px;border-radius:22px}.timer-presets{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.timer-presets .pill{min-width:58px;min-height:46px;justify-content:center}.phone-timer .timer-orbit{max-width:290px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin:15px auto 0;border-radius:50%;border:1px solid #4e583f;background:radial-gradient(circle,#1b2e20,#111411 69%)}.phone-timer .timer-display{font-size:65px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-2px;margin:0}.timer-message{min-height:48px;display:flex;justify-content:center;align-items:center;color:#bbc2b0;font-size:14px;line-height:1.7;margin:16px 0}.phone-timer .actions{justify-content:center}.phone-timer .button{min-width:110px;min-height:48px}.module-host{left:0;right:0}.module-bar{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.module-bar h1{font-size:18px;overflow-wrap:anywhere}.module-bar button{min-height:44px}.module-menu-list button{min-height:48px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-filter{overflow:auto;flex-wrap:nowrap;padding:4px 0 9px;scrollbar-width:none}.catalog-filter .pill{white-space:nowrap;min-height:44px}.catalog-search input{font-size:16px}.module-card{padding:24px}.module-favorite{min-width:44px;min-height:44px;top:7px!important;right:7px!important}.module-card .module-heading{padding-right:12px}.module-card .module-identity{gap:15px}.module-card .module-open{min-height:48px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:32px;line-height:1.22;letter-spacing:-1px;margin:12px 0}.page-heading p{font-size:14px;line-height:1.85}.menu-dialog,.confirm-dialog{width:calc(100% - 30px);max-width:430px;max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;border-radius:22px;padding:24px}.menu-dialog .nav-item{min-height:50px;font-size:16px}.dialog-heading h2{font-size:21px}.connection-status{position:fixed;z-index:51;top:calc(var(--top) + env(safe-area-inset-top));left:0;right:0;padding:7px 16px;font-size:11px;text-align:center;background:#3b321f;color:#eee4c9}.storage-warning{position:static;margin:calc(var(--top) + env(safe-area-inset-top)) 0 calc(-1 * var(--top) - env(safe-area-inset-top));font-size:12px;padding:10px 16px}.toast{bottom:calc(var(--bottom) + env(safe-area-inset-bottom) + 12px);max-width:calc(100% - 32px)}[hidden]{display:none!important}:is(button,a,input,select,textarea):focus-visible{outline:2px solid #d8c58b;outline-offset:4px}button,select,a{-webkit-touch-callout:none}#timer-shortcut{color:#d8c58b}
@media(min-width:650px){.phone-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 18px}.phone-app{font-size:13px}.phone-app-icon{width:96px;height:96px;border-radius:27px}.phone-app-icon img{width:76px;height:76px}.phone-intro{padding-top:10px}.phone-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-settings-link{grid-column:1/-1}.module-host{max-width:1000px;margin:0 auto;border-left:1px solid #42483f;border-right:1px solid #42483f}.module-bar{padding:9px 24px}.phone-timer{max-width:550px;margin:0 auto;padding:34px}}
@media(max-width:580px){.catalog-grid{grid-template-columns:1fr}.module-card{padding:23px}.module-bar button span{display:none}.module-bar button{width:44px;justify-content:center}.module-card .module-logo{width:62px;height:62px;flex-basis:62px}.module-heading h2{font-size:25px}.module-card p.module-description{font-size:14px;line-height:1.8}.catalog-filter .pill{font-size:12px;padding-inline:15px}}
@media(max-width:370px){main{padding-left:16px;padding-right:16px}.topbar-inner{padding-inline:10px;gap:6px}.topbar .brand{font-size:24px;gap:7px}.topbar .brand img{width:31px;height:31px}.brand-sub{font-size:6px}.topbar .icon-button{width:35px}.phone-grid{gap:20px 8px}.phone-app-icon{width:75px;height:75px;border-radius:21px}.phone-app-icon img{width:59px;height:59px}.phone-app{font-size:11px}.phone-intro h1{font-size:29px}.phone-timer .timer-display{font-size:55px}.bottom-link{font-size:9px}.phone-settings .surface{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.is-offline .module-host{top:calc(var(--top) + env(safe-area-inset-top) + 38px)}.is-offline main{padding-top:calc(var(--top) + env(safe-area-inset-top) + 60px)}