@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap");:root{--bg-primary:#faf8f5;--bg-card:#fff;--bg-elevated:#f5f2ed;--bg-dark:#1c1917;--bg-dark-elevated:#292524;--text-primary:#1c1917;--text-secondary:#57534e;--text-muted:#a8a29e;--text-inverse:#fafaf9;--accent-wine:#7c3a2e;--accent-wine-hover:#652d23;--accent-gold:#c8963e;--accent-gold-hover:#b5832f;--accent-gold-soft:#fef3e2;--border:#e7e5e4;--border-strong:#d6d3d1;--platform-reelshort:#e11d48;--platform-dramabox:#7c3aed;--platform-shortmax:#2563eb;--platform-goodshort:#059669;--platform-flextv:#d97706;--platform-netshort:#8b5cf6;--tag-emotion:#ec4899;--tag-scene:#10b981;--tag-genre:#3b82f6;--success:#16a34a;--warning:#eab308;--error:#dc2626;--star:#eab308;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-display:"Instrument Serif",Georgia,serif;--font-ui:"Bricolage Grotesque",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(28,25,23,.05);--shadow-md:0 4px 6px -1px rgba(28,25,23,.07),0 2px 4px -2px rgba(28,25,23,.05);--shadow-lg:0 10px 15px -3px rgba(28,25,23,.08),0 4px 6px -4px rgba(28,25,23,.05);--shadow-xl:0 20px 25px -5px rgba(28,25,23,.1),0 8px 10px -6px rgba(28,25,23,.05);--shadow-gold:0 4px 14px rgba(200,150,62,.25);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);background:var(--bg-card);position:-webkit-sticky;position:sticky;top:0;z-index:100}header nav{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}header nav a{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);letter-spacing:.02em}header nav a:hover{color:var(--accent-wine)}header .logo{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em}main{flex:1 1;max-width:1280px;margin:0 auto;padding:var(--space-8) var(--space-6);width:100%}footer{padding:var(--space-10) var(--space-6);background:var(--bg-dark);color:var(--text-muted);font-size:var(--text-sm);text-align:center}footer a{color:var(--text-inverse);text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.15;letter-spacing:-.02em}h1{font-size:var(--text-4xl);margin-bottom:var(--space-4)}h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.section-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-4)}.drama-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--space-5);gap:var(--space-5)}@media (max-width:640px){.drama-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}.drama-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);text-decoration:none;color:inherit;display:block}.drama-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.drama-card__poster{aspect-ratio:3/4;width:100%;object-fit:cover;display:block;background:var(--bg-elevated)}.drama-card__platform-badge{position:absolute;top:var(--space-2);left:var(--space-2);padding:2px 8px;border-radius:var(--radius-full);font-family:var(--font-ui);font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.drama-card__platform-badge.reelshort{background:var(--platform-reelshort)}.drama-card__platform-badge.dramabox{background:var(--platform-dramabox)}.drama-card__platform-badge.shortmax{background:var(--platform-shortmax)}.drama-card__platform-badge.goodshort{background:var(--platform-goodshort)}.drama-card__platform-badge.flextv{background:var(--platform-flextv)}.drama-card__platform-badge.netshort{background:var(--platform-netshort)}.drama-card__info{padding:var(--space-3)}.drama-card__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:400;line-height:1.3;color:var(--text-primary);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drama-card__meta{font-size:var(--text-xs);color:var(--text-muted)}.drama-card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-2)}.drama-card__tag{font-size:10px;padding:2px 6px;border-radius:var(--radius-full);font-family:var(--font-ui);font-weight:500}.drama-card__tag--genre{background:rgba(59,130,246,.1);color:var(--tag-genre)}.drama-card__tag--emotion{background:rgba(236,72,153,.1);color:var(--tag-emotion)}.drama-card__tag--scene{background:rgba(16,185,129,.1);color:var(--tag-scene)}.drama-hero{background:linear-gradient(180deg,var(--bg-dark) 0,var(--bg-dark-elevated) 100%);color:var(--text-inverse);padding:var(--space-16) var(--space-6) var(--space-12)}.drama-hero__inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;grid-gap:var(--space-10);gap:var(--space-10);align-items:start}@media (max-width:768px){.drama-hero__inner{grid-template-columns:1fr;gap:var(--space-6)}}.drama-hero__poster{width:100%;aspect-ratio:3/4;border-radius:var(--radius-xl);object-fit:cover;box-shadow:var(--shadow-xl)}.drama-hero__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:400;line-height:1.1;margin-bottom:var(--space-4)}.drama-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-muted)}.drama-hero__synopsis{font-size:var(--text-base);line-height:1.7;color:hsla(60,9%,98%,.8);margin-bottom:var(--space-6);max-width:600px}.btn-watch{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--accent-gold);color:var(--bg-dark);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-gold)}.btn-watch:hover{background:var(--accent-gold-hover);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,150,62,.35)}.cps-web-link:hover{color:var(--text-primary)!important;text-decoration:underline!important}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.tag-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;text-decoration:none;transition:all var(--transition-fast);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.tag-chip:hover{background:var(--accent-wine);color:var(--text-inverse);border-color:var(--accent-wine)}.tag-chip__count{color:var(--text-muted);margin-left:4px;font-size:10px}@media (max-width:768px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}main{padding:var(--space-4) var(--space-4)}}a{color:var(--accent-wine);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-wine-hover)}::selection{background:var(--accent-wine);color:var(--text-inverse)}.site-footer{background:#1a1a1a;color:#a0a0a0;padding:var(--space-12) var(--space-6);margin-top:var(--space-16)}.site-footer__inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--space-8);gap:var(--space-8)}.site-footer__brand-name{font-family:var(--font-display);font-size:var(--text-xl);color:#fff;margin-bottom:var(--space-3)}.site-footer__brand-desc{font-family:var(--font-ui);font-size:var(--text-sm);line-height:1.6;color:#888;max-width:300px}.site-footer__col-title{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:var(--space-4)}.site-footer__link{display:block;font-family:var(--font-ui);font-size:var(--text-sm);color:#888;text-decoration:none;margin-bottom:var(--space-2);transition:color var(--transition-fast)}.site-footer__link:hover{color:#fff}@media (max-width:768px){.site-footer__inner{grid-template-columns:1fr 1fr;gap:var(--space-6)}.site-footer__brand{grid-column:1/-1}}