.pt-page{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;padding:16px 20px 60px;display:flex}.pt-header{text-align:center;padding:8px 0 4px}.pt-header h1{color:var(--text-main);margin-bottom:4px;font-size:1.6rem;font-weight:800}.pt-header p{color:var(--text-muted);font-size:.88rem}.pt-modes{gap:8px;display:flex}.pt-mode{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-poppins);background:0 0;border-radius:12px;flex:1;padding:9px 6px;transition:all .2s}.pt-mode.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pt-mode:hover:not(.active){border-color:var(--primary);color:var(--primary)}.pt-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 2px 12px var(--shadow-color);border-radius:20px;padding:28px 24px}.pt-timer-card{flex-direction:column;align-items:center;gap:24px;display:flex}.pt-ring-wrap{width:200px;height:200px;position:relative}.pt-ring{width:200px;height:200px;transform:rotate(-90deg)}.pt-ring-track{fill:none;stroke:var(--border-color);stroke-width:8px}.pt-ring-progress{fill:none;stroke:var(--primary);stroke-width:8px;stroke-linecap:round;stroke-dasharray:553;stroke-dashoffset:0;transition:stroke-dashoffset .5s}.pt-ring-inner{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.pt-time-display{letter-spacing:-2px;color:var(--text-main);font-variant-numeric:tabular-nums;font-size:2.8rem;font-weight:800;font-family:var(--font-poppins);line-height:1}.pt-mode-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.pt-controls{align-items:center;gap:10px;display:flex}.pt-btn{cursor:pointer;font-size:.9rem;font-weight:700;font-family:var(--font-poppins);border:1px solid #0000;border-radius:12px;padding:10px 20px;transition:all .2s}.pt-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);padding:10px 28px}.pt-btn-primary:hover{opacity:.85}.pt-btn-pause{color:#fff;background:#f59e0b;border-color:#f59e0b;padding:10px 28px}.pt-btn-ghost{width:40px;height:40px;color:var(--text-muted);border-color:var(--border-color);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.1rem;display:flex}.pt-btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.pt-sessions-card{padding:20px 24px}.pt-sessions-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.pt-sessions-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.pt-sessions-count{color:var(--primary);font-size:1.3rem;font-weight:800}.pt-session-dots{flex-wrap:wrap;gap:8px;display:flex}.pt-dot{background:var(--primary);opacity:.85;border-radius:50%;width:12px;height:12px}.pt-dot.break{background:#10b981}