*{box-sizing:border-box;scroll-behavior:smooth}
html{scroll-padding-top:20px}
body{margin:0;min-height:100vh;font-family:"Trebuchet MS",Arial,sans-serif;color:#633f68;background:radial-gradient(circle at 15% 20%,#fff 0 2px,transparent 3px),radial-gradient(circle at 80% 60%,#fff 0 2px,transparent 3px),linear-gradient(135deg,#ffd8ef,#e8d9ff,#d8f5f5);background-size:120px 120px,160px 160px,100% 100%}
a{color:#804889}
.site{width:min(1100px,94%);margin:30px auto;background:#fff6fd;border:3px solid #fff;border-radius:22px;box-shadow:0 0 0 4px #dfb5e3,0 15px 40px #70457533;overflow:hidden}
.browser{padding:10px 14px;background:linear-gradient(#fff,#f4c7ec);border-bottom:2px solid #d79ed5;font-weight:bold;color:#85508b}
.dots{display:inline-flex;gap:6px;margin-right:10px}.dot{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #d7a1d5;display:inline-block}
.layout{display:grid;grid-template-columns:220px 1fr}
.sidebar{padding:20px 14px;background:linear-gradient(#f8d8f2,#e8dcff);border-right:2px solid #d9acd9}
.profile{text-align:center}.profile img{width:135px;height:135px;object-fit:contain;border:5px solid white;border-radius:50%;background:white}.profile h1{color:#934f91;margin:9px 0 2px}.profile p{font-size:12px}
nav{display:flex;flex-direction:column;gap:7px;margin-top:16px}nav a{text-decoration:none;text-align:center;padding:9px 6px;background:linear-gradient(#fff,#f3c6e9);border:2px solid white;border-radius:14px;box-shadow:0 2px 0 #d09bd0;font-size:12px;font-weight:bold;color:#704575}nav a:hover{transform:translateY(-2px);background:linear-gradient(#fff,#dfc1fa)}
main{padding:24px}.hero,.panel{background:#ffffffdd;border:2px solid #e4b9e3;border-radius:18px;box-shadow:0 4px 12px #75437d12}.hero{text-align:center;padding:24px;margin-bottom:20px}.hero h2{color:#974f91;margin:0;font-size:29px}.hero p{line-height:1.6}
section{margin-bottom:22px}.panel{padding:19px}.panel h2{margin-top:0;color:#914e91;border-bottom:2px dotted #d8a8db;padding-bottom:8px}
.entry{padding:14px;margin:10px 0;background:#fff4fc;border:1px solid #ecc9e9;border-radius:13px}.entry h3{margin:0;color:#854b8b}.date{font-size:12px;color:#a06aa3;margin:4px 0 8px}.entry p,.note{line-height:1.6}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:13px}.card{padding:13px;text-align:center;background:linear-gradient(145deg,#fff,#fff0fb);border:2px solid #e4bee4;border-radius:15px}.card img{width:100%;height:125px;object-fit:contain;background:#fff;border-radius:10px}.card h3{font-size:15px;color:#854b8b}.card a{font-weight:bold;text-decoration:none}.lost{margin-top:18px;padding:18px;text-align:center;background:linear-gradient(135deg,#ffedf9,#e9e0ff);border:3px dashed #c792ca;border-radius:19px}.lost img{max-width:210px;max-height:210px;object-fit:contain;background:#fff;border-radius:12px;padding:7px}
.note{padding:14px;background:#fceafa;border:2px dotted #d8a8db;border-radius:14px}
footer{text-align:center;padding:25px;color:#87568b;font-size:13px}
@media(max-width:720px){.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:2px solid #d9acd9}nav{display:grid;grid-template-columns:1fr 1fr}main{padding:14px}}