:root{--heading-1:3.75rem;--heading-2:3rem;--heading-3:2.25rem;--heading-4:1.875rem;--heading-5:1.5rem --heading-6:1.25rem;--heading-1-clamp:clamp(1.875rem,4vw,3rem);--heading-2-clamp:clamp(1.5rem,4vw,2.25rem);--heading-3-clamp:clamp(1.25rem,4vw,1.875rem);--body-1-clamp:clamp(1.125rem,4vw,1.25rem);--body-2-clamp:clamp(1rem,4vw,1.25rem);--color-dark-bg:#151515;--color-dark-gray:#212121;--color-text:#fff;--color-gray-text:#ccc;--color-dark-gray-text:#AAA;--color-dark-blue:#0159df;--color-dark-blue-hover:#0146b3;--font-inter:"Inter",Arial,sans-serif;--image-box-shadow:0 3px 8px #0000003d}@font-face{font-family:Inter;src:url(/_next/static/media/Inter-Regular.a1db7239.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/_next/static/media/Inter-Italic.6dbda78c.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/_next/static/media/Inter-Medium.adc5e936.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/_next/static/media/Inter-SemiBold.3558e004.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/_next/static/media/Inter-Bold.658d907c.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{font-size:16px;font-family:var(--font-inter);overflow-x:hidden;position:relative;color:var(--color-text)}body{background-color:var(--color-dark-bg)}canvas,img,picture,svg,video{display:block;max-width:100%}img{object-fit:cover}button,input,select,textarea{font:inherit}button{width:auto;border:none;outline:none;background-color:inherit}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number],input[type=text],textarea{outline:none}fieldset{border:none}a{text-decoration:none;color:inherit}ul{list-style:none}a,button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{line-height:1.5}#__next,#root{isolation:isolate;height:100%}.flex{display:flex;align-items:center}.container,.layout{position:relative}.container{max-width:892px;margin:0 auto}.privacy,.terms{padding:120px 24px 96px}.privacy h1,.terms h1{font-size:var(--heading-1-clamp);font-weight:700;margin-bottom:24px}.privacy h2,.terms h2{font-size:var(--heading-2-clamp)}.privacy h2,.privacy h3,.terms h2,.terms h3{font-weight:700;margin-bottom:24px;margin-top:8px}.privacy h3,.terms h3{font-size:var(--heading-3-clamp)}.privacy h4,.terms h4{font-size:20px;font-weight:700;margin-bottom:24px;margin-top:8px}.privacy ul,.terms ul{list-style:disc;margin-left:32px;margin-bottom:24px}.privacy li,.terms li{padding:8px 0;line-height:1.5}.privacy p,.terms p{margin-bottom:24px;line-height:1.5}.privacy a,.terms a{font-weight:600;text-decoration:underline}.last-updated{font-size:16px;margin-bottom:24px;color:var(--color-gray-text)}.home{height:95vh;padding:0 24px;overflow-y:hidden}.home,.home .center{display:flex;flex-direction:column;align-items:center;justify-content:center}.home__title{font-size:var(--heading-1-clamp);font-weight:700;text-align:center;margin-top:16px;margin-bottom:8px}.home__description{max-width:580px;line-height:1.5;text-align:center;font-size:18px;margin-bottom:24px}.home__buttons{display:flex;gap:16px}.examples{padding-bottom:100px}.examples .example-images{display:flex;align-items:center;justify-content:center;gap:16px}@media screen and (max-width:968px){.examples .example-images{overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;justify-content:flex-start}.examples .example-images::-webkit-scrollbar{display:none}}.examples .example-images img{width:250px;transition:transform .15s ease}@media screen and (min-width:968px){.examples .example-images img:hover{transform:scale(1.05)}}.home__buttons svg{width:140px}.google-play-button{position:relative;display:inline-block}.google-play-button:before{content:"COMING SOON";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(11,10,10,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:1px;border-radius:6px;z-index:1}.google-play-button svg{opacity:.7}.download-button{background-color:var(--color-dark-blue);color:var(--color-text);padding:12px 24px;border-radius:8px;font-size:18px;font-weight:700;transition:background-color .15s ease}.download-button:hover{background-color:var(--color-dark-blue-hover)}.practicepal-logo{display:flex;flex-direction:column;align-items:center;gap:8px}.practicepal-logo img{width:80px;height:80px;border-radius:12px}.practicepal-logo__text{font-size:1rem;font-weight:600;color:var(--color-text);text-align:center}.practice-timer-example{max-width:370px;width:90%;height:200px;padding-top:8px;padding-bottom:24px;position:absolute;top:24px;left:50%;transform:translateX(-50%);border-top-left-radius:16px;border-top-right-radius:16px;background-color:var(--color-dark-gray);box-shadow:0 0 20px 0 hsla(0,0%,100%,.16);transition:transform .25s ease}.practice-timer-example .drag-handle{width:38px;height:4px;background-color:#606060;border-radius:8px;margin-bottom:16px;margin-left:auto;margin-right:auto}.practice-timer-example .timer-header{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:10px}.practice-timer-example .timer-title{font-size:1rem;font-weight:700;color:var(--color-text);text-align:center}.practice-timer-example .timer-sidebuttons{display:flex;gap:16px;position:absolute;right:16px;bottom:50%;transform:translateY(50%)}.practice-timer-example .timer-sidebuttons svg{width:24px}.practice-timer-example .timer-display{font-size:3.75rem;font-weight:700;color:var(--color-text);text-align:center}.practice-timer-example .timer-control{display:flex;justify-content:center;align-items:center}@media screen and (max-width:368px){.practice-timer-example .timer-sidebuttons{gap:8px}.practice-timer-example .timer-sidebuttons svg{width:20px}}.header{width:100%;box-sizing:border-box;background-color:var(--color-dark-bg);position:fixed;top:0;z-index:10000;color:var(--color-text);padding:16px 36px}.header__logo-text{display:none}.header__logo{font-family:Inter,Arial,sans-serif;font-weight:700;font-size:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.header__logo-img{width:40px;height:40px;border-radius:6px}.header-container{width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}@media only screen and (min-width:560px){.header__logo-text{display:block}}@media only screen and (min-width:1024px){.header{padding:24px 36px;transition:box-shadow .3s}.header.sticking{box-shadow:0 8px 20px rgba(65,65,65,.2)}.header-container{width:100%;max-width:1400px;margin:0 auto;justify-content:space-between}.header .nav,.header-container{display:flex;align-items:center}.header .nav{gap:32px}}.footer{background-color:var(--color-dark-bg);color:var(--color-gray-text);box-shadow:0 -8px 20px rgba(65,65,65,.2);padding:24px 16px 32px}.footer .design-credit{display:flex;align-items:center;justify-content:center;margin-top:16px;color:var(--color-gray-text);font-size:.875rem;text-align:center}.footer .design-credit .my-name{text-decoration:underline}.footer .footer-links{display:flex;gap:12px;width:min-content;margin:0 auto}.footer .footer-links .active{font-weight:700;color:var(--color-text)}.footer .footer-links a{transition:color .2s ease-in-out}.footer .footer-links a:hover{color:var(--color-text)}@media only screen and (min-width:768px){.footer{padding:24px 16px 32px}}