:root{--paper-bg:#f9f6f0;--ink-dark:#2c251c;--ink-light:#5a4a3a;--accent-blue:#5c82a6;--accent-yellow:#f0c05a;--accent-red:#d96c6c;--border-brown:#d4c9bc;--font-header:Playfair Display,serif;--font-accent:Homemade Apple,cursive;--font-body:Lora,serif;--font-sans:Inter,sans-serif;--shadow-soft:0 4px 12px rgba(44,37,28,.08);--shadow-hard:0 8px 24px rgba(44,37,28,.15);--radius-sm:4px;--radius-md:8px;--radius-lg:12px}.browse-page{min-height:100vh;background:linear-gradient(180deg,rgba(92,130,166,.05),transparent),#f9f6f0;padding:4rem 2rem}.browse-page:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;opacity:.4;background-image:url('data:image/svg+xml,%3Csvg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noise"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="200" height="200" filter="url(%23noise)"/%3E%3C/svg%3E');mix-blend-mode:multiply}.browse-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 2rem;flex-wrap:wrap;gap:2rem;background:#fff;padding:2rem;border-radius:2px;box-shadow:rgba(44,37,28,.15);transform:rotate(-.5deg);border:1px solid rgba(44,37,28,.05);min-width:0}.browse-header h1{font-family:Playfair Display,serif;font-size:2.5rem;color:#2c251c;word-break:break-word;overflow-wrap:anywhere;min-width:0}.browse-header .doodle-count{font-family:Inter,sans-serif;font-size:1rem;color:#5a4a3a;margin-top:.5rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.doodle-recipient{padding:.5rem .25rem 0;text-align:center}.doodle-recipient span{font-family:Inter,sans-serif;font-size:.8rem;color:#5a4a3a;letter-spacing:.5px}.doodle-recipient span strong{font-family:Homemade Apple,cursive;color:#5c82a6;font-size:.9rem;font-weight:400}.gallery-loading{position:relative;z-index:10;text-align:center;padding:4rem 2rem}.gallery-loading p{font-family:Homemade Apple,cursive;font-size:1.3rem;color:#5c82a6}.gallery-loading--overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(40,43%,96%,.6);display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.error-banner{position:relative;z-index:10;text-align:center;background:#fff;padding:2rem;border-radius:2px;box-shadow:rgba(44,37,28,.15);max-width:600px;margin:2rem auto;border-left:4px solid #d96c6c}.error-banner p{font-family:Lora,serif;color:#2c251c;margin-bottom:1rem}@media(max-width:768px){.browse-page{padding:2rem 1rem}.browse-header{flex-direction:column;text-align:center;transform:rotate(0)}.browse-header h1{font-size:2rem}}@media(max-width:380px){.browse-header h1{font-size:1.6rem}}