:root{
  --cream:#fffaf3;
  --paper:#f7efe4;
  --beige:#e8d8c5;
  --latte:#c6a88d;
  --brown:#765b4b;
  --deep:#4f3b32;
  --pink:#dcaeb4;
  --rose:#bd7f89;
  --line:#9a7964;
  --shadow:rgba(81,57,45,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--deep);
  font-family:Georgia,"Times New Roman",serif;
  background:
    linear-gradient(rgba(255,250,243,.88),rgba(255,250,243,.88)),
    url("vintage.jpg") center/cover fixed;
}
a{color:var(--rose);text-decoration:none}
a:hover{color:var(--deep)}
.page-shell{width:min(1260px,calc(100% - 28px));margin:18px auto 40px}
.flower-banner{
  height:138px;
  border:2px solid var(--line);
  border-radius:18px 18px 7px 7px;
  background:var(--paper) url("floral-border.png") center/cover no-repeat;
  box-shadow:0 8px 22px var(--shadow);
  position:relative;
  overflow:hidden;
}
.flower-banner::after{
  content:"୨୧  angelkss' little woodland  ୨୧";
  position:absolute;left:50%;bottom:9px;transform:translateX(-50%);
  background:rgba(255,250,243,.88);border:1px solid var(--latte);border-radius:999px;
  padding:5px 18px;font-size:13px;letter-spacing:1.5px;white-space:nowrap
}
.layout{display:grid;grid-template-columns:218px minmax(0,1fr) 242px;gap:16px;margin-top:16px;align-items:start}
.stack{display:grid;gap:16px}
.panel{
  background:rgba(255,250,243,.95);
  border:2px solid var(--line);
  border-radius:17px;
  box-shadow:5px 6px 0 var(--beige),0 10px 24px var(--shadow);
  overflow:hidden;
}
.panel-title{
  margin:8px 9px 0;
  padding:8px 12px;
  color:var(--cream);
  text-align:center;
  font-family:"Courier New",monospace;
  font-size:14px;
  letter-spacing:.7px;
  background:linear-gradient(180deg,var(--brown),var(--deep));
  border:1px solid #3f2e27;
  border-radius:999px;
  text-shadow:1px 1px #000;
}
.panel-body{padding:14px}
.nav-list{list-style:none;margin:0;padding:0}
.nav-list li{border-bottom:1px dashed var(--latte)}
.nav-list li:last-child{border-bottom:0}
.nav-list a{display:block;padding:9px 7px;color:var(--brown);font-size:15px}
.nav-list a::before{content:"♡";color:var(--pink);margin-right:9px}
.nav-list a:hover{background:var(--paper);padding-left:12px}
.mini-links{display:grid;gap:9px;font-size:14px}.mini-links a{border-bottom:1px dashed var(--pink);padding-bottom:4px}
.hero{padding:28px 28px 22px;text-align:center}
.hero h1{font-weight:normal;font-size:clamp(38px,6vw,68px);margin:5px 0 8px;letter-spacing:3px;color:var(--deep)}
.hero .kicker{font-family:"Courier New",monospace;color:var(--rose);font-size:13px;letter-spacing:2px}
.hero p{max-width:720px;margin:12px auto 22px;line-height:1.65;font-size:16px}
.deer-frame{position:relative;border:2px solid var(--line);border-radius:18px;padding:8px;background:var(--paper);box-shadow:inset 0 0 0 4px var(--cream)}
.deer-frame img{display:block;width:100%;height:370px;object-fit:cover;object-position:center 48%;border-radius:11px;filter:sepia(.13) saturate(.78) contrast(.96)}
.deer-frame::before,.deer-frame::after{position:absolute;color:var(--rose);font-size:26px;background:var(--cream);border:1px solid var(--pink);border-radius:50%;width:38px;height:38px;display:grid;place-items:center}
.deer-frame::before{content:"୨୧";left:-10px;top:-12px}.deer-frame::after{content:"♡";right:-10px;bottom:-12px}
.intro-grid{display:grid;grid-template-columns:1fr 155px;gap:18px;align-items:center;margin-top:22px;text-align:left}
.intro-card{background:var(--paper);border:1px dashed var(--latte);border-radius:13px;padding:15px;line-height:1.65}
.mini-photo{width:155px;height:155px;object-fit:cover;border:2px solid var(--line);border-radius:17px;filter:sepia(.16) saturate(.76)}
.status-list{display:grid;gap:12px;text-align:center;font-size:14px}.status-list b{display:block;color:var(--rose);font-family:"Courier New",monospace;margin-bottom:3px}
.music-cover{width:100%;aspect-ratio:1;border:2px solid var(--rose);border-radius:17px;object-fit:cover;filter:sepia(.2) saturate(.8)}
.song{text-align:center;margin:10px 0 2px;font-size:14px}.song small{display:block;color:var(--rose);margin-top:3px}
.fake-player{margin-top:12px}.track{height:5px;background:var(--pink);border-radius:99px;position:relative}.track::after{content:"";position:absolute;left:34%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--brown)}
.times{display:flex;justify-content:space-between;font:11px "Courier New",monospace;color:var(--rose);margin-top:5px}.controls{text-align:center;font-size:25px;letter-spacing:10px;color:var(--rose);margin-top:7px}
.note{font-size:13px;line-height:1.55;text-align:center}.tiny{font-size:12px;color:var(--brown)}
.footer{text-align:center;margin-top:23px;font:12px "Courier New",monospace;color:var(--brown)}
.badge-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.badge{padding:4px 8px;border:1px solid var(--latte);border-radius:999px;background:var(--paper);font:11px "Courier New",monospace;color:var(--brown)}
@media(max-width:980px){.layout{grid-template-columns:190px minmax(0,1fr)}.right-col{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.page-shell{width:min(100% - 18px,620px)}.flower-banner{height:105px}.layout{display:flex;flex-direction:column}.left-col,.right-col,.main-col{width:100%}.right-col{display:grid;grid-template-columns:1fr}.hero{padding:21px 15px}.deer-frame img{height:290px}.intro-grid{grid-template-columns:1fr}.mini-photo{width:100%;height:220px}.flower-banner::after{font-size:10px;padding:4px 9px}}

.copy-discord{cursor:copy;transition:.2s ease}
.copy-discord:hover{padding-left:5px}
.copy-discord.copied{color:var(--deep);font-weight:bold}
.copy-toast{
  position:fixed;left:50%;bottom:24px;z-index:9999;
  transform:translate(-50%,20px);opacity:0;pointer-events:none;
  padding:10px 17px;border:2px solid var(--line);border-radius:999px;
  background:var(--cream);color:var(--deep);box-shadow:0 7px 20px var(--shadow);
  font:13px "Courier New",monospace;transition:.25s ease
}
.copy-toast.show{transform:translate(-50%,0);opacity:1}

/* navegação interna: somente a janela central é trocada */
.nav-list a.active{background:var(--paper);color:var(--deep);font-weight:bold;padding-left:12px}
.nav-list a.active::before{content:"✿"}
.page-view{transition:opacity .24s ease,transform .24s ease;opacity:0;transform:translateY(7px)}
.page-view.active{opacity:1;transform:translateY(0)}
.page-view[hidden]{display:none!important}
.about-inline-grid{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start;margin-top:18px;text-align:left}
.portrait{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;border:2px solid var(--line);filter:sepia(.12) saturate(.8)}
.profile-badges{margin-top:12px}.about-copy{line-height:1.75}.about-copy p{margin-top:0;text-align:left}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;text-align:left}.fact{background:var(--paper);border:1px dashed var(--latte);border-radius:12px;padding:12px}
.journal-list{display:grid;gap:14px;margin-top:18px;text-align:left}.journal-entry{background:var(--paper);border:1px dashed var(--latte);border-radius:14px;padding:16px}.journal-entry time{font:12px "Courier New",monospace;color:var(--rose)}.journal-entry h3{margin:6px 0 7px;font-weight:normal;font-size:21px}.journal-entry p{margin:0;max-width:none}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.media-card{background:var(--paper);border:1px solid var(--latte);border-radius:14px;padding:9px;text-align:left}.media-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px;filter:sepia(.1) saturate(.82)}.media-card h3{margin:9px 4px 4px;font-weight:normal}.media-card p{font-size:13px;margin:0 4px 7px;line-height:1.45}
.interest-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:24px 0}.interest-cloud span{background:var(--paper);border:1px solid var(--latte);border-radius:999px;padding:9px 13px;font:13px "Courier New",monospace}.interest-note{text-align:left;margin-top:8px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:18px}.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid var(--line);border-radius:13px;filter:sepia(.1) saturate(.82);transition:.2s ease}.gallery-grid img:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 7px 16px var(--shadow)}
@media(max-width:720px){.about-inline-grid{grid-template-columns:1fr}.portrait{max-width:280px;margin:auto;display:block}.facts{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:450px){.card-grid{grid-template-columns:1fr}}