*{box-sizing:border-box;}
:root{--kyyeu-accent:#26323D; --kyyeu-heading-font:'Patrick Hand','Caveat',cursive; --kyyeu-heading-scale:1;}

  body{margin:0; background:var(--kyyeu-bg,#F3EAD8); color:#3A2E1E; font-family:'Literata',serif; line-height:1.7;}
  .wrap{max-width:720px; margin:0 auto;}

  .cover{padding:52px 24px 34px; text-align:center; background:#26323D; color:#F3EAD8;}
  .eyebrow{font-size:12px; letter-spacing:.2em; color:#C9A24B; margin-bottom:16px;}
  .cover-photo{width:170px; height:170px; border-radius:50%; margin:0 auto 20px; border:6px double #C9A24B;}
  .cover-photo img{width:100%; height:100%; object-fit:cover; border-radius:50%;}
  .cover h1{font-family:var(--kyyeu-heading-font); font-weight:700; font-size:calc(44px * var(--kyyeu-heading-scale)); margin:0 0 6px;}
  .cover p{margin:0; font-size:14px; color:#B9C4C9;}

  .section{padding:48px 24px 8px;}
  .section-head{text-align:center; margin-bottom:26px;}
  .section h2{font-family:var(--kyyeu-heading-font); font-weight:600; font-size:calc(32px * var(--kyyeu-heading-scale)); color:var(--kyyeu-accent); margin:0 0 4px;}
  .section .sub{font-size:13.5px; color:#7A6C56;}

  /* BẢNG ĐEN VIẾT PHẤN — HIỆU ỨNG GÕ CHỮ */
  .chalkboard{max-width:560px; margin:0 auto; background:#26323D; border-radius:6px; padding:30px 26px; box-shadow:0 16px 34px rgba(0,0,0,.2); min-height:90px;}
  .chalk-line{font-family:'Patrick Hand','Caveat',cursive; font-size:24px; color:#F3EAD8; white-space:pre-wrap;}
  .chalk-cursor{display:inline-block; width:2px; background:#C9A24B; animation:blink 1s step-end infinite; margin-left:1px;}
  @keyframes blink{50%{opacity:0;}}

  /* KHUNG ẢNH VẾT CÀ PHÊ */
  .coffee-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px 14px;}
  .coffee-card{text-align:center;}
  .coffee-ring{width:120px; height:120px; border-radius:50%; margin:0 auto; padding:6px; box-shadow:0 0 0 2px rgba(92,58,33,.35), 0 0 0 7px transparent, inset 0 0 0 1px rgba(92,58,33,.15); position:relative;}
  .coffee-ring::before{content:""; position:absolute; inset:-9px; border-radius:50%; border:2px solid rgba(92,58,33,.18);}
  .coffee-ring img{width:100%; height:100%; object-fit:cover; border-radius:50%;}
  .coffee-cap{font-size:12.5px; color:#5C3A21; margin-top:8px; font-style:italic;}

  .see-full{text-align:center; margin:22px 0 0;}
  .see-full a{font-family:'Patrick Hand','Caveat',cursive; font-size:20px; color:#26323D; text-decoration:none; border-bottom:1px dashed #C9A24B;}

  .notes{max-width:520px; margin:0 auto; display:grid; gap:14px;}
  .note{background:#fff; border-radius:10px; padding:16px 20px; box-shadow:0 8px 18px rgba(92,58,33,.08);}
  .note p{margin:0 0 8px; font-size:14.5px;}
  .note cite{font-family:'Patrick Hand','Caveat',cursive; font-size:18px; color:#5C3A21;}

  /* THỰC ĐƠN KỶ NIỆM */
  .menu{max-width:480px; margin:0 auto; background:#fff; border-radius:10px; padding:8px 0; box-shadow:0 10px 24px rgba(92,58,33,.1);}
  .menu-item{display:flex; justify-content:space-between; align-items:baseline; padding:14px 22px; border-bottom:1px dashed #E4D8BE;}
  .menu-item:last-child{border-bottom:none;}
  .menu-item .m-name{font-size:14.5px; color:#3A2E1E;}
  .menu-item .m-price{font-family:'Patrick Hand','Caveat',cursive; font-size:19px; color:#C9A24B;}

  /* CON SỐ 4 NĂM */
  .stat-row{display:flex; justify-content:center; gap:24px; flex-wrap:wrap; max-width:520px; margin:0 auto;}
  .stat-chip{text-align:center; background:#26323D; color:#F3EAD8; border-radius:10px; padding:16px 18px; min-width:96px;}
  .stat-chip strong{display:block; font-family:'Patrick Hand','Caveat',cursive; font-size:24px; color:#C9A24B;}
  .stat-chip span{font-size:11px; letter-spacing:.03em; color:#B9C4C9;}

  .share{margin:52px 24px 30px; padding:36px 24px; text-align:center; border-radius:6px; background:#5C3A21; color:#F3EAD8;}
  .share h2{font-family:'Patrick Hand','Caveat',cursive; font-size:30px; margin:0 0 6px;}
  .share p{font-size:13.5px; margin:0 0 18px; color:#E4C89A;}
  #qrcode{background:#fff; display:inline-block; padding:8px; border-radius:8px; margin-bottom:14px;}
  .link-row{display:flex; justify-content:center; gap:8px; flex-wrap:wrap; font-size:13px;}
  .link-row code{background:rgba(243,234,216,.15); padding:6px 12px; border-radius:20px;}
  .link-row button{background:#C9A24B; color:#3A2E1E; border:none; padding:6px 14px; border-radius:20px; font-size:12.5px; font-weight:700; cursor:pointer;}

  .foot{text-align:center; font-size:12px; color:#7A6C56; padding:0 20px 40px;}