.pomodoro-minimal-page{width:100%;padding:1.25rem 1rem}.pomodoro-minimal-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.brand-lockup-group{display:inline-flex;align-items:center;gap:.85rem}.brand-lockup{display:inline-flex;align-items:center;text-decoration:none}.brand-lockup-label{font-size:.875rem;color:#4a5568;text-transform:uppercase;font-weight:700;letter-spacing:.05em;margin-top:.85rem}.trial-cta-btn{border-radius:999px;padding:.62rem 1.1rem;font-weight:700;white-space:nowrap}.pomodoro-stage{width:100%;border:1px solid rgba(var(--primary-rgb),.2);background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.2rem;box-shadow:0 18px 40px #2d34611f;padding:clamp(1rem,2vw,1.8rem);transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease}.pomodoro-stage.mode-focus{border-color:#3d5afe3d;background:linear-gradient(180deg,#3d5afe0d,#ffffffe6 25%)}.pomodoro-stage.mode-short-break{border-color:#22c55e5c;background:linear-gradient(180deg,#22c55e14,#ffffffe6 25%)}.pomodoro-stage.mode-long-break{border-color:#0ea5e95c;background:linear-gradient(180deg,#0ea5e914,#ffffffe6 25%)}.pomodoro-stage.phase-highlight{animation:phasePulse 1.4s ease}@keyframes phasePulse{0%{box-shadow:0 0 #6d74ec42}60%{box-shadow:0 0 0 14px #6d74ec00}to{box-shadow:0 18px 40px #2d34611f}}.timer-status-row{display:flex;align-items:center;gap:.75rem}.timer-status{margin:0;font-size:.96rem;font-weight:700;color:#3b4562;text-transform:uppercase;letter-spacing:.04em}.pomodoro-stage.mode-focus .timer-status{color:#3342a0}.pomodoro-stage.mode-short-break .timer-status{color:#11603d}.pomodoro-stage.mode-long-break .timer-status{color:#0f4f7c}.run-state-badge{border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.run-state-badge.running{border:1px solid rgba(var(--success-rgb),.5);background:rgba(var(--success-rgb),.16);color:#0f5132}.run-state-badge.paused{border:1px solid rgba(107,114,128,.45);background:#6b72801f;color:#4b5563}.timer-clock{margin:.2rem 0 0;font-size:clamp(3.8rem,14vw,7.5rem);line-height:.95;color:#1f2a56;font-weight:800;letter-spacing:.05em;text-align:center}.timer-stats-row{margin-top:.65rem;display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap}.timer-completed,.timer-skipped{margin:0;color:#47526a;font-weight:600}.timer-skipped{color:#a16207}.session-pill{margin:0;padding:.38rem .8rem;border-radius:999px;border:1px solid rgba(var(--success-rgb),.3);background:rgba(var(--success-rgb),.11);color:#11603d;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.pomodoro-stage.mode-focus .session-pill{border-color:#3d5afe52;background:#3d5afe24;color:#2a3f9a}.pomodoro-stage.mode-short-break .session-pill{border-color:rgba(var(--success-rgb),.3);background:rgba(var(--success-rgb),.11);color:#11603d}.pomodoro-stage.mode-long-break .session-pill{border-color:#0ea5e954;background:#0ea5e926;color:#0f4f7c}.timer-progress{position:relative;width:100%;height:.6rem;border-radius:999px;background:rgba(var(--primary-rgb),.15);overflow:hidden;margin-top:.8rem}.timer-progress span{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#16a34a,#22c55e);transition:width .3s ease}.timer-controls{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.timer-controls .btn{border-radius:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.btn-control-lg{min-height:2.9rem}.timer-main-btn{min-width:clamp(220px,32vw,460px)}.timer-actions-right{display:inline-flex;align-items:center;justify-content:flex-end;gap:.3rem;margin-left:auto}.btn-control-subtle{border:1px solid transparent;background:transparent;color:#59627a;font-weight:600;font-size:.96rem;min-height:2.15rem;padding:.2rem .5rem}.btn-control-subtle:hover,.btn-control-subtle:focus-visible{color:#394256;background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.16)}.btn-control-subtle:disabled{opacity:.48;cursor:not-allowed}.audio-unlock-notice{margin-top:.55rem;padding:.55rem .75rem;border-radius:.75rem;border:1px solid rgba(59,130,246,.24);background:linear-gradient(90deg,#3b82f61a,#6d74ec14);display:inline-flex;align-items:center;gap:.65rem;flex-wrap:wrap}.audio-unlock-notice p{margin:0;color:#374151;font-size:.88rem}.audio-unlock-btn{border:1px solid rgba(59,130,246,.32);background:#fff;color:#1e3a8a;border-radius:999px;padding:.3rem .7rem;font-size:.84rem;font-weight:700;display:inline-flex;align-items:center;gap:.3rem}.audio-unlock-btn:hover,.audio-unlock-btn:focus-visible{background:#eff6ff;border-color:#3b82f680}.timer-bottom-grid{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(var(--primary-rgb),.16);display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.zone-title{margin:0 0 .45rem;font-weight:700;color:#2f3657}.timer-preset-row{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.timer-preset-btn{border:1px solid rgba(var(--primary-rgb),.22);border-radius:999px;background:rgba(var(--primary-rgb),.06);color:#303a58;font-weight:700;padding:.45rem .9rem;font-size:.9rem;transition:all .2s ease}.timer-preset-btn:hover{background:rgba(var(--primary-rgb),.13)}.timer-preset-btn.active{border-color:rgba(var(--success-rgb),.58);background:rgba(var(--success-rgb),.16);color:#0f5132}.timer-preset-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.helper-text{color:#4b5563;font-size:.9rem;line-height:1.45}.timer-secondary-options .form-check-label{font-weight:600;color:#39465e}.info-dot{width:1.2rem;height:1.2rem;border-radius:50%;border:1px solid rgba(var(--primary-rgb),.35);color:#4d5a7a;display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:700;cursor:help;background:#fff}.timer-sound-zone{min-height:100%}.phase-signal-switch{margin-bottom:.2rem}.phase-signal-switch .form-check-label{font-weight:600;color:#39465e}.sound-enable-switch{margin-bottom:.35rem}.sound-enable-switch .form-check-label{font-weight:600;color:#39465e}.ambient-controls{margin-top:.5rem}.sound-selector{display:flex;gap:.45rem;flex-wrap:wrap}.sound-mode-btn{border:1px solid rgba(var(--primary-rgb),.26);border-radius:999px;background:rgba(var(--primary-rgb),.06);color:#2f3658;font-weight:700;padding:.45rem .8rem;font-size:.88rem}.sound-mode-btn.active{border-color:#16a34a;background:rgba(var(--success-rgb),.17);color:#155e3d}#ambient-volume-label{color:#3f4b67;font-weight:700}#audio-support-message{margin-top:.5rem}.pomodoro-faq{margin-top:1.3rem}.pomodoro-faq h2{font-size:1.24rem;color:#2f365f;margin-bottom:.75rem}.mobile-cta-banner{display:none}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:start}.faq-list details{border:1px solid rgba(var(--primary-rgb),.2);border-radius:.8rem;background:#ffffffd1;overflow:hidden;align-self:start}.faq-list summary{cursor:pointer;padding:.75rem .9rem;font-weight:700;color:#2e375a}.faq-list p{margin:0;color:#4b5563;padding:0 .9rem .9rem}@media (max-width: 1100px){.timer-bottom-grid{grid-template-columns:1fr;gap:1rem}.faq-list{grid-template-columns:1fr}}@media (max-width: 992px){.timer-main-btn{min-width:180px}}@media (min-width: 768px){.brand-lockup img{width:220px;height:auto}}@media (max-width: 767px){.brand-lockup-group{gap:.5rem}.brand-lockup{gap:.5rem!important}.brand-lockup img{width:180px}.timer-clock{margin:2.5rem 0}.brand-lockup-label{text-align:center}.trial-cta-btn{display:none!important}.pomodoro-minimal-topbar{flex-direction:column;align-items:flex-start}.timer-controls{flex-direction:column;align-items:stretch}.timer-main-btn{width:100%;min-width:0}.timer-actions-right{width:100%;justify-content:center;margin:.5rem 0}.audio-unlock-notice{width:100%}.mobile-cta-banner{display:block;margin-top:1rem;padding:2rem .25rem;border-radius:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 4px 12px #0000000d;position:relative;overflow:hidden;text-align:center}.mobile-cta-title{margin:0;font-size:1.4rem;font-weight:800;line-height:1.25;margin-bottom:1rem}.mobile-cta-text{margin:1.5rem .75rem}.mobile-cta-btn{background:#fff3;color:#fff;padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;display:inline-block;transition:all .2s ease;border:2px solid rgba(255,255,255,.3)}.mobile-cta-btn:hover{background:#ffffff4d;color:#fff!important;transform:translateY(-2px)}.pomodoro-faq{margin-top:2rem}}