@layer page{body{--showcase-bg: #F4F5F9;--showcase-link-color: #FFFFFF;background-color:var(--showcase-bg);color:#1f2430;font-family:-apple-system,helvetica-neue,helvetica,arial,sans-serif;font-size:clamp(0.8125rem,0.7556818182rem + 0.2424242424vw,0.9375rem);transition:background-color .35s linear}img{display:block;max-width:100%;height:auto}.showcase{overflow:clip;background:rgba(0,0,0,0)}.site-fixed__logo-image{opacity:0;transition:opacity .45s ease}.site-fixed__logo-image--active{opacity:1}.download-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:254px;min-height:58px;padding:13px 28px;border:0;border-radius:999px;background:linear-gradient(180deg, #12A8FF 0%, #0788E8 100%);color:#fff;text-align:center;text-decoration:none;box-shadow:0 14px 28px rgba(0,129,224,.22),inset 0 1px 0 hsla(0,0%,100%,.25);transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}@media(min-width: 768px){.download-button{padding:15px 36px}.download-button:hover{opacity:1;transform:translateY(-2px);box-shadow:0 18px 36px rgba(0,129,224,.28),inset 0 1px 0 hsla(0,0%,100%,.25)}.download-button:active{transform:translateY(0)}}.download-button--center{margin-inline:auto}.download-button__label{font-size:clamp(1.125rem,0.9545454545rem + 0.7272727273vw,1.5rem);font-weight:700;line-height:1.2;white-space:nowrap}.download-button__note{margin-top:.5em;font-size:clamp(0.875rem,0.8181818182rem + 0.2424242424vw,1rem);font-weight:500;line-height:1;white-space:nowrap;opacity:.7}.hero-section{min-height:100dvh;padding:0;overflow:hidden;background:linear-gradient(135deg, #F4F5F9 0%, #DEE0E9 100%)}@media(min-width: 1024px){.hero-section{min-height:100vh;padding:0 0 0 9vw;overflow-x:clip;overflow-y:visible}}.hero-section__inner{position:relative;display:grid;grid-template-rows:none;align-items:center;min-height:100dvh;gap:0}@media(min-width: 1024px){.hero-section__inner{grid-template-columns:minmax(350px, 41vw) 1fr;min-height:100vh;gap:5vw}}.hero-section__content{position:absolute;top:clamp(100px,12svh,180px);left:50%;transform:translateX(-50%);z-index:2;display:grid;justify-items:center;width:min(100% - 40px,560px);max-width:clamp(16.25rem,5.4545454545rem + 46.0606060606vw,40rem);margin-inline:auto;text-align:center}@media(min-width: 1024px){.hero-section__content{position:relative;top:auto;left:auto;transform:none;display:block;width:auto;max-width:unset;margin-inline:0 auto;text-align:left}}.hero-section__logo{margin-inline:auto;margin-bottom:18px}.hero-section__logo--mobile{width:clamp(6rem,4.75rem + 5.3333333333vw,8.75rem)}@media(min-width: 1024px){.hero-section__logo--mobile{display:none}}.hero-section__logo--desktop{display:none;width:220px}@media(min-width: 1024px){.hero-section__logo--desktop{display:block;width:312px;margin-inline:0 auto;margin-bottom:28px}}.hero-section__text{margin:0;color:#222838;font-size:clamp(0.875rem,0.7897727273rem + 0.3636363636vw,1.0625rem);font-weight:600;line-height:1.64}@media(min-width: 1024px){.hero-section__text{margin-bottom:40px;line-height:1.85}}.hero-section__download--desktop{display:none}@media(min-width: 1024px){.hero-section__download--desktop{display:inline-flex}}.hero-section__download--mobile{position:absolute;left:50%;bottom:clamp(2.5rem,1.3636363636rem + 4.8484848485vw,5rem);z-index:2;transform:translateX(-50%)}@media(min-width: 1024px){.hero-section__download--mobile{display:none}}.hero-section__screens{position:relative;display:none;grid-template-columns:minmax(0, 210px);justify-content:center;height:52vh;min-height:460px;overflow:visible clip;margin-inline:-74px;padding-inline:50px}@media(min-width: 1024px){.hero-section__screens{display:grid;grid-template-columns:repeat(2, minmax(180px, 16vw));justify-content:space-between;align-self:stretch;height:100vh;min-height:720px;margin-inline:-88px 0;padding-inline:88px;gap:30px}}@media(min-width: 2400px){.hero-section__screens{grid-template-columns:repeat(3, minmax(220px, 13vw));gap:38px}}.hero-section__screen-column{display:flex;flex-direction:column;gap:34px;animation:none;overflow:visible;will-change:transform}@media(min-width: 1024px){.hero-section__screen-column{align-items:center;gap:44px}}.hero-section__screen-column--down{animation:none}.hero-section__screen-column--down{display:none}@media(min-width: 1024px){.hero-section__screen-column--down{display:flex}}.hero-section__screen-column--wide{display:none}@media(min-width: 2400px){.hero-section__screen-column--wide{display:flex}}.hero-section__screen{box-sizing:border-box;width:calc(100% + 72px);margin-inline:-36px;padding-inline:36px}@media(min-width: 1024px){.hero-section__screen{width:calc(100% + 112px);margin-inline:-5px;padding-inline:5px}}.hero-section__screens-mobile{position:absolute;top:clamp(18.75rem,0.5811138015rem + 43.583535109vh,30rem);left:0;z-index:1;width:100%;overflow:visible;padding-block:6px 10px;padding-inline:58px;margin-inline:-58px}@media(min-width: 1024px){.hero-section__screens-mobile{display:none}}.hero-section__screen-row{display:flex;align-items:center;gap:10px;width:max-content;overflow:visible;will-change:transform}.hero-section__screen-mobile{box-sizing:border-box;width:auto;max-width:none;height:35vh;padding-inline:8px}.features{position:relative;background:rgba(0,0,0,0)}.feature-panel{display:grid;min-height:100svh;padding:120px 24px;place-items:center}@media(min-width: 768px){.feature-panel{padding-block:150px}}@media(min-width: 1024px){.feature-panel{min-height:100vh;padding:180px 7vw}}.feature-panel[data-section-theme=multi]{background-color:#b4e0d6}.feature-panel__inner{display:grid;align-items:center;width:min(100%,1180px);gap:42px}@media(min-width: 1024px){.feature-panel__inner{grid-template-columns:minmax(280px, 0.9fr) minmax(420px, 1.1fr);gap:72px}}@media(min-width: 1024px){.feature-panel--reverse .feature-panel__inner{grid-template-columns:minmax(420px, 1.1fr) minmax(280px, 0.9fr)}}@media(min-width: 1024px){.feature-panel--reverse .feature-panel__body{order:2}}@media(min-width: 1024px){.feature-panel--reverse .feature-panel__visual{order:1}}.feature-panel--center .feature-panel__inner{max-width:980px}@media(min-width: 1024px){.feature-panel--center .feature-panel__inner{grid-template-columns:1fr;gap:46px}}.feature-panel__body{max-width:390px;opacity:0;transition:opacity .72s ease}@media(max-width: 767px){.feature-panel__body{margin-inline:auto;text-align:center}}.feature-panel__body--visible{opacity:1}.feature-panel__body--center{max-width:610px;margin-inline:auto;text-align:center}.feature-panel__title{margin:0 0 1em;color:#1f2430;font-size:clamp(1.375rem,1.0909090909rem + 1.2121212121vw,2rem);font-weight:800;line-height:1.2}.feature-panel__text{margin:0;color:#1f2430;font-size:clamp(1rem,0.9431818182rem + 0.2424242424vw,1.125rem);font-weight:500;line-height:1.85;opacity:.7}.feature-panel[data-section-theme=custom] .feature-panel__title,.feature-panel[data-section-theme=custom] .feature-panel__text,.feature-panel[data-section-theme=quick] .feature-panel__title,.feature-panel[data-section-theme=quick] .feature-panel__text,.feature-panel[data-section-theme=pomodoro] .feature-panel__title,.feature-panel[data-section-theme=pomodoro] .feature-panel__text,.feature-panel[data-section-theme=detail] .feature-panel__title,.feature-panel[data-section-theme=detail] .feature-panel__text{color:#f7f4ef}.feature-panel__visual{display:flex;justify-content:center;align-items:center;will-change:transform}.feature-panel__visual--pair{gap:clamp(16px,4vw,34px)}.feature-panel__visual--wide{width:min(100%,760px);height:330px;margin-inline:auto;overflow:hidden;border-radius:10px;background:rgba(242,248,241,.78)}@media(min-width: 768px){.feature-panel__visual--wide{height:430px}}.feature-panel__image{width:min(40vw,218px);opacity:0;filter:drop-shadow(0 24px 28px rgba(0, 0, 0, 0.22));transition:opacity .8s ease .18s;will-change:transform}@media(min-width: 768px){.feature-panel__image{width:min(30vw,238px)}}@media(min-width: 1024px){.feature-panel__image{width:min(16vw,246px)}}.feature-panel__image--visible{opacity:1}.feature-panel__image--solo{width:min(62vw,270px)}@media(min-width: 1024px){.feature-panel__image--solo{width:min(18vw,286px)}}.feature-panel__image--offset{margin-top:42px}@media(min-width: 768px){.feature-panel__image--offset{margin-top:76px}}.feature-panel__image--cropped{width:min(84vw,520px);margin-top:-94%;filter:drop-shadow(0 22px 24px rgba(0, 0, 0, 0.18))}@media(min-width: 768px){.feature-panel__image--cropped{width:min(66vw,570px);margin-top:-96%}}.upgrade{min-height:100svh;padding:110px 24px 96px;background:rgba(0,0,0,0);color:#e6e2d8}@media(min-width: 1024px){.upgrade{min-height:100vh;padding:150px 7vw 120px}}.upgrade__inner{width:min(100%,980px);margin-inline:auto}.upgrade__title{margin:0 0 24px;color:#e05150;font-size:clamp(2.125rem,1.4431818182rem + 2.9090909091vw,3.625rem);font-weight:900;line-height:1.2}.upgrade__lead{margin:0 0 50px;color:hsla(0,0%,100%,.72);font-size:clamp(0.875rem,0.8181818182rem + 0.2424242424vw,1rem);font-weight:600;line-height:1.85}.upgrade__title,.upgrade__lead,.upgrade__item{opacity:0;transition:opacity .78s ease}.upgrade__title{transition-delay:.04s}.upgrade__lead{transition-delay:.16s}.upgrade__item{transition-delay:.24s}.upgrade__item:nth-child(2){transition-delay:.3s}.upgrade__item:nth-child(3){transition-delay:.36s}.upgrade__item:nth-child(4){transition-delay:.42s}.upgrade__item:nth-child(5){transition-delay:.48s}.upgrade__item:nth-child(6){transition-delay:.54s}.upgrade__item:nth-child(7){transition-delay:.6s}.upgrade__title--visible,.upgrade__lead--visible,.upgrade__item--visible{opacity:1}.upgrade__list{display:grid;margin:0;padding:0;list-style:none;gap:26px 44px}@media(min-width: 768px){.upgrade__list{grid-template-columns:repeat(2, minmax(0, 1fr))}}.upgrade__item{display:grid;grid-template-columns:34px 1fr;align-items:start;gap:14px;margin:0}.upgrade__icon{width:32px;height:32px;opacity:.5;filter:brightness(0) invert(1)}.upgrade__item-title{margin:0 0 .5em;color:#fff;font-size:clamp(1rem,0.8863636364rem + 0.4848484848vw,1.25rem);font-weight:600;line-height:1.2}.upgrade__text{margin:0;color:hsla(0,0%,100%,.58);font-size:clamp(0.875rem,0.8181818182rem + 0.2424242424vw,1rem);font-weight:500;line-height:1.64}.upgrade__text span{display:block;margin-top:.25em;color:#746d69;font-size:.8em}.upgrade__button{display:flex;justify-content:center;margin-top:58px}.sns-link{display:flex;justify-content:center;gap:40px;margin-block:0 80px}@media(min-width: 768px){.sns-link{margin-bottom:120px}}.sns-link__item{margin:0}.sns-link__item a{display:block;border:none}.sns-link__logo{width:32px;height:32px;opacity:.5;filter:brightness(0) invert(1)}.site-fixed__link{color:var(--showcase-link-color);transition:color .45s ease,opacity .2s ease}@media(prefers-color-scheme: dark){.site-fixed__link{color:var(--showcase-link-color)}}.site-fixed__link--appstore{background:var(--showcase-link-color);color:var(--showcase-bg);transition:background-color .45s ease,color .45s ease,opacity .2s ease,transform .2s ease}@media(prefers-color-scheme: dark){.site-fixed__link--appstore{background:var(--showcase-link-color);color:var(--showcase-bg)}}@media(prefers-reduced-motion: reduce){body{transition:none}.site-fixed__logo-image,.site-fixed__link,.download-button,.hero-section__screen-column{animation:none;transition:none}}}
