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

  body{margin:0; background:var(--kyyeu-bg,#FBF2E3); color:#3A2418; font-family:'Literata',serif; line-height:1.7; overflow-x:hidden; position:relative;}
  .wrap{max-width:720px; margin:0 auto; position:relative; z-index:2;}
  @media (prefers-reduced-motion: reduce){ .petal{display:none;} }

  /* HOA PHƯỢNG RƠI */
  .petal-field{position:fixed; inset:0; pointer-events:none; z-index:1; overflow:hidden;}
  .petal{position:absolute; top:-30px; width:14px; height:14px; opacity:.85; animation:fall linear infinite;}
  .petal::before{content:""; position:absolute; inset:0; background:#D64541; border-radius:0 70% 0 70%; transform:rotate(20deg);}
  @keyframes fall{
    0%{transform:translateY(-30px) rotate(0deg); opacity:.9;}
    100%{transform:translateY(105vh) rotate(300deg); opacity:.7;}
  }

  .cover{padding:60px 24px 34px; text-align:center; position:relative; z-index:2;}
  .eyebrow{font-size:12px; letter-spacing:.2em; color:#B5461F; margin-bottom:14px;}
  .cover-photo{width:200px; height:200px; border-radius:50%; margin:0 auto 20px; border:6px solid #fff; box-shadow:0 0 0 3px #D64541, 0 18px 36px rgba(58,36,24,.25);}
  .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(56px * var(--kyyeu-heading-scale)); margin:0 0 6px; color:var(--kyyeu-accent);}
  .cover p{margin:0; font-size:14.5px; color:#6B4A34;}
  .cover .tagline{font-family:'Patrick Hand','Caveat',cursive; font-size:22px; color:#D64541; margin-top:14px;}

  .section{padding:50px 24px 8px; position:relative; z-index:2;}
  .section-head{text-align:center; margin-bottom:28px;}
  .section h2{font-family:var(--kyyeu-heading-font); font-weight:600; font-size:calc(34px * var(--kyyeu-heading-scale)); color:var(--kyyeu-accent); margin:0 0 4px;}
  .section .sub{font-size:13.5px; color:#8A6A4E;}

  /* KHUNG ẢNH LÁ THƯ MÙA HẠ */
  .letter-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
  .letter-card{background:#fff; padding:10px 10px 34px; box-shadow:0 12px 26px rgba(181,70,31,.15); position:relative;}
  .letter-card::before{content:"✿"; position:absolute; top:6px; right:10px; color:#D64541; font-size:14px;}
  .letter-card img{width:100%; height:130px; object-fit:cover; display:block;}
  .letter-card figcaption{font-family:'Patrick Hand','Caveat',cursive; font-size:18px; text-align:center; margin-top:8px; color:#3A2418;}
  .letter-card:nth-child(odd){transform:rotate(-1.5deg);}
  .letter-card:nth-child(even){transform:rotate(1.2deg);}

  .see-full{text-align:center; margin:24px 0 0;}
  .see-full a{font-family:'Patrick Hand','Caveat',cursive; font-size:21px; color:#B5461F; text-decoration:none; border-bottom:1px dashed #D64541;}

  /* LỜI NHẮN — TIẾNG VE MÙA HẠ */
  .notes{max-width:520px; margin:0 auto;}
  .note{background:#fff; border-left:4px solid #D64541; padding:16px 20px; margin-bottom:14px; box-shadow:0 6px 16px rgba(181,70,31,.08); position:relative;}
  .note p{margin:0 0 8px; font-size:15px;}
  .note cite{font-family:'Patrick Hand','Caveat',cursive; font-size:18px; color:#B5461F;}

  /* DÒNG THỜI GIAN MÙA PHƯỢNG */
  .phuong-timeline{max-width:520px; margin:0 auto; position:relative; padding-left:24px;}
  .phuong-timeline::before{content:""; position:absolute; left:5px; top:4px; bottom:4px; width:2px; background:#D64541; opacity:.4;}
  .pt-item{position:relative; margin-bottom:26px;}
  .pt-item .pt-dot{position:absolute; left:-24px; top:4px; width:11px; height:11px; border-radius:50%; background:#D64541; box-shadow:0 0 0 4px #FBF2E3;}
  .pt-item strong{font-family:'Patrick Hand','Caveat',cursive; font-size:21px; color:#B5461F;}
  .pt-item p{margin:4px 0 0; font-size:14.5px; color:#5B4232;}

  /* KỶ LỤC VUI CỦA LỚP */
  .award-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; max-width:480px; margin:0 auto;}
  .award-card{background:#fff; border-radius:12px; padding:18px 14px; text-align:center; box-shadow:0 8px 18px rgba(181,70,31,.1);}
  .award-icon{font-size:26px; display:block; margin-bottom:8px;}
  .award-card strong{display:block; font-size:13.5px; color:#3A2418; margin-bottom:4px; font-weight:500;}
  .award-card span{font-family:'Patrick Hand','Caveat',cursive; font-size:19px; color:#B5461F;}

  .share{margin:56px 24px 30px; padding:38px 24px; text-align:center; border-radius:6px; background:#B5461F; color:#FBF2E3; position:relative; overflow:hidden;}
  .share h2{font-family:'Patrick Hand','Caveat',cursive; font-size:32px; margin:0 0 6px; position:relative;}
  .share p{font-size:13.5px; margin:0 0 18px; color:#F2CBB8; position:relative;}
  #qrcode{position:relative; background:#fff; display:inline-block; padding:8px; border-radius:8px; margin-bottom:14px;}
  .link-row{position:relative; display:flex; justify-content:center; gap:8px; flex-wrap:wrap; font-size:13px;}
  .link-row code{background:rgba(251,242,227,.15); padding:6px 12px; border-radius:20px;}
  .link-row button{background:#FBF2E3; color:#B5461F; 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:#8A6A4E; padding:0 20px 40px; position:relative; z-index:2;}