:root{color:#171717;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 74% 18%,rgba(115,154,229,.16),transparent 34rem),radial-gradient(circle at 92% 56%,rgba(83,198,189,.1),transparent 26rem),linear-gradient(180deg,#fff,#f8fbff 58%,#fff),#fff}body.dark-mode{color:#f7f7f5;background:radial-gradient(circle at 76% 18%,rgba(88,126,205,.18),transparent 32rem),linear-gradient(#101218e6,#101218fa),#101218}a{color:inherit}.site-shell{display:flex;min-height:100vh;flex-direction:column}.site-header{display:grid;position:relative;z-index:60;min-height:88px;align-items:center;grid-template-columns:auto minmax(280px,1fr) auto;gap:28px;padding:14px clamp(20px,5vw,56px);border-bottom:1px solid rgba(221,221,218,.72);background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:block;width:50px;height:50px;overflow:hidden;flex:0 0 auto;border-radius:16px;box-shadow:0 8px 22px #3370b924}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.brand-wordmark{display:block;width:clamp(132px,11vw,180px);height:auto;object-fit:contain}.site-nav{display:flex;position:relative;flex:1 1 auto;flex-wrap:wrap;justify-content:center;gap:10px 18px}.nav-link{border-radius:4px;color:#2a2d34;font-size:1rem;font-weight:700;text-decoration:none}.nav-link:hover,.nav-link:focus-visible,.nav-link[aria-current=page]{color:#171717;text-decoration:underline;text-underline-offset:4px}.nav-menu{position:relative}.nav-menu-button{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#2a2d34;cursor:pointer;font:inherit;font-size:1rem;font-weight:800}.nav-menu-button:hover,.nav-menu-button:focus-visible,.nav-menu-button[aria-expanded=true],.nav-menu-button[aria-current=page]{background:#eef6ff;color:#315fc3;outline:none}.nav-menu-chevron{width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}.nav-menu.is-open .nav-menu-chevron{transform:translateY(2px) rotate(225deg)}.nav-menu-panel{position:absolute;top:calc(100% + 16px);left:50%;z-index:20;display:grid;width:min(760px,calc(100vw - 32px));grid-template-columns:minmax(240px,.72fr) minmax(260px,1fr);overflow:hidden;border:1px solid rgba(224,230,241,.9);border-radius:0 0 18px 18px;background:#fffffff5;box-shadow:0 24px 70px #24345429;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .16s ease,transform .16s ease}.nav-menu.is-open .nav-menu-panel{opacity:1;pointer-events:auto;transform:translate(-50%)}.menu-featured,.menu-list{display:grid;align-content:start;gap:12px;padding:22px}.menu-featured{border-right:1px solid rgba(224,230,241,.9)}.menu-panel-label{margin:0 0 8px;color:#818793;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.menu-card{display:grid;min-height:76px;align-items:center;grid-template-columns:auto 1fr;gap:14px;border-radius:12px;color:#242832;text-decoration:none}.menu-card:hover,.menu-card:focus-visible{background:#f7f9fe;outline:none}.menu-card-icon{display:block;width:54px;height:54px;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.42),transparent),#eaf0ff}.menu-card-text{display:grid;gap:4px}.menu-card-text strong{font-size:1rem;line-height:1.1}.menu-card-text span{color:#727986;font-size:.88rem;line-height:1.4}.menu-list{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-list .menu-panel-label{grid-column:1 / -1}.menu-list-link{display:inline-flex;min-height:34px;align-items:center;color:#242832;font-size:1.08rem;font-weight:750;text-decoration:none}.menu-list-link:hover,.menu-list-link:focus-visible{color:#5a8fe1;outline:none}.header-tools{display:flex;align-items:center;gap:10px}.header-action{display:grid;width:44px;height:44px;place-items:center;border:1px solid #ddddda;border-radius:999px;background:#fff;color:#171717;cursor:pointer}.header-action:hover,.header-action:focus-visible{border-color:#8ea8e9;outline:none}.button-icon{position:relative;display:block;width:20px;height:20px}.button-icon span{position:absolute;display:block}.button-icon-theme span:nth-child(1){inset:4px;border:2px solid currentColor;border-radius:999px}.button-icon-theme span:nth-child(2),.button-icon-theme span:nth-child(3),.button-icon-theme span:nth-child(4),.button-icon-theme span:nth-child(5){width:2px;height:5px;border-radius:999px;background:currentColor}.button-icon-theme span:nth-child(2){left:9px;top:0}.button-icon-theme span:nth-child(3){left:9px;bottom:0}.button-icon-theme span:nth-child(4){top:8px;left:1px;transform:rotate(90deg)}.button-icon-theme span:nth-child(5){top:8px;right:1px;transform:rotate(90deg)}.button-icon-share span{width:6px;height:6px;border:2px solid currentColor;border-radius:999px}.button-icon-share span:nth-child(1){transform:translate(1px,7px)}.button-icon-share span:nth-child(2){transform:translate(13px,1px)}.button-icon-share span:nth-child(3){transform:translate(13px,14px)}.button-icon-share:before,.button-icon-share:after{position:absolute;left:7px;width:9px;height:2px;background:currentColor;content:"";transform-origin:left center}.button-icon-share:before{top:8px;transform:rotate(-28deg)}.button-icon-share:after{top:12px;transform:rotate(28deg)}.mini-search{display:flex;width:min(18vw,240px);min-width:170px;min-height:44px;align-items:center;gap:10px;padding:0 14px;border:1px solid #ececf0;border-radius:8px;background:#f6f6f7}.mini-search-icon{position:relative;width:18px;height:18px;flex:0 0 auto;border:2px solid #6f7785;border-radius:999px}.mini-search-icon:after{position:absolute;right:-5px;bottom:-4px;width:7px;height:2px;border-radius:999px;background:#6f7785;content:"";transform:rotate(45deg)}.mini-search input{width:100%;border:0;background:transparent;color:#171717;font:inherit;outline:none}.share-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:22px;background:#13172342}.share-modal[hidden]{display:none}.share-dialog{position:relative;width:min(100%,620px);padding:clamp(28px,5vw,50px);border:1px solid rgba(224,230,241,.9);border-radius:12px;background:#fff;box-shadow:0 32px 90px #1317232e}.share-close{position:absolute;top:18px;right:18px;display:grid;width:34px;height:34px;place-items:center;border:1px solid #e0e4ec;border-radius:999px;background:#fff;color:#242832;cursor:pointer;font:inherit;font-weight:900}.share-dialog h2{margin:0;font-size:clamp(1.6rem,4vw,2rem);line-height:1.1}.share-dialog p{margin:14px 0 0;color:#85858a;font-size:1.2rem}.share-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:32px}.share-option{display:grid;justify-items:center;gap:8px;color:#242832;font-size:.78rem;text-align:center;text-decoration:none}.share-option-mark{display:grid;width:58px;height:58px;place-items:center;border:1px solid #e0e4ec;border-radius:999px;background:#fff;font-size:1.45rem;font-weight:950}.share-pinterest .share-option-mark{color:#bd1e2d}.share-tumblr .share-option-mark{color:#34465d}.share-x .share-option-mark{color:#1d9bf0}.share-facebook .share-option-mark{color:#4267b2}.share-linkedin .share-option-mark{color:#2867b2}.share-copy-row{display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:14px;margin-top:34px;padding:0 12px 0 20px;border:1px solid #e0e4ec;border-radius:10px;color:#5e6675}.share-copy-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-copy-button{flex:0 0 auto;border:0;background:transparent;color:#5a8fe1;cursor:pointer;font:inherit;font-weight:850}.share-modal-open{overflow:hidden}body.share-modal-open .nav-menu-panel{opacity:0!important;pointer-events:none!important}.page{width:min(100%,880px);margin:0 auto;padding:clamp(36px,7vw,72px) clamp(20px,5vw,56px);outline:none}.home-page{position:relative;overflow:hidden;width:min(100%,1540px);padding-top:clamp(24px,3vw,48px);padding-right:clamp(16px,2.5vw,40px);padding-left:clamp(16px,2.5vw,40px)}.home-hero{position:relative;display:grid;align-items:start;grid-template-columns:minmax(430px,.82fr) minmax(720px,1.18fr);grid-template-areas:"copy visual" "search visual";gap:clamp(18px,2.2vw,36px);min-height:690px;text-align:left}.home-hero-copy{z-index:1;grid-area:copy;max-width:580px}.eyebrow{margin:0 0 28px;color:#6b6b67;font-size:.85rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.35rem,5.6vw,4.55rem);line-height:1.05}.home-title{display:grid;justify-content:flex-start;gap:.12em;font-weight:900;letter-spacing:0}.hero-slogan{display:block}.hero-headline-point{position:relative;isolation:isolate;display:inline-block;width:fit-content;padding:0 .06em .08em;background:linear-gradient(90deg,#446fd4,#60b9af);background-clip:text;color:#446fd4;font:inherit;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-headline-point:after{position:absolute;right:-.08em;bottom:.06em;left:-.08em;z-index:-1;height:.22em;border-radius:999px;background:linear-gradient(90deg,#5b8ee42e,#60b9af2e);content:""}.page-description{max-width:640px;margin:20px 0 0;color:#42423f;font-size:1.1rem}.home-hero .page-description{max-width:540px;color:#5b6472}.hero-support{max-width:540px;margin:14px 0 0;color:#4b5565;font-size:1rem}.hero-value-list{display:grid;gap:10px;max-width:560px;margin:24px 0 0;padding:0;list-style:none}.hero-value{display:grid;gap:3px;padding-left:18px;border-left:3px solid rgba(90,143,225,.32)}.hero-value strong{color:#1f2937;font-size:.95rem;line-height:1.25}.hero-value span{color:#667084;font-size:.9rem;line-height:1.42}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.hero-primary-action,.hero-secondary-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:999px;border:0;cursor:pointer;font:inherit;font-weight:850;text-decoration:none}.hero-primary-action{min-width:154px;padding:0 24px;background:#171717;color:#fff}.hero-secondary-action{gap:8px;color:#2f61c5}.hero-secondary-action:after{content:"->";font-weight:900}.hero-primary-action:hover,.hero-primary-action:focus-visible,.hero-secondary-action:hover,.hero-secondary-action:focus-visible{outline:none;transform:translateY(-1px)}.hero-note{margin:18px 0 0;color:#6b7280;font-size:.92rem}.hero-visual{position:relative;z-index:0;grid-area:visual;min-height:650px;margin-top:-82px;margin-right:max(-6vw,-96px)}.hero-visual:before{position:absolute;inset:3% -5% 0 -10%;border-radius:999px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.86),transparent 40%),radial-gradient(circle at 74% 52%,rgba(126,184,230,.2),transparent 44%);filter:blur(40px);content:""}.hero-visual:after{position:absolute;inset:-2% -2% -1% -8%;z-index:2;border-radius:46px;background:linear-gradient(90deg,rgba(255,255,255,.82),transparent 20%,transparent 82%,rgba(255,255,255,.7)),linear-gradient(180deg,rgba(255,255,255,.8),transparent 18%,transparent 76%,rgba(255,255,255,.88));content:"";pointer-events:none}.hero-visual img{position:relative;z-index:1;display:block;width:min(126%,1030px);height:min(59vw,720px);min-height:620px;object-fit:cover;object-position:center;border:0;border-radius:46px;box-shadow:0 44px 130px #3d547e1a;mask-image:linear-gradient(to right,transparent 0,#000 13%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 86%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 13%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 86%,transparent 100%);-webkit-mask-composite:source-in}.hero-points{position:absolute;z-index:3;top:24%;right:clamp(18px,4vw,72px);display:grid;gap:18px}.hero-point{display:grid;max-width:154px;gap:4px;padding:14px 16px;border:1px solid rgba(224,230,241,.92);border-radius:18px;background:#ffffffd6;box-shadow:0 16px 42px #4657771f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-point strong{color:#315fc3;font-size:1.05rem;line-height:1.1}.hero-point span{color:#5f6878;font-size:.82rem;line-height:1.35}.hero-ring{position:absolute;right:6%;bottom:-4%;width:128px;height:128px;border:16px solid rgba(83,198,189,.22);border-top-color:#53c6bd94;border-radius:999px;pointer-events:none}.home-search-wrap{position:relative;display:grid;z-index:2;grid-area:search;width:min(100%,680px);min-height:54px;align-items:center;grid-template-columns:1fr auto;padding:6px;border:1px solid rgba(236,236,240,.85);border-radius:999px;background:#fff;box-shadow:0 24px 80px #4e618d29}.home-search-wrap .search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.home-search-wrap:before{position:absolute;top:16px;left:24px;width:22px;height:22px;border:2px solid #5b8ee4;border-radius:999px;content:"";pointer-events:none}.home-search-wrap:after{position:absolute;top:38px;left:43px;width:9px;height:2px;border-radius:999px;background:#5b8ee4;content:"";pointer-events:none;transform:rotate(45deg)}.section-search{width:100%;min-height:42px;padding:0 18px 0 54px;border:0;border-radius:999px;background:#fff;color:#171717;font:inherit;outline:none}.section-search-button{min-height:42px;padding:0 30px;border:0;border-radius:999px;background:#5a8fe1;color:#fff;cursor:pointer;font:inherit;font-weight:800}.section-search-button:hover,.section-search-button:focus-visible{background:#467ccd;outline:none}.section-search:focus{outline:none}.search-status{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.home-summary{display:grid;align-items:center;grid-template-columns:minmax(190px,.6fr) minmax(0,1.4fr);gap:24px;margin-top:10px;padding:24px;border:1px solid rgba(224,230,241,.88);border-radius:18px;background:#ffffffd1;box-shadow:0 18px 60px #4854701a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.summary-intro{display:grid;gap:8px}.summary-intro span,.entry-intro .eyebrow{margin:0;color:#6b7280;font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.summary-intro strong{max-width:220px;font-size:1.08rem;line-height:1.25}.summary-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.summary-link{display:grid;min-height:88px;align-items:start;grid-template-columns:auto 1fr;gap:12px;padding:14px;border-radius:14px;color:#171717;text-decoration:none}.summary-link:hover,.summary-link:focus-visible{background:#f6f8fd;outline:none}.summary-icon{display:block;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,rgba(255,255,255,.45),transparent),#5a8fe1}.summary-text{display:grid;gap:3px}.summary-text strong{line-height:1.15}.summary-text span{color:#697181;font-size:.82rem;line-height:1.35}.entry-section{display:grid;align-items:start;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(28px,5vw,56px);margin-top:clamp(70px,8vw,108px)}.entry-intro{position:sticky;top:112px}.entry-intro h2,.entry-section>h2{margin:0;font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.08}.entry-intro p:not(.eyebrow){margin:22px 0 0;color:#5b6472;font-size:1rem}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.entry-card{display:flex;min-height:250px;overflow:hidden;flex-direction:column;border:0;border-radius:10px;background:#fff;box-shadow:0 18px 48px #3c445c1a;text-decoration:none;transition:box-shadow .16s ease,transform .16s ease}.entry-card:hover,.entry-card:focus-visible{box-shadow:0 14px 30px #17171714;outline:none;transform:translateY(-2px)}.entry-card[hidden]{display:none}.entry-card-top{position:relative;display:grid;min-height:184px;align-items:start;grid-template-columns:auto 1fr auto;grid-template-areas:"icon . meta" "title title action" "description description action";gap:12px;padding:20px;color:#fff}.entry-card-focus .entry-card-top{background:#7155df}.entry-card-tests .entry-card-top{background:#dd6a30}.entry-card-tools .entry-card-top{background:#466bc7}.entry-card-blog .entry-card-top{background:#467f87}.entry-icon{position:relative;display:grid;grid-area:icon;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:12px;background:#ffffff38}.entry-icon span{position:absolute;display:block;background:#fff}.entry-icon-focus span:nth-child(1){width:22px;height:22px;border:3px solid #ffffff;border-radius:999px;background:transparent}.entry-icon-focus span:nth-child(2){width:4px;height:12px;border-radius:999px;transform:translateY(-4px)}.entry-icon-focus span:nth-child(3){width:6px;height:6px;border-radius:999px;transform:translate(10px,10px)}.entry-icon-tests span{width:7px;height:7px;border-radius:999px}.entry-icon-tests span:nth-child(1){transform:translate(-9px,-7px)}.entry-icon-tests span:nth-child(2){transform:translate(7px)}.entry-icon-tests span:nth-child(3){transform:translate(-4px,10px)}.entry-icon-tools span{width:22px;height:4px;border-radius:999px}.entry-icon-tools span:nth-child(1){transform:rotate(45deg)}.entry-icon-tools span:nth-child(2){transform:rotate(-45deg)}.entry-icon-tools span:nth-child(3){width:8px;height:8px;border-radius:3px;transform:translate(9px,-9px)}.entry-icon-blog span{left:12px;height:3px;border-radius:999px}.entry-icon-blog span:nth-child(1){top:14px;width:20px}.entry-icon-blog span:nth-child(2){top:21px;width:15px}.entry-icon-blog span:nth-child(3){top:28px;width:22px}.entry-meta{grid-area:meta;padding:5px 10px;border-radius:999px;background:#ffffff38;color:#fff;font-size:.8rem;font-weight:800;text-align:right}.entry-card h2{grid-area:title;margin:0;align-self:end;color:#fff;font-size:1.45rem;line-height:1.1}.entry-card p{grid-area:description;margin:0;color:#ffffffeb;font-weight:700;line-height:1.35}.entry-action{grid-area:action;align-self:end;color:#fff;font-size:1.35rem;font-weight:900}.entry-featured{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 20px 20px;padding:12px;border-radius:8px;background:#f6f7fb;color:#6b6b67;font-size:.82rem}.entry-featured strong{color:#4268ca}.tool-page{width:min(100%,1440px);padding-top:clamp(24px,4vw,58px)}.page-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}.page-link-card{display:grid;gap:8px;padding:22px;border:1px solid rgba(224,230,241,.9);border-radius:12px;background:#fff;box-shadow:0 18px 48px #3c445c14;color:#171717;text-decoration:none}.page-link-card:hover,.page-link-card:focus-visible{outline:none;transform:translateY(-1px)}.page-link-card span{color:#667084}.pomodoro-page{display:grid;gap:clamp(24px,4vw,44px);color:#18202d}.pomodoro-page button,.pomodoro-page input,.pomodoro-page select{font:inherit}.pomodoro-hero{display:grid;align-items:stretch;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(20px,4vw,44px);padding:clamp(26px,5vw,56px);border:1px solid rgba(224,230,241,.9);border-radius:22px;background:radial-gradient(circle at 86% 16%,rgba(101,144,226,.18),transparent 22rem),radial-gradient(circle at 14% 88%,rgba(83,198,189,.14),transparent 20rem),#ffffffe0;box-shadow:0 28px 90px #404e701a}.pomodoro-eyebrow{margin:0;color:#5c6f96;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.pomodoro-hero h1{margin-top:12px;font-size:clamp(2.5rem,7vw,5.8rem);line-height:.96}.pomodoro-description{max-width:660px;margin:24px 0 0;color:#566175;font-size:clamp(1.05rem,2vw,1.22rem)}.pomodoro-anchor-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.pomodoro-anchor-row a{display:inline-flex;min-height:38px;align-items:center;padding:0 15px;border:1px solid rgba(123,151,210,.35);border-radius:999px;background:#ffffffb8;color:#315fc3;font-weight:800;text-decoration:none}.pomodoro-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-content:end}.pomodoro-stat-card{display:grid;align-content:end;min-height:160px;gap:6px;padding:18px;border-radius:18px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #e0e6f1e6}.pomodoro-stat-card strong{color:#2f61c5;font-size:clamp(1.9rem,4vw,3rem);line-height:1}.pomodoro-stat-card span{color:#667084;font-size:.86rem;font-weight:800}.pomodoro-workspace{display:grid;align-items:start;grid-template-columns:minmax(360px,1.08fr) minmax(280px,.92fr);gap:22px}.pomodoro-panel,.pomodoro-info-card{border:1px solid rgba(224,230,241,.9);border-radius:18px;background:#ffffffe6;box-shadow:0 18px 54px #44527217}.pomodoro-panel{padding:clamp(20px,3vw,30px)}.timer-panel{display:grid;justify-items:center;gap:24px;grid-row:span 2}.mode-tabs{display:flex;width:100%;flex-wrap:wrap;justify-content:center;gap:10px}.mode-tab{min-height:40px;padding:0 16px;border:1px solid #dfe6f5;border-radius:999px;background:#fff;color:#596579;cursor:pointer;font-weight:850}.mode-tab.is-active{border-color:#5a8fe1;background:#eef6ff;color:#315fc3}.timer-clock{--progress: 0%;display:grid;width:min(72vw,360px);aspect-ratio:1;place-items:center;border-radius:999px;background:radial-gradient(circle at center,#ffffff 0 61%,transparent 62%),conic-gradient(#5a8fe1 var(--progress),#e9eef8 0);box-shadow:inset 0 0 0 1px #e0e6f1e6,0 24px 70px #4452721f}.timer-clock strong,.timer-clock span{grid-area:1 / 1}.time-text{font-size:clamp(3.4rem,9vw,5.8rem);line-height:1;letter-spacing:0}.mode-text{align-self:end;margin-bottom:29%;color:#667084;font-weight:900}.timer-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.primary-control,.secondary-control,.task-add-button{min-height:46px;border:0;border-radius:999px;cursor:pointer;font-weight:900}.primary-control{min-width:130px;padding:0 28px;background:#171717;color:#fff}.secondary-control,.task-add-button{padding:0 20px;background:#eef3ff;color:#315fc3}.active-task-box{display:grid;width:min(100%,440px);gap:5px;padding:16px 18px;border-left:4px solid #5a8fe1;border-radius:12px;background:#f7f9fe}.active-task-box span{color:#667084;font-size:.82rem;font-weight:900;text-transform:uppercase}.active-task-box strong{font-size:1.02rem}.panel-heading{display:grid;gap:8px;margin-bottom:18px}.panel-heading h2{margin:0;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.1}.task-form{display:grid;grid-template-columns:1fr auto;gap:10px}.task-form input,.setting-field input,.setting-field select{width:100%;min-height:44px;border:1px solid #dfe6f5;border-radius:10px;background:#fff;color:#171717;padding:0 12px}.task-list,.history-list{display:grid;gap:10px;margin-top:18px}.task-item,.history-item{display:grid;align-items:center;gap:12px;padding:12px;border:1px solid #e5ebf6;border-radius:12px;background:#fff}.task-item{grid-template-columns:auto 1fr auto}.task-item.is-active{border-color:#5a8fe1a6;background:#f6f9ff}.task-select{display:grid;gap:3px;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.task-select span,.history-item span,.goal-text,.empty-state{color:#667084;font-size:.9rem}.task-remove,.text-control{border:0;background:transparent;color:#5a8fe1;cursor:pointer;font-weight:850}.text-control{justify-self:start;margin-top:14px}.settings-grid,.sound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sound-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.setting-field{display:grid;gap:7px;color:#667084;font-size:.84rem;font-weight:850}.setting-field input[type=range]{padding:0}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.setting-toggle{display:flex;min-height:44px;align-items:center;gap:10px;padding:0 12px;border:1px solid #dfe6f5;border-radius:10px;background:#fff;color:#3f4758;font-weight:800}.theme-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.theme-swatch{min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:999px;cursor:pointer;font-weight:850}.theme-swatch-daylight{background:#eef6ff;color:#315fc3}.theme-swatch-forest{background:#eaf7f1;color:#246b56}.theme-swatch-night{background:#262d44;color:#fff}.theme-swatch.is-active{border-color:currentColor}.goal-bar{height:13px;overflow:hidden;border-radius:999px;background:#e9eef8}.goal-bar span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5a8fe1,#53c6bd);transition:width .16s ease}.history-item{align-items:start}.pomodoro-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pomodoro-info-card{padding:22px}.pomodoro-info-card h2{margin:0 0 8px;font-size:1.1rem}.pomodoro-info-card p{margin:0;color:#667084}.pomodoro-theme-forest .pomodoro-hero{background:radial-gradient(circle at 88% 20%,rgba(83,198,189,.18),transparent 22rem),linear-gradient(135deg,#f5fffaf0,#ffffffe0)}.pomodoro-theme-forest .timer-clock{background:radial-gradient(circle at center,#ffffff 0 61%,transparent 62%),conic-gradient(#53a77e var(--progress),#e6f2ec 0)}.pomodoro-theme-night .pomodoro-hero{background:radial-gradient(circle at 86% 16%,rgba(90,143,225,.24),transparent 22rem),linear-gradient(135deg,#1f263af5,#141720eb);color:#fff}.pomodoro-theme-night .pomodoro-description,.pomodoro-theme-night .pomodoro-stat-card span{color:#d7dae2}.pomodoro-theme-night .pomodoro-stat-card{background:#ffffff14}.page-content{display:grid;gap:28px;max-width:700px;margin-top:44px}.content-section h2{margin:0 0 10px;font-size:1.2rem}.content-section p{margin:0;color:#42423f}.content-section p+p{margin-top:10px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding:20px clamp(20px,5vw,56px);border-top:1px solid #ddddda;color:#6b6b67;background:#ffffffeb;font-size:.9rem}.footer-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.footer-link{color:#525252;text-decoration:none}.footer-link:hover,.footer-link:focus-visible,.footer-link[aria-current=page]{color:#171717;text-decoration:underline;text-underline-offset:4px}body.dark-mode .site-header,body.dark-mode .site-footer,body.dark-mode .mini-search,body.dark-mode .header-action,body.dark-mode .home-search-wrap,body.dark-mode .section-search,body.dark-mode .entry-card,body.dark-mode .home-summary,body.dark-mode .hero-point,body.dark-mode .nav-menu-panel,body.dark-mode .share-dialog,body.dark-mode .share-close,body.dark-mode .share-option-mark,body.dark-mode .pomodoro-hero,body.dark-mode .pomodoro-panel,body.dark-mode .pomodoro-info-card,body.dark-mode .page-link-card,body.dark-mode .task-item,body.dark-mode .setting-toggle,body.dark-mode .task-form input,body.dark-mode .setting-field input,body.dark-mode .setting-field select,body.dark-mode .mode-tab{background-color:#151820f0;color:#f7f7f5}body.dark-mode .nav-link,body.dark-mode .nav-menu-button,body.dark-mode .page-description,body.dark-mode .entry-card p,body.dark-mode .search-status,body.dark-mode .footer-link,body.dark-mode .content-section p,body.dark-mode .hero-note,body.dark-mode .hero-support,body.dark-mode .hero-point span,body.dark-mode .hero-value span,body.dark-mode .summary-text span,body.dark-mode .entry-intro p:not(.eyebrow),body.dark-mode .menu-card-text span,body.dark-mode .share-dialog p,body.dark-mode .share-copy-row,body.dark-mode .pomodoro-description,body.dark-mode .pomodoro-info-card p,body.dark-mode .page-link-card span,body.dark-mode .task-select span,body.dark-mode .history-item span,body.dark-mode .goal-text,body.dark-mode .empty-state,body.dark-mode .active-task-box span,body.dark-mode .setting-field,body.dark-mode .setting-toggle{color:#d7dae2}body.dark-mode .hero-value strong{color:#fff}body.dark-mode .hero-visual:after{background:linear-gradient(90deg,rgba(16,18,24,.42),transparent 18%,transparent 82%,rgba(16,18,24,.6)),linear-gradient(180deg,rgba(16,18,24,.48),transparent 20%,transparent 78%,rgba(16,18,24,.7))}body.dark-mode .nav-link:hover,body.dark-mode .nav-link:focus-visible,body.dark-mode .footer-link:hover,body.dark-mode .footer-link:focus-visible,body.dark-mode .summary-link:hover,body.dark-mode .summary-link:focus-visible{color:#fff}body.dark-mode .mini-search input,body.dark-mode .section-search{color:#fff}body.dark-mode .entry-featured{background:#ffffff14}body.dark-mode .summary-link{color:#fff}body.dark-mode .summary-link:hover,body.dark-mode .summary-link:focus-visible{background:#ffffff14}body.dark-mode .nav-menu-button:hover,body.dark-mode .nav-menu-button:focus-visible,body.dark-mode .nav-menu-button[aria-expanded=true],body.dark-mode .nav-menu-button[aria-current=page],body.dark-mode .menu-card:hover,body.dark-mode .menu-card:focus-visible{background:#ffffff14}body.dark-mode .menu-card,body.dark-mode .menu-list-link,body.dark-mode .share-option{color:#fff}body.dark-mode .share-copy-row,body.dark-mode .share-close,body.dark-mode .share-option-mark,body.dark-mode .pomodoro-hero,body.dark-mode .pomodoro-panel,body.dark-mode .pomodoro-info-card,body.dark-mode .page-link-card,body.dark-mode .task-item,body.dark-mode .setting-toggle,body.dark-mode .task-form input,body.dark-mode .setting-field input,body.dark-mode .setting-field select,body.dark-mode .mode-tab{border-color:#ffffff1f}body.dark-mode .active-task-box,body.dark-mode .task-item.is-active{background:#ffffff0f}body.dark-mode .timer-clock{background:radial-gradient(circle at center,#151820 0 61%,transparent 62%),conic-gradient(#7aa6f3 var(--progress),rgba(255,255,255,.12) 0)}@media(max-width:1040px){.site-header{display:flex;align-items:flex-start;flex-direction:column}.site-nav{justify-content:flex-start}.nav-menu-panel{left:0;width:min(720px,calc(100vw - 40px));transform:translateY(8px)}.nav-menu.is-open .nav-menu-panel{transform:translate(0)}.header-tools{width:100%;flex-wrap:wrap}.mini-search{width:min(100%,320px)}.pomodoro-hero,.pomodoro-workspace{grid-template-columns:1fr}.timer-panel{grid-row:auto}}@media(max-width:960px){.home-hero{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "search";min-height:0;text-align:center}.home-title{justify-content:center}.home-hero-copy,.home-hero .page-description,.hero-support{max-width:720px;margin-right:auto;margin-left:auto}.hero-value-list{max-width:640px;margin-right:auto;margin-left:auto;text-align:left}.hero-actions{justify-content:center}.hero-visual{min-height:0;margin-top:0;margin-right:0}.hero-visual img{width:100%;height:min(74vw,520px);min-height:330px}.hero-points{right:16px}.home-search-wrap{margin:0 auto}.home-summary{grid-template-columns:1fr}.summary-intro strong{max-width:none}.summary-links{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-section{grid-template-columns:1fr}.entry-intro{position:static;max-width:720px}}@media(max-width:720px){.page-link-grid,.pomodoro-info,.settings-grid,.sound-grid,.toggle-grid{grid-template-columns:1fr}.pomodoro-hero{padding:24px}.pomodoro-hero-stats{grid-template-columns:1fr}.pomodoro-stat-card{min-height:96px}.task-form,.task-item{grid-template-columns:1fr}.task-item input[type=checkbox],.task-remove{justify-self:start}.nav-menu-panel{grid-template-columns:1fr}.menu-featured{border-right:0;border-bottom:1px solid rgba(224,230,241,.9)}.menu-list{grid-template-columns:1fr}.share-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.share-copy-row{align-items:stretch;flex-direction:column;padding:14px}.share-copy-button{align-self:flex-end}.entry-grid,.summary-links{grid-template-columns:1fr}.hero-points{position:relative;top:auto;right:auto;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-54px;padding:0 14px}.hero-point{max-width:none;padding:12px}.hero-ring{width:90px;height:90px;border-width:12px}.home-search-wrap{grid-template-columns:1fr;border-radius:24px}.home-search-wrap:before{top:25px}.home-search-wrap:after{top:47px}.section-search-button{width:100%}.entry-card{min-height:0}.site-footer{align-items:flex-start;flex-direction:column}.footer-nav{justify-content:flex-start}}@media(max-width:520px){.home-page{padding-right:16px;padding-left:16px}.home-title{font-size:clamp(2.2rem,13vw,3.4rem)}.hero-headline-point{margin-right:auto;margin-left:auto}.hero-visual img{min-height:260px;border-radius:22px}.hero-points{grid-template-columns:1fr;margin-top:14px;padding:0}.home-summary{padding:18px}}body.pomodoro-shell-active{overflow:hidden;background:#05060b}body.pomodoro-shell-active .site-header,body.pomodoro-shell-active .site-footer{display:none}body.pomodoro-shell-active .page.tool-page{width:100%;max-width:none;height:100vh;margin:0;padding:0}.pomodoro-focus-app{--accent: #9b82e6;--accent-strong: #b79dff;--accent-soft: rgba(155, 130, 230, .22);--panel: rgba(24, 23, 34, .72);--panel-strong: rgba(24, 23, 34, .9);--line: rgba(255, 255, 255, .14);--muted: rgba(255, 255, 255, .62);position:relative;display:block;width:100%;height:100vh;overflow:hidden;color:#fff;background:url(/assets/pomodoro-garden-background.png);background-position:center;background-size:cover}.pomodoro-focus-app:before{content:none}.pomodoro-focus-app:after{content:none}.pomodoro-bg-photo{background:radial-gradient(circle at 50% 32%,rgba(99,136,205,.2),transparent 30rem),linear-gradient(90deg,#06070bf5,#06070b85 46%,#06070beb),linear-gradient(180deg,#0505093d,#050509f2),url(/assets/home-background.png);background-position:center;background-size:cover}.pomodoro-bg-custom{background:linear-gradient(90deg,#06070bf2,#06070b8a 46%,#06070be0),linear-gradient(180deg,#05050938,#050509f0),var(--custom-background),#07080d;background-position:center;background-size:cover}.accent-blue{--accent: #73a0ff;--accent-strong: #95b7ff;--accent-soft: rgba(115, 160, 255, .24)}.accent-mint{--accent: #72d7c1;--accent-strong: #9befde;--accent-soft: rgba(114, 215, 193, .24)}.accent-lime{--accent: #c8f264;--accent-strong: #ddff8c;--accent-soft: rgba(200, 242, 100, .22)}.accent-rose{--accent: #ef7b89;--accent-strong: #ff9aa5;--accent-soft: rgba(239, 123, 137, .24)}.accent-gold{--accent: #f0ce82;--accent-strong: #ffe0a0;--accent-soft: rgba(240, 206, 130, .24)}.pomodoro-mode-shortBreak{--accent: #72d7c1;--accent-strong: #9befde;--accent-soft: rgba(114, 215, 193, .24)}.pomodoro-mode-longBreak{--accent: #f0ce82;--accent-strong: #ffe0a0;--accent-soft: rgba(240, 206, 130, .24)}.focus-effects{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.focus-effects:before,.focus-effects:after{content:"";position:absolute;inset:-18% -8%;opacity:0;pointer-events:none;mix-blend-mode:screen}.focus-effects span{position:absolute;width:var(--particle-size, 6px);height:var(--particle-size, 6px);border-radius:999px;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.92),var(--accent-strong) 42%,rgba(255,255,255,0) 72%);filter:blur(var(--particle-blur, .4px));opacity:0;mix-blend-mode:screen}.effect-motes .focus-effects span,.effect-stars .focus-effects span,.effect-rain .focus-effects span,.effect-bubbles .focus-effects span{opacity:var(--particle-opacity, .5);animation:focus-float var(--particle-duration, 12s) ease-in-out infinite}.effect-stars .focus-effects span{width:calc(var(--star-size, 3px) * 1.55);height:calc(var(--star-size, 3px) * 1.55);background:radial-gradient(circle,rgba(255,255,255,1) 0 18%,var(--accent-strong) 42%,transparent 74%);box-shadow:0 0 12px #ffffffc7,0 0 24px var(--accent-strong),0 0 46px var(--accent-soft);animation-name:focus-twinkle;animation-timing-function:ease-in-out;animation-duration:calc(var(--particle-duration, 12s) * .52)}.effect-stars .focus-effects span:before,.effect-stars .focus-effects span:after{content:"";position:absolute;inset:50% auto auto 50%;width:calc(var(--star-size, 3px) * 3.8);height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);opacity:.72;transform:translate(-50%,-50%)}.effect-stars .focus-effects span:after{transform:translate(-50%,-50%) rotate(90deg)}.effect-rain .focus-effects span{width:var(--rain-width, 1.35px);height:var(--rain-length, 52px);border-radius:2px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.9) 22%,var(--accent-strong) 55%,transparent 100%);filter:blur(calc(var(--rain-depth, 0) * .16px));box-shadow:0 0 8px color-mix(in srgb,var(--accent-strong) 32%,transparent),0 0 18px color-mix(in srgb,var(--accent-soft) 44%,transparent);animation-name:focus-rain;animation-duration:var(--rain-speed, 1.1s);animation-timing-function:linear}.effect-rain .focus-effects:before{display:none;opacity:0;background-image:repeating-linear-gradient(180deg,transparent 0 34px,rgba(255,255,255,.16) 35px,color-mix(in srgb,var(--accent-strong) 20%,transparent) 37px,transparent 39px 78px);background-size:168px 168px;filter:blur(.4px);animation:rain-sheet 1.75s linear infinite}.effect-rain .focus-effects:after{display:none;opacity:0;background-image:repeating-linear-gradient(180deg,transparent 0 54px,rgba(255,255,255,.24) 55px,transparent 58px 118px);background-size:230px 230px;filter:blur(1.2px);animation:rain-sheet-soft 2.8s linear infinite}.effect-bubbles .focus-effects span{width:var(--bubble-size, 20px);height:var(--bubble-size, 20px);border:1px solid color-mix(in srgb,var(--accent-strong) 58%,transparent);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.82),transparent 18%),radial-gradient(circle at 72% 74%,var(--accent-soft),transparent 42%);box-shadow:inset 0 0 18px #ffffff14,0 0 24px var(--accent-soft)}.focus-effects span:nth-child(6n+1){--particle-size: 4px;--particle-opacity: .42;--particle-duration: 13s;--particle-blur: .8px;--star-size: 2px;--rain-length: 42px;--bubble-size: 16px}.focus-effects span:nth-child(6n+2){--particle-size: 8px;--particle-opacity: .34;--particle-duration: 17s;--particle-blur: 1.4px;--star-size: 3px;--rain-length: 58px;--bubble-size: 24px}.focus-effects span:nth-child(6n+3){--particle-size: 12px;--particle-opacity: .25;--particle-duration: 20s;--particle-blur: 2px;--star-size: 2px;--rain-length: 68px;--bubble-size: 30px}.focus-effects span:nth-child(6n+4){--particle-size: 5px;--particle-opacity: .48;--particle-duration: 15s;--particle-blur: .5px;--star-size: 4px;--rain-length: 50px;--bubble-size: 19px}.focus-effects span:nth-child(6n+5){--particle-size: 10px;--particle-opacity: .3;--particle-duration: 22s;--particle-blur: 1.8px;--star-size: 3px;--rain-length: 74px;--bubble-size: 34px}.focus-effects span:nth-child(6n){--particle-size: 7px;--particle-opacity: .38;--particle-duration: 18s;--particle-blur: 1px;--star-size: 2px;--rain-length: 62px;--bubble-size: 22px}.focus-effects span:nth-child(1){left:8%;top:18%;animation-delay:-1s}.focus-effects span:nth-child(2){left:18%;top:62%;animation-delay:-2s}.focus-effects span:nth-child(3){left:31%;top:28%;animation-delay:-4s}.focus-effects span:nth-child(4){left:43%;top:77%;animation-delay:-3s}.focus-effects span:nth-child(5){left:56%;top:16%;animation-delay:-5s}.focus-effects span:nth-child(6){left:69%;top:42%;animation-delay:-2.4s}.focus-effects span:nth-child(7){left:78%;top:70%;animation-delay:-6s}.focus-effects span:nth-child(8){left:91%;top:24%;animation-delay:-3.6s}.focus-effects span:nth-child(9){left:12%;top:82%;animation-delay:-5.2s}.focus-effects span:nth-child(10){left:24%;top:39%;animation-delay:-7s}.focus-effects span:nth-child(11){left:37%;top:55%;animation-delay:-4.6s}.focus-effects span:nth-child(12){left:49%;top:10%;animation-delay:-1.7s}.focus-effects span:nth-child(13){left:63%;top:84%;animation-delay:-2.8s}.focus-effects span:nth-child(14){left:75%;top:17%;animation-delay:-6.4s}.focus-effects span:nth-child(15){left:86%;top:52%;animation-delay:-1.9s}.focus-effects span:nth-child(16){left:95%;top:80%;animation-delay:-4.1s}.focus-effects span:nth-child(17){left:4%;top:45%;animation-delay:-3.3s}.focus-effects span:nth-child(18){left:52%;top:63%;animation-delay:-5.8s}.focus-effects span:nth-child(19){left:6%;top:68%;animation-delay:-8.3s}.focus-effects span:nth-child(20){left:15%;top:31%;animation-delay:-9.1s}.focus-effects span:nth-child(21){left:22%;top:12%;animation-delay:-6.9s}.focus-effects span:nth-child(22){left:29%;top:73%;animation-delay:-11.2s}.focus-effects span:nth-child(23){left:35%;top:8%;animation-delay:-13s}.focus-effects span:nth-child(24){left:41%;top:45%;animation-delay:-9.8s}.focus-effects span:nth-child(25){left:47%;top:88%;animation-delay:-12.1s}.focus-effects span:nth-child(26){left:54%;top:33%;animation-delay:-10.4s}.focus-effects span:nth-child(27){left:59%;top:69%;animation-delay:-14.3s}.focus-effects span:nth-child(28){left:66%;top:9%;animation-delay:-8.8s}.focus-effects span:nth-child(29){left:72%;top:58%;animation-delay:-15.2s}.focus-effects span:nth-child(30){left:81%;top:36%;animation-delay:-10.8s}.focus-effects span:nth-child(31){left:88%;top:84%;animation-delay:-12.6s}.focus-effects span:nth-child(32){left:97%;top:12%;animation-delay:-7.9s}.focus-effects span:nth-child(33){left:2%;top:8%;animation-delay:-13.8s}.focus-effects span:nth-child(34){left:10%;top:52%;animation-delay:-16.2s}.focus-effects span:nth-child(35){left:20%;top:91%;animation-delay:-14.9s}.focus-effects span:nth-child(36){left:27%;top:50%;animation-delay:-8.6s}.focus-effects span:nth-child(37){left:33%;top:85%;animation-delay:-17.1s}.focus-effects span:nth-child(38){left:39%;top:19%;animation-delay:-11.7s}.focus-effects span:nth-child(39){left:45%;top:62%;animation-delay:-15.6s}.focus-effects span:nth-child(40){left:51%;top:24%;animation-delay:-18.4s}.focus-effects span:nth-child(41){left:58%;top:93%;animation-delay:-13.4s}.focus-effects span:nth-child(42){left:65%;top:51%;animation-delay:-16.9s}.focus-effects span:nth-child(43){left:71%;top:27%;animation-delay:-12.7s}.focus-effects span:nth-child(44){left:77%;top:6%;animation-delay:-19.4s}.focus-effects span:nth-child(45){left:83%;top:64%;animation-delay:-14.1s}.focus-effects span:nth-child(46){left:89%;top:43%;animation-delay:-17.6s}.focus-effects span:nth-child(47){left:94%;top:74%;animation-delay:-20.2s}.focus-effects span:nth-child(48){left:98%;top:55%;animation-delay:-15.1s}.focus-effects span:nth-child(49){left:13%;top:4%;animation-delay:-18.8s}.focus-effects span:nth-child(50){left:25%;top:24%;animation-delay:-21.2s}.focus-effects span:nth-child(51){left:38%;top:72%;animation-delay:-19.9s}.focus-effects span:nth-child(52){left:57%;top:2%;animation-delay:-22.4s}.focus-effects span:nth-child(53){left:74%;top:93%;animation-delay:-20.7s}.focus-effects span:nth-child(54){left:92%;top:5%;animation-delay:-23.1s}@keyframes focus-float{0%{transform:translate3d(-10px,44px,0) scale(.82)}45%{transform:translate3d(14px,-18px,0) scale(1.08)}to{transform:translate3d(-6px,-96px,0) scale(.9)}}@keyframes focus-twinkle{0%,to{opacity:.2;transform:scale(.62) rotate(0)}30%{opacity:.98;transform:scale(1.42) rotate(32deg)}52%{opacity:.42;transform:scale(.86) rotate(68deg)}72%{opacity:.82;transform:scale(1.18) rotate(112deg)}}@keyframes focus-rain{0%{opacity:0;transform:translate3d(var(--rain-drift, 0),-30vh,0)}10%{opacity:var(--rain-fade, .36)}88%{opacity:var(--rain-fade, .36)}to{opacity:0;transform:translate3d(var(--rain-drift, 0),126vh,0)}}@keyframes rain-sheet{0%{transform:translate3d(0,-96px,0)}to{transform:translate3d(0,96px,0)}}@keyframes rain-sheet-soft{0%{transform:translate3d(0,-140px,0)}to{transform:translate3d(0,140px,0)}}.focus-app-top,.focus-stage,.focus-app-bottom,.focus-drawer,.drawer-backdrop{position:relative;z-index:2}.focus-app-top{position:absolute;top:18px;right:32px;left:32px;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.focus-tool-brand{display:flex;align-items:center;gap:16px}.focus-tool-brand h1{margin:0;color:#fff;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.1}.focus-counter{display:inline-flex;min-height:44px;align-items:center;gap:9px;padding:0 15px;border:1px solid var(--line);border-radius:14px;background:#ffffff1a;color:#fff;box-shadow:inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.focus-counter span{color:#ff9a57;font-size:1.16rem}.focus-counter strong{min-width:.78em;font-size:.98rem;line-height:1}.focus-top-controls{display:flex;gap:10px}.focus-icon-button,.panel-icon-button{display:grid;min-width:48px;min-height:48px;place-items:center;border:1px solid var(--line);border-radius:14px;background:#ffffff1a;color:#fff;cursor:pointer;font-size:0;font-weight:900;box-shadow:inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.focus-icon-button:before,.panel-icon-button:before,.round-control:before{font-size:1.38rem;line-height:1}.focus-icon-button.is-active,.focus-icon-button:focus-visible,.focus-icon-button:hover{border-color:#ffffff57;background:var(--accent-soft);outline:none}.language-button{min-width:80px;grid-template-columns:auto auto;gap:6px;font-size:.82rem}.language-button:before{font-size:1.32rem}.focus-icon-button:nth-child(1):before{content:"♪"}.focus-icon-button:nth-child(2):before{content:"☷"}.focus-icon-button:nth-child(3):before{content:"◎"}.focus-icon-button:nth-child(4):before{content:"⚙"}.language-button{min-width:48px;grid-template-columns:1fr;gap:0;font-size:0}.focus-stage{display:grid;min-height:100vh;align-content:center;justify-items:center;gap:clamp(18px,2.45vh,30px);padding:74px 24px 58px}.pomodoro-focus-app .mode-tabs{display:grid;width:min(100%,512px);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border:1px solid var(--line);border-radius:18px;background:#191822b8;box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pomodoro-focus-app .mode-tab{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:10px;padding:0 16px;border:0;border-radius:13px;background:transparent;color:#ffffffad;cursor:pointer;font-weight:900}.pomodoro-focus-app .mode-tab strong{display:inline-grid;min-width:26px;min-height:26px;place-items:center;border-radius:999px;background:#ffffff1f;color:#ffffffc7;font-size:.86rem}.pomodoro-focus-app .mode-tab.is-active{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#ffffff));color:#fff;box-shadow:0 12px 30px var(--accent-soft)}.pomodoro-focus-app .timer-clock{--remaining-progress: 100;display:grid;width:clamp(270px,21vw,340px);aspect-ratio:1;place-items:center;position:relative;border:0;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.055),transparent 68%),#0c0c121f;box-shadow:inset 0 0 90px #ffffff0a,0 0 28px var(--accent-soft);filter:drop-shadow(0 0 22px var(--accent-soft))}.pomodoro-focus-app .timer-ring{grid-area:1 / 1;width:100%;height:100%;overflow:visible}.pomodoro-focus-app .timer-ring-track,.pomodoro-focus-app .timer-ring-progress{fill:none;stroke-width:3.75}.pomodoro-focus-app .timer-ring-track{stroke:color-mix(in srgb,var(--accent-strong) 11%,rgba(255,255,255,.035))}.pomodoro-focus-app .timer-ring-progress{stroke:var(--accent-strong);stroke-dasharray:100 100;stroke-dashoffset:0;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--accent-soft)) drop-shadow(0 0 12px var(--accent-soft));transition:stroke-dasharray .22s linear}.pomodoro-focus-app .time-text{z-index:1;transform:translateY(-22px);color:#fff;font-size:clamp(3.1rem,5.2vw,4.35rem);font-weight:950;text-shadow:0 6px 28px rgba(0,0,0,.4)}.pomodoro-focus-app .mode-text{z-index:1;display:inline-flex;align-self:center;align-items:center;gap:8px;margin-top:0;margin-bottom:0;padding:8px 17px;border:1px solid var(--line);border-radius:999px;background:#ffffff1a;color:#ffffffd1;font-weight:850;transform:translateY(50px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pomodoro-focus-app .mode-text i{width:8px;height:8px;border-radius:999px;background:var(--accent-strong);box-shadow:0 0 14px var(--accent-strong)}.session-sound-toggle{position:relative;display:grid;width:24px;height:24px;margin-left:2px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff14;color:#ffffffb8;cursor:pointer;font-size:0;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.session-sound-toggle:before{content:"♪";font-size:.82rem;line-height:1}.session-sound-toggle.is-active{border-color:color-mix(in srgb,var(--accent-strong) 72%,transparent);background:var(--accent-soft);color:#fff;box-shadow:0 0 16px color-mix(in srgb,var(--accent-strong) 36%,transparent)}.session-sound-toggle:not(.is-active):after{content:"";position:absolute;width:14px;height:1.5px;border-radius:999px;background:currentColor;transform:rotate(-38deg)}.session-sound-toggle:hover,.session-sound-toggle:focus-visible{transform:translateY(-1px)}.pomodoro-focus-app .timer-controls{display:grid;align-items:center;grid-template-columns:48px minmax(184px,226px) 48px;gap:10px}.pomodoro-focus-app .primary-control{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:9px;padding:0 26px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 76%,#ffffff));color:#fff;cursor:pointer;font-size:.96rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff57,0 0 34px var(--accent-soft)}.pomodoro-focus-app .primary-control:before{content:"▶";font-size:1.08rem;letter-spacing:0}.round-control{position:relative;display:grid;width:50px;height:50px;place-items:center;border:1px solid var(--line);border-radius:999px;background:#ffffff1a;color:#fff;cursor:pointer;font-size:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pomodoro-focus-app .round-control{font-size:0}.reset-control{opacity:0;pointer-events:none;transform:scale(.88);transition:opacity .16s ease,transform .16s ease,border-color .16s ease,background .16s ease}.reset-control.is-visible{opacity:1;pointer-events:auto;transform:scale(1)}.reset-control:before{content:"↺";font-size:1.18rem}.reset-control:hover,.reset-control:focus-visible{border-color:color-mix(in srgb,var(--accent-strong) 58%,transparent);background:#ffffff24}.popout-control:before{content:"▭";font-size:1.25rem}.popout-control:after{position:absolute;bottom:-38px;left:50%;width:max-content;max-width:140px;padding:7px 10px;border-radius:8px;background:#070910eb;color:#fff;content:"Pop out timer";font-size:.78rem;font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%) translateY(-4px);transition:opacity .16s ease,transform .16s ease}.pomodoro-focus-app .primary-control:before{content:"▶";font-size:.84rem;letter-spacing:0;transform:translateY(1px)}.popout-control:before{width:17px;height:13px;border:2px solid currentColor;border-radius:4px;content:"";box-shadow:-5px -4px 0 -3px currentColor,-5px -4px 0 -1px #ffffff2e;transform:translate(3px,3px)}.popout-control:hover:after,.popout-control:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.focus-quote{max-width:540px;margin:4px 0 0;color:#ffffffd1;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,1.8vw,1.42rem);font-style:italic;font-weight:700;line-height:1.35;text-align:center;text-shadow:0 6px 26px rgba(0,0,0,.55)}.focus-app-bottom{position:absolute;bottom:24px;left:32px;display:flex;align-items:center;gap:34px}.community-card{display:grid;min-width:244px;min-height:58px;align-items:center;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon meta";gap:2px 12px;padding:10px 18px;border:1px solid var(--line);border-radius:14px;background:#07070c5c;color:#fff;text-decoration:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.community-card span{display:grid;grid-area:icon;width:36px;height:36px;place-items:center;border-radius:12px;background:var(--accent);font-size:0}.community-card span:before{content:"◎";font-size:1rem}.community-card strong{grid-area:title;font-size:.95rem;line-height:1.1}.community-card small{grid-area:meta;color:var(--muted);font-size:.66rem;font-weight:900;letter-spacing:.18em}.bottom-link{border:0;background:transparent;color:#ffffff8f;cursor:pointer;font-size:.78rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.drawer-backdrop{position:absolute;inset:0;display:none;border:0;background:#0000002e}.drawer-open .drawer-backdrop{display:block}.focus-drawer{position:absolute;top:92px;right:32px;bottom:28px;width:min(600px,calc(100vw - 64px));overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(90deg,#15171ff0,#1c1823db),#0a0a10e0;box-shadow:inset 0 1px #ffffff1a,0 38px 120px #0000005c;opacity:0;pointer-events:none;transform:translate(28px) scale(.98);transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.focus-drawer.is-open{opacity:1;pointer-events:auto;transform:translate(0) scale(1)}.pomodoro-popout-page{--accent: #9b86df;--accent-strong: #b79dff;--accent-soft: rgba(155, 134, 223, .34);display:grid;min-height:100vh;grid-template-rows:auto auto auto;place-items:center;align-content:center;gap:18px;padding:18px;overflow:hidden;background:radial-gradient(circle at 50% 38%,var(--accent-soft),transparent 10.5rem),linear-gradient(180deg,#171324,#0b0913);color:#fff}body.pomodoro-popout-shell-active{overflow:hidden;background:#0d0b16}body.pomodoro-popout-shell-active .site-header,body.pomodoro-popout-shell-active .site-footer{display:none}body.pomodoro-popout-shell-active .site-shell,body.pomodoro-popout-shell-active .page.tool-page{min-height:100vh}body.pomodoro-popout-shell-active .page.tool-page{display:block;padding:0}.pomodoro-popout-page.mode-shortBreak{--accent: #72d7c1;--accent-strong: #9befde;--accent-soft: rgba(114, 215, 193, .3)}.pomodoro-popout-page.mode-longBreak{--accent: #f0ce82;--accent-strong: #ffe0a0;--accent-soft: rgba(240, 206, 130, .28)}.pomodoro-popout-page .popout-title{margin:0;color:#ffffff9e;font-size:.66rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.pomodoro-popout-page .popout-clock{width:min(70vw,214px);border-color:#ffffffdb;border-width:8px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent-soft) 62%,transparent),transparent 68%),#ffffff09;box-shadow:0 0 28px var(--accent-soft),inset 0 0 42px #ffffff06}.pomodoro-popout-page .popout-time{transform:translateY(-14px);font-size:clamp(2.65rem,15vw,3.65rem);letter-spacing:-.02em}.pomodoro-popout-page .popout-mode{margin-top:0;min-width:70px;padding:8px 14px;transform:translateY(42px)}.pomodoro-popout-page .popout-toggle{min-width:136px;min-height:48px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 76%,#ffffff));color:#fff;cursor:pointer;font-size:.9rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff47,0 0 26px var(--accent-soft)}.popout-timer-panel{position:absolute;right:32px;bottom:78px;z-index:3;display:grid;width:min(420px,calc(100vw - 48px));gap:22px;padding:0 0 30px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at 50% 45%,var(--accent-soft),transparent 12rem),linear-gradient(180deg,#1e192ef5,#0f0d18fa);box-shadow:0 38px 110px #00000061;opacity:0;pointer-events:none;transform:translateY(16px) scale(.98);transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.popout-timer-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.popout-header{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:14px;padding:0 12px 0 16px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0f}.popout-header strong{overflow:hidden;color:#fff;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.popout-actions{display:flex;gap:4px}.popout-actions .panel-icon-button{min-width:32px;min-height:32px;border:0;background:transparent}.popout-actions .panel-icon-button:nth-child(1):before{content:"⛶";font-size:.9rem}.popout-actions .panel-icon-button:nth-child(2):before{content:"×";font-size:1.2rem}.popout-clock{display:grid;width:210px;aspect-ratio:1;justify-self:center;place-items:center;border:9px solid rgba(255,255,255,.82);border-radius:999px;box-shadow:0 0 32px var(--accent-soft)}.popout-clock strong,.popout-clock span{grid-area:1 / 1}.popout-clock strong{color:#fff;font-size:3rem;line-height:1}.popout-clock span{align-self:center;margin-top:76px;padding:7px 14px;border-radius:999px;background:#ffffff1a;color:#fff;font-weight:800}.popout-start{width:150px;min-height:52px;justify-self:center;padding:0 24px;font-size:1rem}.drawer-handle{position:absolute;top:28px;left:-20px;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:999px;background:#211d30db;color:#fff;cursor:pointer;font-size:1.4rem}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:34px 32px 20px}.drawer-heading h2,.focus-drawer h2{margin:0;color:#fff;font-size:1.5rem}.drawer-actions{display:flex;gap:10px}.panel-icon-button{min-width:46px;min-height:46px;border-radius:14px}.panel-icon-button:nth-child(1):before{content:"⌕"}.panel-icon-button:nth-child(2):before{content:"☷"}.drawer-add-form{display:grid;grid-template-columns:1fr auto;align-items:stretch;gap:12px;margin:0 32px}.drawer-add-form input{min-height:58px;border:1px dashed rgba(255,255,255,.24);border-radius:17px;background:#ffffff0a;color:#fff;padding:0 18px;font-weight:800}.drawer-add-form input::placeholder{color:#ffffff9e}.drawer-add-form .task-add-button{min-height:58px;min-width:84px;padding:0 22px;border:0;border-radius:17px;background:var(--accent);color:#fff;cursor:pointer;font-weight:900}.pomodoro-focus-app .task-list{display:grid;min-height:320px;align-content:center;gap:12px;margin:22px 32px 0}.pomodoro-focus-app .empty-state{max-width:280px;margin:auto;color:#ffffff8c;font-weight:750;text-align:center}.pomodoro-focus-app .task-item,.pomodoro-focus-app .history-item{display:grid;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0f;color:#fff}.pomodoro-focus-app .task-item{grid-template-columns:auto 1fr auto;padding:12px}.pomodoro-focus-app .task-select{border:0;background:transparent;color:#fff;cursor:pointer;text-align:left}.pomodoro-focus-app .task-select span,.pomodoro-focus-app .history-item span{color:#ffffff8f}.pomodoro-focus-app .task-remove,.pomodoro-focus-app .text-control{border:0;background:transparent;color:var(--accent-strong);cursor:pointer;font-weight:900}.pomodoro-focus-app .text-control{margin:18px 32px 0}.settings-drawer{display:grid}.settings-scroll{overflow:auto;scrollbar-color:rgba(255,255,255,.28) transparent;scrollbar-width:thin;padding:28px 32px 34px}.settings-scroll::-webkit-scrollbar{width:8px}.settings-scroll::-webkit-scrollbar-track{background:transparent}.settings-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff38}.settings-group{display:grid;gap:14px;padding:18px 0 22px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-group:last-child{border-bottom:0}.settings-group h3{margin:0 0 6px;color:#ffffff70;font-size:.72rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.settings-row{display:grid;min-height:54px;align-items:center;grid-template-columns:34px minmax(150px,1fr) auto;gap:14px;color:#fff}.settings-row strong,.settings-row>span:not(.row-icon):not(.reset-pill):not(.chevron){font-weight:900}.settings-row small{grid-column:2 / -1;color:#ffffff7a;font-size:.82rem;font-weight:700}.row-icon{display:grid;width:28px;height:28px;place-items:center;color:#ffffffc7;font-size:0}.row-icon:before{font-size:1.2rem}.row-icon{font-size:0}.row-icon:before{content:"◌"}.upload-row .row-icon:before{content:"✧";color:var(--accent-strong)}.accent-row .row-icon:before{content:"◉"}.effect-row .row-icon:before{content:"✦"}.muted-row .row-icon:before{content:"○"}.reset-row .row-icon:before{content:"↶"}.upload-row input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.segmented-control,.chip-row,.accent-choices{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.segment-button,.chip-button{min-height:38px;padding:0 16px;border:0;border-radius:10px;background:#ffffff14;color:#ffffffb8;cursor:pointer;font-weight:900}.segment-button.is-active,.chip-button.is-active{background:var(--accent);color:#fff}.accent-dot{width:30px;height:30px;border:2px solid transparent;border-radius:999px;background:var(--dot);cursor:pointer}.accent-dot.is-active{border-color:#fff;box-shadow:0 0 0 3px var(--accent-soft)}.accent-dot.accent-blue{--dot: #73a0ff}.accent-dot.accent-violet{--dot: #9b82e6}.accent-dot.accent-mint{--dot: #72d7c1}.accent-dot.accent-lime{--dot: #c8f264}.accent-dot.accent-rose{--dot: #ef7b89}.accent-dot.accent-gold{--dot: #f0ce82}.number-control{display:grid;align-items:center;justify-self:end;grid-template-columns:38px 58px 38px;gap:0;width:max-content;padding:4px;border-radius:14px;background:#ffffff14}.number-row input{width:58px;min-height:38px;border:0;background:transparent;color:#fff;padding:0 4px;font-weight:900;text-align:center}.number-step{display:grid;min-width:38px;min-height:38px;place-items:center;border:0;border-radius:9px;background:#ffffff14;color:#fff;cursor:pointer;font-weight:950}.sound-row select{width:132px;min-height:38px;border:0;border-radius:12px;background:#ffffff14;color:#fff;padding:0 12px;font-weight:900}.volume-row input{width:210px;accent-color:var(--accent)}.switch-row{grid-template-columns:34px minmax(0,1fr) auto}.switch-row input{width:46px;height:28px;accent-color:var(--accent)}.reset-row{width:100%;border:0;background:transparent;cursor:pointer;text-align:left}.reset-pill,.muted-row small{padding:7px 12px;border-radius:12px;background:#ffffff14;color:#ffffffb8;font-weight:900}.about-drawer,.challenge-drawer{padding:34px}.about-drawer p,.challenge-drawer p{color:#ffffffa8;font-weight:750;line-height:1.55}.challenge-number{color:var(--accent-strong);font-size:3.4rem}.pomodoro-focus-app .goal-bar{height:14px;overflow:hidden;border-radius:999px;background:#ffffff1a}.pomodoro-focus-app .goal-bar span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.pomodoro-focus-app .history-list{display:grid;gap:10px;margin-top:20px}.pomodoro-focus-app .history-item{align-items:start;padding:12px}.focus-effects span{left:var(--particle-left, 0);top:var(--particle-top, 0);animation-delay:var(--particle-delay, 0s)}.effect-motes .focus-effects span{box-shadow:0 0 14px color-mix(in srgb,var(--accent-strong) 42%,transparent),0 0 32px color-mix(in srgb,var(--accent-soft) 72%,transparent)}.effect-stars .focus-effects span{border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,1) 0 18%,var(--accent-strong) 42%,transparent 74%)}.effect-rain .focus-effects span{width:var(--rain-width, 1.45px);min-height:var(--rain-length, 54px);opacity:var(--rain-fade, .38);background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.88) 20%,var(--accent-strong) 54%,transparent 100%);box-shadow:0 0 10px color-mix(in srgb,var(--accent-strong) 38%,transparent),7px -44px 0 -.6px color-mix(in srgb,var(--accent-strong) 34%,transparent),-12px -88px 0 -.8px #ffffff38;animation-duration:var(--rain-speed, 1.4s)}.effect-bubbles .focus-effects span{filter:blur(.15px);opacity:calc(var(--particle-opacity, .3) + .08)}.focus-drawer{top:86px;width:min(438px,calc(100vw - 64px));border-radius:22px}.drawer-heading{padding:26px 24px 16px}.drawer-heading h2,.focus-drawer h2{font-size:1.32rem}.drawer-add-form{gap:10px;margin:0 24px}.drawer-add-form input,.drawer-add-form .task-add-button{min-height:48px;border-radius:14px}.drawer-add-form .task-add-button{min-width:70px;padding:0 18px}.pomodoro-focus-app .task-list{min-height:280px;margin:18px 24px 0}.pomodoro-focus-app .text-control{margin:14px 24px 0}.settings-scroll{padding:18px 24px 26px}.settings-group{gap:9px;padding:13px 0 16px}.settings-group h3{margin-bottom:2px}.settings-row{min-height:44px;grid-template-columns:28px minmax(112px,1fr) auto;gap:11px;border-radius:14px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.settings-row:hover,.pomodoro-focus-app .task-item:hover,.drawer-add-form input:hover{background:#ffffff0e}.settings-row:hover{transform:translate(2px)}.pomodoro-focus-app .setting-toggle{display:grid;min-height:44px;grid-template-columns:minmax(0,1fr) auto;padding:0;border:0;background:transparent;color:#fff}.pomodoro-focus-app .setting-toggle span{grid-column:1;font-weight:900}.pomodoro-focus-app .setting-toggle input[type=checkbox]{appearance:none;grid-column:2;width:42px;height:24px;margin:0;border:0;border-radius:999px;background:#ffffff24;cursor:pointer;position:relative;transition:background .16s ease,box-shadow .16s ease}.pomodoro-focus-app .setting-toggle input[type=checkbox]:before{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#ffffffeb;box-shadow:0 2px 8px #00000047;content:"";transition:transform .16s ease}.pomodoro-focus-app .setting-toggle input[type=checkbox]:checked{background:var(--accent);box-shadow:0 0 18px var(--accent-soft)}.pomodoro-focus-app .setting-toggle input[type=checkbox]:checked:before{transform:translate(18px)}.number-control{grid-template-columns:34px 48px 34px;border-radius:12px}.number-row input{width:48px;min-height:34px}.number-step{min-width:34px;min-height:34px;transition:background .16s ease,transform .16s ease}.number-step:hover,.segment-button:hover,.chip-button:hover,.panel-icon-button:hover,.drawer-add-form .task-add-button:hover,.pomodoro-focus-app .task-remove:hover,.pomodoro-focus-app .text-control:hover{background:color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.08));transform:translateY(-1px)}.accent-dot{transition:transform .16s ease,box-shadow .16s ease}.accent-dot:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 0 20px var(--accent-soft)}.segment-button,.chip-button,.panel-icon-button,.drawer-add-form .task-add-button,.pomodoro-focus-app .task-item{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.chip-row{gap:7px}.segment-button,.chip-button{min-height:34px;padding:0 13px;border-radius:10px}.accent-dot{width:27px;height:27px}.sound-row select{width:116px}.volume-row input{width:170px}.pomodoro-focus-app .focus-drawer{width:min(420px,calc(100vw - 48px))}.pomodoro-focus-app .tasks-drawer{width:min(430px,calc(100vw - 48px))}.pomodoro-focus-app .sound-drawer{width:min(430px,calc(100vw - 48px));bottom:auto;max-height:calc(100vh - 124px)}.pomodoro-focus-app .drawer-heading{min-height:58px;padding:18px 22px 12px}.pomodoro-focus-app .drawer-heading h2,.pomodoro-focus-app .focus-drawer h2{font-size:1.18rem;line-height:1.05}.pomodoro-focus-app .drawer-actions{gap:8px}.pomodoro-focus-app .panel-icon-button{min-width:42px;min-height:42px;padding:0;font-size:0}.pomodoro-focus-app .panel-icon-button:before{font-size:1.12rem;line-height:1}.pomodoro-focus-app .drawer-add-form{grid-template-columns:minmax(0,1fr) 64px;gap:10px;margin:0 22px}.task-tools{display:grid;gap:8px;margin:0 22px 10px}.task-tools input,.task-filter-choices{display:none}.tasks-drawer.show-search .task-tools input,.tasks-drawer.show-filters .task-filter-choices{display:grid}.task-tools input{min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0f;color:#fff;padding:0 13px;font-size:.86rem;font-weight:800;outline:0}.task-tools input::placeholder{color:#ffffff7a}.task-filter-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.task-filter-button{min-height:32px;border:0;border-radius:10px;background:#ffffff14;color:#ffffffad;cursor:pointer;font-size:.78rem;font-weight:900;transition:background .16s ease,color .16s ease,transform .16s ease}.task-filter-button:hover,.task-filter-button.is-active{background:color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.08));color:#fff}.pomodoro-focus-app .drawer-add-form input,.pomodoro-focus-app .drawer-add-form .task-add-button{min-height:46px;border-radius:14px;font-size:.92rem}.pomodoro-focus-app .drawer-add-form input{min-width:0;padding:0 15px}.pomodoro-focus-app .drawer-add-form .task-add-button{min-width:64px;padding:0 14px}.pomodoro-focus-app .task-list{min-height:245px;margin:16px 22px 0}.pomodoro-focus-app .empty-state{max-width:230px;font-size:.88rem;line-height:1.45}.pomodoro-focus-app .text-control{margin:12px 22px 0;font-size:.88rem}.pomodoro-focus-app .settings-scroll{padding:18px 22px 24px}.pomodoro-focus-app .settings-group{gap:8px;padding:12px 0 15px}.pomodoro-focus-app .settings-group h3{margin-bottom:3px;font-size:.64rem;letter-spacing:.16em}.pomodoro-focus-app .settings-row{min-height:42px;grid-template-columns:24px minmax(92px,1fr) minmax(0,auto);gap:10px;padding:4px 8px;border-radius:13px;font-size:.88rem;line-height:1.18;overflow:visible}.pomodoro-focus-app .settings-row strong,.pomodoro-focus-app .settings-row>span:not(.row-icon):not(.reset-pill):not(.chevron){min-width:0;font-size:.88rem;line-height:1.18;overflow-wrap:anywhere}.pomodoro-focus-app .settings-row small{grid-column:2 / -1;margin-top:-2px;font-size:.73rem;line-height:1.35}.pomodoro-focus-app .row-icon{width:22px;height:22px}.pomodoro-focus-app .row-icon:before{font-size:1rem}.pomodoro-focus-app .sound-icon:before{content:"♪"}.pomodoro-focus-app .ambient-icon:before{content:"◌"}.pomodoro-focus-app .volume-icon:before{content:"◔"}.pomodoro-focus-app .number-row:before,.pomodoro-focus-app .switch-row:before{display:grid;width:22px;height:22px;place-items:center;color:#ffffffc7;font-size:.98rem;content:"◌"}.pomodoro-focus-app .number-row[data-setting=focus]:before{content:"☼"}.pomodoro-focus-app .number-row[data-setting=shortBreak]:before,.pomodoro-focus-app .number-row[data-setting=longBreak]:before{content:"☕"}.pomodoro-focus-app .number-row[data-setting=longBreakEvery]:before,.pomodoro-focus-app .number-row[data-setting=dailyGoal]:before{content:"□"}.pomodoro-focus-app .number-row>span,.pomodoro-focus-app .number-row>strong,.pomodoro-focus-app .switch-row>span{grid-column:2}.pomodoro-focus-app .number-control{grid-column:3;grid-template-columns:31px 40px 31px;padding:3px;border-radius:12px}.pomodoro-focus-app .number-row input{width:40px;min-height:31px;font-size:.86rem}.pomodoro-focus-app .number-step{min-width:31px;min-height:31px;border-radius:9px;font-size:.86rem}.pomodoro-focus-app .setting-toggle{display:grid!important;align-items:center;grid-template-columns:24px minmax(0,1fr) auto;min-height:38px;gap:10px;padding:3px 8px}.pomodoro-focus-app .setting-toggle span{grid-column:2;grid-row:1;align-self:center;font-size:.88rem;line-height:1.18}.pomodoro-focus-app .setting-toggle input[type=checkbox]{grid-column:3;grid-row:1;align-self:center;justify-self:end;width:38px;height:22px}.pomodoro-focus-app .setting-toggle:before{grid-column:1;grid-row:1;align-self:center;justify-self:center}.pomodoro-focus-app .setting-toggle input[type=checkbox]:before{top:3px;left:3px;width:16px;height:16px}.pomodoro-focus-app .setting-toggle input[type=checkbox]:checked:before{transform:translate(16px)}.pomodoro-focus-app .segmented-control,.pomodoro-focus-app .chip-row,.pomodoro-focus-app .accent-choices{gap:7px}.pomodoro-focus-app .segment-button,.pomodoro-focus-app .chip-button{min-height:31px;padding:0 12px;border-radius:9px;font-size:.82rem}.pomodoro-focus-app .accent-dot{width:25px;height:25px}.pomodoro-focus-app .sound-row,.pomodoro-focus-app .volume-row{grid-template-columns:24px minmax(92px,1fr) minmax(128px,auto)}.ambient-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 0 8px}.ambient-card{display:grid;min-height:92px;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:3px 10px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0e;color:#fffc;cursor:pointer;padding:12px;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ambient-card:hover,.ambient-card.is-active{border-color:color-mix(in srgb,var(--accent) 52%,rgba(255,255,255,.18));background:color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.06));box-shadow:0 16px 34px #0000002e;color:#fff;transform:translateY(-1px)}.ambient-card-icon{display:grid;width:38px;height:38px;grid-row:1 / span 2;place-items:center;border-radius:13px;background:#ffffff1a;color:var(--accent-strong);font-size:1.3rem;font-weight:950}.ambient-card strong{font-size:.9rem;line-height:1.1}.ambient-card small{color:#ffffff8a;font-size:.72rem;font-weight:800;line-height:1.25}.ambient-card.is-active .ambient-card-icon{background:var(--accent);color:#fff;box-shadow:0 0 22px var(--accent-soft)}.ambient-volume-row{margin-top:4px}.custom-select{position:relative;justify-self:end;width:128px;min-width:0}.custom-select.is-open{z-index:90}.select-trigger{display:grid;width:100%;min-height:35px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-radius:12px;background:#ffffff17;color:#fff;cursor:pointer;padding:0 10px 0 13px;font:inherit;font-weight:900;text-align:left;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.select-trigger:hover,.custom-select.is-open .select-trigger{background:color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.09));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}.select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-caret{color:#ffffffbd;font-size:.92rem;line-height:1}.select-menu{position:absolute;z-index:60;top:calc(100% + 6px);right:0;display:none;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#18171f;box-shadow:0 18px 45px #00000061;padding:5px}.custom-select.is-open .select-menu{display:grid}.select-option{min-height:31px;border:0;border-radius:9px;background:transparent;color:#ffffffc7;cursor:pointer;padding:0 10px;font:inherit;font-size:.82rem;font-weight:850;text-align:left}.select-option:hover,.select-option.is-selected{background:color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.08));color:#fff}.pomodoro-focus-app .volume-row input{justify-self:end;width:148px;height:20px}.pomodoro-focus-app .reset-pill,.pomodoro-focus-app .muted-row small{padding:6px 10px;border-radius:10px;font-size:.78rem}.pomodoro-focus-app .muted-row small{grid-column:3;justify-self:end;margin-top:0}.pomodoro-focus-app .reset-row .reset-pill{grid-column:3;justify-self:end}.pomodoro-focus-app .focus-app-bottom{bottom:12px;left:26px;gap:26px;transform:scale(.88);transform-origin:left bottom}.pomodoro-focus-app .community-card{min-width:214px;min-height:48px;gap:1px 10px;padding:8px 14px;border-radius:12px}.pomodoro-focus-app .community-card span{width:30px;height:30px;border-radius:10px}.pomodoro-focus-app .community-card span:before{font-size:.88rem}.pomodoro-focus-app .community-card strong{font-size:.84rem}.pomodoro-focus-app .community-card small{font-size:.58rem;letter-spacing:.16em}.pomodoro-focus-app .bottom-link{font-size:.68rem;letter-spacing:.15em}.pomodoro-focus-app .focus-counter{min-height:44px;padding:0 15px;cursor:pointer;font:inherit;font-weight:900;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.pomodoro-focus-app .focus-icon-button{min-width:48px;min-height:48px;border-radius:14px}.pomodoro-focus-app .focus-icon-button:before{font-size:1.42rem}.pomodoro-focus-app .focus-counter:hover,.pomodoro-focus-app .focus-counter.is-active{border-color:color-mix(in srgb,var(--accent) 54%,rgba(255,255,255,.3));background:color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.1));box-shadow:0 0 28px color-mix(in srgb,var(--accent) 22%,transparent);transform:translateY(-1px)}.pomodoro-focus-app .focus-counter span:before,.streak-icon:before{content:"🔥"}.pomodoro-focus-app .focus-counter span,.streak-icon{font-size:0}.pomodoro-focus-app .focus-counter span:before{font-size:1.2rem}.streak-drawer{display:grid;align-content:start;gap:18px;padding:30px;background:linear-gradient(90deg,#15171ffa,#1a1723f0),#0a0a10f0}.streak-hero{display:grid;justify-items:center;gap:4px;padding:8px 0 14px}.streak-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:20px;background:linear-gradient(135deg,#ff834b3d,#ffffff14);box-shadow:0 16px 36px #0000003d}.streak-icon:before{font-size:2rem}.streak-count{color:#fff;font-size:2.4rem;line-height:.9;text-shadow:0 8px 28px rgba(0,0,0,.44)}.streak-hero span:last-child{color:#ffffff8f;font-size:.86rem;font-weight:800}.streak-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.1)}.streak-week span{display:grid;justify-items:center;gap:7px;color:#ffffff7a;font-size:.74rem;font-weight:900}.streak-week i{display:block;width:26px;height:26px;order:-1;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff12}.streak-week .is-done i{border-color:var(--accent);background:var(--accent);box-shadow:0 0 18px var(--accent-soft)}.streak-today{display:flex;align-items:center;justify-content:space-between;color:var(--accent-strong);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.streak-today strong{color:#fff;font-size:1.15rem;letter-spacing:0;text-transform:none}.streak-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.streak-stat{display:grid;gap:6px;min-height:78px;align-content:center;justify-items:center;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#ffffff0f}.streak-stat strong{color:#fff;font-size:1.15rem}.streak-stat span,.streak-note{color:#ffffff85;font-size:.75rem;font-weight:850;text-align:center;text-transform:uppercase}.streak-note{margin:0;line-height:1.45;text-transform:none}.challenge-drawer{padding:38px 40px}.drawer-kicker{display:block;margin-bottom:16px;color:var(--accent-strong);font-size:.68rem;font-weight:950;letter-spacing:.24em;text-transform:uppercase}.challenge-drawer h2{max-width:430px;margin-bottom:26px;font-size:clamp(1.75rem,2.5vw,2.35rem);line-height:1.12}.challenge-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.challenge-stepper{display:grid;min-height:76px;grid-template-columns:48px minmax(42px,1fr) 48px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#ffffff0d;padding:6px}.challenge-step{display:grid;min-height:56px;place-items:center;border:0;border-radius:14px;background:#ffffff14;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:950}.challenge-step:hover{background:color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.08))}.challenge-step-center{display:grid;justify-items:center}.challenge-step-value{color:#fff;font-size:1.85rem;line-height:.95}.challenge-step-center span{color:#ffffff85;font-size:.72rem;font-weight:900}.challenge-help{margin:16px 0 24px;color:#ffffff94;font-size:.94rem;font-weight:750;line-height:1.45}.accept-challenge{display:inline-flex;width:100%;min-height:64px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.44);border-radius:18px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 76%,#ffffff));color:#fff;cursor:pointer;font-size:1.02rem;font-weight:950}.accept-challenge:before{margin-right:10px;content:"🔥"}.challenge-prize{margin:16px 0 22px;color:#9cf0ad;font-size:.88rem;font-weight:900;line-height:1.4}.challenge-prize:before{margin-right:8px;content:"🎁"}.challenge-drawer .challenge-number{display:none}.challenge-drawer .goal-bar{height:10px}.challenge-drawer .history-list{max-height:150px;overflow:auto}.pomodoro-focus-app .challenge-link{position:relative;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff09}.pomodoro-focus-app .challenge-link:hover,.pomodoro-focus-app .bottom-link:hover{color:#fff;background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.04))}.pomodoro-focus-app .focus-stage{gap:clamp(30px,4vh,46px);padding-top:68px;padding-bottom:78px}.pomodoro-focus-app .mode-tabs{width:min(100%,488px);padding:5px}.pomodoro-focus-app .mode-tab{min-height:40px;gap:8px;padding:0 13px;font-size:.88rem}.pomodoro-focus-app .mode-tab strong{min-width:23px;min-height:23px;font-size:.78rem}.pomodoro-focus-app .timer-clock{width:clamp(276px,21vw,342px);border-width:8px}.pomodoro-focus-app .time-text{font-size:clamp(2.75rem,4.5vw,3.8rem);transform:translateY(-18px)}.pomodoro-focus-app .mode-text{padding:7px 15px;font-size:.88rem;transform:translateY(44px)}.pomodoro-focus-app .timer-controls{grid-template-columns:46px minmax(174px,208px) 46px;gap:10px}.pomodoro-focus-app .primary-control{min-height:48px;font-size:.92rem}.pomodoro-focus-app .round-control{width:50px;height:50px}.pomodoro-focus-app .focus-quote{max-width:500px;margin-top:0;font-size:clamp(.96rem,1.5vw,1.24rem);line-height:1.28}.pomodoro-focus-app .streak-drawer{top:92px;right:auto;bottom:auto;left:clamp(190px,16vw,280px);width:min(350px,calc(100vw - 48px));min-height:auto;border-radius:22px;opacity:0;transform:translateY(-8px) scale(.98)}.pomodoro-focus-app .streak-drawer.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.pomodoro-focus-app .streak-drawer .streak-hero{padding-top:0}.pomodoro-focus-app .streak-drawer .streak-icon{width:48px;height:48px}.pomodoro-focus-app .streak-drawer .streak-count{font-size:2.15rem}.pomodoro-focus-app .streak-drawer .streak-week{gap:8px}.pomodoro-focus-app .streak-drawer .streak-stat{min-height:70px}.pomodoro-focus-app .challenge-drawer{position:fixed;inset:50% auto auto 50%;z-index:5;width:min(590px,calc(100vw - 48px));max-height:min(80vh,620px);overflow:auto;padding:38px;border-radius:24px;opacity:0;transform:translate(-50%,-48%) scale(.96)}.pomodoro-focus-app .challenge-drawer.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.challenge-close{position:absolute;top:28px;right:30px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:999px;background:transparent;color:#ffffffa3;cursor:pointer;font-size:0}.challenge-close:before{content:"×";font-size:1.6rem;line-height:1}.challenge-close:hover{background:#ffffff14;color:#fff}@media(max-width:900px){body.pomodoro-shell-active{overflow:auto}body.pomodoro-shell-active .page.tool-page,.pomodoro-focus-app{min-height:100vh;height:auto}.focus-app-top{position:relative;top:auto;right:auto;left:auto;padding:18px}.focus-stage{min-height:auto;padding:26px 18px 140px}.pomodoro-focus-app .focus-stage{min-height:auto;padding:88px 18px 120px}.focus-app-bottom{position:relative;bottom:auto;left:auto;flex-wrap:wrap;padding:0 18px 24px}.focus-drawer{position:fixed;top:154px;right:14px;bottom:14px;width:min(520px,calc(100vw - 28px))}.popout-timer-panel{position:fixed;right:14px;bottom:14px}.pomodoro-focus-app .streak-drawer{top:96px;left:18px;width:min(350px,calc(100vw - 36px));max-height:calc(100vh - 120px);overflow:auto}.pomodoro-focus-app .challenge-drawer{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:30px}}@media(max-width:640px){.focus-app-top,.focus-tool-brand,.focus-top-controls{align-items:flex-start;flex-wrap:wrap}.focus-top-controls{justify-content:flex-start}.pomodoro-focus-app .mode-tabs{width:min(100%,calc(100vw - 36px));grid-template-columns:1fr}.focus-stage{overflow:hidden}.pomodoro-focus-app .timer-clock{width:min(78vw,300px)}.pomodoro-focus-app .timer-controls{grid-template-columns:48px minmax(168px,1fr) 48px;gap:10px}.round-control{width:48px;height:48px}.pomodoro-focus-app .primary-control{min-height:48px;padding:0 22px;font-size:.92rem}.ambient-card-grid,.settings-row,.drawer-add-form{grid-template-columns:1fr}.number-control{width:fit-content}.volume-row input{width:100%}}