@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap");:root{--bg:#170e13;--panel:#24151e;--ink:#fff7f8;--muted:#b9a9b0;--wine:#7a304b;--rose:#e6a9bc;--gold:#c5a16c;--line:#422936}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{max-width:1320px;margin:auto;padding:0 28px}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:700 24px Playfair Display,serif;letter-spacing:-.5px}.brand span{color:var(--rose)}.navlinks{display:flex;gap:23px;color:var(--muted);font-size:14px}.btn,.navlinks{align-items:center}.btn{display:inline-flex;justify-content:center;padding:11px 17px;background:var(--wine);border:1px solid var(--wine);color:white;border-radius:999px;font-weight:600}.btn.ghost{background:transparent;border-color:var(--line)}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--rose);font-weight:700}.hero{padding:56px 0 34px}.hero h1{font:600 clamp(38px,5vw,64px)/1.05 Playfair Display,serif;letter-spacing:-1px;max-width:800px;margin:14px 0}.hero p{color:var(--muted);line-height:1.7;max-width:650px}.shelf{margin:36px 0 48px}.shelfhead{display:flex;justify-content:space-between;align-items:center;gap:20px}.shelf h2{font:600 26px Playfair Display,serif;margin:0 0 17px}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);min-width:0}.art{height:155px;background:linear-gradient(135deg,#633047,#c37a91 55%,#271520);display:flex;align-items:end;padding:15px;position:relative}.art:after{content:"";position:absolute;right:25px;top:25px;width:75px;height:75px;border-radius:50%;background:#f4dce533;border:1px solid #f4dce566}.art span{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;z-index:1}.cardbody{padding:15px}.card h3{margin:0 0 7px;font-size:16px}.card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.cardlink{display:block}.cardlink:hover .card{border-color:var(--rose)}.empty{padding:26px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.search{display:flex;gap:10px}.search input{min-width:0;width:100%;background:var(--panel);border:1px solid var(--line);padding:12px 14px;border-radius:12px;color:var(--ink)}.detail{max-width:880px;margin:45px auto}.detail h1{font:600 44px Playfair Display,serif}.detail p{color:var(--muted);line-height:1.8}.form{max-width:450px;margin:55px auto;padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.form h1{font:600 35px Playfair Display,serif}.form label{display:block;margin:15px 0 7px}.form input{width:100%;padding:13px;background:#170e13;border:1px solid var(--line);border-radius:10px;color:white}.form button{margin-top:20px;width:100%}.notice{color:var(--muted);font-size:13px;line-height:1.65}.bottomnav{display:none}.footer{padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.install{padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:16px;margin-top:24px}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.navlinks a:not(.btn){display:none}.hero{padding-top:40px}.art{height:135px}}@media(max-width:520px){.wrap{padding:0 17px}.cards{gap:10px}.card{border-radius:14px}.art{height:115px}.cardbody{padding:12px}.card h3{font-size:14px}.shelf h2{font-size:23px}.nav{height:66px}.brand{font-size:21px}.bottomnav{position:-webkit-sticky;position:sticky;bottom:0;display:flex;justify-content:space-around;background:#21141b;border-top:1px solid var(--line);padding:13px 6px;color:var(--muted);font-size:12px}.detail h1{font-size:36px}}