h1{font-size:24px;font-weight:700}@media screen and (max-width: 800px){h1{font-size:16px}}.post-title{font-size:1.25rem;font-weight:700;color:#1a1a2e;line-height:1.5}.sub-title{font-size:1rem;font-weight:700;color:#1a1a2e;padding-bottom:8px;border-bottom:2px solid #e94560;margin-bottom:16px}.post-tag{background:linear-gradient(135deg,#0f3460,#16213e);color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px;white-space:nowrap}.post-user{font-size:.8rem;font-weight:600;color:#0f3460}.post-user a{color:#0f3460;text-decoration:none;transition:color .2s}.post-user a:hover{color:#e94560}.post-text{font-size:.9rem;line-height:1.8;color:#333}.small-profile{width:36px;height:36px;object-fit:cover;border:2px solid #e8e8f0}.post-card{background:#ffffff;border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:24px;border:1px solid #e8e8f0}.comment-section{margin-top:16px}.comment-item{padding:20px 0;border-bottom:1px solid #e8e8f0}.comment-item:last-child{border-bottom:none}.comment-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.comment-meta{font-size:.75rem;color:#888}.comment-body{font-size:.9rem;line-height:1.8;color:#333;padding:8px 0 4px 46px}@media (max-width: 768px){.comment-body{padding-left:0}}.comment-indent{padding-left:46px}@media (max-width: 768px){.comment-indent{padding-left:0}}.reply-link{font-size:.8rem;color:#0f3460;text-decoration:none;transition:color .2s}.reply-link:hover{color:#e94560}.reply-badge{display:inline-block;background:#fff0f3;color:#e94560;font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:20px;border:1px solid #fcd;transition:all .2s}.reply-badge a{color:#e94560;text-decoration:none}.reply-badge:hover{background:#e94560}.reply-badge:hover a{color:#fff}.ref-badge{display:inline-block;background:#f0f4ff;color:#0f3460;font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:20px;border:1px solid #c8d8f0}.ref-badge a{color:#0f3460;text-decoration:none}.ref-badge:hover{background:#0f3460}.ref-badge:hover a{color:#fff}.deck-code{background:#f8f9fa;border-radius:8px;padding:12px 16px;margin:12px 0}.deck-code a{color:#0f3460;font-weight:600;text-decoration:none}.deck-code a:hover{color:#e94560}@media (max-width: 768px){.deck-code{margin-left:-24px;margin-right:-24px;border-radius:0}}.deck-image{border-radius:8px}@media (max-width: 768px){.deck-image{border-radius:0;margin-left:-24px;margin-right:-24px;width:calc(100% + 48px);max-width:none}}.comment-form{background:#f8f9fb;border-radius:12px;padding:24px;border:1px solid #e8e8f0;margin-top:16px}.comment-form textarea{border:1px solid #d0d0dd;border-radius:8px;padding:12px;font-size:.9rem;resize:vertical;transition:border-color .2s}.comment-form textarea:focus{border-color:#0f3460;box-shadow:0 0 0 3px #0f34601a;outline:none}.comment-form input[type=text]{border:1px solid #d0d0dd;border-radius:8px;padding:10px 12px;font-size:.9rem;transition:border-color .2s}.comment-form input[type=text]:focus{border-color:#0f3460;box-shadow:0 0 0 3px #0f34601a;outline:none}.btn-post{background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;border:none;border-radius:8px;padding:10px 32px;font-weight:600;transition:all .2s}.btn-post:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f34604d;color:#fff}.btn-back{background:#e8e8f0;color:#555;border:none;border-radius:8px;padding:10px 32px;font-weight:600;transition:all .2s}.btn-back:hover{background:#d0d0dd}.post-latest-row:hover{background-color:#f0f4ff;transition:background-color .2s}.flash-message{background:#fff0f3;border:1px solid #fcd;color:#e94560;border-radius:8px;padding:12px 20px;font-weight:500}