:root{--font-sans:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-title:"Montserrat", sans-serif;--color-background:#fff;--color-foreground:#1c1d24;--color-primary:#322873;--color-primary-hover:#231c55;--color-secondary:#f5f5f7;--color-muted:#f5f5f7;--color-muted-foreground:#5e6170;--color-accent:#ff665c;--color-brand-pink:#d92b6c;--color-brand-gold:#ffc400;--color-brand-gold-hover:#e0ac00;--color-border:#e2e4eb;--color-shadow:#00000014;--color-shadow-lg:#00000026;--color-shadow-2xl:#3228731f;--color-comment-bg:#f2f3f5;--color-comment-border:#e6e8f0;--color-like-blue:#3b5998;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700}.container{width:100%;max-width:1000px;margin:0 auto;padding:0 1.5rem}.max-w-3xl{max-width:48rem;margin:0 auto}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.min-h-screen{min-height:100vh}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.mt-3{margin-top:.75rem}.mb-10{margin-bottom:2.5rem}.site-header{background-color:var(--color-background);border-bottom:1px solid var(--color-border);z-index:50;align-items:center;height:56px;display:flex;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;width:100%;max-width:1024px;margin:0 auto;padding:0 1rem;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.menu-btn{color:var(--color-foreground);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);justify-content:center;align-items:center;padding:.25rem;display:flex}.menu-btn:hover{background-color:var(--color-secondary)}.logo-img{width:auto;height:24px;display:block}.header-nav{align-items:center;gap:.75rem;display:flex}.nav-link{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.05em;color:var(--color-foreground);cursor:pointer;transition:color var(--transition-fast);align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;font-weight:700;display:flex}.nav-link:hover{color:var(--color-muted-foreground)}.nav-link svg{stroke-width:1.5px;width:16px;height:16px}.btn-subscribe{background-color:var(--color-brand-gold);color:#1c1d24;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);transition:background-color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 4px #0000000d}.btn-subscribe:hover{background-color:var(--color-brand-gold-hover);transform:translateY(-1px)}.btn-subscribe svg{width:14px;height:14px}@media (width<=640px){.nav-link-desktop{display:none!important}}.video-main{padding:1.5rem 1rem 3rem}@media (width>=640px){.video-main{padding:2.5rem 1.5rem 4rem}}.category-header{text-align:center;margin-bottom:2rem}.category-eyebrow{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.12em;color:#555;font-size:.8rem;font-weight:600}.category-title{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.05em;color:var(--color-brand-pink);margin-top:.25rem;font-size:1.25rem;font-weight:500}@media (width>=640px){.category-title{font-size:1.5rem}}.article-header{margin-bottom:1.25rem}.article-title{font-family:var(--font-title);color:#000;font-size:1.25rem;font-weight:700;line-height:1.35}@media (width>=640px){.article-title{font-size:1.5rem}}.article-subtitle{color:#555;margin-top:.4rem;font-size:.875rem;line-height:1.5}@media (width>=640px){.article-subtitle{font-size:1rem}}.video-player-container{width:100%;max-width:400px;margin:0 auto;position:relative}.video-sound-alert{color:var(--color-muted-foreground);text-align:center;justify-content:center;align-items:center;gap:.25rem;margin-top:.75rem;font-size:.75rem;display:flex}.comments-container{border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-background);margin-top:2rem;overflow:hidden}.comments-header{border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.comments-header p{color:var(--color-muted-foreground);font-size:.875rem;font-weight:600}.comments-body{padding:1rem}.write-comment-trigger{cursor:pointer;border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.avatar-placeholder{border-radius:var(--radius-full);background-color:var(--color-comment-border);width:36px;height:36px;color:var(--color-muted-foreground);justify-content:center;align-items:center;display:flex}.write-comment-box{background-color:var(--color-comment-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-muted-foreground);transition:border-color var(--transition-fast);flex:1;padding:.5rem 1rem;font-size:.875rem}.write-comment-trigger:hover .write-comment-box{border-color:var(--color-muted-foreground)}.disabled-notice{color:var(--color-muted-foreground);margin-top:.5rem;margin-left:3rem;font-size:.75rem;font-style:italic;animation:.3s ease-out fadeIn}.comment-list{flex-direction:column;gap:1.25rem;display:flex}.comment-item{gap:.625rem;animation:.4s ease-out fadeIn;display:flex}.comment-item.reply{margin-top:.5rem;margin-left:2.75rem}.comment-avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.comment-content-wrapper{flex:1;min-width:0}.comment-bubble{background-color:var(--color-comment-bg);border-radius:var(--radius-2xl);max-width:100%;padding:.5rem .75rem;display:inline-block;position:relative}.comment-name{color:var(--color-foreground);margin-bottom:.125rem;font-size:.8125rem;font-weight:700}.comment-text{color:var(--color-foreground);word-wrap:break-word;font-size:.8125rem;line-height:1.45}.comment-actions{color:var(--color-muted-foreground);align-items:center;gap:.75rem;margin-top:.375rem;margin-left:.5rem;font-size:.75rem;display:flex}.comment-time{-webkit-user-select:none;user-select:none}.comment-action-btn{color:var(--color-muted-foreground);transition:color var(--transition-fast);font-weight:700}.comment-action-btn:hover{color:var(--color-foreground)}.comment-action-btn.liked{color:var(--color-like-blue)}.reaction-badge-wrapper{background-color:var(--color-background);border:1px solid var(--color-comment-border);border-radius:var(--radius-full);color:var(--color-muted-foreground);z-index:5;align-items:center;gap:.25rem;padding:1px 4px;font-size:.75rem;display:flex;position:absolute;bottom:-.5rem;right:.5rem;box-shadow:0 1px 2px #0000000d}.reaction-icons{align-items:center;display:flex}.reaction-icon{border-radius:var(--radius-full);border:1px solid var(--color-background);justify-content:center;align-items:center;width:18px;height:18px;display:flex}.reaction-icon.like{background-color:#3b5998}.reaction-icon.heart{background-color:#e0245e}.reaction-icon.wow{background-color:#ffc400;font-size:10px}.reaction-icon svg{color:#fff;fill:#fff;width:10px;height:10px}.reaction-count{margin-left:2px}.reply-disabled-box{background-color:var(--color-comment-bg);border:1px solid var(--color-comment-border);border-radius:var(--radius-md);color:var(--color-muted-foreground);align-items:center;gap:.5rem;margin-top:.375rem;margin-left:.5rem;padding:.5rem .75rem;font-size:.8125rem;animation:.3s ease-out fadeIn;display:flex}.reply-disabled-box svg{flex-shrink:0;width:14px;height:14px}.view-more-comments-btn{text-align:center;width:100%;color:var(--color-like-blue);transition:text-decoration var(--transition-fast);padding:1rem 0 .5rem;font-size:.875rem;font-weight:700}.view-more-comments-btn:hover{text-decoration:underline}.home-container{min-h:100vh;color:#fff;background:radial-gradient(circle at 0 0,#322873 0%,#17113b 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.home-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-2xl);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;width:100%;max-width:500px;padding:3rem 2rem;box-shadow:0 30px 60px #0006}.home-logo{height:48px;margin:0 auto 2rem}.home-tagline{font-family:var(--font-title);color:var(--color-brand-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:1.25rem}.home-title{margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;line-height:1.3}.home-description{color:#ffffffb3;margin-bottom:2.5rem;font-size:.95rem;line-height:1.6}.btn-cta{color:#fff;border-radius:var(--radius-lg);transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background-color:#1e7e4e;padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;box-shadow:0 4px 15px #1e7e4e66}.btn-cta:hover{background-color:#16643e;transform:translateY(-2px);box-shadow:0 6px 20px #1e7e4e99}.notfound-container{background-color:var(--color-secondary);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.notfound-card{background-color:var(--color-background);border-radius:var(--radius-xl);text-align:center;box-shadow:0 10px 25px var(--color-shadow);width:100%;max-width:400px;padding:3rem 2rem}.notfound-code{font-size:5rem;font-family:var(--font-title);color:var(--color-primary);margin-bottom:1rem;font-weight:700;line-height:1}.notfound-msg{color:var(--color-muted-foreground);margin-bottom:1.5rem;font-size:1.25rem}.notfound-link{color:var(--color-primary);transition:color var(--transition-fast);font-weight:700;text-decoration:underline}.notfound-link:hover{color:var(--color-primary-hover)}.site-footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-muted-foreground);background-color:var(--color-background);padding:2rem 0;font-size:.75rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}@media (width<=600px){.comments-body{padding:.75rem}.comment-item{gap:.5rem}.comment-item.reply{margin-left:1.75rem}.comment-avatar{width:32px!important;height:32px!important}.comment-item.reply .comment-avatar{width:24px!important;height:24px!important}.comments-container{border-radius:var(--radius-lg)}.article-title{font-size:1.15rem;line-height:1.3}.article-subtitle{font-size:.8125rem}.category-header{margin-bottom:1.25rem}.site-header{height:52px}.menu-btn{padding:.2rem}.btn-subscribe{padding:.4rem .6rem}.video-sound-alert{font-size:.7rem}}.reactions-popup{border-radius:var(--radius-full);z-index:100;background-color:#fff;border:1px solid #e4e6eb;gap:8px;padding:4px 8px;animation:.2s cubic-bezier(.175,.885,.32,1.275) forwards reactionsPop;display:flex;position:absolute;bottom:2rem;left:0;box-shadow:0 4px 12px #00000026}@keyframes reactionsPop{0%{opacity:0;transform:translateY(10px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.reaction-btn{cursor:pointer;font-size:20px;line-height:1;transition:transform .12s ease-in-out}.reaction-btn:hover{transform:scale(1.3)translateY(-4px)}.comment-action-btn.liked.reaction-like{color:#1877f2!important}.comment-action-btn.liked.reaction-love{color:#f33e58!important}.comment-action-btn.liked.reaction-haha,.comment-action-btn.liked.reaction-wow,.comment-action-btn.liked.reaction-sad{color:#eab308!important}.comment-action-btn.liked.reaction-angry{color:#e96630!important}