@import url('https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=Nunito:wght@400;600;700;800&display=swap');
:root{--pink:#f5a1ca;--hot:#e66aa8;--pale:#fff0f8;--ink:#6b3d58;--line:#eab0ce;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Nunito,Arial,sans-serif;background:radial-gradient(circle at 10px 10px,#fff 2px,transparent 2.5px) 0 0/22px 22px,#ffeaf5;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ctext y='25' font-size='25'%3E♡%3C/text%3E%3C/svg%3E") 4 4,auto}
a{color:#c94488;text-decoration:none;font-weight:800}a:hover{text-decoration:underline}img{max-width:100%}
.site-shell{width:min(1180px,94vw);margin:25px auto 45px}.frame{background:rgba(255,251,253,.95);border:2px solid var(--line);border-radius:24px;box-shadow:0 12px 35px #a74f7b28;overflow:hidden}
.topbar{padding:14px 18px 8px}.banner{height:245px;border:2px solid var(--line);border-radius:18px;overflow:hidden;position:relative;background:#ffdbea}.banner img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.banner-title{position:absolute;left:18px;bottom:15px;padding:8px 18px;background:#fff8fcdf;border:2px solid #f0afd0;border-radius:16px;font:27px "Cherry Bomb One";color:#df6da7;text-shadow:1px 1px #fff}
.ticker{margin:12px 0 3px;overflow:hidden;border-block:1px dotted var(--line);padding:7px 0;background:#fff7fb}.ticker span{display:inline-block;white-space:nowrap;animation:scroll 15s linear infinite}@keyframes scroll{to{transform:translateX(-100%)}}
.nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px}.nav a{background:#fff;border:1px solid var(--line);padding:7px 14px;border-radius:999px;box-shadow:0 2px #f0c2d8}.nav a:hover{background:#ffe3f0;text-decoration:none}
.home-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 255px;gap:14px;padding:14px}.profile,.panel,.board,.player,.notebook,.calendar,.comments,.characters-card{background:#fff;border:2px solid var(--line);border-radius:18px;box-shadow:0 5px #f4d0e0}
.profile{padding:12px;text-align:center}.profile img{width:145px;height:145px;object-fit:cover;border-radius:50%;border:5px solid #ffd5e8}.pixel-title,.panel h2,.board h2,.player h2,.notebook h2,.calendar h2,.comments h2,.page-title{font-family:"Cherry Bomb One";font-weight:400;color:#df6da7}.pixel-title{font-size:24px}.profile p{font-size:13px}.visitor{margin:12px 0;padding:8px;background:#fff0f7;border:1px dashed var(--line);font-family:monospace}.side-links{display:grid;gap:7px;text-align:left}.side-links a{padding:8px 10px;background:#fff5fa;border-radius:10px;border:1px solid #f4c7db}
.center{display:grid;gap:14px}.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.board{padding:14px;min-height:250px}.notebook{padding:0;overflow:hidden}.notebook h2{padding:12px 14px 0}.notebook img{width:100%;height:175px;object-fit:cover}.player{padding:14px}.player-controls{display:flex;gap:7px;flex-wrap:wrap}.player button{border:1px solid var(--line);background:#fff0f7;border-radius:9px;padding:7px 10px;color:#7c4965;font-weight:800}.track{padding:9px;margin:7px 0;border:1px dashed var(--line);border-radius:10px;cursor:pointer}.track.active{background:#ffe4f1}
.right-col{display:grid;gap:14px;align-content:start}.comments,.calendar{padding:12px}.comments iframe{width:100%;height:245px;border:1px solid #f0bfd7;border-radius:10px}.cal-head{display:flex;justify-content:space-between;align-items:center}.cal-head button{border:1px solid var(--line);background:#fff0f7;border-radius:8px}.calendar table{width:100%;border-collapse:collapse;text-align:center;font-size:12px}.calendar th{color:#d55e99}.calendar td{padding:5px;border:1px solid #f6dbe7}.calendar td.today{background:#ffcae2;font-weight:800}.calendar-art{margin-top:9px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.calendar-art img{width:100%;height:150px;object-fit:cover}
.stamps{overflow:hidden;white-space:nowrap;border-top:1px dotted var(--line);padding:10px;background:#fff5fa}.stamp-track{display:inline-flex;align-items:center;gap:10px;animation:stamps 13s linear infinite}.stamp-track img{height:45px;width:auto}@keyframes stamps{to{transform:translateX(-50%)}}
.footer{text-align:center;padding:12px;font-size:12px;background:#fff0f7}.page{padding:18px}.page-title{font-size:40px;text-align:center;margin:4px 0 15px}
.about-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 220px;gap:14px;align-items:start}.about-left,.about-main,.about-right{background:#fff;border:2px solid var(--line);border-radius:16px;padding:12px}.about-left{font-size:12px}.about-left img,.about-right img{border-radius:12px;border:3px solid #ffd6e8}.current{background:#fff2f8;border:1px dashed var(--line);border-radius:10px;padding:9px;margin-top:10px}.about-main{height:600px;overflow:auto;padding:18px}.about-main::-webkit-scrollbar{width:12px}.about-main::-webkit-scrollbar-track{background:#ffe6f1}.about-main::-webkit-scrollbar-thumb{background:#f19bc4;border:3px solid #ffe6f1;border-radius:10px}.about-main h2{font-family:"Cherry Bomb One";font-weight:400;color:#df6da7}.about-main p{line-height:1.8}.about-bottom{margin-top:12px;text-align:center}.about-bottom img{max-height:160px;width:auto;border-radius:12px;border:3px solid #ffd6e8}
.diary-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:15px}.blog-box{background:#fff;border:2px solid var(--line);border-radius:18px;padding:18px;min-height:600px}.entry{padding:0 0 20px;margin-bottom:20px;border-bottom:1px dashed var(--line)}.entry:last-child{border:0}.entry-date{font-size:12px;color:#c56a99}.entry h2{font-family:"Cherry Bomb One";font-weight:400;color:#df6da7}.entry-photo{width:150px;height:100px;object-fit:cover;border-radius:12px;border:2px solid #ffd6e8;float:left;margin:0 12px 8px 0}.diary-side{display:grid;gap:12px;align-content:start}.sidebox{background:#fff;border:2px solid var(--line);border-radius:16px;padding:12px;text-align:center}.pet-frame{max-width:100%;border:0;border-radius:12px}
.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.link-card{padding:18px;background:linear-gradient(135deg,#fff,#fff0f7);border:2px solid var(--line);border-radius:18px;box-shadow:0 4px #f4d0e0;transition:.15s}.link-card:hover{transform:rotate(-1deg) translateY(-2px);text-decoration:none}.link-card h2{margin:0;color:#df6da7;font:23px "Cherry Bomb One"}.link-card p{margin-bottom:0;font-size:13px}.webring{margin-top:16px;text-align:center;background:#fff;border:2px dashed var(--line);border-radius:18px;padding:15px}
.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.character{padding:12px;border:2px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 4px #f4d0e0}.character img,.char-placeholder{width:100%;height:220px;object-fit:cover;border-radius:12px;background:#ffe9f3}.char-placeholder{display:grid;place-items:center;font-size:55px}.character h2{font:22px "Cherry Bomb One";color:#df6da7;margin:8px 0 3px}.small{font-size:12px}
@media(max-width:900px){.home-grid{grid-template-columns:1fr}.right-col{grid-template-columns:1fr 1fr}.about-layout{grid-template-columns:1fr}.about-left,.about-right{display:grid;grid-template-columns:140px 1fr;gap:12px}.character-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.two-col,.diary-layout,.links-grid,.right-col{grid-template-columns:1fr}.character-grid{grid-template-columns:1fr}.banner{height:200px}.about-main{height:auto}.about-left,.about-right{display:block}}