@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Kalam:wght@300;400;700&family=Space+Mono:wght@400;700&display=swap";:root{--paper: #fbf8f1;--paper-2: #f3ede0;--ink: #1a1815;--ink-2: #4a4640;--ink-3: #8a8478;--line: #1a1815;--line-soft: #b9b1a0;--accent: #ff7a3d;--accent-2: #2d8a5a;--accent-3: #f4c542;--danger: #d24a3d;--display: "Caveat", cursive;--hand: "Kalam", cursive;--mono: "Space Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--hand);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100dvh}.wf-h1{font-family:var(--display);font-size:44px;font-weight:700;line-height:1}.wf-h2{font-family:var(--display);font-size:32px;font-weight:700;line-height:1.05}.wf-h3{font-family:var(--hand);font-size:18px;font-weight:700}.wf-body{font-family:var(--hand);font-size:14px;line-height:1.4}.wf-tiny{font-family:var(--hand);font-size:12px;color:var(--ink-2)}.wf-label{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.wf-box{border:2px solid var(--line);border-radius:14px;background:var(--paper);position:relative}.wf-box.soft{border-style:dashed;border-color:var(--line-soft)}.wf-divider{border:none;border-top:2px dotted var(--line-soft);margin:12px 0}.wf-squiggle{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 6'><path d='M0 3 Q 7.5 0 15 3 T 30 3 T 45 3 T 60 3' stroke='%23ff7a3d' stroke-width='2' fill='none'/></svg>");background-repeat:repeat-x;background-position:bottom left;background-size:60px 6px;padding-bottom:4px}.wf-img{background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(26,24,21,.12) 8px 9px);border:2px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--ink-2);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--hand);font-weight:700;font-size:15px;padding:10px 20px;border:2px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--line);transition:transform .1s,box-shadow .1s;text-decoration:none;white-space:nowrap}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--line)}.btn.danger{background:var(--danger);color:#fff}.btn.ghost{background:transparent;box-shadow:none;border-color:transparent}.btn.small{font-size:12px;padding:6px 12px;box-shadow:2px 2px 0 var(--line)}.btn.full{width:100%}.btn:disabled{opacity:.5;pointer-events:none}.chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--hand);font-size:12px;padding:3px 9px;border:1.5px solid var(--line);border-radius:999px;background:var(--paper)}.chip.accent{background:var(--accent);color:#fff}.chip.green{background:var(--accent-2);color:#fff}.chip.yellow{background:var(--accent-3);color:var(--ink)}.bar-track{height:10px;background:var(--line-soft);border:1.5px solid var(--line);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s ease}.cal-ring{--p: 65;--size: 120px;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--line-soft) 0);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.cal-ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:var(--paper);border-radius:50%}.cal-ring-inner{position:relative;z-index:1;text-align:center}.input{width:100%;font-family:var(--hand);font-size:16px;padding:10px 14px;border:2px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff7a3d26}input,select,textarea{font-size:16px}.wf-note{background:#fff8c4;border:1.5px solid #d4c46a;padding:10px 12px;font-family:var(--hand);font-size:12px;line-height:1.5;transform:rotate(-1deg);box-shadow:2px 2px 4px #00000014;border-radius:4px}.page{min-height:100dvh;background:var(--paper)}.container{max-width:1140px;margin:0 auto;padding:0 24px}.app-shell{max-width:430px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--paper)}.app-content{flex:1;overflow-y:auto;padding-bottom:70px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;align-items:center;justify-content:space-around;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:var(--paper);border-top:2px solid var(--line);z-index:50}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--mono);font-size:9px;letter-spacing:.04em;color:var(--ink-3);text-decoration:none;cursor:pointer;background:none;border:none;padding:4px 8px}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.add-btn{width:44px;height:44px;border-radius:14px;background:var(--accent);color:#fff;font-size:22px;border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);display:flex;align-items:center;justify-content:center;font-family:inherit}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:2px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:40}.section{padding:64px 0}.card{border:2px solid var(--line);border-radius:16px;background:var(--paper);padding:24px;position:relative}.card.tilt-l{transform:rotate(-.4deg)}.card.tilt-r{transform:rotate(.4deg)}.card.shadow{box-shadow:4px 6px 0 var(--line)}.snap-container{overflow:hidden;position:relative}@media(max-width:768px){.hide-mobile{display:none!important}.container{padding:0 16px}.section{padding:40px 0}.landing-hero-grid{grid-template-columns:1fr!important}.landing-hero-grid>*:last-child{display:none}.pricing-cards{grid-template-columns:1fr!important}.pricing-cards>*:nth-child(2){transform:none!important}.how-it-works-grid{grid-template-columns:repeat(2,1fr)!important}.features-grid{grid-template-columns:1fr!important}}@media(min-width:769px){.hide-desktop{display:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}@keyframes pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.pop{animation:pop .4s cubic-bezier(.2,.8,.3,1) forwards}@keyframes auraPulse{0%,to{opacity:.18}50%{opacity:.32}}.aura-pulse{animation:auraPulse 2.5s ease-in-out infinite}