@import url("https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600&family=Work+Sans:wght@400;500;600&family=Caveat:wght@600&display=swap");:root{--teal-deep:#2f4a47;--teal-muted:#6b8c87;--wood-tan:#a8825c;--cream-paper:#f7f2e7;--cream-kraft:#efe6d8;--kraft-border:#ddd1bc;--accent:#5b4fe0;--ink:#26312e;--ink-muted:#6b6459;--ink-faint:#8c8570}input,select,textarea{font-size:16px!important}body,html{overscroll-behavior-y:contain}*{box-sizing:border-box}body{margin:0;font-family:Work Sans,sans-serif;background:#ddd6c7;color:var(--ink)}.app-shell{max-width:420px;margin:0 auto;min-height:100vh;background:var(--cream-paper);display:flex;flex-direction:column}.header{padding:20px 18px 14px;background:var(--teal-deep);display:flex;align-items:center;gap:10px}.tape-label{position:relative}.tape-label .paper{background:var(--cream-kraft);border:1px solid var(--kraft-border);border-radius:2px;padding:7px 18px}.tape-label .paper p{font-family:Caveat,cursive;font-size:22px;color:var(--accent);font-weight:600;margin:0}.tape-label .tape{position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(-3deg);width:40px;height:14px;background:rgba(168,130,92,.55)}.section{padding:14px 18px 4px}.section-title{font-family:Fraunces,serif;font-size:15px;font-weight:500;margin:0 0 10px}.card{background:var(--cream-kraft);border:1px solid var(--kraft-border);border-radius:10px;padding:10px}.pill{display:inline-flex;gap:5px;background:var(--accent);border-radius:20px;padding:5px 10px;color:var(--cream-paper);font-size:11px;font-weight:500;border:none;cursor:pointer}.navbar,.pill{align-items:center}.navbar{margin-top:auto;display:flex;justify-content:space-around;padding:12px 10px 16px;background:var(--teal-deep)}.navbar a{color:#9fb3ae;text-decoration:none;font-size:18px}.navbar a.active{color:var(--cream-paper)}.brew-button{display:inline-block;transform:rotate(-2deg)}.brew-button .paper p{font-size:17px;display:flex;align-items:center;gap:6px}