*{box-sizing:border-box}html,body,#root{color:#111827;overscroll-behavior:none;background:#f5f7fb;min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;overflow:hidden}body{min-height:100vh}button,input{font:inherit}:root{--page-bg:#f5f7fb;--card-bg:#fff;--text-main:#111827;--text-soft:#111827bf;--chip-bg:#eef2ff;--chip-active-bg:#111827;--chip-active-text:#fff;--mode-bg:#f3f4f6;--mode-active-bg:#dbeafe;--start-bg:#2563eb;--cancel-bg:#ef4444;--shadow:0 10px 30px #0000000f;--radius-card:18px;--radius-button:14px;--radius-pill:999px}.app{background:var(--page-bg);min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex}.app-shell{width:100%;max-width:480px;padding:calc(20px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom))}.header{margin-bottom:20px}.eyebrow{opacity:.65;margin:0 0 6px;font-size:13px}.header h1{margin:0;font-size:30px;font-weight:700;line-height:1.1}.subtext{opacity:.75;margin-top:8px;font-size:14px;line-height:1.5}.card{background:var(--card-bg);border-radius:var(--radius-card);box-shadow:var(--shadow);margin-bottom:16px;padding:16px}.card h2{margin:0 0 12px;font-size:17px}.chip-row{gap:10px;display:flex}.chip{border-radius:var(--radius-pill);background:var(--chip-bg);color:var(--text-main);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex:1;padding:12px;font-weight:500}.chip.active{background:var(--chip-active-bg);color:var(--chip-active-text)}.mode-list{flex-direction:column;gap:10px;display:flex}.mode-button{border-radius:var(--radius-button);background:var(--mode-bg);width:100%;color:var(--text-main);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.mode-button.active{background:var(--mode-active-bg)}.summary{opacity:.8;margin:0;line-height:1.5}.start-button,.cancel-button,.back-link{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;width:100%}.start-button{border-radius:var(--radius-button);background:var(--start-bg);color:#fff;margin-top:12px;padding:16px;font-weight:600}.cancel-button{border-radius:var(--radius-button);background:var(--cancel-bg);color:#fff;margin-top:14px;padding:14px}.back-link{color:#2563eb;background:0 0;padding:12px}.active-timer{text-align:center}.timer-machine{opacity:.8;margin:6px 0 8px;font-size:18px}.timer-countdown{margin:12px 0 8px;font-size:48px;font-weight:700;line-height:1}.timer-end{opacity:.7;margin-top:8px;font-size:14px}.done-text{margin-top:14px;font-weight:600}.notification-popup-backdrop{z-index:1000;background:#11182759;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.notification-popup{width:100%;max-width:480px;margin:0}.notification-popup .start-button{margin-top:14px}.browser .app-shell,.standalone .app-shell{max-width:480px}.browser .app{min-height:100vh}.standalone .app{min-height:100dvh}@supports (-webkit-touch-callout:none){.app{min-height:-webkit-fill-available}}button:active{transform:scale(.99)}