html{background:#0B0E1F; color-scheme:dark;}
*{box-sizing:border-box;}
:root{--kyyeu-accent:#8FA0E8; --kyyeu-heading-font:'Cormorant Garamond',serif; --kyyeu-heading-scale:1;}

body{margin:0; background:var(--kyyeu-bg,#0B0E1F); color:#E4E6F5; font-family:'Literata',serif; line-height:1.7; overflow-x:hidden;}
.wrap{max-width:720px; margin:0 auto; position:relative; z-index:2;}
@media (prefers-reduced-motion: reduce){ .orbit-ring{animation:none !important;} }

.nebula{
  position:fixed; inset:0; z-index:0;
  background:
    radial-gradient(circle at 20% 30%, rgba(120,90,220,.25), transparent 45%),
    radial-gradient(circle at 80% 70%, rgba(60,160,220,.2), transparent 45%),
    radial-gradient(circle at 50% 90%, rgba(220,90,180,.15), transparent 45%);
  animation:nebulaShift 30s ease-in-out infinite alternate;
}
@keyframes nebulaShift{0%{filter:hue-rotate(0deg);} 100%{filter:hue-rotate(40deg);}}

.cover{padding:56px 24px 30px; text-align:center; position:relative; z-index:2;}
.eyebrow{font-size:12px; letter-spacing:.25em; color:#8FA0E8; margin-bottom:16px;}
.cover h1{font-family:var(--kyyeu-heading-font); font-style:italic; font-weight:600; font-size:calc(44px * var(--kyyeu-heading-scale)); margin:0 0 8px; color:var(--kyyeu-accent);}
.cover p{margin:0; font-size:14px; color:#A6ACD6;}

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

.orbit-system{position:relative; width:100%; max-width:480px; aspect-ratio:1; margin:20px auto;}
.sun{position:absolute; top:50%; left:50%; width:90px; height:90px; transform:translate(-50%,-50%); border-radius:50%; overflow:hidden; box-shadow:0 0 40px 10px rgba(255,210,120,.4); border:2px solid rgba(255,210,120,.6); z-index:3;}
.sun img{width:100%; height:100%; object-fit:cover;}
.orbit-ring{
  position:absolute; top:50%; left:50%; border:1px dashed rgba(230,230,255,.15);
  border-radius:50%; transform:translate(-50%,-50%);
}
.orbit-ring.o1{width:150px; height:150px; animation:spin 18s linear infinite;}
.orbit-ring.o2{width:210px; height:210px; animation:spin 26s linear infinite reverse;}
.orbit-ring.o3{width:270px; height:270px; animation:spin 34s linear infinite;}
.orbit-ring.o4{width:330px; height:330px; animation:spin 42s linear infinite reverse;}
.orbit-ring.o5{width:390px; height:390px; animation:spin 50s linear infinite;}
.orbit-ring.o6{width:440px; height:440px; animation:spin 58s linear infinite reverse;}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg);}}
.planet{
  position:absolute; top:0; left:50%; width:46px; height:46px; margin-left:-23px; margin-top:-23px;
  border-radius:50%; overflow:hidden; cursor:pointer; border:2px solid rgba(255,255,255,.5);
  box-shadow:0 0 14px 2px rgba(255,255,255,.15); transition:transform .2s;
}
.planet:hover{transform:scale(1.2);}
.planet img{width:100%; height:100%; object-fit:cover;}

.see-full{text-align:center; margin:16px 0 0;}
.see-full a{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:15px; color:#B7C0F0; text-decoration:none; border-bottom:1px solid rgba(183,192,240,.5);}

.notes{max-width:520px; margin:0 auto;}
.note{background:rgba(255,255,255,.04); border:1px solid rgba(143,160,232,.2); border-radius:12px; padding:16px 18px; margin-bottom:14px;}
.note p{margin:0 0 8px; font-size:14.5px;}
.note cite{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:13px; color:#8FA0E8;}

.share{margin:44px 24px 30px; padding:36px 24px; text-align:center; border-radius:20px; background:rgba(255,255,255,.04); border:1px solid rgba(143,160,232,.25); position:relative; z-index:2;}
.share h2{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:26px; margin:0 0 6px;}
.share p{font-size:13px; margin:0 0 18px; color:#A6ACD6;}
#qrcode{background:#fff; display:inline-block; padding:8px; border-radius:10px; margin-bottom:14px;}
.link-row{display:flex; justify-content:center; gap:8px; flex-wrap:wrap; font-size:13px;}
.link-row code{background:rgba(143,160,232,.1); padding:6px 12px; border-radius:20px; color:#B7C0F0;}
.link-row button{background:#8FA0E8; color:#0B0E1F; border:none; padding:6px 14px; border-radius:20px; font-size:12.5px; font-weight:700; cursor:pointer;}

.foot{text-align:center; font-size:11.5px; color:#6B72A0; padding:0 20px 40px; position:relative; z-index:2;}

.zoom-overlay{position:fixed; inset:0; background:rgba(4,4,12,.9); display:none; align-items:center; justify-content:center; z-index:100; padding:24px;}
.zoom-overlay.open{display:flex;}
.zoom-content{text-align:center; max-width:100%;}
.zoom-content img{max-width:100%; max-height:75vh; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.6);}
.zoom-caption{margin-top:14px; font-family:'Cormorant Garamond',serif; font-style:italic; color:#E4E6F5; font-size:16px;}


/* Theme 25 restoration — scoped to the Vũ trụ cảm xúc template. */
.ky25-teacher{margin:14px auto 0;color:#B7C0F0;font-family:'Cormorant Garamond',serif;font-size:17px;font-style:italic;}
.ky25-orbit-section{padding-top:34px;}
.ky25-orbit-section .section-head{max-width:620px;margin-left:auto;margin-right:auto;}
.ky25-orbit-caption{text-align:center;color:#A6ACD6;font-size:13px;letter-spacing:.04em;margin-top:12px;}
.ky25-orbit-caption span{color:var(--kyyeu-accent);font-weight:700;font-size:18px;}
.planet{appearance:none;border:2px solid rgba(255,255,255,.5);padding:0;background:transparent;display:block;}
.planet:focus-visible,.ky25-memory-card:focus-visible{outline:3px solid #fff;outline-offset:4px;}
.ky25-facts-section{padding-top:52px;}
.ky25-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:680px;margin:0 auto;}
.ky25-fact{display:flex;min-height:116px;align-items:center;justify-content:center;flex-direction:column;padding:18px 12px;text-align:center;border:1px solid rgba(143,160,232,.22);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 12px 32px rgba(0,0,0,.12);}
.ky25-fact strong{display:block;color:var(--kyyeu-accent);font-family:var(--kyyeu-heading-font);font-size:clamp(21px,3vw,30px);line-height:1.1;margin-bottom:8px;}
.ky25-fact span{color:#A6ACD6;font-size:12px;line-height:1.45;}
.ky25-gallery-section{padding-top:56px;}
.ky25-memory-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:680px;margin:0 auto;}
.ky25-memory-card{position:relative;display:block;appearance:none;width:100%;padding:0;overflow:hidden;cursor:pointer;border:1px solid rgba(143,160,232,.3);border-radius:18px;background:rgba(255,255,255,.05);color:#E4E6F5;text-align:left;box-shadow:0 14px 28px rgba(0,0,0,.16);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;}
.ky25-memory-card:hover{transform:translateY(-4px);border-color:rgba(217,167,255,.75);box-shadow:0 18px 38px rgba(0,0,0,.24);}
.ky25-memory-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;}
.ky25-memory-index{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:999px;background:rgba(9,8,25,.72);color:#D9A7FF;font-size:11px;letter-spacing:.08em;}
.ky25-memory-title{display:block;padding:12px 13px 14px;font-family:'Cormorant Garamond',serif;font-size:18px;font-style:italic;color:#E4E6F5;}
.zoom-close{position:absolute;top:14px;right:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(15,12,28,.72);color:#fff;font-size:30px;line-height:1;cursor:pointer;z-index:2;}
.zoom-close:hover{background:rgba(143,160,232,.35);}
@media (max-width:760px){
  .cover{padding:42px 18px 24px;}
  .cover h1{font-size:calc(38px * var(--kyyeu-heading-scale));}
  .section{padding-left:16px;padding-right:16px;}
  .orbit-system{width:min(100%,430px);margin-top:26px;}
  .orbit-ring.o5{width:360px;height:360px;}
  .orbit-ring.o6{width:408px;height:408px;}
  .ky25-facts{grid-template-columns:1fr;max-width:340px;gap:10px;}
  .ky25-fact{min-height:88px;padding:14px 16px;}
  .ky25-fact strong{font-size:26px;}
  .ky25-memory-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
  .ky25-memory-title{font-size:16px;padding:10px 10px 12px;}
  .share{margin-left:16px;margin-right:16px;padding:30px 16px;}
}
@media (max-width:420px){
  .orbit-system{width:calc(100vw - 32px);}
  .orbit-ring.o4{width:300px;height:300px;}
  .orbit-ring.o5{width:344px;height:344px;}
  .orbit-ring.o6{width:calc(100vw - 32px);height:calc(100vw - 32px);}
  .planet{width:42px;height:42px;margin-left:-21px;margin-top:-21px;}
}