*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:#fff;color:#30343a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer;touch-action:manipulation}.select-screen{min-height:100dvh;max-width:760px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 20px);display:flex;flex-direction:column}.select-header{display:flex;align-items:center;gap:6px;margin-bottom:18px}.select-header h1{margin:0;font-size:30px;font-weight:800}.tiles{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:900px)and (orientation:landscape){.tiles{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.tile-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.tile{position:relative;border:none;border-radius:22px;color:#fff;min-width:0;max-width:100%;min-height:160px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px;text-align:left}.tile-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.tile-badge{position:absolute;top:14px;right:14px;background:#fff3;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.tile-row .tile-top{margin-top:20px}.tile-top{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.tile-day{font-size:16px;font-weight:300;opacity:.85}@media(max-width:540px){.select-screen{padding-left:16px;padding-right:16px}.select-header h1{font-size:26px}.tiles,.tile-row{gap:12px}.tile{min-height:128px;padding:16px;border-radius:18px;gap:10px}.tile-name{font-size:25px}.tile-day{font-size:13px}.tile-note,.tile-last{font-size:12px}.tile-badge{top:11px;right:11px;font-size:11px;padding:3px 9px}.ex-name{font-size:clamp(22px,6.5vw,30px)}.meta-pill{font-size:15px;padding:5px 13px}.prescription{font-size:clamp(26px,7.5vw,36px)}.cue{font-size:14px}.countdown{font-size:clamp(80px,24vw,150px)}.primary-btn{min-height:58px;font-size:20px}}.tile:active{filter:brightness(1.12)}.tile-name{font-size:32px;font-weight:800}.tile-note{font-size:13px;opacity:.85}.tile-last{font-size:13px;opacity:.65}.runner{min-height:100dvh;display:flex;flex-direction:column}.progress-track{position:fixed;top:env(safe-area-inset-top);left:0;right:0;height:5px;background:var(--tint);z-index:10}.progress-fill{height:100%;background:var(--dark);transition:width .3s ease}.runner-header{display:flex;align-items:center;gap:4px;padding:calc(env(safe-area-inset-top) + 12px) 10px 0}.icon-btn{background:none;border:none;font-size:38px;line-height:1;color:var(--dark, #30343a);min-width:48px;min-height:44px;padding:0 8px 6px}.program-label{font-size:16px;font-weight:700;color:var(--dark)}.runner-main{flex:1;width:100%;max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:4px 20px 8px;overflow-y:auto}.ex-name{margin:0;font-size:clamp(26px,6vw,40px);font-weight:800;line-height:1.15}.meta-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.meta-pill{background:var(--tint);color:var(--dark);font-size:17px;font-weight:700;padding:6px 16px;border-radius:999px}.work-body{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;justify-content:center}.images{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.images img{max-height:26vh;max-width:42%;object-fit:contain;border-radius:12px;border:1px solid #ececec;background:#fff}.fade-stack{position:relative;display:inline-block}.images .fade-stack img{max-width:100%;max-height:30vh}.fade-stack img{animation:xfade 3.2s ease-in-out infinite}.images .fade-stack img+img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;animation-delay:-1.6s}@keyframes xfade{0%{opacity:1}42%{opacity:1}50%{opacity:0}92%{opacity:0}to{opacity:1}}.images .arrow{font-size:30px;color:var(--accent);flex-shrink:0}@media(max-width:540px){.images.dual{flex-direction:column;gap:2px}.images.dual .arrow{transform:rotate(90deg)}.images.dual img{max-width:72%;max-height:20vh}}.work-info{display:flex;flex-direction:column;align-items:center;gap:8px}.prescription{font-size:clamp(32px,8vw,46px);font-weight:800;color:var(--dark)}.cue{margin:0;font-size:15px;line-height:1.45;color:#555;max-width:540px}@media(min-width:900px)and (orientation:landscape){.work-body{flex-direction:row;justify-content:center;gap:40px}.work-body .images{width:auto;max-width:50%}.work-body .images img{max-height:44vh}}.countdown{font-size:clamp(96px,26vw,190px);font-weight:800;line-height:1;color:var(--dark);font-variant-numeric:tabular-nums}.countdown.ending{color:#c62828;animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.countdown.prep{color:var(--accent)}.prep-label{font-size:22px;font-weight:700;color:var(--accent)}.timer-controls{display:flex;gap:24px;justify-content:center}.text-btn{background:none;border:none;color:var(--dark);font-size:17px;font-weight:600;padding:10px 6px}.rest-main{justify-content:center}.rest-label{margin:0;font-size:30px;font-weight:800;color:var(--dark)}.next-up{margin:0;font-size:18px;color:#555}.bottom-bar{width:100%;max-width:820px;margin:0 auto;padding:8px 20px calc(env(safe-area-inset-bottom) + 14px);display:flex;flex-direction:column;gap:4px;background:#fff}.primary-btn{min-height:64px;width:100%;border:none;border-radius:18px;background:var(--dark);color:#fff;font-size:22px;font-weight:700}.primary-btn:active{filter:brightness(1.15)}.secondary-btn{background:none;border:none;color:#999;font-size:16px;padding:12px}.flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;pointer-events:none;animation:flash-blink 1.3s linear forwards}@keyframes flash-blink{0%{opacity:1}22%{opacity:1}28%{opacity:0}45%{opacity:1}62%{opacity:1}68%{opacity:0}80%{opacity:1}to{opacity:0}}.done-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:calc(env(safe-area-inset-top) + 20px) 20px 0;text-align:center}.done-check{width:110px;height:110px;border-radius:50%;background:var(--dark);color:#fff;font-size:60px;font-weight:800;display:flex;align-items:center;justify-content:center}.done-title{margin:10px 0 0;font-size:36px;font-weight:800}.done-sub{margin:0;font-size:19px;color:#555}.done-screen .bottom-bar{margin-top:auto}