.pt-wrap *,.pt-wrap *::before,.pt-wrap *::after{box-sizing:border-box}.pt-wrap{width:100%;background:var(--srg-bg-primary);border:1px solid var(--srg-border-primary);border-radius:16px;overflow:hidden;box-shadow:var(--srg-shadow-lg);margin:32px 0;font-family:var(--srg-font-body);transition:background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}.pt-header{display:flex;align-items:center;gap:14px;padding:20px 28px;background:var(--srg-bg-secondary);border-bottom:1px solid var(--srg-border-primary);transition:background-color 0.3s ease,border-color 0.3s ease}.pt-header-icon{width:42px;height:42px;background:var(--srg-bg-primary);border:1px solid var(--srg-border-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color 0.3s ease,border-color 0.3s ease}.pt-header-icon svg{width:20px;height:20px;stroke:var(--srg-context-accent,#7C3AED)}.pt-header-text .srg-tool-title{margin:0 0 2px 0!important;font-size:16px!important;font-weight:800!important;color:var(--srg-text-primary)!important;line-height:1.2}.pt-header-text p{margin:0!important;font-size:12px!important;color:var(--srg-text-secondary)!important;line-height:1.4}.pt-stage{padding:32px 28px;text-align:center;transition:background-color 0.4s ease}.pt-modes{display:inline-flex;align-items:center;background:var(--srg-bg-tertiary);border-radius:12px;padding:4px;gap:4px;margin-bottom:32px;transition:background-color 0.3s ease}.pt-mode-btn{padding:8px 16px;border:none;border-radius:8px;background:#fff0;color:var(--srg-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.pt-mode-btn:hover:not(.pt-active){background:rgba(var(--srg-context-accent-rgb,124,58,237),.08);color:var(--srg-text-primary)}.pt-mode-btn.pt-active{background:var(--srg-bg-primary);color:var(--srg-text-primary);font-weight:700;box-shadow:var(--srg-shadow-sm)}.pt-pomodoro-theme .pt-mode-btn.pt-active{color:#DC2626}.pt-shortBreak-theme .pt-mode-btn.pt-active{color:var(--srg-context-accent,#7C3AED)}.pt-longBreak-theme .pt-mode-btn.pt-active{color:#16A34A}.pt-pomodoro-theme{background:linear-gradient(160deg,#FEF2F2 0%,var(--srg-bg-primary) 100%)}.pt-shortBreak-theme{background:linear-gradient(160deg,var(--srg-brand-50,#F5F3FF) 0%,var(--srg-bg-primary) 100%)}.pt-longBreak-theme{background:linear-gradient(160deg,#F0FDF4 0%,var(--srg-bg-primary) 100%)}.pt-mode-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;border-radius:99px;margin-bottom:16px;transition:all 0.3s ease}.pt-mode-label svg{width:11px;height:11px}.pt-pomodoro-theme .pt-mode-label{background:rgb(220 38 38 / .1);color:#DC2626}.pt-shortBreak-theme .pt-mode-label{background:rgb(124 58 237 / .1);color:var(--srg-context-accent,#7C3AED)}.pt-longBreak-theme .pt-mode-label{background:rgb(22 163 74 / .1);color:#16A34A}#pt-time-display{font-size:50px;font-weight:800;line-height:1;margin-bottom:8px;letter-spacing:-2px;font-variant-numeric:tabular-nums}.pt-pomodoro-theme #pt-time-display{fill:#DC2626;color:#DC2626}.pt-shortBreak-theme #pt-time-display{fill:var(--srg-context-accent,#7C3AED);color:var(--srg-context-accent,#7C3AED)}.pt-longBreak-theme #pt-time-display{fill:#16A34A;color:#16A34A}.pt-progress-wrap{display:flex;justify-content:center;margin-bottom:28px}.pt-ring-track{fill:none;stroke:var(--srg-border-primary);stroke-width:4}.pt-ring-fill{fill:none;stroke-width:4;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1s linear,stroke 0.4s ease}.pt-pomodoro-theme .pt-ring-fill{stroke:#DC2626}.pt-shortBreak-theme .pt-ring-fill{stroke:var(--srg-context-accent,#7C3AED)}.pt-longBreak-theme .pt-ring-fill{stroke:#16A34A}.pt-counter{display:flex;justify-content:center;gap:6px;margin-bottom:28px}.pt-dot{width:10px;height:10px;border-radius:50%;background:var(--srg-border-primary);transition:background-color 0.3s ease}.pt-dot.done{background:#DC2626}.pt-controls{display:flex;justify-content:center;align-items:center;gap:12px}#pt-start-pause-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 36px;font-size:15px;font-weight:700;color:#ffffff!important;border:none;border-radius:10px;cursor:pointer;transition:all 0.2s ease;min-width:140px}#pt-start-pause-btn svg{width:16px;height:16px;flex-shrink:0}.pt-pomodoro-theme #pt-start-pause-btn{background:#DC2626;box-shadow:0 4px 12px rgb(220 38 38 / .35)}.pt-shortBreak-theme #pt-start-pause-btn{background:var(--srg-context-accent,#7C3AED);box-shadow:0 4px 12px rgb(124 58 237 / .35)}.pt-longBreak-theme #pt-start-pause-btn{background:#16A34A;box-shadow:0 4px 12px rgb(22 163 74 / .35)}#pt-start-pause-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}#pt-reset-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 20px;font-size:14px;font-weight:600;color:var(--srg-text-secondary)!important;background:#fff0;border:2px solid var(--srg-border-primary);border-radius:10px;cursor:pointer;transition:all 0.2s ease}#pt-reset-btn svg{width:14px;height:14px;flex-shrink:0}#pt-reset-btn:hover{background:var(--srg-bg-secondary);border-color:var(--srg-text-tertiary);color:var(--srg-text-primary)!important}.pt-footer{padding:12px 28px;border-top:1px solid var(--srg-border-primary);display:flex;align-items:center;justify-content:center;gap:6px;background:var(--srg-bg-secondary);transition:background-color 0.3s ease,border-color 0.3s ease}.pt-footer svg{width:13px;height:13px;color:var(--srg-text-tertiary);flex-shrink:0}.pt-footer span{font-size:12px;color:var(--srg-text-secondary)}.pt-footer strong{color:var(--srg-text-primary);font-weight:700}html.srg-dark .pt-pomodoro-theme{background:linear-gradient(160deg,rgb(220 38 38 / .15) 0%,var(--srg-bg-primary) 100%)}html.srg-dark .pt-shortBreak-theme{background:linear-gradient(160deg,rgb(124 58 237 / .15) 0%,var(--srg-bg-primary) 100%)}html.srg-dark .pt-longBreak-theme{background:linear-gradient(160deg,rgb(22 163 74 / .15) 0%,var(--srg-bg-primary) 100%)}html.srg-dark .pt-ring-track{stroke:var(--srg-bg-tertiary)}html.srg-dark #pt-reset-btn:hover{background:var(--srg-bg-tertiary)}@media (max-width:480px){.pt-stage{padding:24px 16px}.pt-header{padding:16px 20px}.pt-footer{padding:12px 20px}#pt-time-display{font-size:40px}.pt-modes{flex-wrap:wrap}}@media (prefers-color-scheme:dark){html:not(.srg-light) .pt-pomodoro-theme{background:linear-gradient(160deg,rgb(220 38 38 / .15) 0%,var(--srg-bg-primary) 100%)}html:not(.srg-light) .pt-shortBreak-theme{background:linear-gradient(160deg,rgb(124 58 237 / .15) 0%,var(--srg-bg-primary) 100%)}html:not(.srg-light) .pt-longBreak-theme{background:linear-gradient(160deg,rgb(22 163 74 / .15) 0%,var(--srg-bg-primary) 100%)}html:not(.srg-light) .pt-ring-track{stroke:var(--srg-bg-tertiary)}html:not(.srg-light) #pt-reset-btn:hover{background:var(--srg-bg-tertiary)}}