.pomodoro-panel{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px}.pomodoro-main,.pomodoro-settings,.pomodoro-room{border:1px solid var(--md-outline-variant);border-radius:22px;background:rgba(255,255,255,.5);padding:18px}.pomodoro-time{font:800 clamp(44px,8vw,78px) Manrope;letter-spacing:-3px;margin:8px 0;color:var(--md-on-surface)}.pomodoro-status{color:var(--md-on-surface-variant);font:800 11px 'DM Sans';text-transform:uppercase;letter-spacing:.8px}.pomodoro-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pomodoro-controls button,.pomodoro-settings button{height:36px;border:0;border-radius:18px;padding:0 13px;background:var(--md-primary);color:var(--md-on-primary);font:800 10px 'DM Sans';cursor:pointer}.pomodoro-controls button:nth-child(2){background:#fff1bc;color:#5f4b00}.pomodoro-controls button:nth-child(4){background:var(--md-surface-container-high);color:var(--md-on-surface)}.pomodoro-settings{display:grid;gap:12px}.pomodoro-settings label{display:grid;gap:6px;color:var(--md-on-surface-variant);font:800 10px 'DM Sans';text-transform:uppercase;letter-spacing:.7px}.pomodoro-settings input,.pomodoro-settings select{height:42px;border:1px solid var(--md-outline-variant);border-radius:14px;padding:0 12px;background:var(--md-surface-container);color:var(--md-on-surface);font:700 12px 'DM Sans'}.pomodoro-room{margin-top:14px}.pomodoro-room>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:12px}.pomodoro-room b{font-size:13px}.pomodoro-room small{color:var(--md-on-surface-variant);font-size:10px}.pomodoro-members{display:grid;gap:8px;margin-top:12px}.pomodoro-members>p{margin:0;padding:14px;border-radius:16px;background:var(--md-surface-container);color:var(--md-on-surface-variant);text-align:center;font-size:11px}.pomodoro-member{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--md-outline-variant);border-radius:16px;background:rgba(255,255,255,.46)}.pomodoro-member img,.pomodoro-member .pomodoro-initials{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--md-secondary-container);display:grid;place-items:center;font:800 10px Manrope}.pomodoro-member b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.pomodoro-member small{color:var(--md-on-surface-variant);font-size:9px}.pomodoro-member time{font:800 18px Manrope;color:var(--md-on-surface)}.pomodoro-member.running{box-shadow:0 0 0 3px rgba(91,184,110,.12);border-color:rgba(91,184,110,.45)}.pomodoro-member.done{border-color:#ba1a1a;background:rgba(255,218,214,.28)}:root[data-theme="dark"] .pomodoro-main,:root[data-theme="dark"] .pomodoro-settings,:root[data-theme="dark"] .pomodoro-room,:root[data-theme="dark"] .pomodoro-member{background:rgba(18,24,20,.42)}:root[data-theme="dark"] .pomodoro-controls button:nth-child(2){background:#5c4810;color:#ffe08a}:root[data-theme="dark"] .pomodoro-member.done{background:rgba(105,47,43,.34);border-color:#ffb4ab}@media(max-width:700px){.pomodoro-panel{grid-template-columns:1fr}.pomodoro-room>div:first-child{align-items:flex-start;flex-direction:column}.pomodoro-member{grid-template-columns:auto minmax(0,1fr)}.pomodoro-member time{grid-column:2}.pomodoro-settings{grid-template-columns:1fr}.pomodoro-time{font-size:52px}}