*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #F5F0E8;--dark: #1A1714;--forest: #2D4A3E;--sage: #7BA48C;--amber: #D4882A;--amber-light: #F2B84B;--paper: #EDE8DC;--ink: #2C2825;--muted: #8A8278;--red: #C4624A;--font-serif: "Fraunces", serif;--font-mono: "DM Mono", monospace;--font-sans: "Instrument Sans", sans-serif}body{font-family:var(--font-sans);background:var(--cream);color:var(--ink);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}body.date-mode{--cream: #FFF0F3;--dark: #2A0A14;--forest: #8B2252;--sage: #D4788A;--amber: #E85D7A;--amber-light: #F4A0B0;--paper: #FFE4EC;--ink: #3D1A26;--muted: #A06078;background:var(--cream)}body.date-mode:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 20% 20%,rgba(232,93,122,.12) 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(212,120,138,.1) 0%,transparent 55%),radial-gradient(ellipse at 60% 10%,rgba(244,160,176,.08) 0%,transparent 40%)}.heart-float{position:fixed;pointer-events:none;z-index:1;font-size:18px;animation:heartRise linear forwards;opacity:0}@keyframes heartRise{0%{opacity:.9;transform:translateY(0) scale(1) rotate(-10deg)}50%{opacity:.6;transform:translateY(-40vh) scale(1.1) rotate(10deg)}to{opacity:0;transform:translateY(-90vh) scale(.8) rotate(-5deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}input,select{width:100%;padding:11px 13px;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;font-family:var(--font-sans);font-size:14px;color:var(--ink);background:var(--cream);outline:none;transition:border-color .2s}input:focus,select:focus{border-color:var(--forest)}label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px;font-family:var(--font-mono)}.spinner{width:24px;height:24px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--amber);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 12px}