@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--green:#264c3d;--ink:#24382e;--muted:#81867d;--bg:#fbfaf6;--line:#e8e8de}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #d99245;outline-offset:4px}aside{position:fixed;width:248px;inset:0 auto 0 0;background:#f0f2e9;border-right:1px solid var(--line);padding:37px 23px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;color:var(--green);text-decoration:none;font-size:32px}.brand b{font-size:23px;letter-spacing:-1px}.brand span{display:block;font-size:7px;letter-spacing:1.8px;margin-top:7px}nav{display:grid;gap:10px;margin-top:62px}nav button{border:0;text-align:left;padding:15px;border-radius:7px;background:transparent;color:#697365}nav .active{background:#dfe6d8;color:var(--green);font-weight:bold}nav small{float:right}.side-bottom{margin-top:auto;padding:25px 14px}.flower{font-size:56px;color:#be834f}.side-bottom h3{font-family:'Playfair Display',Georgia,serif;font-size:23px;font-weight:500}.side-bottom p{font-size:12px;color:#7c8278;line-height:1.7}.demo{font-size:8px;letter-spacing:1px;color:#7c8278}.person{border-top:1px solid #dce0d5;padding-top:24px;display:flex;gap:10px;align-items:center}.person>span{border-radius:50%;background:#dfd5c3;padding:12px 15px}.person b{font-size:12px}.person p{font-size:10px;color:var(--muted);margin:5px 0}main{margin-left:248px;padding:0 5%;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);font-size:12px;color:#7d8579}header button{border:1px solid #d7decf;background:transparent;border-radius:30px;padding:10px 16px;font-size:11px}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:53px 0 36px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#8d967c}h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(48px,5vw,75px);line-height:1.05;letter-spacing:-2px;margin:22px 0}h1 i{color:#6a8055}.spark{color:#c79b62;font-size:45px;display:inline-block;margin-left:20px}.intro p{color:#828578;font-size:13px;line-height:1.9}.taste{display:flex;gap:7px;margin-top:23px;flex-wrap:wrap}.taste span{border:1px solid #e2e4d9;border-radius:20px;padding:6px 10px;font-size:10px;color:#6e7863}.hero-art{position:relative;min-height:300px;border-radius:50% 45% 40% 40%;background:radial-gradient(ellipse,#e9e9d7,transparent 69%)}.orbit{position:absolute;inset:10%;border:1px dashed #b8c2a4;border-radius:50%;transform:rotate(-25deg)}.art-card{position:absolute;width:135px;height:169px;border:7px solid #fffaf0;box-shadow:0 12px 30px #374c3020;border-radius:70px 70px 10px 10px;display:flex;align-items:center;justify-content:center;font-family:Georgia;font-size:80px}.art-card small{position:absolute;bottom:10px;font-family:sans-serif;font-size:7px;letter-spacing:1px}.one{background:#c3ceaa;left:6%;top:15%;transform:rotate(-17deg);color:#426348}.two{background:#ac674f;right:9%;top:3%;transform:rotate(12deg);color:#edc792}.three{background:#e9bd77;bottom:0;left:40%;transform:rotate(-4deg);color:#785736}.art-star{position:absolute;font-size:62px;right:0;bottom:25%;color:#7c925c}.art-label{position:absolute;bottom:-15px;left:10%;font-family:Georgia;font-style:italic;color:#7c876c}.prompt{border:1px solid #dfe4d6;background:#f1f4ea;border-radius:12px;padding:19px 21px;display:flex;align-items:center;gap:16px}.prompt-star{font-size:35px;color:#7c9364}.prompt b{font-size:13px}.prompt p{font-size:10px;color:#859078;margin:6px 0}.prompt form{margin-left:auto;display:flex;gap:8px;width:48%;background:#fffdf8;padding:7px;border-radius:8px;border:1px solid #e6e7dc}.prompt input{width:100%;border:0;background:none;outline:none;font-size:11px;min-width:0}.prompt form button{background:var(--green);color:white;border:0;padding:8px 13px;border-radius:6px;font-size:20px}.moods{display:flex;align-items:center;gap:9px;padding:22px 0 35px;flex-wrap:wrap}.moods span{color:#8b8f83;font-size:10px;margin-right:4px}.moods button{border:1px solid #e6e6dc;background:transparent;border-radius:20px;padding:7px 12px;font-size:10px}.moods .selected{background:#eee8d9;border-color:#ddd2b9}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:29px;margin:12px 0 20px}.section-title h2 span{color:#bc9561;font-size:22px}.section-title>span{font-size:10px;color:var(--muted)}.filters{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.filters button{white-space:nowrap;border:0;background:transparent;padding:0 0 13px;color:#8b8f83;font-size:11px}.filters .selected{color:var(--green);border-bottom:2px solid var(--green);font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.card{border:1px solid #e8e8de;border-radius:10px;overflow:hidden;background:#fffefa;animation:rise .35s both}.card-art{height:170px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-art:before{content:'';position:absolute;width:145px;height:145px;border:1px solid #ffffff60;border-radius:50%;transform:translate(55px,-20px)}.card-art .glyph{font-family:Georgia,serif;font-size:94px;opacity:.75;transform:rotate(-12deg)}.card-art .tag{position:absolute;left:13px;top:13px;font-size:8px;letter-spacing:1px;background:#fffef0d9;border-radius:20px;padding:5px 8px}.save{position:absolute;right:12px;top:12px;border:0;background:#fffef0e6;border-radius:50%;width:29px;height:29px;font-size:18px}.card-body{padding:18px}.meta{font-size:9px;color:#91917f;letter-spacing:.5px}.card h3{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:500;margin:9px 0}.card p{font-size:11px;color:#7f8577;line-height:1.7;min-height:38px}.card-bottom{border-top:1px solid #eeeee5;padding-top:13px;display:flex;justify-content:space-between;align-items:center}.card-bottom span{font-size:9px;color:#6b805d}.card-bottom a{font-size:10px;color:var(--green);text-decoration:none}.empty{padding:35px;background:#f0f2e9;border-radius:10px;grid-column:1/-1}footer{display:flex;align-items:center;gap:20px;padding:35px 0;margin-top:40px;border-top:1px solid var(--line);font-size:12px;color:#839074}footer span{font-size:10px}footer small{font-size:9px;margin-left:auto;color:#9a9d91}dialog{border:1px solid #e0e5d7;border-radius:18px;padding:30px;max-width:440px;width:90%;color:var(--ink);background:var(--bg)}dialog::backdrop{background:#122b2370;backdrop-filter:blur(4px)}dialog form{display:grid;gap:14px}dialog h2{font-family:Georgia;margin:0;font-size:27px}dialog p,dialog small{font-size:11px;color:#7d8579}label{font-size:11px;display:grid;gap:7px}label input,label select{padding:11px;border:1px solid #dce1d4;background:white;border-radius:6px;width:100%}.primary{padding:13px;background:var(--green);color:white;border:0;border-radius:7px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:25px}#toast{position:fixed;bottom:20px;left:50%;background:var(--green);color:white;padding:12px 20px;border-radius:8px;display:none;z-index:4}.plan-panel{background:#eeefe2;border-radius:14px;padding:28px;margin-bottom:30px}.plan-panel h2{font-family:Georgia;font-weight:500;font-size:27px}.plan-panel p{line-height:1.8;color:#66745b}.plan-step{padding:15px 0;border-bottom:1px solid #dce0cf;display:flex;gap:20px}.plan-step b{min-width:85px}.plan-panel small{display:block;margin-top:18px;color:#7a806f} @keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){main{padding:0 7%}}@media(max-width:1000px){aside{width:195px;padding:30px 15px}main{margin-left:195px;padding:0 4%}.cards{grid-template-columns:repeat(2,1fr)}.hero-art{transform:scale(.85)}.prompt{flex-wrap:wrap}.prompt form{width:100%}.brand b{font-size:19px}}@media(max-width:650px){aside{position:static;width:auto;padding:18px;background:#f0f2e9}.brand{font-size:25px}nav{margin-top:20px;display:flex;gap:5px;overflow:auto}nav button{white-space:nowrap;font-size:11px;padding:10px}.side-bottom,.person{display:none}main{margin:0;padding:0 6%}header{font-size:10px}.intro{grid-template-columns:1fr;padding-top:35px}.hero-art{display:none}h1{font-size:60px}.cards{grid-template-columns:1fr}.card-art{height:200px}footer{flex-wrap:wrap}footer small{margin-left:0}.section-title h2{font-size:25px}.filters{gap:20px}.prompt{padding:15px}.plan-step{flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}