@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Raleway:wght@300;400;600&display=swap";:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#0f172a;background:linear-gradient(130deg,#f7f9fc,#eef3ff 45%,#e8f7f4)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{min-height:100vh;padding:24px;display:grid;place-items:center}.auth-shell{width:100%;max-width:960px;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0f172a24;display:grid;grid-template-columns:1fr 1fr;background:#fff}.brand-panel{background:radial-gradient(circle at 20% 20%,#1d4ed8,#0f766e 90%);color:#f8fafc;padding:40px;display:flex;flex-direction:column;justify-content:center;gap:14px}.overline{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;opacity:.85}.brand-panel h1{margin:0;line-height:1.18}.brand-copy{margin:0;color:#f8fafce6}.form-panel{padding:36px;display:flex;flex-direction:column;justify-content:center}.form-panel h2{margin:0}.form-panel header p{margin:8px 0 22px;color:#64748b}.auth-form{display:grid;gap:10px}.auth-form label{font-size:.9rem;font-weight:600}.auth-form input{border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;font-size:.95rem}.auth-form input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}button{border:0;border-radius:10px;padding:12px;font-weight:600;cursor:pointer}.auth-form button,.profile-card button{margin-top:10px;color:#fff;background:linear-gradient(90deg,#1d4ed8,#0f766e)}.mode-toggle{margin-top:12px;background:transparent;color:#1d4ed8;padding:8px 0}.profile-card{border:1px solid #dbeafe;border-radius:16px;padding:20px;background:#f8fbff}.notice{margin-top:18px;font-size:.9rem}.notice.ok{color:#0f766e}.notice.error{color:#b91c1c}@media(max-width:840px){.auth-shell{grid-template-columns:1fr}.brand-panel,.form-panel{padding:28px}}.session-toolbar{position:fixed;top:16px;right:16px;z-index:20;display:flex;align-items:center;gap:8px;background:#000000b3;color:#f0f0f0;border-radius:999px;padding:8px 12px}.session-toolbar button{border:none;background:#e84040;color:#fff;border-radius:999px;padding:6px 10px}.pomodoro-page{--bg: #0d0d0d;--bg2: #141414;--red: #e84040;--yellow: #f5c518;--yellow-dark: #c9a010;--white: #f0f0f0;--grey: #555;--grey-light: #999;--circle-size: 260px;background:var(--bg);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.pomodoro-page .app{width:340px;background:var(--bg2);border-radius:24px;padding:36px 28px 32px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 60px #000c,0 0 120px #00000080}.pomodoro-page .tabs{display:flex;gap:6px;margin-bottom:28px;background:#1a1a1a;border-radius:30px;padding:4px}.pomodoro-page .tab{padding:7px 14px;border-radius:22px;font-size:11px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--grey-light);transition:all .25s ease;white-space:nowrap}.pomodoro-page .tab.active{background:#2a2a2a;color:var(--white)}.pomodoro-page .mode-label{font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:4px}.pomodoro-page .mode-label.focus{color:#4caf50}.pomodoro-page .mode-label.short{color:#2196f3}.pomodoro-page .mode-label.long{color:var(--red)}.pomodoro-page .session-name{font-size:12px;color:var(--grey-light);letter-spacing:1px;margin-bottom:30px}.pomodoro-page .circle-wrapper{position:relative;width:var(--circle-size);height:var(--circle-size);margin-bottom:26px}.pomodoro-page .circle-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.pomodoro-page .circle-track{fill:none;stroke:#2a1a1a;stroke-width:7}.pomodoro-page .circle-progress{fill:none;stroke:var(--red);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .4s;filter:drop-shadow(0 0 6px rgba(232,64,64,.5))}.pomodoro-page .circle-progress.focus{stroke:#4caf50;filter:drop-shadow(0 0 6px rgba(76,175,80,.5))}.pomodoro-page .circle-progress.short{stroke:#2196f3;filter:drop-shadow(0 0 6px rgba(33,150,243,.5))}.pomodoro-page .circle-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--circle-size) - 30px);height:calc(var(--circle-size) - 30px);border-radius:50%;background:radial-gradient(circle at 40% 35%,#1e1414,#0d0d0d 70%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 30px #0009,0 0 20px #0006}.pomodoro-page .timer-display{font-family:Orbitron,monospace;font-size:48px;font-weight:700;letter-spacing:4px;color:var(--white);-webkit-user-select:none;user-select:none}.pomodoro-page .pomo-counter{font-size:13px;color:var(--grey-light);letter-spacing:1px;margin-bottom:22px}.pomodoro-page .pomo-dots{display:flex;gap:5px;margin-bottom:22px}.pomodoro-page .pomo-dot{width:8px;height:8px;border-radius:50%;background:var(--grey)}.pomodoro-page .pomo-dot.done{background:var(--red)}.pomodoro-page .btn-start{background:linear-gradient(145deg,var(--yellow),var(--yellow-dark));color:#1a1200;border:none;border-radius:30px;padding:14px 54px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;margin-bottom:14px;min-width:180px;justify-content:center}.pomodoro-page .btn-skip{background:none;border:none;color:var(--grey-light);font-size:12px;letter-spacing:1px;cursor:pointer;text-transform:uppercase}@keyframes pulse-ring{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}.pomodoro-page .pulse-ring{display:none;position:absolute;top:50%;left:50%;width:calc(var(--circle-size) + 10px);height:calc(var(--circle-size) + 10px);border-radius:50%;border:2px solid var(--red);animation:pulse-ring 1.8s ease-out infinite}.pomodoro-page .circle-wrapper.running .pulse-ring{display:block}@keyframes tick{0%,to{opacity:1}50%{opacity:.7}}.pomodoro-page .timer-display.running{animation:tick 1s steps(1) infinite}