:root{--color-primary:#e91e63;--color-primary-hover:#c2185b;--color-primary-light:#ffe4ec;--color-text-primary:#333;--color-text-secondary:#555;--color-text-tertiary:#666;--color-text-muted:#757575;--color-bg-gradient-start:#fff5f7;--color-bg-gradient-end:#ffe8f0;--color-bg-card:#fff;--color-bg-secondary:#fff5f7;--color-bg-hover:#ffe4ec;--color-border-light:#ffe4ec;--color-border-primary:#ffb6c1;--color-shadow-sm:#e91e631a;--color-shadow-md:#e91e6326;--color-shadow-lg:#e91e634d}*{box-sizing:border-box;margin:0;padding:0}html,body{background:linear-gradient(135deg,var(--color-bg-gradient-start)0%,var(--color-bg-gradient-end)100%);max-width:100vw;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.app-container{flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.site-header{text-align:center;padding:30px 0}.avatar{cursor:pointer;font-size:80px;transition:transform .2s;display:inline-block;position:relative}.avatar:hover{transform:scale(1.1)}.avatar:focus-visible{outline:3px solid var(--color-primary);outline-offset:5px;border-radius:50%}.avatar:active{transform:scale(1.05)}.click-counter{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-10px;right:-20px}.site-header h1{color:var(--color-primary);margin-top:15px;font-size:2.5rem}.subtitle{color:var(--color-text-tertiary);margin-top:5px}.main-nav{border-bottom:2px solid var(--color-border-primary);justify-content:center;gap:20px;margin-bottom:30px;padding:20px 0;display:flex}.nav-link{color:var(--color-text-secondary);border-radius:25px;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .3s}.nav-link:hover{background:var(--color-bg-hover);color:var(--color-primary)}.nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nav-link.active{background:var(--color-primary);color:#fff}.page-content{flex:1}.page-title{color:var(--color-primary);margin-bottom:25px}.page-subtitle{color:var(--color-text-tertiary);margin-bottom:25px}.post-title{color:var(--color-primary);margin-top:0}.content-grid{grid-template-columns:1fr;gap:25px;display:grid}@media (min-width:768px){.content-grid{grid-template-columns:repeat(2,1fr)}}.card{background:var(--color-bg-card);box-shadow:0 4px 15px var(--color-shadow-sm);border-radius:20px;padding:30px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 8px 25px var(--color-shadow-md);transform:translateY(-5px)}.card h2{color:var(--color-primary);margin-bottom:20px;font-size:1.5rem;line-height:1.4}.card h3{color:var(--color-primary);margin-bottom:15px;font-size:1.25rem;line-height:1.4}.card p{color:var(--color-text-primary);margin-bottom:12px;line-height:1.7}.card ul{padding:0;list-style:none}.card li{color:var(--color-text-primary);padding:10px 0;line-height:1.6}button{background:var(--color-primary);color:#fff;cursor:pointer;box-shadow:0 2px 8px var(--color-shadow-sm);border:none;border-radius:25px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}button:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px var(--color-shadow-lg);transform:translateY(-2px)}button:active{box-shadow:0 2px 6px var(--color-shadow-sm);transform:translateY(0)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.small-btn{padding:8px 16px;font-size:14px}.guestbook{border-top:1px solid var(--color-border-light);margin-top:20px;padding-top:20px}.message-list{max-height:400px;margin-bottom:15px;overflow-y:auto}.empty-message{color:var(--color-text-tertiary);text-align:center;padding:20px}.message-item{background:var(--color-bg-secondary);border-radius:10px;margin-bottom:10px;padding:12px}.msg-header{margin-bottom:5px}.msg-header small{color:var(--color-text-muted)}.message-form{flex-direction:column;gap:10px;display:flex}.form-label{color:var(--color-text-secondary);margin-bottom:-5px;font-size:14px;font-weight:600}.message-form input{border:2px solid var(--color-border-light);border-radius:10px;padding:10px;font-size:14px;transition:border-color .2s}.message-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow-sm);outline:none}.message-form input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.error-text{color:var(--color-primary);font-size:14px}.site-footer{text-align:center;color:var(--color-text-muted);border-top:2px solid var(--color-border-primary);margin-top:30px;padding:30px 0}.posts-container{flex-direction:column;gap:20px;display:flex}.post-card{background:var(--color-bg-card);box-shadow:0 4px 15px var(--color-shadow-sm);border-radius:20px;padding:25px;transition:transform .2s}.post-card:hover{transform:translateY(-3px)}.post-date{color:var(--color-text-muted);margin:5px 0 10px;font-size:14px;display:block}.tiny-text{color:var(--color-text-muted);font-size:12px;font-style:italic}.skeleton-card{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-title{background:linear-gradient(90deg,var(--color-primary-light)25%,#ffd4e5 50%,var(--color-primary-light)75%);background-size:200% 100%;border-radius:4px;width:70%;height:24px;margin-bottom:10px;animation:2s infinite shimmer}.skeleton-date{background:linear-gradient(90deg,var(--color-primary-light)25%,#ffd4e5 50%,var(--color-primary-light)75%);background-size:200% 100%;border-radius:4px;width:30%;height:14px;margin-bottom:10px;animation:2s infinite shimmer}.skeleton-text{background:linear-gradient(90deg,var(--color-primary-light)25%,#ffd4e5 50%,var(--color-primary-light)75%);background-size:200% 100%;border-radius:4px;width:100%;height:16px;margin-bottom:8px;animation:2s infinite shimmer}.skeleton-text.short{width:60%}.skeleton-button{background:linear-gradient(90deg,var(--color-primary-light)25%,#ffd4e5 50%,var(--color-primary-light)75%);background-size:200% 100%;border-radius:25px;width:120px;height:40px;margin-top:10px;animation:2s infinite shimmer}.error-card{background:var(--color-bg-card);box-shadow:0 4px 15px var(--color-shadow-sm);text-align:center;border-radius:20px;padding:25px}.error-message{color:var(--color-primary);margin-bottom:10px}.post-detail{background:var(--color-bg-card);box-shadow:0 4px 15px var(--color-shadow-sm);border-radius:20px;max-width:800px;margin:0 auto;padding:40px}.back-link{color:var(--color-primary);margin-bottom:20px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.back-link:hover{opacity:.7}.back-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}.post-header{border-bottom:2px solid var(--color-border-light);margin-bottom:30px;padding-bottom:20px}.post-detail-title{color:var(--color-primary);margin-bottom:10px;font-size:2rem;line-height:1.3}.post-meta{color:var(--color-text-muted);align-items:center;gap:15px;font-size:14px;display:flex}.post-author{color:var(--color-text-tertiary)}.post-content{color:var(--color-text-primary);font-size:16px;line-height:1.8}.post-content p{margin-bottom:16px}.post-content p:last-child{margin-bottom:0}@media (max-width:768px){.post-detail{padding:25px}.post-detail-title{font-size:1.5rem}}