:root{--paper:#fcf1d9;--ink:#45283b;--accent:#97420f;--muted:#785767;--line:#45283b35;--radius:24px;--weight:750;--body:ui-rounded,"Arial Rounded MT Bold",Friends Inter,Arial,sans-serif;--orange:#ef9048;--lilac:#e5cee1;--error:#9d1e40}.pebble .brand{font-size:29px;letter-spacing:-.045em}.pebble-hero{text-align:center;position:relative;padding-top:65px;min-height:875px}.pebble-head{position:relative;z-index:2}.pebble-head h1{font-size:clamp(55px,6.5vw,100px);letter-spacing:-.045em}.pebble-head>p{margin:25px auto 0;font-size:19px}.pebble-head .actions{justify-content:center}.pebble-hero>.scene{width:690px;max-width:88%;margin:-25px auto 0}.pebble-aside{position:absolute;bottom:80px;right:30px;font-size:19px;transform:rotate(8deg);padding:20px;border-radius:40% 50% 30% 40%;background:var(--lilac)}.task-section{max-width:850px}.task-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:38px}.task-heading h2{font-size:50px}.task-entry{display:flex;gap:14px;margin-top:10px}.task-entry input{border-radius:18px;background:#fff9ec;min-width:0}.task-entry button{flex:none}.empty-task{padding:36px 25px;background:#f2e3c6;border-radius:18px;color:var(--muted)}.task-list{list-style:none!important;padding:0!important}.task-list li{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.task-list li+li{margin-top:0}.task-list label{display:flex;align-items:center;gap:15px;min-width:0}.task-list span{overflow-wrap:anywhere}.task-list input{width:25px;height:25px;min-height:25px;accent-color:var(--ink);flex:none}.task-list .done{text-decoration:line-through;color:var(--muted)}.task-list button{border:0;border-bottom:1px solid var(--line);background:none;min-height:44px;font-size:13px}.privacy-note{font-size:13px;color:var(--muted)}.small-large{display:flex;align-items:center;justify-content:center;gap:18px;min-height:390px;background:var(--lilac);border-radius:50% 45% 48% 42%;text-align:center}.small-large span{font-size:42px;font-weight:750;line-height:1.05}.small-large b{font-size:24px;line-height:1.2;background:var(--paper);border-radius:50%;padding:35px 20px;transform:rotate(8deg)}.small-large i{font-size:40px;font-style:normal;transform:rotate(-90deg)}.pebble-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:35px;align-items:start;margin-top:45px}.pebble-two article{padding:42px;background:#f4d09a;border-radius:30px}.pebble-two article:last-child{background:var(--lilac);margin-top:55px;border-radius:30px 30px 70px 30px}.pebble-two h3{font-size:40px}.pebble-space{display:flex;align-items:center;justify-content:space-around;gap:40px}.stone-stack{width:340px;height:350px;position:relative;display:flex;flex-direction:column;justify-content:end;align-items:center}.stone-stack i{display:block;border-radius:45% 55% 42% 58%;height:85px;width:300px;background:var(--orange)}.stone-stack i:nth-child(1){width:160px;background:var(--lilac);transform:rotate(-8deg)}.stone-stack i:nth-child(2){width:225px;background:#c4cba3;transform:rotate(7deg)}.stone-stack i:nth-child(3){transform:rotate(-3deg)}.pebble-slip{justify-self:center;max-width:380px;padding:45px;border-radius:8px 8px 70px 8px;background:var(--lilac);transform:rotate(3deg)}.pebble-slip>span{font-size:24px;font-weight:800}.pebble-slip>p{font-size:46px;line-height:1.1;font-weight:650;letter-spacing:-.05em}.pebble-slip a{margin-top:28px}.login-pebble{display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.login-pebble .login-message{position:relative;text-align:center;max-width:480px}.login-pebble .login-message h2{font-size:35px;position:relative;z-index:2}.login-pebble .login-message>p{display:none}.login-pebble .scene{height:235px;margin-top:-10px;width:380px;max-width:100%}.login-pebble .login-access{position:relative;z-index:3;margin-top:-35px;padding:32px 38px;border:1px solid var(--line);background:var(--paper);border-radius:26px;box-shadow:0 16px 42px #45283b0f;width:min(490px,100%)}.login-pebble .login-form h1{font-size:34px}.login-pebble .login-form>.intro{margin-bottom:25px}.login-pebble .login-access>.text-link{font-size:12px;margin-top:15px}
@media(max-width:900px){.pebble-hero{min-height:760px}.pebble-aside{font-size:16px;bottom:55px}.small-large{min-height:300px}.small-large span{font-size:32px}.small-large b{font-size:20px}.pebble-two article{padding:30px}}
@media(max-width:620px){.pebble-hero{padding-top:35px;min-height:650px}.pebble-head h1{font-size:50px}.pebble-head>p{font-size:16px;margin-top:20px}.pebble-hero>.scene{max-width:110%;width:110%;margin:10px -5% 0}.pebble-aside{display:none}.task-heading{align-items:start;flex-direction:column;gap:18px}.task-heading h2{font-size:40px}.task-entry{flex-direction:column}.task-entry button{align-self:start}.pebble-two{grid-template-columns:1fr;gap:20px}.pebble-two article:last-child{margin-top:0}.pebble-space{flex-direction:column;align-items:start}.stone-stack{height:270px;width:100%}.small-large{min-height:280px}.pebble-slip{margin-top:15px}.login-pebble .login-access{padding:28px 22px}.login-pebble .login-message h2{font-size:30px}.login-pebble .scene{height:200px}}
