:root{color:#24201b;background:#f7f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.app-shell{align-items:center;background:linear-gradient(160deg,rgba(42,96,82,.14),transparent 36%),linear-gradient(24deg,rgba(205,87,63,.16),transparent 40%),#f7f4ef;display:flex;justify-content:center;min-height:100vh;padding:18px}.timer-panel{background:#fffcf7e6;border:1px solid rgba(36,32,27,.12);border-radius:8px;box-shadow:0 18px 52px #24201b21;max-width:520px;padding:clamp(18px,4vw,28px);width:min(100%,520px)}.top-bar{align-items:center;display:flex;gap:10px;justify-content:space-between}.app-tabs{background:#ebe2d5;border-radius:8px;display:grid;flex:1;gap:4px;grid-template-columns:repeat(2,1fr);max-width:300px;padding:4px}.app-tabs button{background:transparent;border:0;border-radius:6px;color:#5f5149;cursor:pointer;font-weight:800;min-height:38px;padding:0 12px}.app-tabs button.active{background:#fffaf1;box-shadow:0 5px 18px #24201b1a;color:#24201b}.notification-button{align-items:center;background:#fffaf1;border:1px solid rgba(36,32,27,.12);border-radius:999px;color:#5f5149;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:800;gap:8px;min-height:38px;padding:0 12px}.notification-button:disabled{cursor:default;opacity:.72}.tab-panel{margin-top:16px}.duration-editor{align-items:end;display:grid;gap:10px;grid-template-columns:1fr 1fr auto;margin-top:0}.duration-editor label{display:grid;gap:6px}.duration-editor label span,.pomodoro-presets>span{color:#7d5f50;font-size:.78rem;font-weight:800}.duration-editor input{background:#fffaf1;border:1px solid rgba(36,32,27,.14);border-radius:6px;color:#24201b;font-weight:800;min-height:44px;min-width:0;padding:0 12px;width:100%}.duration-editor button,.history-list button,.pomodoro-presets button{border:0;cursor:pointer;font-weight:800}.duration-editor button{background:#2a6052;border-radius:6px;color:#fffaf1;min-height:44px;padding:0 18px}.history-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.history-list button{background:#ebe2d5;border-radius:999px;color:#5f5149;min-height:34px;padding:0 12px}.pomodoro-summary{align-items:center;color:#7d5f50;display:flex;font-size:.82rem;font-weight:800;gap:8px;justify-content:flex-end;margin-bottom:8px}.pomodoro-summary strong{background:#2a6052;border-radius:999px;color:#fffaf1;padding:5px 10px}.pomodoro-presets{background:#ebe2d5;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);padding:4px}.pomodoro-presets button{align-items:center;background:transparent;border-radius:6px;color:#5f5149;display:grid;gap:2px;min-height:48px;padding:6px 4px}.pomodoro-presets button.active{background:#fffaf1;box-shadow:0 5px 18px #24201b1a;color:#24201b}.pomodoro-presets button small{font-size:.72rem;opacity:.72}.dial{align-items:center;aspect-ratio:1;display:grid;margin:0 auto;max-width:300px;place-items:center;position:relative;width:100%}.dial svg{height:100%;transform:rotate(-90deg);width:100%}.track,.progress{fill:none;stroke-linecap:round;stroke-width:7}.track{stroke:#ebe2d5}.progress{stroke:#cd573f;transition:stroke-dashoffset .35s ease}.time-display{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.time-display span{font-size:clamp(3.1rem,15vw,4.9rem);font-weight:900;line-height:1}.time-display small{color:#7d5f50;font-size:.92rem;font-weight:800;margin-top:8px}.controls{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}.icon-button,.primary-button{align-items:center;border:0;cursor:pointer;display:inline-flex;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.icon-button{background:#ebe2d5;border-radius:999px;color:#24201b;height:50px;width:50px}.icon-button:disabled{cursor:default;opacity:.38;transform:none}.primary-button{background:#cd573f;border-radius:999px;box-shadow:0 14px 30px #cd573f47;color:#fffaf1;height:70px;width:70px}.icon-button:not(:disabled):hover,.primary-button:hover,.duration-editor button:hover,.history-list button:hover,.pomodoro-presets button:hover{transform:translateY(-2px)}.icon-button:focus-visible,.primary-button:focus-visible,.notification-button:focus-visible,.app-tabs button:focus-visible,.duration-editor button:focus-visible,.duration-editor input:focus-visible,.history-list button:focus-visible,.pomodoro-presets button:focus-visible{outline:3px solid rgba(42,96,82,.32);outline-offset:3px}@media(max-width:460px){.app-shell{align-items:flex-start;padding:12px}.timer-panel{padding:16px}.duration-editor{grid-template-columns:1fr 1fr}.duration-editor button{grid-column:1 / -1}.top-bar{align-items:stretch;flex-direction:column}.app-tabs{max-width:none;width:100%}.notification-button{justify-content:center;width:100%}.pomodoro-presets{grid-template-columns:1fr}.dial{max-width:280px}.controls{margin-top:18px}}