.ou-pomodoro-page{padding:20px 0 44px;overflow-x:hidden}.ou-pomodoro-page__title{margin-bottom:0}.ou-pomodoro{margin-top:14px;display:grid;gap:14px;--pomodoro-accent: #b91c1c;--pomodoro-accent-strong: #991b1b;--pomodoro-accent-soft: rgba(185, 28, 28, .12)}.ou-pomodoro.is-phase-short-break{--pomodoro-accent: #0f766e;--pomodoro-accent-strong: #115e59;--pomodoro-accent-soft: rgba(15, 118, 110, .13)}.ou-pomodoro.is-phase-long-break{--pomodoro-accent: #1d4ed8;--pomodoro-accent-strong: #1e40af;--pomodoro-accent-soft: rgba(29, 78, 216, .13)}.ou-pomodoro.is-goal-complete{--pomodoro-accent: #16a34a;--pomodoro-accent-strong: #15803d;--pomodoro-accent-soft: rgba(22, 163, 74, .14)}.ou-pomodoro__main-card,.ou-pomodoro__settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.ou-pomodoro__main-card{position:relative;overflow:hidden;display:grid;gap:12px}.ou-pomodoro__main-wrap{position:relative}.ou-pomodoro__main-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--pomodoro-accent),var(--pomodoro-accent-strong))}.ou-pomodoro__modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:2px}.ou-pomodoro__mode{min-height:44px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font-size:.92rem;font-weight:700;line-height:1.2;padding:8px 6px;display:flex;align-items:center;justify-content:center}.ou-pomodoro__mode.is-active{border-color:var(--pomodoro-accent);color:var(--pomodoro-accent-strong);background:var(--pomodoro-accent-soft)}.ou-pomodoro__status,.ou-pomodoro__cycle,.ou-pomodoro__next{margin:0;text-align:center}.ou-pomodoro__status{color:var(--muted);font-size:1rem;font-weight:650}.ou-pomodoro__cycle{color:var(--muted);font-size:.92rem}.ou-pomodoro__time{margin:0;text-align:center;color:var(--pomodoro-accent-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(4.4rem,14vw,10.5rem);font-weight:800;line-height:1.02;letter-spacing:.01em;font-variant-numeric:tabular-nums;min-height:1.1em;max-width:100%;white-space:nowrap}.ou-pomodoro__time.is-hours{font-size:clamp(3.1rem,9.6vw,7.4rem);letter-spacing:.005em}.ou-pomodoro__time.is-complete{animation:ou-pomodoro-complete 1.2s ease-in-out infinite}.ou-pomodoro__progress{width:100%;height:12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.ou-pomodoro__progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pomodoro-accent),var(--pomodoro-accent-strong));transition:width .24s linear}.ou-pomodoro__next{color:var(--text);font-size:.95rem}.ou-pomodoro__goal{margin:4px 0 0;color:#166534;text-align:center;font-size:.94rem;font-weight:650;line-height:1.35}.ou-pomodoro__celebration{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:1}.ou-pomodoro__confetti{position:absolute;top:-16px;left:var(--x, 50%);width:9px;height:14px;border-radius:2px;background:var(--color, #ef4444);opacity:0;transform:translate3d(0,-16px,0) rotate(var(--rot, 0deg))}.ou-pomodoro__celebration.is-active .ou-pomodoro__confetti{animation:ou-pomodoro-confetti-fall var(--duration, 1.7s) cubic-bezier(.22,.77,.25,1) var(--delay, 0s) both}.ou-pomodoro__controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ou-pomodoro__btn{appearance:none;min-height:50px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);font-size:.96rem;font-weight:700;line-height:1.2;padding:8px 10px;cursor:pointer;transition:border-color .18s ease,filter .18s ease,transform .08s ease}.ou-pomodoro__btn:hover{border-color:var(--pomodoro-accent);filter:brightness(1.01)}.ou-pomodoro__btn:active{transform:translateY(1px)}.ou-pomodoro__btn:focus-visible{outline:3px solid var(--pomodoro-accent-soft);outline-offset:2px}.ou-pomodoro__btn:disabled{opacity:.56;cursor:not-allowed}.ou-pomodoro__btn--primary{border-color:var(--pomodoro-accent);background:linear-gradient(180deg,var(--pomodoro-accent),var(--pomodoro-accent-strong));color:#fff}.ou-pomodoro__btn--ghost{background:var(--surface-2)}.ou-pomodoro__gear{position:absolute;top:-14px;right:-14px;z-index:2;width:42px;height:42px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);font-size:1.15rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s ease,border-color .18s ease,filter .18s ease}.ou-pomodoro__gear:hover{border-color:var(--pomodoro-accent);filter:brightness(1.01)}.ou-pomodoro__gear:focus-visible{outline:3px solid var(--pomodoro-accent-soft);outline-offset:2px}.ou-pomodoro__gear.is-collapsed{transform:rotate(40deg)}.ou-pomodoro__settings-title{margin:0 0 10px;line-height:1.2}.ou-pomodoro__settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ou-pomodoro__settings-form .ou-pomodoro__check,.ou-pomodoro__settings-actions{grid-column:1 / -1}.ou-pomodoro__field{display:grid;gap:6px}.ou-pomodoro__field>span{color:var(--muted);font-size:.9rem;line-height:1.3}.ou-pomodoro__input{font-size:1rem;line-height:1.3;padding:12px}.ou-pomodoro__check{display:flex;align-items:center;gap:8px;color:var(--text);font-size:.95rem;line-height:1.3;user-select:none}.ou-pomodoro__check input{width:18px;height:18px;accent-color:var(--brand);flex-shrink:0}.ou-pomodoro__settings-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:2px}.ou-pomodoro__settings-note{margin:10px 0 0;min-height:1.4em;color:var(--muted);font-size:.9rem;line-height:1.35}.ou-pomodoro__settings-note.is-error{color:#991b1b}@keyframes ou-pomodoro-complete{0%,to{opacity:1;text-shadow:0 0 0 rgba(185,28,28,0)}50%{opacity:.78;text-shadow:0 0 18px rgba(185,28,28,.22)}}@keyframes ou-pomodoro-confetti-fall{0%{opacity:0;transform:translate3d(0,-16px,0) rotate(var(--rot, 0deg))}15%{opacity:1}to{opacity:0;transform:translate3d(var(--drift, 0px),calc(100% + 26px),0) rotate(calc(var(--rot, 0deg) + 300deg))}}@media(prefers-reduced-motion:reduce){.ou-pomodoro__time.is-complete{animation:none}.ou-pomodoro__celebration{display:none}}@media(min-width:980px){.ou-pomodoro{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start}.ou-pomodoro.is-settings-collapsed{grid-template-columns:minmax(0,1fr)}.ou-pomodoro.is-settings-collapsed .ou-pomodoro__main-wrap{width:min(100%,960px);margin-left:auto;margin-right:auto}.ou-pomodoro__settings-card{position:sticky;top:16px}}@media(max-width:760px){.ou-pomodoro__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.ou-pomodoro__controls .ou-pomodoro__btn--primary{grid-column:1 / -1}.ou-pomodoro__settings-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.ou-pomodoro__settings-actions .ou-pomodoro__btn--primary{grid-column:1 / -1}}@media(max-width:620px){.ou-pomodoro-page{padding-top:16px}.ou-pomodoro__main-card,.ou-pomodoro__settings-card{padding:12px}.ou-pomodoro__modes{grid-template-columns:1fr}.ou-pomodoro__time{font-size:clamp(3rem,18vw,6.9rem)}.ou-pomodoro__time.is-hours{font-size:clamp(2.1rem,12vw,4.1rem);letter-spacing:0}.ou-pomodoro__gear{top:-10px;right:-8px;width:38px;height:38px;font-size:1rem}.ou-pomodoro__btn{min-height:48px;font-size:.9rem;padding-left:8px;padding-right:8px}}