.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.6rem}.loading-spinner{animation:spin .8s linear infinite;border:.1rem solid #e5e7eb;border-radius:50%;border-top-color:#111827;height:1.2rem;width:1.2rem}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#9ca3af;font-size:.65rem;margin-top:.4rem}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3.2rem 1.6rem;text-align:center}.empty-state-icon{font-size:2.4rem;margin-bottom:.8rem}.empty-state-title{color:#111827;font-size:.8rem;font-weight:600;margin-bottom:.4rem}.empty-state-desc{color:#6b7280;font-size:.7rem}.article-page{background:#fff;min-height:100vh}.article-header{border-bottom:.05rem solid #f3f4f6;padding:1.2rem 1rem}.article-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.tag{align-items:center;background:#f3f4f6;border-radius:.2rem;color:#4b5563;display:inline-flex;font-size:.6rem;gap:.2rem;padding:.2rem .5rem}.tag-country.indonesia{background:hsla(0,100%,71%,.1);color:#ff6b6b}.tag-country.vietnam{background:rgba(78,205,196,.1);color:#4ecdc4}.tag-country.thailand{background:rgba(69,183,209,.1);color:#45b7d1}.article-time{color:#9ca3af;font-size:.6rem;margin-left:auto}.article-title{color:#111827;display:block;font-size:1.1rem;font-weight:700;line-height:1.4;margin-top:.8rem}.key-info{background:#f9fafb;border-bottom:.05rem solid #f3f4f6;display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr);padding:1rem}.key-info-item{display:flex;flex-direction:column}.key-label{color:#6b7280;font-size:.55rem;font-weight:600;letter-spacing:.025rem;text-transform:uppercase}.key-value{color:#111827;font-size:.7rem;font-weight:600;margin-top:.2rem}.ai-summary-block{background:#e0e7ff;border-radius:.4rem;margin:1rem;padding:.8rem}.ai-summary-header{align-items:center;display:flex;gap:.4rem;margin-bottom:.6rem}.ai-badge{color:#4f46e5;font-size:.55rem;font-weight:800}.ai-label{color:#4f46e5;font-size:.55rem;font-weight:700;letter-spacing:.025rem}.ai-summary-text{color:#374151;font-size:.75rem;line-height:1.7}.article-content{border-bottom:.05rem solid #f3f4f6;padding:1rem}.content-title{color:#6b7280;display:block;font-size:.65rem;font-weight:600;margin-bottom:.6rem}.content-text{color:#374151;display:block;font-size:.75rem;line-height:1.8;white-space:pre-wrap}.article-source{padding:1rem}.source-label{color:#9ca3af;font-size:.6rem}.source-name{color:#111827;display:block;font-size:.7rem;font-weight:500;margin-top:.2rem}.source-url{color:#4f46e5;display:block;font-size:.65rem;margin-top:.2rem;text-decoration:underline}