:root{--bg:#fef2f6;--bg-soft:#fff8fb;--card:#fffbfd;--card-elevated:#fff;--text-primary:#4a0a1c;--text-secondary:#9b7585;--text-muted:#c4a8b2;--cta:#c43057;--cta-hover:#e85c7a;--cta-soft:#c430571a;--border:#f0c0d0;--border-strong:#e0a0b8;--soft-hover:#f8d8e4;--bg-overlay:#4a0a1c8c;--card-shadow:#c430571a;--card-shadow-lg:#c4305729;--glow:#c4305747;--glow-strong:#c4305773;--star-color:gold;--success:#10b981;--danger:#ef4444;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", -apple-system, sans-serif;--font-handwriting:"Dancing Script", cursive;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-round:50%;--transition-instant:.1s ease;--transition-fast:.2s ease;--transition-normal:.35s ease;--transition-slow:.6s ease;--transition-dramatic:1s cubic-bezier(.4, 0, .2, 1);--mood-romantic-color:#c43057;--mood-happy-color:#e07018;--mood-sad-color:#4b72c2;--mood-dreamy-color:#7c3aed;--mood-cozy-color:#b86b20;--mood-playful-color:#d97706}[data-mood=romantic]{--bg:#fef2f6;--bg-soft:#fff8fb;--card:#fffbfd;--text-primary:#4a0a1c;--text-secondary:#9b7585;--text-muted:#c4a8b2;--cta:#c43057;--cta-hover:#e85c7a;--cta-soft:#c430571a;--border:#f0c0d0;--border-strong:#e0a0b8;--soft-hover:#f8d8e4;--bg-overlay:#4a0a1c8c;--card-shadow:#c430571a;--card-shadow-lg:#c430572e;--glow:#c4305747;--glow-strong:#c430577a}[data-mood=happy]{--bg:#fff6ee;--bg-soft:#fffaf5;--card:#fffdf9;--text-primary:#5a2800;--text-secondary:#a07050;--text-muted:#c8a882;--cta:#d96b14;--cta-hover:#f08842;--cta-soft:#d96b141a;--border:#f5d5b0;--border-strong:#e8c090;--soft-hover:#fae5c8;--bg-overlay:#5a28008c;--card-shadow:#d96b141a;--card-shadow-lg:#d96b142e;--glow:#d96b1447;--glow-strong:#d96b147a}[data-mood=sad]{--bg:#ebf0fa;--bg-soft:#f2f6fd;--card:#f7faff;--text-primary:#1a2b4e;--text-secondary:#6878a0;--text-muted:#9baac8;--cta:#4b72c2;--cta-hover:#6b90de;--cta-soft:#4b72c21a;--border:#c5d5ec;--border-strong:#a8c0e0;--soft-hover:#d8e5f5;--bg-overlay:#1a2b4e8c;--card-shadow:#4b72c21f;--card-shadow-lg:#4b72c233;--glow:#4b72c247;--glow-strong:#4b72c27a}[data-mood=dreamy]{--bg:#f4eeff;--bg-soft:#faf6ff;--card:#fcf9ff;--text-primary:#2d1055;--text-secondary:#8060aa;--text-muted:#b89dd4;--cta:#7c3aed;--cta-hover:#9b5cf8;--cta-soft:#7c3aed1a;--border:#dbbffa;--border-strong:#c89df5;--soft-hover:#ecd9ff;--bg-overlay:#2d105594;--card-shadow:#7c3aed1a;--card-shadow-lg:#7c3aed2e;--glow:#7c3aed47;--glow-strong:#7c3aed7a}[data-mood=cozy]{--bg:#fdf5e8;--bg-soft:#fffaf2;--card:#fffcf7;--text-primary:#3c1a00;--text-secondary:#9a7045;--text-muted:#c8a870;--cta:#b86b20;--cta-hover:#d8894e;--cta-soft:#b86b201a;--border:#edd0a0;--border-strong:#ddb870;--soft-hover:#f5e2c0;--bg-overlay:#3c1a008c;--card-shadow:#b86b201a;--card-shadow-lg:#b86b202e;--glow:#b86b2047;--glow-strong:#b86b207a}[data-mood=playful]{--bg:#fffce8;--bg-soft:#fffef5;--card:#fffff5;--text-primary:#3d2000;--text-secondary:#9a7820;--text-muted:#caa840;--cta:#d97706;--cta-hover:#f59e0b;--cta-soft:#d977061a;--border:#f0dc98;--border-strong:#e0c860;--soft-hover:#faf0c0;--bg-overlay:#3d20008c;--card-shadow:#d977061a;--card-shadow-lg:#d977062e;--glow:#d9770647;--glow-strong:#d977067a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-slow), color .4s ease;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-slow), color var(--transition-normal);line-height:1.65;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);transition:color var(--transition-normal);font-weight:600;line-height:1.2}a{color:var(--cta);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--cta-hover)}button{cursor:pointer;font-family:var(--font-body);transition:all var(--transition-normal);border:none}input,textarea,select{font-family:var(--font-body);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:var(--card);color:var(--text-primary);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-slow);outline:none;font-size:.95rem}input:focus,textarea:focus,select:focus{border-color:var(--cta);box-shadow:0 0 0 3px var(--cta-soft)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:100px}img{max-width:100%;display:block}.card{background:var(--card);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:0 1px 3px #0000000a, 0 4px 16px var(--card-shadow), inset 0 1px 0 #ffffffd9;padding:var(--space-lg);transition:background var(--transition-slow), border-color var(--transition-slow), box-shadow var(--transition-normal), transform var(--transition-fast)}.card:hover{box-shadow:0 2px 6px #0000000f, 0 8px 28px var(--card-shadow-lg), inset 0 1px 0 #ffffffe6}.card-elevated{background:var(--card-elevated);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:0 2px 6px #0000000f, 0 12px 40px var(--card-shadow-lg), inset 0 1px 0 #fff;padding:var(--space-lg);transition:border-color var(--transition-slow), box-shadow var(--transition-normal)}.btn-primary{background:linear-gradient(135deg, var(--cta) 0%, var(--cta-hover) 100%);color:#fff;padding:10px var(--space-lg);border-radius:var(--radius-sm);letter-spacing:.025em;box-shadow:0 2px 14px var(--glow);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-slow);text-shadow:0 1px 2px #00000026;border:none;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 24px var(--glow-strong);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 8px var(--glow);transform:translateY(0)}.btn-secondary{color:var(--cta);padding:9px var(--space-lg);border-radius:var(--radius-sm);border:1.5px solid var(--cta);letter-spacing:.02em;transition:all var(--transition-fast), background var(--transition-slow), color var(--transition-slow);background:0 0;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:linear-gradient(135deg, var(--cta) 0%, var(--cta-hover) 100%);color:#fff;box-shadow:0 4px 18px var(--glow);text-shadow:0 1px 2px #00000026;border-color:#0000;transform:translateY(-1px)}.btn-ghost{background:var(--cta-soft);color:var(--cta);padding:8px var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);border:none;align-items:center;gap:6px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-ghost:hover{background:var(--soft-hover);transform:translateY(-1px)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.text-display{font-family:var(--font-display)}.text-handwriting{font-family:var(--font-handwriting)}.gradient-text{background:linear-gradient(135deg, var(--text-primary), var(--cta));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider{background:linear-gradient(to right, transparent, var(--border-strong), transparent);height:1px;margin:var(--space-lg) 0}