@import url("https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&family=Inter:wght@400;500;600;700;800&family=Caveat:wght@600;700&display=swap");:root{--paper:#fbf8f2;--ink:#26231d;--sub:#7a7266;--card:#fff;--tape-yellow:#ffd34d;--tape-mint:#7fd8be;--tape-pink:#ffb7b2;--highlight:#ffe79a;--coral:#ff6f59;--border:#e7e0d0;--border-dark:#26231d;--purple:#8b5cf6;--green:#20402f;--green-bg:#e8f5e9;--green-text:#2e7d32;--hand:"Caveat","Comic Neue","Comic Sans MS",cursive,sans-serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--paper);color:var(--ink);font-family:var(--sans);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.font-hand{font-family:var(--hand);font-weight:700}.washi-tape-yellow{background-color:var(--tape-yellow);transform:rotate(-1.5deg)}.washi-tape-mint,.washi-tape-yellow{box-shadow:1px 2px 4px rgba(0,0,0,.06);border-radius:2px;opacity:.92}.washi-tape-mint{background-color:var(--tape-mint);transform:rotate(2deg)}.washi-tape-pink{background-color:var(--tape-pink);box-shadow:1px 2px 4px rgba(0,0,0,.06);border-radius:2px;transform:rotate(-1deg);opacity:.92}.scrapbook-card{background-color:var(--card);border:2.5px solid var(--border-dark);border-radius:12px;box-shadow:4px 5px 0 var(--border-dark);transition:transform .15s ease,box-shadow .15s ease}.scrapbook-card:hover{transform:translateY(-2px);box-shadow:6px 7px 0 var(--border-dark)}.btn-primary{background-color:var(--coral);color:#fff;border:2px solid var(--border-dark);box-shadow:3px 3px 0 var(--border-dark);font-weight:700;border-radius:8px;padding:12px 24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;transition:all .1s ease}.btn-primary:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border-dark);background-color:#ff5a43}.btn-primary:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border-dark)}.btn-secondary{background-color:#fff;color:var(--ink);border:2px solid var(--border-dark);box-shadow:3px 3px 0 var(--border-dark);font-weight:600;border-radius:8px;padding:10px 20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;transition:all .1s ease}.btn-secondary:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border-dark);background-color:#f7f5ee}.btn-google{background-color:#fff;color:#26231d;border:2.5px solid #26231d;box-shadow:4px 4px 0 #26231d;font-weight:700;border-radius:10px;padding:14px 28px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.05rem;width:100%;transition:all .15s ease}.btn-google:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #26231d;background-color:#fffdf9}.btn-google:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #26231d}.marker-highlight{background:linear-gradient(120deg,rgba(255,231,154,.9),rgba(255,231,154,.9));background-repeat:no-repeat;background-size:100% 45%;background-position:0 85%;padding:0 4px}.badge-free{background-color:var(--tape-yellow);color:var(--ink)}.badge-free,.badge-pro{border:1.5px solid var(--border-dark);font-weight:700;font-size:.75rem;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.badge-pro{background-color:var(--purple);color:#fff}.input-scrapbook{width:100%;padding:12px 16px;border:2.5px solid var(--border-dark);border-radius:8px;font-size:1rem;font-family:var(--sans);background-color:#fff;box-shadow:2px 2px 0 var(--border-dark);outline:none;transition:all .15s ease}.input-scrapbook:focus{border-color:var(--coral);box-shadow:4px 4px 0 var(--border-dark)}