:root{--bg:#fbf5e6;--card:#fffdf5;--ink:#2a1810;--mut:#7a6249;--ac:#6b3a1e;--ac2:#f0e3c2;--gold:#c9a24b;--ok:#2e7d4f;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:root[data-theme="dark"]{--bg:#1b110b;--card:#2a1c13;--ink:#f6ecd6;--mut:#bfa985;--ac:#e0b45c;--ac2:#3b2a1a;--gold:#d9b25a}
html{scroll-padding-top:70px;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Georgia,'Noto Serif Devanagari',serif}
h1,h2,h3,button,nav,.b{font-family:system-ui,'Noto Sans Devanagari',sans-serif}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--bg);border-bottom:1px solid var(--ac2);display:flex;gap:8px;align-items:center;padding:8px 12px}
header b{flex:1;font-family:system-ui;color:var(--ac)}
.lang button{border:1px solid var(--ac);background:none;color:var(--ac);padding:4px 10px;cursor:pointer}
.lang button.on{background:var(--ac);color:var(--bg)}
.lang button:first-child{border-radius:8px 0 0 8px}.lang button:last-child{border-radius:0 8px 8px 0}
nav{display:flex;gap:6px;overflow-x:auto;padding:8px 12px}nav a{white-space:nowrap;background:var(--ac2);color:var(--ink);padding:5px 12px;border-radius:99px;text-decoration:none;font-size:14px}
#hb{display:none;border:1px solid var(--ac);background:none;color:var(--ac);border-radius:8px;font-size:18px;padding:2px 10px}@media(max-width:640px){#hb{display:inline-block}nav{display:none;flex-direction:column;overflow:visible}nav.open{display:flex}}main{max-width:860px;margin:auto;padding:0 14px 60px}
.hero{text-align:center;padding:36px 8px}.hero h1{font-size:clamp(28px,7vw,48px);margin:.2em 0;color:var(--ac)}
.hero p{color:var(--mut);max-width:560px;margin:8px auto}
.btn{display:inline-block;background:var(--ac);color:var(--bg);border:0;padding:10px 16px;border-radius:10px;margin:4px;text-decoration:none;cursor:pointer;font-size:15px}
section{margin-top:34px}h2{color:var(--ac);border-bottom:2px solid var(--ac2);padding-bottom:4px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.card{background:var(--card);border:1px solid var(--ac2);border-radius:12px;padding:12px}
.st{cursor:pointer;text-align:center;font-family:system-ui;font-size:14px;color:var(--ink)}.st.on{border-color:var(--ac);background:var(--ac2)}
#sd{margin-top:10px;border-left:4px solid var(--ac)}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:6px;border-bottom:1px solid var(--ac2);text-align:left}
.sc{overflow-x:auto}
input,select,textarea{width:100%;padding:8px;border-radius:8px;border:1px solid var(--ac2);background:var(--card);color:var(--ink);font:inherit;margin:3px 0 8px}
label{font:13px system-ui;color:var(--mut)}
.out{font:600 17px system-ui;color:var(--ok)}
footer .ratebox{max-width:560px;margin:14px auto;padding:12px;border:1px solid rgba(236,202,122,.5);border-radius:12px;background:rgba(255,255,255,.05)}footer .ratebox h4{margin:0 0 6px;font-size:16px}footer .ratebox p{margin:6px 0;font-size:14px}.stars{display:flex;justify-content:center;gap:4px;margin:8px 0}.star{font-size:34px;line-height:1;background:none;border:0;color:#7a6a55;cursor:pointer;padding:2px 4px;min-width:44px;min-height:44px}.star.on,.star:hover,.star:focus-visible{color:#ecca7a}.star:focus-visible{outline:2px solid #ecca7a;border-radius:6px}.rbtns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0}footer .disc{max-width:760px;margin:14px auto 0;text-align:left;font-size:12px;line-height:1.55;opacity:.9;border-top:1px solid rgba(255,255,255,.25);padding-top:10px}footer .disc h4{margin:0 0 6px;font-size:13px}footer .disc p{margin:6px 0}
.note{font-size:13px;color:var(--mut)}
.b{display:inline-block;font-size:11px;background:var(--ac2);padding:2px 8px;border-radius:99px;margin-right:4px}
details{margin:6px 0}summary{cursor:pointer;font-family:system-ui;font-weight:600}
a{color:var(--ac)}
.ctl{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:8px 0}.ctl .btn{margin:0;padding:6px 12px}.ctl select{width:auto;margin:0}

/* Royal palette: coffee brown, ivory, gold */
h1,h2,h3{font-family:Georgia,'Noto Serif Devanagari',serif;letter-spacing:.2px}
header{background:linear-gradient(90deg,#26140c,#3d2314);border-bottom:2px solid var(--gold)}
header b{color:#ecca7a;font-family:Georgia,serif;letter-spacing:1.5px;text-transform:uppercase;font-size:15px}
.lang button,#hb{border-color:var(--gold);color:#ecca7a}.lang button.on{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810}
nav a{background:var(--ac2);border:1px solid var(--gold);color:var(--ink)}
.btn{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810;font-weight:600;border:1px solid #9c7120;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.hero{background:radial-gradient(circle at 50% 0%,#5a3319,#26140c 70%);border:1px solid var(--gold);border-radius:18px;margin-top:14px;color:#f6ecd6;box-shadow:0 6px 20px rgba(60,30,10,.35)}
.hero h1{color:#ecca7a;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.4)}.hero p{color:#e7d8bd}.hero .note{color:#cdb98f}
.hero h1::after{content:"";display:block;width:90px;height:2px;margin:10px auto 0;background:linear-gradient(90deg,transparent,#e2bd62,transparent)}
h2{color:var(--ac);border-bottom:2px solid var(--gold)}
.card{border:1px solid var(--gold);box-shadow:0 1px 6px rgba(90,50,20,.12)}
.st.on,.ag.on{border-color:#b8862b;box-shadow:0 0 0 2px var(--gold)}
.b{background:linear-gradient(135deg,#ecd08a,#d6ad4a);color:#2a1810}
th{color:var(--ac)}a{color:var(--ac)}
input,select,textarea{border:1px solid var(--gold)}
body{background:var(--bg) linear-gradient(180deg,rgba(201,162,75,.08),transparent 240px) no-repeat}

#tabs{flex:0 0 100%;display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:6px;padding:6px 2px 2px!important;scrollbar-width:thin}
#tabs button{white-space:nowrap;border:1px solid var(--gold);background:transparent;color:#ecca7a;border-radius:99px;padding:5px 12px;font:600 13px system-ui,'Noto Sans Devanagari',sans-serif;cursor:pointer}
#tabs button.on{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810}
header{flex-wrap:wrap}#hb{display:none!important}html{scroll-padding-top:110px}
#hmg .st{padding:14px 8px}#hmg small{color:var(--mut);display:block}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero{background:#fdf9ee!important;color:#4a2a17!important;border:2px solid var(--gold)!important;box-shadow:0 6px 22px rgba(60,30,10,.35)!important;padding-top:14px}
.hero p{color:#5a3a24!important}.hero .note{color:#7a6249!important}.hero h1::after{display:none}
.herologo{display:block;width:min(100%,440px);height:auto;margin:0 auto 6px;border-radius:14px}
.hlogo{width:36px;height:36px;border-radius:50%;border:2px solid var(--gold);background:#fdf9ee;object-fit:cover;flex:0 0 auto}
header b{font-size:14px}
.pgr{position:absolute;opacity:0;width:0;height:0;pointer-events:none}

#tabs a{white-space:nowrap;border:1px solid var(--gold);background:transparent;color:#ecca7a;border-radius:99px;padding:5px 12px;font:600 13px system-ui,"Noto Sans Devanagari",sans-serif;cursor:pointer;flex:0 0 auto}
#hmg a.st{cursor:pointer}

body[data-pg=home] #tabs a[data-p="home"]{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810}

body[data-pg=farm] #tabs a[data-p="farm"]{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810}

body[data-pg=origins] #tabs a[data-p="origins"]{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810}

body[data-pg=brew] #tabs a[data-p="brew"]{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810}

body[data-pg=sci] #tabs a[data-p="sci"]{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810}

body[data-pg=art] #tabs a[data-p="art"]{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810}

body[data-pg=biz] #tabs a[data-p="biz"]{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810}

body[data-pg=planet] #tabs a[data-p="planet"]{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810}

body[data-pg=learn] #tabs a[data-p="learn"]{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810}

body[data-pg=more] #tabs a[data-p="more"]{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810}


body[data-pg=gear] #tabs a[data-p="gear"]{background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810}

/* ===== Royal polish ===== */
h1,h2{font-family:Cinzel,Marcellus,Georgia,'Noto Serif Devanagari',serif}
h3{font-family:Marcellus,Georgia,'Noto Serif Devanagari',serif;letter-spacing:.2px}
header b{font-family:Cinzel,Georgia,serif;letter-spacing:2px}
h2{text-align:center;border-bottom:0!important;font-size:21px;letter-spacing:.8px;margin-bottom:12px}
h2::after{content:"───  ⚜  ───";display:block;color:var(--gold);font:14px/1.6 Georgia,serif;letter-spacing:2px;margin-top:2px}
.card{box-shadow:0 1px 6px rgba(90,50,20,.12),inset 0 0 0 3px var(--card),inset 0 0 0 4px rgba(201,162,75,.38)!important}
.hero::before,.hero::after{content:"⚜  ⚜  ⚜";display:block;text-align:center;color:var(--gold);font:13px/1.4 Georgia,serif;letter-spacing:6px;margin:2px 0 6px}
.hero::after{margin:8px 0 0}
.btn{letter-spacing:.3px}
footer.royal{max-width:860px;margin:10px auto 0;padding:22px 16px calc(40px + env(safe-area-inset-bottom,0px));text-align:center;color:var(--mut);font-size:13px}
footer.royal b{font-family:Cinzel,Georgia,serif;color:var(--ac);letter-spacing:2px;font-size:15px;display:block}
footer.royal .orn{color:var(--gold);letter-spacing:8px;margin:6px 0}


header{position:static!important}
@media(max-width:700px){body{font-size:15px;line-height:1.5}.card{padding:12px!important}.hero{padding:10px 6px!important}}
#topbtn{position:fixed;right:14px;bottom:16px;z-index:20;width:46px;height:46px;border-radius:50%;border:2px solid #c9a24b;background:linear-gradient(135deg,#e2bd62,#b8862b);color:#2a1810;font:700 20px system-ui;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.45);display:none}
#topbtn.on{display:block}#lsn{position:fixed;right:14px;bottom:70px;z-index:20;width:46px;height:46px;border-radius:50%;border:2px solid #c9a24b;background:#26140c;color:#ecca7a;font:20px system-ui;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.45)}#lsn.on{background:#ecca7a;color:#26140c}

.sl{width:100%}svg{max-width:100%}.ag{cursor:pointer;text-align:center;font:14px system-ui}.ag.on{border-color:var(--ac);background:var(--ac2)}/* ivory + coffee-brown theme: always light-first, per-page paper shades */
:root{color-scheme:light}
section>h2,main>h2{background:radial-gradient(circle at 50% 0%,#5a3319,#26140c 78%);color:#f6ecd6;border:1px solid var(--gold);border-bottom:3px solid var(--gold);border-radius:12px;padding:10px 14px;margin:22px 0 12px;font-size:19px;box-shadow:0 3px 10px rgba(60,30,10,.22)}
.grid>.card.st{background:linear-gradient(160deg,#fffdf5,#f1e2bd);border:1px solid var(--gold);color:#3b2012;box-shadow:0 3px 8px rgba(60,30,10,.15)}
.grid>.card.st:nth-child(4n+1),.grid>.card.st:nth-child(4n+4){background:radial-gradient(circle at 50% 0%,#6a3d1f,#26140c 80%);color:#f6ecd6;box-shadow:0 3px 10px rgba(30,15,5,.35)}
.grid>.card.st:nth-child(4n+1) small,.grid>.card.st:nth-child(4n+4) small,.grid>.card.st:nth-child(4n+1) b,.grid>.card.st:nth-child(4n+4) b{color:#f6ecd6}
.grid>.card.st:nth-child(4n+2) b,.grid>.card.st:nth-child(4n+3) b,.grid>.card.st:nth-child(4n+2) small,.grid>.card.st:nth-child(4n+3) small{color:#3b2012}
#who .card{background:linear-gradient(180deg,#fffdf5,#f8efd9);border-left:5px solid var(--ac)}
#inst{background:linear-gradient(180deg,#fffdf5,#f8efd9)}
/* paper shades per page (light: ivory, latte, cappuccino; dark: mocha, espresso) */
footer .idg{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 4px;text-align:left}footer .idg img{width:40px;height:40px;border-radius:10px;flex:none}footer .idt{display:flex;flex-direction:column;font-size:13px;line-height:1.35}footer .idt a{color:var(--ac);font-weight:600;text-decoration:underline;text-underline-offset:2px;word-break:break-all}footer .idt a:focus-visible{outline:2px solid #ecca7a;outline-offset:2px}
body[data-pg=farm],body[data-pg=planet]{--bg:#f1e4c6;--card:#fbf3de;--ac2:#e7d4a8}
body[data-pg=sci],body[data-pg=more]{--bg:#e3cfa6;--card:#f7ecd0;--ac2:#d6bd8a;--mut:#6a5238}
body[data-pg=origins],body[data-pg=learn]{--bg:#3d2515;--card:#4d3120;--ink:#f6ecd6;--mut:#d6c19a;--ac:#e8c070;--ac2:#5e3d26;--gold:#d9b25a}
body[data-pg=art]{--bg:#2a1810;--card:#3a2418;--ink:#f6ecd6;--mut:#d6c19a;--ac:#e8c070;--ac2:#4a2e1c;--gold:#d9b25a}
.ph{color:#5a3319}
.out{color:#1f6b40}
.btn[style*="opacity:.5"]{opacity:.72!important}
body[data-pg=origins] .ph,body[data-pg=learn] .ph,body[data-pg=art] .ph{color:#f1dca0}
body[data-pg=origins] .out,body[data-pg=learn] .out,body[data-pg=art] .out{color:#8fdcab}
body[data-pg=origins] section>h2,body[data-pg=learn] section>h2,body[data-pg=art] section>h2{background:linear-gradient(180deg,#f1dca0,#c9a24b);color:#2a1810;border-color:#f6ecd6}

#tabs a{text-decoration:none}
a.card.st{display:block;color:inherit;text-decoration:none}
#hmg a.st{cursor:pointer}
a.btn{text-decoration:none}
.hero{display:block}

.flinks{font-size:13px}.flinks a{color:inherit}

h1.ph{font:700 22px Cinzel,Georgia,serif;color:#5a3319;text-align:center;margin:14px 0 4px}

/* ---- Coffee Stories of the World ---- */
#wstory .cst>summary{list-style:none;display:block;line-height:1.35;position:relative;padding-right:22px}
#wstory .cst>summary::-webkit-details-marker{display:none}
#wstory .cst>summary::after{content:"＋";position:absolute;right:0;top:0;color:var(--ac);font-weight:700}
#wstory .cst[open]>summary::after{content:"－"}
#wstory .stm{display:block;font-weight:400;margin-top:2px}
#wstory .sthk{display:block;font-weight:400;font-style:italic;font-size:14px;margin-top:3px}
#wstory .stp{padding-left:0;list-style:none;margin:10px 0 0}
#wstory .stp li{margin:0 0 9px;line-height:1.5}
#wstory .sts{padding-left:18px;margin:0}
#wstory .stl{font-weight:700;min-width:0}
#wstory .stD{background:#d9ead3!important;color:#1d4a1a!important}
#wstory .stT{background:#fde9c4!important;color:#6a4206!important}
#wstory .stL{background:#ead8f2!important;color:#4e1f66!important}
#wstory .stN{background:#e3e7ee!important;color:#2b3a52!important}
#wstory #stc .btn{opacity:.55}
#wstory #stc .btn.on{opacity:1}
#wstory .cst.hit{box-shadow:0 0 0 3px var(--gold)!important}
#wstory .stsh{margin:6px 0 0;text-align:right}

/* ---- v2 photo look ---- */
.hero.pg-home{background:linear-gradient(180deg,rgba(18,9,4,.45),rgba(18,9,4,.85)),url(ph-hero.webp) center/cover!important;color:#fff6e8!important}
.hero.pg-home p{color:#fff6e8!important}.hero.pg-home .note{color:#f3dcb4!important}
.hero.pg-home .herologo{border-radius:50%;width:min(80%,380px);box-shadow:0 10px 40px rgba(0,0,0,.6)}
h1.ph{background-size:cover;background-position:center;color:#fff!important;padding:46px 14px;border-radius:18px;margin:12px 8px 6px;text-shadow:0 2px 10px rgba(0,0,0,.6)}
#hmg .card{background-size:cover;background-position:center;color:#fff!important;min-height:96px;display:flex;flex-direction:column;justify-content:flex-end;text-shadow:0 1px 6px rgba(0,0,0,.7);border:0}
#hmg .card b{color:#fff}
body[data-pg="farm"] h1.ph{background-image:linear-gradient(180deg,rgba(20,10,4,.25),rgba(20,10,4,.7)),url(ph-farm.webp)}body[data-pg="origins"] h1.ph{background-image:linear-gradient(180deg,rgba(20,10,4,.25),rgba(20,10,4,.7)),url(ph-origins.webp)}body[data-pg="brew"] h1.ph{background-image:linear-gradient(180deg,rgba(20,10,4,.25),rgba(20,10,4,.7)),url(ph-brew.webp)}body[data-pg="sci"] h1.ph{background-image:linear-gradient(180deg,rgba(20,10,4,.25),rgba(20,10,4,.7)),url(ph-sci.webp)}body[data-pg="art"] h1.ph{background-image:linear-gradient(180deg,rgba(20,10,4,.25),rgba(20,10,4,.7)),url(ph-art.webp)}body[data-pg="biz"] h1.ph{background-image:linear-gradient(180deg,rgba(20,10,4,.25),rgba(20,10,4,.7)),url(ph-biz.webp)}body[data-pg="planet"] h1.ph{background-image:linear-gradient(180deg,rgba(20,10,4,.25),rgba(20,10,4,.7)),url(ph-planet.webp)}body[data-pg="learn"] h1.ph{background-image:linear-gradient(180deg,rgba(20,10,4,.25),rgba(20,10,4,.7)),url(ph-learn.webp)}body[data-pg="gear"] h1.ph{background-image:linear-gradient(180deg,rgba(20,10,4,.25),rgba(20,10,4,.7)),url(ph-gear.webp)}body[data-pg="more"] h1.ph{background-image:linear-gradient(180deg,rgba(20,10,4,.25),rgba(20,10,4,.7)),url(ph-more.webp)}body[data-pg="daily"] h1.ph{background-image:linear-gradient(180deg,rgba(20,10,4,.25),rgba(20,10,4,.7)),url(ph-daily.webp)}#hmg .card:nth-child(1){background-image:linear-gradient(180deg,rgba(20,10,4,.15),rgba(20,10,4,.78)),url(ph-farm.webp)}#hmg .card:nth-child(2){background-image:linear-gradient(180deg,rgba(20,10,4,.15),rgba(20,10,4,.78)),url(ph-origins.webp)}#hmg .card:nth-child(3){background-image:linear-gradient(180deg,rgba(20,10,4,.15),rgba(20,10,4,.78)),url(ph-brew.webp)}#hmg .card:nth-child(4){background-image:linear-gradient(180deg,rgba(20,10,4,.15),rgba(20,10,4,.78)),url(ph-sci.webp)}#hmg .card:nth-child(5){background-image:linear-gradient(180deg,rgba(20,10,4,.15),rgba(20,10,4,.78)),url(ph-art.webp)}#hmg .card:nth-child(6){background-image:linear-gradient(180deg,rgba(20,10,4,.15),rgba(20,10,4,.78)),url(ph-biz.webp)}#hmg .card:nth-child(7){background-image:linear-gradient(180deg,rgba(20,10,4,.15),rgba(20,10,4,.78)),url(ph-planet.webp)}#hmg .card:nth-child(8){background-image:linear-gradient(180deg,rgba(20,10,4,.15),rgba(20,10,4,.78)),url(ph-learn.webp)}#hmg .card:nth-child(9){background-image:linear-gradient(180deg,rgba(20,10,4,.15),rgba(20,10,4,.78)),url(ph-gear.webp)}#hmg .card:nth-child(10){background-image:linear-gradient(180deg,rgba(20,10,4,.15),rgba(20,10,4,.78)),url(ph-more.webp)}
.v2stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 4px}
.v2stats span{background:var(--card);border:1px solid var(--ac2);border-radius:999px;padding:6px 14px;font:600 14px system-ui,'Noto Sans Devanagari',sans-serif}
.v2steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.v2steps a{display:block;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;background-size:cover;background-position:center;min-height:150px;position:relative}
.v2steps a span{position:absolute;left:0;right:0;bottom:0;padding:12px;background:linear-gradient(180deg,transparent,rgba(15,7,3,.85));font:600 clamp(12px,3.4vw,16px)/1.3 system-ui,'Noto Sans Devanagari',sans-serif}
.v2steps a b{display:block;font-size:12px;letter-spacing:.08em;color:#f3c77a}
.mk{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:10px}
.mk .card{position:relative;padding-top:14px}
.mk .mkh{display:flex;gap:10px;align-items:center}
.mk .mke{font-size:30px;width:52px;height:52px;border-radius:14px;background:var(--ac2);display:flex;align-items:center;justify-content:center;flex:none}
.mk .mkn{font:700 17px system-ui,'Noto Sans Devanagari',sans-serif;margin:0}
.mk .mkm{font-size:13px;color:var(--mut)}
.mk .mkt{display:inline-block;font:600 12px system-ui,sans-serif;background:#e3efe0;color:#1d4a1a;border-radius:999px;padding:2px 10px;margin:8px 0 4px}
.mk .mky{background:#fff3dc;color:#3a2410!important;border-radius:10px;padding:8px 10px;font-size:14px;margin:8px 0}.mk .mky b{color:#7a3e12!important}
.mk .mkl{font-size:13px}
.v2cred{columns:2;font-size:13px}

/* royal frame on v2 parts (keeps the gold-brown identity) */
.hero.pg-home{border:2px solid var(--gold)!important;box-shadow:0 0 0 4px rgba(201,162,75,.18),0 8px 26px rgba(40,20,8,.45)!important}
.hero.pg-home .herologo{border:3px solid var(--gold)}
h1.ph{border:2px solid var(--gold);box-shadow:inset 0 0 0 5px rgba(20,10,4,.35),inset 0 0 0 6px rgba(226,189,98,.55),0 4px 14px rgba(40,20,8,.35);font-family:Cinzel,Marcellus,Georgia,'Noto Serif Devanagari',serif;letter-spacing:1.5px;color:#f3d48a!important}
#hmg .card{border:1.5px solid var(--gold)!important;box-shadow:inset 0 0 0 4px rgba(20,10,4,.25),inset 0 0 0 5px rgba(226,189,98,.5),0 3px 10px rgba(40,20,8,.3)}
#hmg .card b{font-family:Marcellus,Georgia,'Noto Serif Devanagari',serif;color:#f6dc9c!important;letter-spacing:.4px}
.v2stats span{background:radial-gradient(circle at 50% 0%,#5a3319,#26140c 85%);color:#f3d48a;border:1px solid var(--gold);font-family:Marcellus,Georgia,'Noto Serif Devanagari',serif}
.v2steps a{border:1.5px solid var(--gold);box-shadow:inset 0 0 0 4px rgba(20,10,4,.25),inset 0 0 0 5px rgba(226,189,98,.5)}
.v2steps a span{font-family:Marcellus,Georgia,'Noto Serif Devanagari',serif}
.v2steps a b{font-family:Cinzel,Georgia,serif;letter-spacing:2px}
#v2strip h2{font-family:Cinzel,Marcellus,Georgia,'Noto Serif Devanagari',serif}
#v2strip h2::after{content:"⚜";display:block;color:var(--gold);font-size:14px;margin-top:2px}
.mk .card{border:1.5px solid var(--gold)!important}
.mk .mke{background:radial-gradient(circle at 50% 0%,#5a3319,#26140c 85%);border:1px solid var(--gold)}
.mk .mkn{font-family:Cinzel,Marcellus,Georgia,'Noto Serif Devanagari',serif;color:var(--ac);letter-spacing:.5px}
.mk .mkt{background:transparent;color:var(--ac);border:1px solid var(--gold)}

/* ---- quiz ---- */
#cpqz{background:radial-gradient(circle at 50% 0%,#5a3319,#26140c 80%);border:1.5px solid var(--gold);border-radius:18px;padding:18px 14px;color:#f6ecd6;box-shadow:inset 0 0 0 4px rgba(20,10,4,.3),inset 0 0 0 5px rgba(226,189,98,.45)}
#cpqz .qzq{font-family:Cinzel,Marcellus,Georgia,'Noto Serif Devanagari',serif;color:#f3d48a;text-align:center;font-size:20px;margin:8px 0 14px}
#cpqz .qzn{text-align:center;color:#d9c39a;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin:4px 0}
#cpqz .qzo{display:grid;gap:10px}
#cpqz .qzo .btn{width:100%;text-align:left;padding:12px 14px;font-size:16px}
#cpqz .qzbar{height:6px;background:rgba(255,255,255,.12);border-radius:6px;overflow:hidden}
#cpqz .qzbar span{display:block;height:100%;background:linear-gradient(90deg,#c9a24b,#f3d48a);transition:width .3s}
#cpqz .qzback{background:none;border:0;color:#d9c39a;cursor:pointer;font-size:14px;margin-top:8px}
#cpqz p,#cpqz a{color:#f6ecd6}#cpqz .note{color:#d9c39a}
#cpqz .qzr{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px 0}
#cpqz .qzr span{border:1px solid var(--gold);border-radius:999px;padding:4px 10px;font-size:13px;color:#f3d48a}

/* ---- label guide ---- */
.lbw{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:16px;align-items:start}
@media(max-width:760px){.lbw{grid-template-columns:1fr}}
.lbag{position:relative;margin:8px auto;max-width:340px;padding:46px 18px 20px;border-radius:14px 14px 22px 22px;
 background:linear-gradient(135deg,#c79a63,#a8743f 55%,#8d5d31);box-shadow:0 12px 28px rgba(40,20,8,.45),inset 0 0 0 2px rgba(255,255,255,.12)}
.lbag:before{content:"";position:absolute;left:0;right:0;top:0;height:30px;border-radius:14px 14px 0 0;
 background:repeating-linear-gradient(90deg,#7a4e28 0 6px,#8d5d31 6px 12px);box-shadow:0 2px 0 rgba(0,0,0,.2)}
.lbag .lbtop{position:absolute;top:36px;right:18px;width:26px;height:26px;border-radius:50%;background:#3b2414;border:3px solid #d9b25a;box-shadow:inset 0 0 0 3px #3b2414,inset 0 0 0 5px #d9b25a}
.lbl{background:#fbf3e3;border:2px solid #d9b25a;border-radius:10px;padding:12px 10px;box-shadow:inset 0 0 0 4px #fbf3e3,inset 0 0 0 5px rgba(201,162,75,.6);color:#3a2216}
.lbl .lbbrand{text-align:center;font-family:Cinzel,Marcellus,Georgia,'Noto Serif Devanagari',serif;font-size:19px;color:#5a2e12;letter-spacing:1px;margin:2px 0}
.lbl .lbsub{text-align:center;font-size:11px;color:#8a6a48;letter-spacing:1.5px;margin-bottom:8px}
.lbl button{display:flex;gap:8px;align-items:center;width:100%;text-align:left;background:none;border:0;border-top:1px dashed rgba(122,78,40,.35);padding:7px 2px;font:14px/1.3 system-ui,'Noto Sans Devanagari',sans-serif;color:#3a2216;cursor:pointer}
.lbl button:hover,.lbl button.on{background:rgba(217,178,90,.22)}
.lbl button i{flex:none;font-style:normal;width:22px;height:22px;border-radius:50%;background:#5a2e12;color:#f6dc9c;font:700 12px/22px system-ui;text-align:center;box-shadow:0 0 0 2px #d9b25a}
.lbinfo details{margin:6px 0}
.lbinfo details[open]{border-color:var(--gold)!important;box-shadow:0 0 0 2px rgba(217,178,90,.35)}
.lbinfo summary b i{font-style:normal;display:inline-block;min-width:22px;height:22px;border-radius:50%;background:#5a2e12;color:#f6dc9c;font:700 12px/22px system-ui;text-align:center;margin-right:6px}
.lbtip{background:#fff3dc;color:#3a2410!important;border-left:4px solid var(--gold);border-radius:8px;padding:8px 10px;margin:8px 0 2px;font-size:14px}

/* ---- gift finder ---- */
.gfbar{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.gfbar button{border:1px solid var(--gold);background:transparent;color:inherit;border-radius:999px;padding:6px 12px;font:14px system-ui,'Noto Sans Devanagari',sans-serif;cursor:pointer}
.gfbar button.on{background:radial-gradient(circle at 50% 0%,#5a3319,#26140c 85%);color:#f3d48a}
.gfsel{padding:8px 10px;border-radius:10px;border:1px solid var(--gold);font:15px system-ui,'Noto Sans Devanagari',sans-serif;max-width:100%}
.gfg{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:10px}
.gfg .card{border:1.5px solid var(--gold)!important;margin:0}
.gfg .gfe{font-size:28px;float:left;margin:0 10px 4px 0;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0%,#5a3319,#26140c 85%);border:1px solid var(--gold)}
.gfg .gfn{font-family:Marcellus,Georgia,'Noto Serif Devanagari',serif;font-weight:700;margin:0 0 4px}
.gfg .gfp{display:inline-block;font:600 12px system-ui,sans-serif;border:1px solid var(--gold);border-radius:999px;padding:1px 8px;margin:2px 4px 2px 0}
.gfg .gft{font-size:12px;color:var(--mut)}
.gfocc{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.gfmsg{display:flex;gap:8px;align-items:center;justify-content:space-between;border-top:1px dashed rgba(201,162,75,.5);padding:8px 0}
.gfmsg button{flex:none}

/* ---- coffee calendar ---- */
.ccbar{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin:10px 0 4px}
.ccbar button{border:0;border-radius:8px;padding:8px 0;font:600 12px system-ui,'Noto Sans Devanagari',sans-serif;cursor:pointer;color:#fff;outline-offset:2px}
.ccbar button.lt{color:#3a2216}
.ccbar button.on{box-shadow:0 0 0 3px var(--gold),0 0 0 5px rgba(201,162,75,.35);transform:translateY(-2px)}
.cclg{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin:4px 0 10px}
.cclg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:4px;vertical-align:-1px;border:1px solid rgba(0,0,0,.15)}
.ccp{background:radial-gradient(circle at 50% 0%,#5a3319,#26140c 80%);border:1.5px solid var(--gold);border-radius:18px;padding:16px 14px;color:#f6ecd6;box-shadow:inset 0 0 0 4px rgba(20,10,4,.3),inset 0 0 0 5px rgba(226,189,98,.45)}
.ccp h3{font-family:Cinzel,Marcellus,Georgia,'Noto Serif Devanagari',serif;color:#f3d48a;text-align:center;margin:2px 0}
.ccp .ccs{text-align:center;color:#d9c39a;font-size:13px;letter-spacing:1.2px;margin-bottom:10px}
.ccp .ccbox{background:rgba(255,255,255,.06);border:1px solid rgba(217,178,90,.45);border-radius:12px;padding:10px 12px;margin:8px 0}
.ccp .ccbox b{color:#f3d48a}
.ccp .ccd{display:inline-block;border:1px solid var(--gold);border-radius:999px;padding:3px 10px;margin:3px 4px 0 0;font-size:13px;color:#f6dc9c}
.ccp .cctag{display:inline-block;border-radius:999px;padding:2px 10px;font:600 12px system-ui,sans-serif;margin-left:6px;vertical-align:2px}
.ccnow{text-align:center;font-weight:700;margin:6px 0}
.ccp a{color:#f6dc9c}

/* ---- why story ---- */
.why{background:linear-gradient(180deg,#fffaf0,#f7ead0);color:#3a2216!important;border:1.5px solid var(--gold);border-radius:16px;padding:16px 16px 12px;
 box-shadow:inset 0 0 0 5px #fffaf0,inset 0 0 0 6px rgba(201,162,75,.5);font-family:Georgia,'Noto Serif Devanagari',serif;line-height:1.7}
.why h2{font-family:Cinzel,Marcellus,Georgia,'Noto Serif Devanagari',serif;color:#5a2e12!important;text-align:center;margin:0 0 8px;font-size:20px}
.why p{color:#3a2216!important;margin:0 0 8px}
.why em{color:#7a3e12;display:block;text-align:center;margin-top:4px;font-size:17px}
.why .wsig{text-align:right;color:#7a3e12!important;font-style:italic;margin:0}

/* ---- heart-to-heart ---- */
.tkess{background:linear-gradient(180deg,#fffaf0,#f7ead0);border:2px solid var(--gold);border-radius:18px;padding:18px 16px;color:#3a2216!important;box-shadow:inset 0 0 0 5px #fffaf0,inset 0 0 0 6px rgba(201,162,75,.6);font-family:Georgia,'Noto Serif Devanagari',serif;line-height:1.75}
.tkess p{color:#3a2216!important;margin:0 0 10px}
.tkess .tkq1{font-family:Marcellus,Georgia,'Noto Serif Devanagari',serif;font-size:19px;color:#7a3e12!important;text-align:center;font-style:italic}
.tkess .tkq2{border-top:1px solid var(--gold);padding-top:12px;margin-top:12px!important;text-align:center;font-weight:700;color:#5a2e12!important;font-size:17px}
.tkbox{background:radial-gradient(circle at 50% 0%,#5a3319,#26140c 80%);border:1.5px solid var(--gold);border-radius:18px;padding:16px 14px;color:#f6ecd6;margin-top:14px;box-shadow:inset 0 0 0 4px rgba(20,10,4,.3),inset 0 0 0 5px rgba(226,189,98,.45)}
.tkbox h3{font-family:Cinzel,Marcellus,Georgia,'Noto Serif Devanagari',serif;color:#f3d48a;text-align:center;margin:2px 0 10px}
.tkbox .note,.tkbox label{color:#d9c39a}
.tkdeck,.tkth{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:6px 0 12px}
.tkdeck button,.tkth button{border:1px solid var(--gold);background:transparent;color:#f6dc9c;border-radius:999px;padding:6px 12px;font:14px system-ui,'Noto Sans Devanagari',sans-serif;cursor:pointer;text-align:left}
.tkdeck button.on,.tkth button.on{background:#f3d48a;color:#3a2216}
#tkq{background:linear-gradient(180deg,#fffaf0,#f3e2c0);color:#3a2216;border:2px solid var(--gold);border-radius:16px;min-height:150px;display:flex;align-items:center;justify-content:center;padding:20px 18px;text-align:center;box-shadow:0 10px 24px rgba(0,0,0,.35)}
#tkq p{font:600 20px/1.5 Georgia,'Noto Serif Devanagari',serif;margin:0;color:#3a2216}
#tkq.flip{animation:tkflip .45s ease}
@keyframes tkflip{from{transform:rotateY(80deg);opacity:.2}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){#tkq.flip{animation:none}}
.tktpl{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:6px 0 12px}
@media(max-width:600px){.tktpl{grid-template-columns:repeat(3,1fr)}}
.tktpl .tkgrp{grid-column:1/-1;margin:8px 0 0;color:#f3d48a;font:600 14px Marcellus,Georgia,'Noto Serif Devanagari',serif;text-align:left}
.tktpl button{background:none;border:2px solid transparent;border-radius:12px;padding:3px;cursor:pointer;color:#f6dc9c;font:12px/1.2 system-ui,'Noto Sans Devanagari',sans-serif}
.tktpl button canvas{width:100%;height:auto;display:block;border-radius:8px}
.tktpl button span{display:block;margin-top:4px}
.tktpl button.on{border-color:#f3d48a;box-shadow:0 0 0 3px rgba(243,212,138,.35)}
.tkin{display:grid;gap:8px;margin:8px 0}
.tkin input,.tkin textarea{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid var(--gold);padding:9px 10px;font:15px system-ui,'Noto Sans Devanagari',sans-serif;background:#fffaf0;color:#3a2216}
.tktips{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:14px}
.tktips .card{border:1.5px solid var(--gold)!important;margin:0}

/* ---- app install ---- */
#appinst{display:flex;align-items:center;gap:12px;background:radial-gradient(circle at 50% 0%,#5a3319,#26140c 85%);color:#f6ecd6;border:1.5px solid var(--gold);border-radius:16px;padding:12px 14px;margin:12px 0}
#appinst[hidden]{display:none}
#appinst img{width:52px;height:52px;border-radius:12px;border:2px solid var(--gold);flex:none}
#appinst b{color:#f3d48a;font-family:Marcellus,Georgia,'Noto Serif Devanagari',serif}
#appinst p{margin:2px 0 0;font-size:13px;color:#e9dcc2}
#appinst .btn{margin-left:auto;flex:none}
#appinst .aitip{color:#f6dc9c}