.l1{z-index:1;background:var(--screen);min-height:100svh;color:var(--ink);-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex;position:relative}.l1 button{cursor:pointer}.l1-top{min-height:40px;padding:calc(14px + env(safe-area-inset-top)) 20px 0;align-items:center;gap:8px;display:flex}.l1-back{width:40px;height:40px;color:var(--ink);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-left:-10px;display:grid}.l1-back:focus-visible{outline:3px solid var(--teal);outline-offset:0}span.l1-back{visibility:hidden}.l1-logo{width:auto;height:22px;display:block}.l1-bars{gap:5px;width:112px;display:flex}.l1-bars i{background:var(--line);border-radius:99px;flex:1;height:4px;transition:background .4s}.l1-bars i.now,.l1-bars i.done{background:var(--teal)}.l1-bars i.now{opacity:.55}.l1-signin{border:1px solid var(--line);background:var(--screen);min-height:40px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.l1-body{--l1-gap:24px;gap:var(--l1-gap);width:100%;max-width:520px;padding:22px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.l1-pill{background:var(--soft);color:var(--teal);border-radius:999px;margin:0;padding:5px 11px;font-size:12.5px;font-weight:800;display:inline-block}.l1-h1{letter-spacing:-.035em;text-wrap:balance;outline:none;margin:12px 0 0;font-size:clamp(32px,9vw,40px);font-weight:800;line-height:1.05}.l1-sub{color:var(--muted);text-wrap:pretty;margin:12px 0 0;font-size:17px;line-height:1.45}.l1-points{margin:var(--l1-gap) 0 0;gap:10px;padding:0;list-style:none;display:grid}.l1-points li{align-items:center;gap:12px;font-size:17px;font-weight:600;line-height:1.35;animation:.4s ease-out both l1-in;display:flex}.l1-ic{background:var(--soft);width:34px;height:34px;color:var(--teal);border-radius:11px;flex:none;place-items:center;display:grid}.l1-act{gap:12px;display:grid}.l1-btn{background:var(--ink);color:#fff;letter-spacing:-.01em;border:0;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:58px;padding:0 64px;font-size:17.5px;font-weight:800;transition:transform .15s;display:flex;position:relative;box-shadow:0 12px 26px -14px #10282a99}.l1-btn:active{transform:scale(.98)}.l1-btn:disabled{opacity:.3;cursor:default}.l1-btn:focus-visible,.l1-link:focus-visible,.l1-signin:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.l1-btn-ic{background:#ffffff24;border-radius:12px;place-items:center;width:40px;height:40px;margin-top:-20px;display:grid;position:absolute;top:50%;right:9px}.l1-link{min-height:44px;color:var(--teal);background:0 0;border:0;justify-self:center;align-items:center;gap:6px;padding:10px;font-size:15px;font-weight:700;display:inline-flex}.l1-small{color:var(--muted);text-align:center;margin:0;font-size:13px}.l1-privacy{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:5px;margin:0;font-size:13px;font-weight:600;display:flex}.l1-privacy svg{color:var(--teal);flex:none}.l1-pic{--l1-pich:clamp(230px, 31svh, 300px);width:calc(var(--l1-pich) * 360 / 440);border:1px solid var(--line);background:var(--screen);border-radius:26px;align-self:center;overflow:hidden;box-shadow:0 1px 2px #10282a0a,0 12px 28px -18px #10282a40}.l1-legal{padding:32px 20px calc(18px + env(safe-area-inset-bottom));text-align:center;margin-top:auto}.l1-legal .footnote{color:var(--muted);margin:0;font-size:12.5px}.l1-legal a{color:inherit}@keyframes l1-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes l1-fade{0%{opacity:0}to{opacity:1}}@keyframes l1-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@keyframes l1-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@media (width>=900px){.l1-top{width:100%;max-width:940px;margin:0 auto;padding:32px 40px 0}.l1-body{--l1-gap:32px;align-content:center;column-gap:64px;row-gap:var(--l1-gap);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;max-width:940px;padding:24px 40px 32px;display:grid}.l1-words{grid-area:1/1;align-self:end}.l1-act{grid-area:2/1;align-self:start;justify-items:start}.l1-btn{width:280px}.l1-privacy{justify-content:flex-start}.l1-h1{font-size:clamp(44px,4.4vw,56px)}.l1-points li{font-size:18px}.l1-pic{--l1-pich:min(500px, 60vh);grid-area:1/2/3;align-self:center}.l1-small{text-align:left}.l1-link{justify-self:start;padding-left:0}.l1-legal{width:100%;max-width:940px;margin:auto auto 0;padding:28px 40px}}.quiz-input{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);outline:none;margin-top:22px;padding:16px 18px;font-size:20px;font-weight:700}.quiz-input:focus{border-color:var(--teal)}.qz-bars{gap:4px;width:172px}.qz-q .l1-body,.qz-build .l1-body{--l1-gap:22px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.qz .l1-h1{letter-spacing:-.03em;font-size:30px;line-height:1.12}.qz .l1-sub{margin-top:10px;font-size:16px}.qz-opts~.l1-btn,.qz-pieces~.l1-btn{margin-top:12px}.qz-react{background:var(--soft);width:fit-content;color:var(--teal);border-radius:14px;align-items:center;gap:6px;margin:0 0 12px;padding:6px 12px;font-size:13.5px;font-weight:800;line-height:1.3;animation:.4s ease-out .1s both l1-in;display:flex}.qz-react svg{flex:none}.qz-opts{gap:10px;width:100%;display:grid}.qz-opt{border:1px solid var(--line);background:var(--screen);min-height:54px;color:var(--ink);font:inherit;text-align:left;border-radius:18px;align-items:center;gap:12px;padding:7px 14px 7px 12px;transition:border-color .2s,box-shadow .2s,transform .15s;animation:.4s ease-out both l1-in;display:flex;position:relative;box-shadow:0 1px 2px #10282a0a,0 12px 28px -18px #10282a40}.qz-opt:active{transform:scale(.98)}.qz-opt:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.qz-opt .l1-ic{transition:background .2s,color .2s}.qz-opt-t{flex:1;gap:2px;min-width:0;display:grid}.qz-opt-t b{font-size:16.5px;font-weight:700;line-height:1.3}.qz-opt-t small{color:var(--muted);font-size:13.5px;line-height:1.35}.qz-key{display:none}.qz-tick{background:var(--teal);color:#fff;opacity:0;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;transition:opacity .2s,transform .3s cubic-bezier(.34,1.6,.5,1);display:grid;transform:scale(.5)}.qz-opt[aria-pressed=true]{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal), 0 12px 28px -18px #088b9480}.qz-opt[aria-pressed=true] .l1-ic{background:var(--teal);color:#fff}.qz-opt[aria-pressed=true] .qz-tick{opacity:1;transform:none}.qz-form{gap:12px;width:100%;display:grid}.quiz-input.qz-input{border:1.5px solid var(--line);background:var(--screen);min-height:58px;color:var(--ink);font:600 17px var(--font);border-radius:16px;margin:0;padding:0 16px;transition:border-color .2s,box-shadow .2s}.qz-input::placeholder{color:#9aabaa;font-weight:500}.quiz-input.qz-input:focus{border-color:var(--teal);box-shadow:0 0 0 4px var(--soft)}.quiz-input.qz-input[aria-invalid=true]{border-color:var(--low)}.l1-pic.qz-pic{--pich:clamp(150px, 21svh, 210px);width:100%;max-width:460px;height:var(--pich);position:relative}.l1-pic.qz-pic>img{object-fit:contain;width:calc(100% - 16px);height:calc(100% - 16px);animation:.4s both l1-fade;position:absolute;inset:8px}.l1-pic.gu-stage.qz-line{--pich:clamp(150px, 21svh, 210px);width:100%;max-width:460px;height:var(--pich)}.qz-clock{z-index:2;filter:drop-shadow(0 4px 8px #10282a1f);width:48px;height:48px;animation:.45s cubic-bezier(.34,1.5,.55,1) .3s both l1-pop;position:absolute;top:10px;right:10px;overflow:visible}.qz-clock-face{fill:#fff;stroke:var(--line);stroke-width:1.5px}.qz-clock-dot{fill:#a9bdba}.qz-clock-min,.qz-clock-hour{stroke-linecap:round;transform-box:view-box;transform-origin:24px 24px}.qz-clock-min{stroke:var(--ink);stroke-width:2px;opacity:.35}.qz-clock-hour{stroke:var(--teal);stroke-width:3.4px;transition:transform .9s cubic-bezier(.34,1.5,.55,1)}.qz-clock-pin{fill:var(--teal)}.qz-clock.idle .qz-clock-min{animation:4s linear infinite qz-sweep}@keyframes qz-sweep{to{transform:rotate(360deg)}}.qz-goals{z-index:3;max-width:calc(50% - var(--fh) * .1 - 12px);justify-items:start;gap:6px;display:grid;position:absolute;top:12px;left:12px}.qz-goals.right{max-width:calc(50% - var(--fh) * .17 - 12px);justify-items:end;left:auto;right:12px}.qz-goals svg{flex:none}.qz-goals span{background:var(--teal);color:#fff;border-radius:14px;align-items:center;gap:5px;padding:5px 10px;font-size:12.5px;font-weight:800;line-height:1.25;animation:.4s cubic-bezier(.34,1.6,.5,1) both gh-pop;display:inline-flex}.qz-namechip{animation:.4s cubic-bezier(.34,1.6,.5,1) both gh-pop}.qz-pair{animation:.4s both l1-fade;position:absolute;inset:8px}.qz-pair img{object-fit:contain;width:calc(50% - 3px);height:100%;position:absolute;top:0;bottom:0}.qz-pair img:first-child{left:0}.qz-pair img+img{right:0}.l1-pic.qz-morning{background:linear-gradient(#fff 35%,#fff3ea)}.qz-morning>img{z-index:1}.qz-sun{z-index:0;aspect-ratio:1;background:radial-gradient(closest-side,#ffd08a,#ffe4b0 62%,#ffe4b000);border-radius:50%;width:17%;max-width:80px;animation:2.4s cubic-bezier(.2,.8,.3,1) .2s both qz-rise;position:absolute;top:4%;right:20%}@keyframes qz-rise{0%{opacity:0;transform:translateY(55%)}to{opacity:1;transform:none}}.qz-opt.pic{min-height:92px;padding:8px 14px 8px 8px}.qz-sleep-pic{aspect-ratio:2.2;background:var(--soft-track);border-radius:12px;flex:none;width:46%;max-width:176px;overflow:hidden}.qz-sleep-pic img{object-fit:cover;object-position:50% 54%;width:100%;height:100%;display:block}.qz-minutes .qz-opts{grid-auto-rows:1fr;gap:12px}.qz-minutes .qz-opt{gap:14px;padding:12px 16px 12px 14px}.qz-minutes .qz-opt-t{gap:3px}.qz-minutes .qz-opt .l1-ic{border-radius:13px;width:40px;height:40px}.mi{display:block;overflow:visible}.qz-opt[aria-pressed=true] .mi-brush g{animation:.45s ease-in-out infinite alternate mi-brush}.mi-steam{opacity:.7}.qz-opt[aria-pressed=true] .mi-steam{animation:1.6s ease-out infinite mi-steam}.qz-opt[aria-pressed=true] .mi-foot.a{animation:1.2s ease-in-out infinite mi-step}.qz-opt[aria-pressed=true] .mi-foot.b{animation:1.2s ease-in-out .6s infinite mi-step}@keyframes mi-brush{0%{transform:translate(-1.6px)}to{transform:translate(1.6px)}}@keyframes mi-steam{0%{opacity:0;transform:translateY(2px)}40%{opacity:1}to{opacity:0;transform:translateY(-3px)}}@keyframes mi-step{0%,to{opacity:1}50%{opacity:.25}}.qz-day{border:1px solid var(--line);background:var(--screen);border-radius:26px;gap:14px;padding:20px 18px;animation:.45s ease-out .1s both l1-in;display:grid;box-shadow:0 1px 2px #10282a0a,0 12px 28px -18px #10282a40}.qz-day-total{color:var(--muted);margin:0;font-size:18px;font-weight:800}.qz-day-total b{color:var(--ink);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:56px;line-height:1}.qz-day-under{color:var(--muted);margin:-10px 0 4px;font-size:15px}.qz-day-row{grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;display:grid}.qz-day-t{color:var(--muted);justify-content:space-between;gap:8px;font-size:14.5px;display:flex}.qz-day-t b{color:var(--ink);font-size:15.5px}.qz-bar{background:var(--soft-track);border-radius:99px;grid-column:2;height:8px;overflow:hidden}.qz-bar i{border-radius:inherit;background:var(--teal);transform-origin:0;height:100%;transition:transform 1.2s cubic-bezier(.2,.8,.3,1);display:block}.qz-day-row+.qz-day-row .qz-bar i{transition-delay:.25s}.qz-heads{display:grid}.qz-heads>.l1-h1{grid-area:1/1;margin:0;transition:opacity .4s,transform .4s}.qz-heads>.l1-h1+.l1-h1{opacity:0;transform:translateY(8px)}.qz-heads.done>.l1-h1:first-child{opacity:0;transform:translateY(-8px)}.qz-heads.done>.l1-h1+.l1-h1{opacity:1;transform:none}.qz-pieces{gap:8px;margin:0;padding:0;list-style:none;display:grid}.qz-pieces li{border:1px solid var(--line);background:var(--screen);opacity:0;transform-origin:50% 0;border-radius:16px;align-items:center;gap:12px;padding:8px 12px 8px 8px;transition:opacity .35s,transform .5s cubic-bezier(.34,1.4,.55,1),border-color .3s;display:flex;transform:perspective(500px)rotateX(-80deg)}.qz-pieces li.in{opacity:1;transform:none}.qz-pieces li.ok{border-color:#088b9459}.qz-pieces li.ok .qz-tick{opacity:1;transform:none}.qz-piece-t{min-width:0;color:var(--muted);flex:1;font-size:15px;line-height:1.35}.qz-piece-t b{color:var(--ink);font-weight:800}@media (width<=899px){.qz-build .l1-body{--l1-gap:14px;padding-top:18px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.qz-build .l1-pic.gu-stage.qz-line{--pich:clamp(170px, calc(100svh - 440px), 420px)}.qz-build.is-done .l1-pic.gu-stage.qz-line{--pich:clamp(120px, calc(100svh - 516px), 420px)}.qz-pieces{gap:6px}.qz-pieces li{border-radius:14px;gap:10px;padding:6px 10px 6px 6px}.qz-pieces .l1-ic{border-radius:10px;width:30px;height:30px}.qz-piece-t{font-size:14px;line-height:1.3}.qz-pieces .qz-tick{width:22px;height:22px}}.qz-chips{z-index:3;pointer-events:none;position:absolute;inset:0}.qz-chips>span{max-width:44%;transition:transform .5s cubic-bezier(.5,0,.7,.4),opacity .45s;position:absolute}.qz-chips>span.gone{opacity:0;transform:translateY(46px)scale(.6)}.qz-chips b{border:1px solid var(--line);background:var(--screen);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:800;animation:.4s cubic-bezier(.34,1.6,.5,1) both gh-pop;display:block;overflow:hidden;box-shadow:0 6px 14px -8px #10282a59}.qz-chips .c0{top:9%;left:10px}.qz-chips .c1{top:22%;right:10px}.qz-chips .c2{top:39%;left:10px}.qz-chips .c3{top:53%;right:10px}.qz-chips .c4{top:68%;left:10px}.qz-confetti{z-index:4;pointer-events:none;width:0;height:0;position:absolute;top:42%;left:50%}.qz-confetti i{background:var(--c);opacity:0;border-radius:2px;width:8px;height:6px;animation:1.2s cubic-bezier(.2,.8,.3,1) both qz-confetti;position:absolute;top:-3px;left:-4px}@keyframes qz-confetti{0%{opacity:0;transform:rotate(var(--a)) translateY(0) rotate(0)}15%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) rotate(var(--r))}}@media (width>=900px){.qz-q .l1-body,.qz-build .l1-body{--l1-gap:28px}.qz .l1-h1{font-size:40px}.qz .l1-act{justify-items:stretch;width:100%;max-width:440px}.qz-opts~.l1-btn,.qz-pieces~.l1-btn,.qz-form .l1-btn{width:100%}.l1-pic.qz-pic,.l1-pic.gu-stage.qz-line{--pich:min(340px, 48vh);width:440px;height:var(--pich)}.qz-key{width:14px;box-shadow:none;color:var(--muted);font:700 12px var(--font);opacity:.6;background:0 0;border:0;flex:none;order:-1;padding:0;display:block}.qz-clock{width:56px;height:56px;top:14px;right:14px}.qz-goals span{padding:6px 12px;font-size:13.5px}.qz-side .l1-words{grid-row:1/3;align-self:center}.qz-side .l1-act{grid-area:1/2/3;align-self:center;width:420px;max-width:none}.qz-day{grid-area:1/2/3;align-self:center;width:420px;padding:28px 26px}}
