:root{--mist:#ECEAF4;--peach:#F4D9C4;--lilac:#DAD3F0;--ink:#1C1B29;--slate:#4A4760;--green:#15C516;--pale:#FFFDF8;}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{min-height:100dvh;font-family:"Martian Mono",ui-monospace,Menlo,Consolas,monospace;font-weight:400;color:var(--ink);background-color:var(--mist);background-image: radial-gradient(60% 45% at 12% 8%,rgba(244,217,196,.95),rgba(244,217,196,0) 70%),radial-gradient(55% 50% at 92% 30%,rgba(218,211,240,.9),rgba(218,211,240,0) 70%),radial-gradient(70% 45% at 40% 100%,rgba(244,217,196,.7),rgba(244,217,196,0) 70%);background-attachment:fixed;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;-webkit-font-smoothing:antialiased;}main{flex:1;width:100%;max-width:760px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));gap:clamp(10px,2.2vh,20px);}.logo{width:clamp(60px,11vh,120px);height:auto;aspect-ratio:1/1;border-radius:22%;box-shadow:0 10px 24px -14px rgba(28,27,41,.45);}.file{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;}.word{font-weight:800;font-size:clamp(2.6rem,min(13vw,10vh),6.2rem);line-height:.98;letter-spacing:-.04em;color:var(--ink);user-select:none;white-space:nowrap;}.word .row{display:block}.word .row + .row{text-align:right;padding-left:2.2em}.word span.c{display:inline-block;min-width:.6em;transition:opacity .18s ease}.word span.c.loose{opacity:.32}.meter{width:min(100%,420px);margin-top:clamp(10px,1.8vh,16px);}.readout{display:flex;justify-content:space-between;gap:12px;font-size:clamp(.66rem,.6rem + .2vw,.76rem);color:var(--slate);margin-bottom:6px;}.readout strong{font-weight:600;color:var(--ink)}.track{position:relative;height:44px;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:22px;outline:none;}.track::before{content:"";position:absolute;left:0;right:0;top:50%;height:8px;margin-top:-4px;border-radius:4px;background:rgba(28,27,41,.12);}.fill{position:absolute;left:0;top:50%;height:8px;margin-top:-4px;width:100%;border-radius:4px;background:var(--green);transform-origin:left center;transform:scaleX(0);}.thumb{position:absolute;top:50%;left:0;width:30px;height:30px;margin:-15px 0 0 0;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px var(--pale),0 6px 14px -6px rgba(28,27,41,.6);}.track:focus-visible .thumb{box-shadow:0 0 0 4px var(--pale),0 0 0 7px var(--ink)}.ends{display:flex;justify-content:space-between;font-size:clamp(.62rem,.58rem + .15vw,.7rem);color:var(--slate);margin-top:2px;}h1{font-weight:800;font-size:clamp(1.22rem,.95rem + 1.5vw,2.1rem);line-height:1.22;letter-spacing:-.025em;max-width:26ch;text-wrap:balance;}.sub{font-size:clamp(.8rem,.74rem + .3vw,.95rem);line-height:1.6;color:var(--slate);max-width:46ch;}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:16px;background:var(--green);color:var(--ink);font-family:inherit;font-weight:800;font-size:clamp(.92rem,.85rem + .3vw,1.05rem);text-decoration:none;letter-spacing:-.01em;box-shadow:0 12px 26px -14px rgba(21,120,22,.75);transition:transform .18s ease;-webkit-tap-highlight-color:transparent;}.cta svg{width:18px;height:18px;flex:none}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.cta:active{transform:scale(.98)}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-2px)}}.worry{font-size:clamp(.7rem,.66rem + .2vw,.8rem);line-height:1.55;color:var(--slate);max-width:44ch;}footer{width:100%;text-align:center;font-size:.72rem;color:var(--slate);padding:10px 16px max(12px,env(safe-area-inset-bottom));}@media (max-height:700px){.logo{width:52px}.word{font-size:clamp(2.2rem,min(12vw,9vh),5rem)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}}html,body{max-width:100%;overflow-x:clip}