:root {
  --shadow-xs:0 1px 3px rgba(0,0,0,0.06);--shadow-sm:0 2px 8px rgba(0,0,0,0.08);
  --shadow-md:2px 3px 12px rgba(0,0,0,0.10);--shadow-lg:4px 8px 24px rgba(0,0,0,0.14);
  --shadow-xl:0 24px 60px rgba(0,0,0,0.22);
  --shadow-paper:2px 3px 8px rgba(0,0,0,0.12),inset 0 0 30px rgba(255,255,255,0.3);
  --shadow-sticky:3px 5px 10px rgba(0,0,0,0.18),-1px -1px 3px rgba(255,255,255,0.5) inset;
  --ring-pink:0 0 0 3px rgba(254,59,151,0.20);--ring-teal:0 0 0 3px rgba(35,155,146,0.18);
  --paper-cream:linear-gradient(135deg,#f5f0e8 0%,#ebe5d9 50%,#f2ece2 100%);
  --paper-kraft:linear-gradient(145deg,#d4c4a8 0%,#c9b896 50%,#d9cbb0 100%);
  --paper-gray:linear-gradient(140deg,#e8e6e3 0%,#d9d6d2 50%,#eae8e5 100%);
  --paper-white:linear-gradient(135deg,#ffffff 0%,#f8f7f5 100%);
  --paper-vellum:linear-gradient(140deg,#faf5f0 0%,#f3ebe5 50%,#fcf7f2 100%);
  --paper-recycled:linear-gradient(150deg,#e6e2d8 0%,#dcd7cb 30%,#e9e5dc 70%,#d8d3c7 100%);
  --texture-grain:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.018) 2px,rgba(0,0,0,.018) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.014) 2px,rgba(0,0,0,.014) 4px);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.22,.61,.36,1);
  --dur-fast:.18s;--dur-base:.25s;--dur-slow:.4s;
}
.mp-grain{position:relative;}
.mp-grain::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--texture-grain);}