:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{min-width:320px;margin:0}.home-section{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:1rem;width:100%;max-width:none;margin:0;padding:1.6rem 1.3rem;display:flex;position:relative;overflow:hidden}.home-section>*{box-sizing:border-box;width:100%}.home-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff525233 0%,#ff525200 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-210px;right:-160px}.home-hero{z-index:1;background:linear-gradient(125deg,#ff525229 0%,#40c4ff1f 100%);border:1px solid #ffffff1f;border-radius:1rem;padding:1.2rem 1.1rem;position:relative}.home-hero-content{background:#00000024;border:1px solid #ffffff1a;border-radius:.9rem;padding:.9rem}.home-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#ffd7d7;background:#ff525240;border-radius:999px;margin:0 0 .7rem;padding:.25rem .65rem;font-size:.8rem;font-weight:700;display:inline-block}.home-hero h2{color:#fff;letter-spacing:.3px;margin:0 0 .5rem;font-size:2rem;font-weight:800;line-height:1.2}.home-desc{color:#bdbdbd;max-width:64ch;margin:0;font-size:1rem}.home-actions{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.home-btn{border-radius:.8rem;padding:.55rem .95rem;font-size:.93rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background .2s}.home-btn:hover{transform:translateY(-1px)}.home-btn-primary{color:#fff;background:linear-gradient(90deg,#06b6d4 0%,#2563eb 100%);box-shadow:0 8px 20px #2563eb4d}.home-btn-ghost{color:#fff;background:#ffffff14;border:1px solid #fff3}.home-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.home-metric{background:#0000002e;border:1px solid #ffffff14;border-radius:.9rem;padding:.8rem .85rem}.home-metric span{color:#b7bcc7;font-size:.82rem;display:block}.home-metric strong{color:#fff;letter-spacing:.5px;margin-top:.2rem;font-size:1.35rem;display:block}.home-stack{flex-direction:column;gap:1rem;width:100%;display:flex}.home-card{box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:1.05rem;flex-direction:column;align-items:stretch;width:100%;margin-bottom:0;padding:1rem;display:flex}.home-card h3{color:#ffd2d2;margin:0 0 1rem;font-size:1.25rem;font-weight:700}.home-playbook{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.home-tip{background:#ffffff0d;border:1px solid #ffffff14;border-radius:.85rem;padding:.8rem}.home-tip h4{color:#fff;margin:0 0 .45rem;font-size:.95rem}.home-tip p{color:#bfc5cf;margin:0;font-size:.88rem;line-height:1.45}@media (width<=900px){.home-section{width:100%;padding:1.2rem .9rem}.home-hero h2{font-size:1.55rem}.home-metrics,.home-playbook{grid-template-columns:1fr}}.pomodoro-ring-glow{filter:blur(8px);z-index:0;background:radial-gradient(circle,#00e6762e 0%,#00e67614 60%,#0000 100%);border-radius:50%;width:100%;height:100%;animation:2.5s ease-in-out infinite alternate pomodoro-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-widget{text-align:center;margin-bottom:2rem;position:relative}.timer-ring-wrap{--ring-wrap:240px;--ring-accent:#00e676;width:var(--ring-wrap);height:var(--ring-wrap);margin:0 auto;position:relative}.timer-ring-layer{place-items:center;display:grid;position:absolute;inset:0}.timer-ring-bg{z-index:0}.timer-ring-progress{z-index:1;transform-origin:50%;transition:filter .3s}.timer-ring-wrap.running .timer-ring-progress{filter:drop-shadow(0 0 7px var(--ring-accent));animation:1.1s ease-in-out infinite ring-progress-pulse}.timer-ring-wrap.running .pomodoro-ring-glow{background:radial-gradient(circle,#00e67652 0%,#00e67624 58%,#0000 100%);animation-duration:1.1s}.timer-display{text-shadow:0 2px 8px #0000001a;z-index:2;font-size:2.8rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-display.focus{color:#ff5252}.timer-display.break,.timer-display.longBreak{color:#40c4ff}.timer-quote{color:#bdbdbd;margin-top:2.2rem;font-size:1.1rem;font-style:italic}@keyframes pomodoro-glow{0%{opacity:.7;filter:blur(8px)brightness(1.1)}to{opacity:1;filter:blur(16px)brightness(1.4)}}@keyframes ring-progress-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.dashboard-main{background:linear-gradient(135deg,#232526 0%,#414345 100%);flex-direction:row;justify-content:center;align-items:flex-start;gap:3.5rem;min-height:100vh;padding:3.5rem 2rem 2rem;font-family:Segoe UI,Roboto,Arial,sans-serif;display:flex}@media (width<=900px){.dashboard-main{flex-direction:column;align-items:center;gap:2rem;padding:2.5rem 1rem}}.pomodoro-section,.task-manager-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:20px;flex-direction:column;align-items:center;width:600px;max-width:98vw;margin-bottom:2.5rem;padding:3.5rem 2.5rem;display:flex;box-shadow:0 8px 32px #1f26875e}.pomodoro-section h2{color:#fff;letter-spacing:1px;margin-bottom:1.5rem;font-size:2.2rem;font-weight:700}.register-container{background:linear-gradient(135deg,#232526 0%,#414345 100%);flex-direction:column;justify-content:flex-start;align-items:center;min-height:auto;padding-top:.25rem;font-family:Segoe UI,Roboto,Arial,sans-serif;display:flex}.register-container h2{color:#fff;letter-spacing:2px;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.register-container form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:20px;flex-direction:column;gap:1.2rem;width:350px;padding:2.5rem 2rem;display:flex;box-shadow:0 8px 32px #1f26875e}.register-container input{color:#fff;background:#ffffff26;border:none;border-radius:10px;outline:none;padding:.9rem 1rem;font-size:1rem;transition:background .2s}.register-container input:focus{background:#ffffff40}.register-container button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:10px;padding:.9rem 1rem;font-size:1.1rem;font-weight:600;transition:background .2s,transform .1s;box-shadow:0 4px 14px #22c55e47}.register-container button:hover{background:linear-gradient(90deg,#16a34a 0%,#22c55e 100%);transform:translateY(-2px)scale(1.03)}.register-container p{text-align:center;margin:0;font-size:1rem}.register-container p[style*=red]{color:#ff5e62!important}.register-container p[style*=green]{color:#00e676!important}.login-container{background:linear-gradient(135deg,#232526 0%,#414345 100%);flex-direction:column;justify-content:flex-start;align-items:center;min-height:auto;padding-top:.25rem;font-family:Segoe UI,Roboto,Arial,sans-serif;display:flex}.login-container h2{color:#fff;letter-spacing:2px;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.login-container form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:20px;flex-direction:column;gap:1.2rem;width:350px;padding:2.5rem 2rem;display:flex;box-shadow:0 8px 32px #1f26875e}.login-container input{color:#fff;background:#ffffff26;border:none;border-radius:10px;outline:none;padding:.9rem 1rem;font-size:1rem;transition:background .2s}.login-container input:focus{background:#ffffff40}.login-container button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0ea5e9 0%,#2563eb 100%);border:none;border-radius:10px;padding:.9rem 1rem;font-size:1.1rem;font-weight:600;transition:background .2s,transform .1s;box-shadow:0 4px 14px #2563eb47}.login-container button:hover{background:linear-gradient(90deg,#2563eb 0%,#0ea5e9 100%);transform:translateY(-2px)scale(1.03)}.login-container p{color:#ff5e62;text-align:center;margin:0;font-size:1rem}.login-container .debug{color:#ffe066;text-align:center;margin-bottom:1rem;font-weight:700}body{color:#f5f6fa;background:linear-gradient(120deg,#232526 0%,#414345 100%);min-height:100vh;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.app-layout{flex-direction:column;min-height:100vh;display:flex}.fixed-header{z-index:1000;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 15% 0,#ff6a6a38 0%,#ff6a6a00 44%),radial-gradient(circle at 85% 0,#40c4ff38 0%,#40c4ff00 42%),linear-gradient(160deg,#12161ef0 0%,#111927eb 100%);border-bottom:1px solid #ffffff1a;border-radius:0 0 1.6rem 1.6rem;padding:1.1rem 1.15rem 1rem;position:fixed;top:0;left:0;right:0;overflow:hidden;box-shadow:0 14px 38px #00000052}.fixed-header:before{content:"";pointer-events:none;background:linear-gradient(95deg,#ffffff1a 0%,#fff0 35%);position:absolute;inset:0}.fixed-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#40c4ff38 0%,#40c4ff00 72%);width:min(780px,90vw);height:85px;position:absolute;bottom:-44px;left:50%;transform:translate(-50%)}.fixed-header h1{color:#ffe5e5;letter-spacing:.03em;text-shadow:0 6px 22px #ff525266;align-items:center;gap:.55rem;margin:0 0 .35rem;font-size:1.95rem;display:inline-flex}.fixed-header h1:before{content:"PRO";letter-spacing:.09em;color:#04101d;background:linear-gradient(90deg,#ffd35f 0%,#ffb84d 100%);border-radius:999px;padding:.28rem .5rem;font-size:.62rem;font-weight:800;box-shadow:0 6px 16px #ffb84d59}.fixed-header p{color:#d6dbe6;letter-spacing:.03em;text-transform:uppercase;margin:0 0 .95rem;font-size:.92rem}.header-auth{z-index:1;position:absolute;top:18px;right:18px}.header-user{align-items:center;gap:.65rem;display:flex}.header-user-email{color:#f4f7ff;font-size:.98rem;font-weight:600}.header-auth-btn{letter-spacing:.02em;color:#fff;cursor:pointer;background:linear-gradient(95deg,#ff5f6d 0%,#f96 100%);border:1px solid #fff3;border-radius:999px;padding:.5rem 1.05rem;font-size:.84rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-block;box-shadow:0 8px 18px #ff5f6d59}.header-auth-btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px #ff5f6d6b}.navbar{z-index:1;background:#ffffff0f;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:820px;margin:0 auto;padding:.45rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1c,0 10px 24px #0003}.navbar a{color:#d6deeb;border-radius:999px;padding:.5rem 1.15rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s,transform .2s}.navbar a.active,.navbar a:hover{color:#fff;background:linear-gradient(95deg,#40c4ff 0%,#2979ff 100%);transform:translateY(-1px)}.app-shell{flex:1;width:min(1160px,100% - 2rem);margin:0 auto;padding-top:195px;padding-bottom:1.2rem}.dashboard-content{justify-content:center;align-items:center;min-height:calc(100vh - 250px);display:flex}.dashboard-main{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;width:100%;margin:0;padding:1rem;display:grid}.page-single{justify-content:center;align-items:flex-start;display:flex}.page-single>section{width:min(820px,100%)}section{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff14;border-radius:1.3rem;min-width:0;padding:1.5rem 1.2rem;box-shadow:0 4px 24px #0000001f}section h2{color:#ff5252;margin:0 0 .9rem;font-size:1.5rem}.about-section,.settings-section,.stats-section{background:linear-gradient(150deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #ffffff21;box-shadow:0 14px 34px #00000038}.about-section h2,.settings-section h2,.stats-section h2{color:#ffd1d1}.about-section p{color:#d8dce4}.about-list li{color:#e4e7ee}.about-lead{background:#0003;border:1px solid #ffffff1a;border-radius:.95rem;padding:.9rem 1rem}.about-grid{gap:.85rem;display:grid}.about-card{background:linear-gradient(155deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff1a;border-radius:.95rem;padding:.95rem}.about-card h3{color:#ffe4e4;margin:0 0 .45rem;font-size:1.1rem}.about-card p{margin:0}.timer-controls{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.mode-switch{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-bottom:1rem;display:flex}.mode-switch button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:1rem;padding:.4rem .9rem;font-weight:600}.mode-switch button.active{color:#12202b;background:#40c4ff;border-color:#40c4ff}.timer-controls button{letter-spacing:.01em;color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.68rem 1.2rem;font-size:.94rem;font-weight:800;transition:transform .18s,box-shadow .2s,filter .18s}.timer-controls button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.timer-controls .btn-start{background:linear-gradient(90deg,#00c36a 0%,#00e676 100%);box-shadow:0 10px 20px #00e6764d}.timer-controls .btn-pause{background:linear-gradient(90deg,#ffc15e 0%,#ff9f43 100%);box-shadow:0 10px 20px #ff9f4347}.timer-controls .btn-reset{background:linear-gradient(90deg,#ff6f61 0%,#ff8a7a 100%);box-shadow:0 10px 20px #ff6f6142}.timer-controls .btn-skip{background:linear-gradient(90deg,#4db8ff 0%,#40c4ff 100%);box-shadow:0 10px 20px #40c4ff42}.timer-controls button:disabled{box-shadow:none;opacity:.75;cursor:not-allowed;background:#6f7682}.home-card .session-info{color:#7cd8ff;text-align:center;margin-top:.95rem;font-size:1rem;font-weight:700}.pomodoro-section .session-info{color:#40c4ff;text-align:center;margin-top:1rem;font-size:1.1rem;font-weight:700}.notes-section textarea{color:#fff;resize:vertical;background:#232526;border:none;border-radius:1rem;width:100%;min-height:80px;padding:1rem;font-size:1rem}.tasks-section .task-input{gap:.5rem;margin-bottom:1rem;display:flex}.tasks-section input{color:#fff;background:#232526;border:none;border-radius:1rem;flex:1;padding:.7rem 1rem;font-size:1rem}.tasks-section button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0ea5e9 0%,#2563eb 100%);border:none;border-radius:2rem;padding:.7rem 1.2rem;font-size:1rem;font-weight:600}.tasks-section .task-list{margin:0;padding:0;list-style:none}.tasks-section .task-list li{cursor:pointer;background:#ffffff0d;border-radius:1rem;margin-bottom:.5rem;padding:.7rem 1rem}.tasks-section .task-list li.done{color:#bdbdbd;background:#ffffff05;text-decoration:line-through}.settings-section{gap:1rem;display:grid}.settings-intro{color:#d8dce4;background:#0003;border:1px solid #ffffff1a;border-radius:.9rem;margin:0;padding:.8rem .9rem}.settings-panel{gap:.7rem;display:grid}.settings-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.85rem;grid-template-columns:1fr 120px;align-items:center;gap:1rem;padding:.75rem .8rem;font-weight:600;display:grid}.settings-row span{gap:.2rem;display:grid}.settings-hint{color:#aeb5c1;font-size:.78rem;font-weight:500}.settings-row input{color:#fff;background:#0003;border:1px solid #fff3;border-radius:.7rem;width:100%;padding:.5rem .7rem}.settings-check{align-items:center;gap:.6rem;font-weight:500;display:flex}.settings-toggles{background:#ffffff08;border:1px solid #ffffff14;border-radius:.85rem;gap:.55rem;padding:.75rem .85rem;display:grid}.settings-actions{justify-content:flex-end;display:flex}.settings-actions button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7c3aed 0%,#4f46e5 100%);border:none;border-radius:.9rem;padding:.65rem 1.15rem;font-weight:700;box-shadow:0 8px 18px #4f46e552}.settings-actions button:hover{transform:translateY(-1px)}.stats-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.stats-pill{background:#0003;border:1px solid #ffffff1a;border-radius:.85rem;padding:.7rem .8rem}.stats-pill span{color:#bec4cf;font-size:.8rem;display:block}.stats-pill strong{color:#fff;margin-top:.2rem;font-size:1.3rem;display:block}.stats-subhead{color:#e9ebf0;margin:1.4rem 0 .75rem}.stats-chart-card{background:#0003;border:1px solid #ffffff1a;border-radius:.9rem;padding:.75rem .7rem .55rem}.stats-bars{align-items:flex-end;gap:10px;height:125px;display:flex}.stats-bar-group{text-align:center;width:30px}.stats-bar{border-radius:8px 8px 0 0;width:24px;min-height:6px;margin:0 auto}.sessions-bar{background:linear-gradient(#ff7a7a 0%,#ff5252 100%)}.focus-bar{background:linear-gradient(#7dd4ff 0%,#40c4ff 100%)}.stats-day{color:#fff;margin-top:.3rem;font-size:.9rem}.stats-value{color:#bdbdbd;font-size:.8rem}.settings-message{color:#00e676;text-align:right;margin:0;font-weight:700}.about-section p{margin-top:0;line-height:1.65}.about-list{margin:0 0 1rem 1.2rem;padding:0}.about-list li{margin-bottom:.5rem}.dashboard-footer{text-align:center;color:#bdbdbd;background:#232526bf;border-top:1px solid #ffffff1a;padding:1rem}@media (width<=900px){.fixed-header{border-radius:0;padding:.95rem .8rem .9rem}.app-shell{width:calc(100% - 1rem);padding-top:220px}.dashboard-content{align-items:stretch;min-height:auto}.dashboard-main{grid-template-columns:1fr;padding:.6rem}.settings-row{grid-template-columns:1fr;gap:.5rem}.header-auth{justify-content:center;margin-top:.8rem;display:flex;position:static}.header-user{flex-direction:column;gap:.35rem}.stats-summary{grid-template-columns:1fr}}@media (width<=600px){.home-section{gap:.8rem;padding:1rem .75rem}.home-card{padding:.8rem}.home-card h3{margin-bottom:.8rem;font-size:1.1rem}.mode-switch{gap:.6rem}.mode-switch button{padding:.35rem .65rem;font-size:.85rem}.timer-ring-wrap{--ring-wrap:200px}.timer-display{font-size:2.15rem}.timer-quote{margin-top:1.2rem;font-size:.95rem}.home-card .timer-controls button{padding:.6rem .95rem;font-size:.88rem}.tasks-section .task-input{flex-direction:column}}