:root{
  --bg:#fff8f6; --paper:#fffdfc; --pink:#f4c9cf; --pink2:#f9e1e4;
  --rose:#c98289; --brown:#714b42; --brown2:#9a6b61; --line:#ead8d3;
  --text:#684b45; --shadow:0 10px 30px rgba(113,75,66,.08);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 15% 5%,#fff 0 15%,transparent 35%),var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}
a{color:inherit;text-decoration:none} button,input{font:inherit}
.navbar{position:sticky;top:0;z-index:50;height:70px;padding:10px 4%;display:flex;align-items:center;gap:30px;background:rgba(255,253,252,.92);backdrop-filter:blur(14px);border-bottom:1px solid #f0dfdc}
.brand{display:flex;align-items:center;gap:9px;font-family:"Playfair Display",serif;font-size:28px;line-height:.8;color:#68443c;white-space:nowrap}.brand small{display:block;font:9px "DM Sans";letter-spacing:1.6px;margin-top:7px;color:#b27a72}
.brand-mark{font-family:"Patrick Hand";font-size:31px;color:#ce8790}
nav{display:flex;align-items:center;gap:24px;flex:1;font-size:13px}nav>a{padding:13px 0;transition:.2s}nav>a:hover,nav>a.active{color:#d47882;border-bottom:2px solid #ed9da5}
.nav-tools{margin-left:auto;display:flex;align-items:center;gap:9px}.nav-tools input{width:170px;border:1px solid #eedbd7;background:#fbf0ed;border-radius:22px;padding:10px 14px;outline:none}.round-btn,.heart{border:0;background:#fbefec;color:#86574e;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.heart{font-size:22px;background:transparent}.menu-btn{display:none;border:0;background:none;font-size:24px;color:var(--brown)}
.hero{min-height:390px;position:relative;display:grid;grid-template-columns:36% 64%;overflow:hidden;background:#f9e8e8}
.hero-copy{padding:70px 7%;background:linear-gradient(135deg,#fff3f2,#f6dcdf);position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:2px;color:#bc7775}.hero h1{font:600 clamp(60px,7vw,105px)/.85 "Patrick Hand";margin:18px 0 12px;color:#6d4941}.hero-tag{font:20px/1.35 "Patrick Hand";color:#85594f}.primary-btn{display:inline-block;margin-top:12px;background:#815448;color:white;padding:12px 18px;border-radius:24px;font-size:13px;box-shadow:0 8px 20px #8c5e551c}.hero-photo{position:relative}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 43%;display:block}.photo-note{position:absolute;right:6%;top:42px;background:#fffaf4e8;padding:18px 22px;font:22px/1.2 "Patrick Hand";transform:rotate(3deg);box-shadow:0 5px 14px #00000012}.doodle{position:absolute;color:#e79ca5;font-size:30px}.doodle-1{left:2%;bottom:20px}.doodle-2{left:33%;top:25px}.doodle-3{right:3%;bottom:25px}
.top-grid,.bottom-grid{display:grid;grid-template-columns:1fr 2.15fr 1.3fr;gap:16px;padding:18px 2.5% 0}.bottom-grid{grid-template-columns:1.15fr 1.25fr .95fr;padding-bottom:18px}
.paper{background:rgba(255,253,252,.9);border:1px solid #efdfdb;border-radius:14px;box-shadow:var(--shadow);padding:18px;position:relative;overflow:hidden}.paper:after{content:"♡  ✦  ♡";position:absolute;right:16px;bottom:6px;color:#f1d3d3;letter-spacing:8px}.section-label{font-weight:700;color:#795249;font-size:16px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-head>span,.section-head>a{font-size:11px;color:#ae7b74}
.about p{font-size:12px;line-height:1.75}.handwrite{font:20px/1.1 "Patrick Hand";color:#80554d;transform:rotate(-3deg);margin:22px 0}.socials{display:flex;gap:8px}.socials a{width:34px;height:34px;background:#fae9e7;border-radius:50%;display:grid;place-items:center;color:#ad6f6d}
.member-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.member-card{text-align:center}.member-card img{width:100%;aspect-ratio:.82;object-fit:cover;border-radius:10px;border:1px solid #edd8d5}.member-card h3{font:19px "Patrick Hand";margin:5px 0 0;color:#765046}.member-card p{font-size:9px;color:#b18b84;margin:1px}.member-card span{display:inline-block;margin-top:4px;background:#f7cdd2;color:#a56568;border-radius:12px;padding:4px 12px;font-size:9px}
.news-item{display:flex;gap:10px;margin:12px 0}.news-item img{width:56px;height:56px;object-fit:cover;border-radius:8px}.news-item h4{margin:2px 0;font-size:12px}.news-item p,.news-item small{font-size:9px;color:#b08b84;margin:0;line-height:1.4}
.song{display:grid;grid-template-columns:45px 30px 1fr 25px 40px;align-items:center;gap:8px;padding:8px;border-radius:8px;font-size:11px}.song img{width:45px;height:45px;object-fit:cover;border-radius:7px}.song-no,.mini-cover{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#f8dadd;color:#a66469}.song-info small{display:block;color:#b28a84;font-size:9px;margin-top:3px}.song button{border:0;background:none;color:#bd777b;cursor:pointer}.song time{font-size:9px;color:#aa827b}.active-song{background:linear-gradient(90deg,#f8dfe0,#fff8f7)}.player{margin-top:10px;background:#fae8e7;border-radius:9px;padding:10px;display:flex;align-items:center;gap:12px}.player button{border:0;border-radius:50%;width:32px;height:32px;background:#e9a3aa;color:white}.wave{height:20px;flex:1;background:repeating-linear-gradient(90deg,#e7a3aa 0 2px,transparent 2px 7px);opacity:.5;border-radius:10px}
.gallery-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:90px;gap:7px}.gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:7px}.gallery-grid .g-large{grid-row:span 2}
.fan-card{background:#fbe5e6;border-radius:12px;padding:18px;display:flex;justify-content:space-between;align-items:center;min-height:150px}.fan-card h2{font:27px/1 "Patrick Hand";margin:0 0 8px;color:#775047}.fan-card p{font-size:10px;line-height:1.5;max-width:180px}.bunny{font-size:27px;text-align:center;color:#a56e68}.bunny span{font-size:30px}
.discography{padding:20px 4% 45px}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.album-card{background:#fffdfc;border:1px solid #efdfdb;border-radius:14px;padding:12px;box-shadow:var(--shadow)}.album-art{height:190px;border-radius:10px;display:grid;place-items:center;text-align:center;font:34px/1 "Patrick Hand";color:#fff;text-shadow:0 2px 7px #0002}.art-one{background:linear-gradient(135deg,#9a6b61,#eab0b5)}.art-two{background:linear-gradient(135deg,#e6a7b1,#8d6b82)}.art-three{background:linear-gradient(135deg,#f2c4cc,#9a7770)}.album-card h3{margin:12px 4px 2px;font:21px "Patrick Hand"}.album-card p{margin:0 4px;color:#b28b84;font-size:10px}
footer{background:#f7dadd;display:flex;align-items:center;justify-content:space-between;padding:25px 4%;color:#9b6b68;gap:15px}.footer-brand{font:34px "Playfair Display";color:#734e46}.footer-socials{letter-spacing:7px}.handwrite{font-family:"Patrick Hand"}
.dark{--bg:#241c1b;--paper:#302624;--text:#f5ded9;--brown:#f2cbc4;--brown2:#d6a6a0;--line:#523c39}.dark .navbar,.dark .paper,.dark .album-card{background:#302624}.dark .hero-copy{background:#3a2928}.dark .hero{background:#332726}.dark .nav-tools input{background:#453331;color:white}.dark .section-label,.dark .member-card h3,.dark .fan-card h2{color:#f0c7c0}.dark footer{background:#392827}
@media(max-width:1100px){nav{gap:12px}.nav-tools input{width:120px}.top-grid{grid-template-columns:1fr 2fr}.news{grid-column:1/-1}.bottom-grid{grid-template-columns:1fr 1fr}.fan-zone{grid-column:1/-1}}
@media(max-width:780px){.navbar{height:62px}.menu-btn{display:block;margin-left:auto}nav{display:none;position:absolute;top:62px;left:0;right:0;background:#fffdfc;padding:16px 5%;flex-direction:column;align-items:stretch;box-shadow:0 12px 25px #0001}nav.open{display:flex}nav>a{padding:9px 0}.nav-tools{margin:5px 0 0;justify-content:flex-start}.hero{grid-template-columns:1fr;min-height:560px}.hero-copy{min-height:230px;padding:45px 8%}.hero-photo{height:330px}.photo-note{top:15px;right:4%;font-size:17px}.top-grid,.bottom-grid{grid-template-columns:1fr}.news,.fan-zone{grid-column:auto}.member-grid{grid-template-columns:repeat(5,minmax(90px,1fr));overflow-x:auto}.member-card{min-width:90px}.gallery-grid{grid-auto-rows:75px}.album-grid{grid-template-columns:1fr}.album-art{height:170px}footer{flex-direction:column;text-align:center}}