@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Space+Grotesk:wght@400;600;700&display=swap";:root{color-scheme:light;--cream: #f8f2ea;--ink: #1d1a18;--accent: #f05454;--accent-dark: #9d2b2b;--mist: rgba(255, 255, 255, .75);--shadow: 0 30px 80px rgba(20, 10, 5, .12);--radius: 28px}*{box-sizing:border-box}body{margin:0;font-family:Cormorant Garamond,serif;color:var(--ink);background:radial-gradient(circle at 20% 10%,#fff6ee,transparent 60%),radial-gradient(circle at 80% 10%,#fde4e4,transparent 60%),linear-gradient(120deg,#f4ebe1,#f8efe7,#f6e2e2);min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:Space Grotesk,sans-serif}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px 6vw 10px;gap:16px;flex-wrap:wrap}.brand{display:flex;flex-direction:column;gap:4px}.brand-mark{font-family:Space Grotesk,sans-serif;letter-spacing:.5rem;font-weight:700;font-size:1.4rem}.brand-sub{font-size:.9rem;opacity:.7}.nav{display:flex;gap:18px;align-items:center;font-family:Space Grotesk,sans-serif;flex-wrap:wrap}.nav-link{padding:8px 14px;border-radius:999px;background:var(--mist);transition:transform .25s ease,background .25s ease;border:none;cursor:pointer;position:relative}.nav-link:hover{transform:translateY(-2px);background:#fff}.nav-link.ghost{background:transparent;border:1px solid rgba(0,0,0,.2)}.nav-link.has-badge{padding-right:22px}.badge-dot{position:absolute;top:6px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.nav-link.icon-btn{width:40px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center}.nav-link.icon-btn.active{background:var(--accent);color:#fff}.nav-link .icon{width:18px;height:18px}.app-main{flex:1;padding:20px 6vw 48px;display:flex;justify-content:center}.card{width:min(960px,100%);background:#fffc;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:rise .6s ease both}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title{font-family:Space Grotesk,sans-serif;font-size:1.6rem;margin:0 0 18px}.form-grid{display:grid;gap:16px}.input-field{display:flex;flex-direction:column;gap:8px;font-family:Space Grotesk,sans-serif}.input-field input{padding:12px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.15);font-size:1rem}.primary-btn{background:var(--accent);color:#fff;border:none;padding:12px 18px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #f0545433}.subtle{opacity:.7}.editor-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.toolbar-group{display:flex;flex-wrap:wrap;gap:8px;padding:6px;border-radius:14px;background:#ffffffb3;border:1px solid rgba(0,0,0,.05)}.toolbar-btn{width:40px;height:38px;padding:0;border-radius:999px;border:1px solid rgba(0,0,0,.16);background:#fffdfb;color:var(--ink);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #1d1a1814;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.toolbar-btn:hover{transform:translateY(-1px);border-color:#1d1a184d;box-shadow:0 8px 18px #1d1a1824;background:#fff6f0}.toolbar-btn.active{background:var(--accent);color:#fff;border-color:transparent}.toolbar-btn.recording{background:var(--accent-dark);color:#fff;border-color:transparent;box-shadow:0 10px 20px #9d2b2b59}.toolbar-btn .icon{width:20px;height:20px}.toolbar-color{width:40px;height:38px;padding:0;border-radius:999px;border:1px solid rgba(0,0,0,.16);background:#fffdfb;cursor:pointer;box-shadow:0 6px 16px #1d1a1814}.editor-panel{position:relative;border-radius:20px;border:1px solid rgba(0,0,0,.1);padding:20px;background:#fff;min-height:260px}.editor-panel .ProseMirror-selectednode{outline:2px solid rgba(240,84,84,.6);outline-offset:4px}.delete-media-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:999px;border:none;background:#c92121;color:#fff;font-family:Space Grotesk,sans-serif;font-size:.95rem;cursor:pointer;box-shadow:0 10px 18px #c9212140;z-index:2}.editor-panel .ProseMirror{min-height:220px;outline:none;line-height:1.6;font-size:1.05rem}.editor-panel .ProseMirror img+*,.editor-panel .ProseMirror audio+*,.editor-panel .ProseMirror video+*,.editor-panel .ProseMirror iframe[data-spotify-embed]+*{margin-top:18px}.editor-panel .ProseMirror h2{font-family:Space Grotesk,sans-serif;font-size:1.4rem;margin:1.2rem 0 .6rem}.editor-panel .ProseMirror blockquote{border-left:4px solid rgba(0,0,0,.15);padding-left:14px;margin:1rem 0;opacity:.8}.editor-panel .ProseMirror code{background:#00000014;padding:2px 6px;border-radius:6px;font-family:Space Grotesk,sans-serif}.editor-panel .ProseMirror hr{border:none;height:1px;background:#0000001f;margin:1.2rem 0}.editor-panel img{display:block;max-width:100%;height:auto;margin:10px 0 22px;border-radius:12px}.editor-panel audio{display:block;width:100%;margin:10px 0 22px;border-radius:12px}.editor-panel video{display:block;width:100%;margin:10px 0 22px;border-radius:14px}.editor-panel iframe[data-spotify-embed]{display:block;width:100%;min-height:152px;margin:10px 0 22px;border:none;border-radius:16px;background:#0000000d}.status-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#0000000d;font-family:Space Grotesk,sans-serif;font-size:.9rem}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-dark)}.status-dot.ok{background:#2e9f62}.page-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;font-family:Space Grotesk,sans-serif}.readonly .editor-panel{background:transparent;border:none;padding:0}.notif-cta{margin-top:24px;display:grid;gap:8px;justify-items:start}.love-actions{margin-top:26px;display:grid;gap:12px;padding:16px 18px;border-radius:22px;background:linear-gradient(130deg,#f0545414,#ffffffb3);border:1px solid rgba(240,84,84,.2);position:relative;overflow:hidden}.love-actions:after{content:"";position:absolute;top:-40%;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(240,84,84,.18),transparent 60%);opacity:.5;animation:love-glow 6s ease-in-out infinite;pointer-events:none}.love-title{font-family:Space Grotesk,sans-serif;font-weight:600;margin:0 0 4px}.love-hint{margin:0}.love-btn{background:linear-gradient(130deg,#f05454,#f79f9f);box-shadow:0 18px 30px #f0545440;position:relative;z-index:1;animation:love-pulse 2.8s ease-in-out infinite}.love-btn:disabled{opacity:.7;cursor:default;box-shadow:none;animation:none}.love-status{font-family:Space Grotesk,sans-serif;margin:0}.love-burst{position:fixed;left:50%;top:50%;pointer-events:none;z-index:9999}.love-heart{position:absolute;left:0;top:0;font-size:18px;color:#f05454;text-shadow:0 8px 18px rgba(240,84,84,.35);opacity:0;transform:translate(0) scale(var(--scale)) rotate(var(--rot));animation:love-float 1.4s ease-out forwards}.image-controls{display:flex;align-items:center;gap:12px;margin-top:16px;font-family:Space Grotesk,sans-serif}.image-controls input[type=range]{flex:1}.file-input{display:none}@keyframes love-pulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.02)}}@keyframes love-float{0%{opacity:0;transform:translate(0) scale(var(--scale)) rotate(var(--rot))}10%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2) rotate(var(--rot))}}@keyframes love-glow{0%,to{transform:translateY(0)}50%{transform:translateY(-12%)}}@media (min-width: 900px){.app-header{padding:28px 8vw 10px}.app-main{padding:24px 8vw 60px}.card{padding:36px}}