:root{--nav-mobile-height-bottom: 65px;--value-row-gap: 8px}.pomodoro-layout{display:flex;gap:16px;align-items:flex-start}.pomodoro-guide{flex:1;min-width:0}.pomodoro{background-color:var(--p-color-accent-main-light2)}.pomodoro .card__wrap{display:flex;flex-direction:column;align-items:center;gap:20px}.pomodoro .pomodoro__header{display:flex;flex-direction:column;align-items:center;gap:4px}.pomodoro .pomodoro__phase{color:var(--p-color-content-main);font-weight:600}.pomodoro .pomodoro__session{color:var(--p-color-content-dop)}.pomodoro .pomodoro__timer{position:relative;width:200px;height:200px}.pomodoro .pomodoro__knob svg{width:100%;height:100%}.pomodoro .pomodoro__knob .p-knob-range{stroke:var(--p-color-dom-main)}.pomodoro .pomodoro__knob .p-knob-value{stroke:var(--p-color-accent-main)}.pomodoro_break .pomodoro__knob .p-knob-value{stroke:var(--p-color-dop-green)}.pomodoro .pomodoro__display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}.pomodoro .pomodoro__actions{display:flex;align-items:center;gap:8px}.pomodoro .pomodoro__stats{display:flex;gap:24px}.pomodoro .pomodoro__stat{display:flex;align-items:center;gap:6px}.pomodoro .pomodoro__stat-label{color:var(--p-color-content-dop)}.pomodoro .pomodoro__stat-value{font-weight:600}.pomodoro .pomodoro__settings{display:flex;flex-direction:column;align-items:center;width:100%}.pomodoro .pomodoro__settings-body{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;margin-top:12px}.pomodoro .pomodoro__setting{display:flex;align-items:center;justify-content:space-between;gap:12px}.pomodoro .pomodoro__setting-input{width:70px;text-align:center}@media (max-width: 800px){.pomodoro-layout{flex-direction:column}.pomodoro{width:100%}.pomodoro .card__wrap{padding:24px 16px}.pomodoro .pomodoro__timer{width:160px;height:160px}.pomodoro .pomodoro__display{font-size:32px}.pomodoro .pomodoro__stats{flex-direction:column;align-items:center;gap:8px}.pomodoro .pomodoro__actions{flex-wrap:wrap;justify-content:center}}