:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}html,body{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:-ms-autohiding-scrollbar}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #ff6b6b;--secondary: #4ecdc4;--accent: #ffe66d;--dark: #2c3e50;--light: #ecf0f1;--break-color: #2ecc71;--break-bg-stroke: rgba(46,204,113,.12);--shadow: rgba(0, 0, 0, .1);--card-bg: transparent;--card-panel-bg: rgba(255,255,255,.98);--card-text: #213547;--card-summary-bg: rgba(255,255,255,.95);--footer-bg: linear-gradient(180deg, #ffffff, #fbfdfe);--footer-link: var(--primary);--text-footer: #213547}*,*:before,*:after{box-sizing:border-box}html,body,#root,.app{width:100%;min-height:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}html,body{scrollbar-width:none}html,body{-ms-overflow-style:-ms-autohiding-scrollbar}html::-webkit-scrollbar{height:12px;width:12px}html::-webkit-scrollbar:horizontal{height:0}.hero,.about,.faq{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw}section{padding:4rem 2rem}.hero{min-height:100vh;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;opacity:.3}.hero-content{text-align:center;z-index:1;position:relative;width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-logo{width:285px;max-width:80%;height:auto}.hero h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px var(--shadow)}.hero p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.pomodoro{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px var(--shadow);border:1px solid rgba(255,255,255,.2);text-align:center}.pomodoro h2{margin-bottom:1rem;font-size:1.5rem}.settings{display:flex;gap:.75rem;justify-content:center;align-items:center;margin-top:1rem;flex-wrap:wrap}.settings label{font-size:.85rem;color:#ffffffe6;display:flex;flex-direction:column;align-items:center;gap:.25rem}.settings input{width:72px;padding:.35rem .5rem;border-radius:8px;border:none;text-align:center}.settings-wrap{width:100%;display:flex;flex-direction:column;align-items:center}.advanced-toggle{background:transparent;border:1px solid rgba(255,255,255,.12);color:#fffffff2;padding:.35rem .75rem;border-radius:18px;margin-bottom:.5rem;cursor:pointer}.settings.hide{display:none}.settings.show{display:flex}.settings{transition:opacity .26s ease,transform .26s ease;opacity:1;transform:translateY(0)}.settings.hide{opacity:0;transform:translateY(-8px);pointer-events:none}.settings.show{opacity:1;transform:translateY(0);pointer-events:auto}.timer-text .timer-value{font-size:2rem;font-weight:800}.timer-text .ring-label{font-size:.9rem;opacity:.9;margin-top:.25rem}.meta{margin-top:.75rem;font-size:.9rem;color:#ffffffd9}.timer-container{position:relative;display:inline-block;margin:1rem 0}.timer-svg{display:block}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:#fff}.pomodoro.break-state .ring-label,.pomodoro.break-state h2.label-break{color:var(--break-color)}.pomodoro.break-state .timer-text{color:#f7fff7}.timer-svg{width:60vmin;height:60vmin;max-width:360px;max-height:360px}.pomodoro{width:94%;max-width:640px;min-width:260px}.buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.buttons button{background:var(--dark);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:600}.buttons button:hover{background:#34495e;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.about,.faq{background:var(--light);color:var(--dark);min-height:100vh;display:flex;align-items:center;justify-content:center}.about{background:linear-gradient(135deg,var(--light),#f8f9fa)}.faq{background:linear-gradient(135deg,#f8f9fa,var(--light))}.section-content{max-width:1200px;margin:0 auto;text-align:center;padding:0 2rem}@media (max-width: 480px){.hero,.about,.faq{margin-left:0;margin-right:0;left:0;width:100%}}@media (max-width: 900px){.hero-content,.section-content{padding-left:1rem;padding-right:1rem;box-sizing:border-box}.pomodoro{margin:0 auto;width:94%;padding:1.5rem}.timer-svg{width:72vmin;height:72vmin;max-width:320px;max-height:320px}.timer-text{font-size:1.2rem}.accordion{width:100%;padding:0 .5rem}.acc-item{margin:.5rem 0;width:100%}.acc-summary{font-size:.95rem;padding:.85rem 1rem}footer{padding:1rem;font-size:.9rem}}@media (min-width: 1400px){.hero h1{font-size:4.25rem}.hero p{font-size:1.35rem}.timer-svg{width:360px;height:360px}.timer-text{font-size:2.6rem}.pomodoro{padding:3rem;border-radius:24px;max-width:640px}.section-content h2{font-size:3rem}}.section-content h2{font-size:2.5rem;margin-bottom:2rem;color:var(--primary)}.accordion{display:flex;flex-direction:column;gap:1rem;align-items:center}.acc-item{width:100%;max-width:1000px;background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #1e28320f}.acc-summary{width:100%;background:var(--card-summary-bg);border:1px solid rgba(0,0,0,.04);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:1.05rem;cursor:pointer;color:var(--card-text)}.acc-panel{max-height:0px;overflow:hidden;transition:max-height .36s cubic-bezier(.2,.9,.2,1),opacity .26s ease,transform .26s ease;background:var(--card-panel-bg);opacity:0;transform:translateY(-6px)}.acc-item.open .acc-panel{opacity:1;transform:translateY(0)}.acc-content{padding:1rem 1.25rem;color:var(--card-text)}.acc-item.open .acc-summary{background:var(--card-summary-bg)}.faq .acc-item{background:transparent;box-shadow:0 10px 40px #141e280f}.faq .acc-summary{background:#fffffff5;color:var(--dark);border:1px solid rgba(16,24,32,.04)}.faq .acc-panel{background:#fffffffa;color:#2b3b45;border-top:1px solid rgba(16,24,32,.03)}@media (prefers-color-scheme: dark){:root{--card-bg: rgba(18,20,22,.75);--card-panel-bg: #0f1112;--card-text: #e6eef2;--card-summary-bg: rgba(255,255,255,.02);--footer-bg: linear-gradient(180deg, #07101a, #0b1320);--footer-link: #8fb3ff;--text-footer: #cfe6ff}.acc-item{box-shadow:0 8px 32px #0009}}.section-content p{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.8}.cirillo-quote{margin:.5rem 0 .25rem;padding:0;border:none;color:#213547e6;font-style:italic;max-width:62ch;margin-left:0;margin-right:0;text-align:left}.cirillo-quote footer{margin-top:.25rem;font-style:normal;font-weight:600;color:#21354799}.quote-wrap{text-align:center;margin-top:1rem}.cirillo-quote{font-size:1.25rem;line-height:1.6;display:inline-block;font-weight:600;position:relative;padding:0 1rem}.cirillo-quote:before,.cirillo-quote:after{content:'"';font-size:3.2rem;line-height:1;color:#0d182338;position:absolute}.cirillo-quote:before{left:-1.1rem;top:-.6rem;color:#213547a6}.cirillo-quote:after{right:-1.1rem;bottom:-.6rem;transform:scaleX(-1);color:#213547a6}.quote-text{font-size:1rem;font-weight:500;display:inline-block}.quote-author{margin-top:.5rem;font-weight:800;color:#213547a6}.quote-author:before{content:"";display:inline-block;width:2.5rem;height:1px;background:#2135470f;margin-right:.75rem;vertical-align:middle}.faq details{background:#fff;border-radius:10px;margin:1rem 0;padding:1rem;box-shadow:0 2px 10px var(--shadow);border-left:4px solid var(--secondary)}.faq summary{cursor:pointer;font-weight:600;color:var(--dark)}.faq p{margin-top:.5rem;color:#666}.faq details{max-width:900px;margin-left:auto;margin-right:auto;overflow:hidden;border-radius:12px;transition:all .3s ease}.faq details p{white-space:normal}.faq details summary{display:flex;align-items:center;justify-content:space-between}.faq details[open] p{display:block}@media (max-width: 600px){.settings input{width:56px}.timer-svg{width:72vmin;height:72vmin;max-width:280px;max-height:280px}.pomodoro{max-width:420px;width:96%}.section-content{padding:0 1rem}.faq details{max-width:92%}}.faq summary{list-style:none;position:relative;padding-left:1rem}.faq summary::marker{display:none}.faq details[open]{box-shadow:0 12px 40px #0000001a}.faq details .content{max-height:0;overflow:hidden;transition:max-height .32s ease;padding:0 1rem}.faq details[open] .content{max-height:400px}.faq details p{padding-left:1.25rem}footer{background:var(--footer-bg);color:var(--text-footer);text-align:center;padding:1.5rem 1rem;font-size:.95rem;border-top:1px solid rgba(0,0,0,.04)}footer p{margin:.25rem 0;opacity:.98}footer a{color:var(--footer-link);font-weight:700;text-decoration:none}.app>footer{box-shadow:0 -6px 18px #0e161c0a}@media (max-width: 768px){.hero h1{font-size:2rem}.timer{font-size:3rem}.buttons{flex-direction:column;align-items:center}.section-content h2{font-size:2rem}}.footer-pomo{margin-bottom:.5rem;display:flex;justify-content:center}.footer-pomo{margin-bottom:.5rem;display:flex;justify-content:center;align-items:center}.footer-pomo[aria-hidden]{color:#fff;font-weight:800;background:transparent}.footer-pomo{font-size:22px;letter-spacing:1px;padding:6px 10px}.footer-copy{margin:.25rem 0 .5rem}.footer-earf{display:flex;justify-content:center;margin:.25rem 0}.footer-earf img{width:75px;height:auto;display:block}.footer-pomo-img{width:125px;height:auto;display:block}.footer-links{margin:.25rem 0}@media (max-width: 480px){.footer-pomo{font-size:18px}.footer-earf svg{width:66px}.footer-earf img{width:72px}}