html{background:#f5f1ec}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f5f1ec;min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}:root{--bg:#f5f1ec;--surface:#fff;--surface-soft:#eee5dd;--text:#1c1719;--muted:#7f7478;--line:#1c171914;--wine:#6d1835;--wine-dark:#3d0d20;--gold:#b78b54;--radius-xl:30px;--radius-lg:22px;--shadow:0 14px 40px #26181d14}*{box-sizing:border-box}button{font:inherit}.app{background:var(--bg);min-height:100dvh;color:var(--text);padding-bottom:92px}.topbar{justify-content:space-between;align-items:center;width:min(100%,760px);margin:0 auto;padding:18px 20px 10px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--wine);width:44px;height:44px;box-shadow:var(--shadow);border-radius:15px;place-items:center;font-size:22px;display:grid}.brand-name{letter-spacing:.2px;font-size:20px;font-weight:600}.brand-sub{color:var(--muted);margin-top:2px;font-size:12px}.profile-btn{background:var(--text);color:#fff;cursor:pointer;border:0;border-radius:50%;width:42px;height:42px}.content{width:min(100%,760px);margin:0 auto;padding:8px 20px 30px}.hero{border-radius:var(--radius-xl);color:#fff;min-height:250px;box-shadow:var(--shadow);background:radial-gradient(circle at 15% 0,#b78b546b,#0000 28%),linear-gradient(135deg,#54152b 0%,#761c3d 48%,#2e0d1a 100%);padding:32px 28px;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:520px;position:relative}.eyebrow{color:#ead9c3;margin-bottom:16px;font-size:13px;display:inline-block}.hero h1{max-width:520px;margin:0;font-size:clamp(34px,8vw,56px);font-weight:600;line-height:1}.hero p{color:#fffc;max-width:470px;margin:18px 0 0;font-size:15px;line-height:1.7}.hero-orb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:50%;position:absolute}.hero-orb-one{width:170px;height:170px;bottom:-75px;left:-58px}.hero-orb-two{width:90px;height:90px;top:-35px;left:110px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.quick-card{border:1px solid var(--line);min-height:92px;color:var(--text);cursor:pointer;background:#ffffffc2;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;display:flex;box-shadow:0 8px 24px #26181d0a}.quick-icon{font-size:22px}.section{margin-top:32px}.section-head{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.section-kicker{color:var(--wine);font-size:12px;font-weight:600}.section h2{margin:3px 0 0;font-size:25px;font-weight:600}.text-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.feature-card{border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:hidden}.feature-image{background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;min-height:360px;padding:18px;display:flex;position:relative}.feature-badges{gap:8px;display:flex}.badge{color:var(--text);background:#fff;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:600}.badge-dark{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141012b8}.feature-info{color:#fff}.feature-type{color:#ffffffb8;font-size:12px}.feature-info h3{margin:7px 0 8px;font-size:30px;font-weight:600;line-height:1.05}.feature-info p{color:#ffffffc7;max-width:440px;margin:0;font-size:14px;line-height:1.55}.feature-meta{gap:18px;margin-top:16px;font-size:12px;display:flex}.mini-list{gap:10px;display:grid}.mini-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;grid-template-columns:72px 1fr 40px;align-items:center;gap:13px;padding:12px;display:grid}.mini-art{border-radius:18px;place-items:center;width:72px;height:72px;font-size:28px;display:grid}.mini-art-one{background:#eee3e6}.mini-art-two{background:#eee8da}.mini-copy span{color:var(--wine);font-size:11px}.mini-copy h3{margin:4px 0 3px;font-size:16px;font-weight:600}.mini-copy p{color:var(--muted);margin:0;font-size:12px}.save-btn{background:var(--surface-soft);cursor:pointer;border:0;border-radius:50%;width:38px;height:38px;font-size:20px}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffe0;border:1px solid #ffffffb8;border-radius:24px;grid-template-columns:repeat(5,1fr);gap:4px;width:min(100% - 24px,720px);padding:10px 10px 8px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #1f131726}.nav-item{min-height:52px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.nav-item span{font-size:18px}.nav-item small{font-size:11px}.nav-item.active{background:var(--wine);color:#fff}@media (width<=560px){.topbar,.content{padding-inline:16px}.hero{min-height:230px;padding:26px 22px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-card{min-height:78px}.feature-image{min-height:320px}}