body{box-sizing:border-box;background-color:#1e1e24;flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}.app-container.svelte-1uha8ag{--bg-color:#1e1e24;--accent-color:#ff4757;--accent-glow:#ff47574d;--accent-hover:#ff6b81;background-color:var(--bg-color);color:#fff;flex-direction:column;width:100%;min-height:100vh;transition:background-color .8s,color .8s;display:flex;overflow-x:hidden}.theme-pomodoro.svelte-1uha8ag{--bg-color:#1e1e24;--accent-color:#ff4757;--accent-glow:#ff47574d;--accent-hover:#ff6b81}.theme-breaks.svelte-1uha8ag{--bg-color:#0f1f18;--accent-color:#2ed573;--accent-glow:#2ed5734d;--accent-hover:#2bcbba}.theme-longbreaks.svelte-1uha8ag{--bg-color:#0f172a;--accent-color:#3b82f6;--accent-glow:#3b82f64d;--accent-hover:#60a5fa}header.svelte-1uha8ag{box-sizing:border-box;z-index:100;-webkit-backdrop-filter:blur(12px);background:#1e1e2499;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;width:100%;padding:15px 40px;transition:background-color .8s;display:flex;position:fixed;top:0;left:0}.header-left.svelte-1uha8ag,.header-right.svelte-1uha8ag{align-items:center;gap:10px;display:flex}.header-btn.svelte-1uha8ag{color:#e2e8f0;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;outline:none;align-items:center;gap:8px;width:fit-content;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.header-btn.svelte-1uha8ag:hover{color:#fff;border-color:var(--accent-color);background-color:#ffffff14;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.logo.svelte-1uha8ag{text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg, #fff, var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Black Ops One,system-ui;font-size:clamp(20px,4vw,26px);font-weight:900;text-decoration:none;transition:color .8s}main.svelte-1uha8ag{flex-direction:column;min-height:100vh;padding-top:140px;display:flex}.section_timer.svelte-1uha8ag{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;gap:clamp(15px,3vh,30px);width:100%;max-width:600px;margin:0 auto auto;padding:20px;font-family:Black Ops One,system-ui;display:flex}.section_timer.svelte-1uha8ag .counter:where(.svelte-1uha8ag){flex-flow:wrap;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.counter-item.svelte-1uha8ag{align-items:center;gap:6px;display:flex}.section_timer.svelte-1uha8ag .counter:where(.svelte-1uha8ag) span:where(.svelte-1uha8ag){color:#9f9f9f;cursor:pointer;white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:clamp(13px,3.5vw,16px);transition:all .2s ease-in-out}.section_timer.svelte-1uha8ag .counter:where(.svelte-1uha8ag) span:where(.svelte-1uha8ag):hover,.active-mode.svelte-1uha8ag{color:#fff!important;background-color:#ffffff14!important}.edit-icon.svelte-1uha8ag{color:var(--accent-color);cursor:pointer;font-size:13px;transition:transform .1s,color .8s}.edit-icon.svelte-1uha8ag:hover{transform:scale(1.2)}.counter-item.svelte-1uha8ag input[type=number]:where(.svelte-1uha8ag){border:1px solid var(--accent-color);color:#fff;text-align:center;background:#2a2a32;border-radius:6px;outline:none;width:55px;padding:4px 6px;font-family:inherit;font-size:14px;transition:border-color .8s}.counter-item.svelte-1uha8ag input:where(.svelte-1uha8ag)::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.counter-item.svelte-1uha8ag input:where(.svelte-1uha8ag)::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timer-display-container.svelte-1uha8ag{justify-content:center;align-items:center;width:clamp(250px,68vw,300px);height:clamp(250px,68vw,300px);margin:10px 0;display:flex;position:relative}.progress-ring.svelte-1uha8ag{width:100%;height:100%;position:absolute;top:0;left:0}.progress-ring__background.svelte-1uha8ag{transition:stroke .8s}.progress-ring__circle.svelte-1uha8ag{transition:stroke-dashoffset 1s linear,stroke .8s}.timer-text-container.svelte-1uha8ag{z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex}.section_timer.svelte-1uha8ag #timer:where(.svelte-1uha8ag){color:#f5f5f5;letter-spacing:-2px;margin:0;font-size:clamp(55px,15vw,75px);font-weight:700;line-height:1}.timer-mode-label.svelte-1uha8ag{color:#9f9f9f;margin-top:6px;font-family:system-ui,-apple-system,sans-serif;font-size:15px;font-weight:500}.controls-wrapper.svelte-1uha8ag{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;width:100%;display:flex}.section_timer.svelte-1uha8ag button:where(.svelte-1uha8ag){text-align:center;cursor:pointer;box-sizing:border-box;border:none;border-radius:50px;outline:none;font-family:inherit;transition:all .2s ease-in-out}.btn-start.svelte-1uha8ag{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 15px var(--accent-glow);padding:12px clamp(40px,10vw,60px);font-size:clamp(20px,5vw,24px);transition:background-color .8s,box-shadow .8s,transform .2s}.btn-start.svelte-1uha8ag:hover{background-color:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.btn-reset.svelte-1uha8ag{color:#fff;box-shadow:none;background-color:#4b4b54;padding:12px clamp(30px,8vw,45px);font-size:clamp(18px,4.5vw,20px)}.btn-reset.svelte-1uha8ag:hover{background-color:#5c5c66;transform:translateY(-2px)}.section_timer.svelte-1uha8ag button:where(.svelte-1uha8ag):active{transform:translateY(1px)}.work-environment.svelte-1uha8ag{box-sizing:border-box;width:100%;max-width:600px;margin:40px auto 0;padding:0 20px;font-family:system-ui,-apple-system,sans-serif;display:block}.todo-card.svelte-1uha8ag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0a;border-radius:20px;padding:25px;transition:border-color .3s,box-shadow .3s}.todo-card.svelte-1uha8ag:hover{border-color:#ffffff14;box-shadow:0 10px 30px #0003}.todo-card.svelte-1uha8ag h3:where(.svelte-1uha8ag){color:#fff;text-align:right;direction:rtl;align-items:center;gap:10px;margin-bottom:20px;font-size:18px;font-weight:600;display:flex}.todo-card.svelte-1uha8ag h3:where(.svelte-1uha8ag) i:where(.svelte-1uha8ag){color:var(--accent-color);transition:color .8s}.todo-form.svelte-1uha8ag{direction:rtl;gap:10px;margin-bottom:20px;display:flex}.todo-form.svelte-1uha8ag input:where(.svelte-1uha8ag){color:#fff;text-align:right;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:border-color .2s,background-color .2s}.todo-form.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{border-color:var(--accent-color);background:#ffffff14}.todo-form.svelte-1uha8ag button:where(.svelte-1uha8ag){background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .8s,transform .1s;display:flex}.todo-form.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{background:var(--accent-hover);transform:scale(1.05)}.todo-form.svelte-1uha8ag button:where(.svelte-1uha8ag):active{transform:scale(.95)}.todo-list.svelte-1uha8ag{direction:rtl;flex-direction:column;gap:10px;max-height:220px;padding-left:5px;display:flex;overflow-y:auto}.todo-list.svelte-1uha8ag::-webkit-scrollbar{width:6px}.todo-list.svelte-1uha8ag::-webkit-scrollbar-track{background:0 0}.todo-list.svelte-1uha8ag::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.todo-list.svelte-1uha8ag::-webkit-scrollbar-thumb:hover{background:#fff3}.todo-item.svelte-1uha8ag{background:#ffffff03;border:1px solid #ffffff05;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:background-color .2s,border-color .2s;display:flex}.todo-item.svelte-1uha8ag:hover{background:#ffffff08;border-color:#ffffff0d}.todo-checkbox.svelte-1uha8ag{color:#9f9f9f;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:18px;transition:color .2s,transform .1s;display:flex}.todo-checkbox.svelte-1uha8ag:hover{color:var(--accent-color);transform:scale(1.1)}.todo-item.completed.svelte-1uha8ag .todo-checkbox:where(.svelte-1uha8ag){color:var(--accent-color)}.todo-text.svelte-1uha8ag{color:#e2e8f0;text-align:right;word-break:break-word;flex:1;font-size:14px;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.todo-item.completed.svelte-1uha8ag .todo-text:where(.svelte-1uha8ag){color:#64748b;text-decoration:line-through}.todo-delete.svelte-1uha8ag{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:6px;font-size:14px;transition:color .2s,background-color .2s;display:flex}.todo-delete.svelte-1uha8ag:hover{color:#ef4444;background:#ef444414}.todo-empty.svelte-1uha8ag{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:10px;padding:30px 10px;display:flex}.todo-empty.svelte-1uha8ag i:where(.svelte-1uha8ag){color:#ffffff0d;font-size:28px}.todo-empty.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:13px}.seo-content.svelte-1uha8ag{border-top:1px solid #ffffff08;margin-top:40px;padding:clamp(30px,6vh,50px) 20px;font-family:system-ui,-apple-system,sans-serif}.seo-container.svelte-1uha8ag{text-align:right;direction:rtl;max-width:800px;margin:0 auto}.seo-container.svelte-1uha8ag h2:where(.svelte-1uha8ag){color:#fff;margin-top:30px;margin-bottom:15px;font-size:clamp(18px,5vw,22px);font-weight:700}.seo-container.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#a0a0ab;margin-bottom:20px;font-size:clamp(14px,4vw,16px);line-height:1.8}.seo-container.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:var(--accent-color);font-weight:600;transition:color .8s}.zen-active.svelte-1uha8ag header:where(.svelte-1uha8ag),.zen-active.svelte-1uha8ag .counter:where(.svelte-1uha8ag),.zen-active.svelte-1uha8ag .work-environment:where(.svelte-1uha8ag),.zen-active.svelte-1uha8ag .seo-content:where(.svelte-1uha8ag){display:none!important}.zen-active.svelte-1uha8ag main:where(.svelte-1uha8ag){justify-content:center;align-items:center;margin:auto;padding-top:0}.exit-zen-btn.svelte-1uha8ag{color:#e2e8f0;cursor:pointer;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:10px;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;transition:all .2s;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.exit-zen-btn.svelte-1uha8ag:hover{color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 15px var(--accent-glow);background:#ffffff14}.modal-overlay.svelte-1uha8ag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex;position:fixed;top:0;left:0}.modal-card.svelte-1uha8ag{background:#22222b;border:1px solid #ffffff14;border-radius:24px;width:90%;max-width:440px;padding:25px;animation:.2s ease-out svelte-1uha8ag-modal-fade-in;box-shadow:0 20px 40px #00000080}@keyframes svelte-1uha8ag-modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header.svelte-1uha8ag{direction:rtl;justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.modal-header.svelte-1uha8ag h3:where(.svelte-1uha8ag){color:#fff;align-items:center;gap:10px;margin:0;font-size:20px;display:flex}.modal-header.svelte-1uha8ag h3:where(.svelte-1uha8ag) i:where(.svelte-1uha8ag){color:var(--accent-color)}.close-btn.svelte-1uha8ag{color:#9f9f9f;cursor:pointer;background:0 0;border:none;font-size:20px;transition:color .2s}.close-btn.svelte-1uha8ag:hover{color:#fff}.modal-body.svelte-1uha8ag{text-align:right;direction:rtl;flex-direction:column;gap:25px;display:flex}.settings-section.svelte-1uha8ag h4:where(.svelte-1uha8ag){color:#fff;margin:0 0 15px;font-size:15px;font-weight:600}.time-inputs-grid.svelte-1uha8ag{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.input-group.svelte-1uha8ag{flex-direction:column;gap:6px;display:flex}.input-group.svelte-1uha8ag label:where(.svelte-1uha8ag){color:#9f9f9f;font-size:12px}.input-group.svelte-1uha8ag input:where(.svelte-1uha8ag){color:#fff;text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:10px;font-size:14px;transition:border-color .2s}.input-group.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{border-color:var(--accent-color)}.toggle-group.svelte-1uha8ag{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle-group.svelte-1uha8ag:last-child{border-bottom:none}.toggle-label.svelte-1uha8ag{color:#e2e8f0;font-size:14px}.switch.svelte-1uha8ag{width:46px;height:24px;display:inline-block;position:relative}.switch.svelte-1uha8ag input:where(.svelte-1uha8ag){opacity:0;width:0;height:0}.slider.svelte-1uha8ag{cursor:pointer;background-color:#ffffff1a;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider.svelte-1uha8ag:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input.svelte-1uha8ag:checked+.slider:where(.svelte-1uha8ag){background-color:var(--accent-color)}input.svelte-1uha8ag:checked+.slider:where(.svelte-1uha8ag):before{transform:translate(22px)}@media (width<=850px){.btn-text.svelte-1uha8ag{display:none}.header-btn.svelte-1uha8ag{border-radius:50%;justify-content:center;width:38px;height:38px;padding:0;font-size:16px}header.svelte-1uha8ag{padding:12px 20px}}@media (width<=480px){header.svelte-1uha8ag{padding:10px 12px}.logo.svelte-1uha8ag{font-size:18px}.header-left.svelte-1uha8ag,.header-right.svelte-1uha8ag{gap:6px}.header-btn.svelte-1uha8ag{width:32px;height:32px;font-size:14px}.section_timer.svelte-1uha8ag .counter:where(.svelte-1uha8ag){flex-direction:column;gap:12px}main.svelte-1uha8ag{padding-top:100px}}