*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px 16px;background:radial-gradient(ellipse at 50% 30%,#28231e,#0c0c0c 65%);color:#f5efe7;font-family:system-ui,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #ffffff18;border-radius:10px;color:inherit;background:#ffffff06;padding:10px 15px;transition:background .2s}button:hover{background:#ffffff12}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #e5bc89;outline-offset:4px}.timer-card{width:min(100%,460px);border:1px solid #ffffff15;border-radius:26px;padding:24px 32px;background:linear-gradient(145deg,#1d1b19,#121212);box-shadow:0 30px 100px #00000050;text-align:center}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.back{font-size:12px;color:#a99f93;text-decoration:none}header button{font-size:11px;padding:7px 10px}.eyebrow{font:9px monospace;letter-spacing:.2em;color:#a99f93}h1{font-weight:500;font-size:34px;letter-spacing:-.045em;margin:12px 0 8px}.intro{font-size:13px;color:#a99f93;margin:0 0 25px}.modes{display:flex;gap:5px;justify-content:center;background:#00000030;border-radius:12px;padding:5px}.modes button{flex:1;border:0;font-size:11px;padding:10px 4px;color:#999}.modes button[aria-pressed=true]{background:#e9c29518;color:#efd4b0}.egg-stage{position:relative;height:170px;display:grid;place-items:center;margin-top:18px}.egg-stage img{width:118px;height:145px;object-fit:contain;position:relative;filter:drop-shadow(0 12px 18px #00000060);transition:transform .3s}.egg-glow{position:absolute;width:150px;height:150px;border-radius:50%;background:#d6a15e15;filter:blur(25px)}.running .egg-stage img{animation:egg-float 4s ease-in-out infinite}@keyframes egg-float{50%{transform:translateY(-7px) rotate(2deg)}}#session-label{text-transform:uppercase;font:9px monospace;letter-spacing:.18em;color:#b7a48d;margin:12px 0}#time{font-variant-numeric:tabular-nums;font-size:68px;line-height:1.1;letter-spacing:-.06em;font-weight:400}#status{font-size:12px;color:#a99f93;min-height:18px;margin:14px 0 24px}.progress-track{height:3px;border-radius:3px;background:#ffffff10;overflow:hidden;margin-bottom:24px}#progress{height:100%;width:0;background:#e7bf8e}.controls{display:flex;gap:8px}.controls button{font-size:12px;flex:1;padding:12px 8px}#start{background:#e9c295;color:#23190e;border-color:#e9c295}#start:hover{background:#f1d4b1}footer{display:flex;align-items:center;justify-content:space-between;margin-top:25px;color:#a99f93;font-size:10px}footer button{font-size:10px;padding:6px 8px;border:0}.hint{font-size:9px;color:#68625b;margin:18px 0 0}dialog{width:min(90%,400px);background:#1d1b19;color:#f5efe7;border:1px solid #ffffff25;border-radius:20px;padding:28px}dialog::backdrop{background:#000000b0;backdrop-filter:blur(5px)}dialog h2{font-size:24px;font-weight:500;margin:0 0 8px}dialog p{color:#a99f93;font-size:12px;margin-bottom:24px}dialog label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin:15px 0}dialog input[type=number]{width:65px;background:#ffffff06;border:1px solid #ffffff25;border-radius:7px;color:inherit;padding:8px}dialog .checkbox{justify-content:flex-start;line-height:1.6}dialog input[type=checkbox]{accent-color:#e9c295}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.dialog-actions button{font-size:12px}.dialog-actions button[type=submit]{background:#e9c295;color:#23190e}@media(max-width:400px){.timer-card{padding:20px}.controls{gap:6px}#time{font-size:62px}}@media(prefers-reduced-motion:reduce){.running .egg-stage img{animation:none}button{transition:none}}