@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;700;900&display=swap");:root{--brand-50:#FFF3F1;--brand-100:#FFE1DD;--brand-200:#FFC2B9;--brand-300:#FF9F92;--brand-400:#FF7A70;--brand-500:#E5645A;--brand-600:#C24940;--brand-700:#A73833;--color-primary:var(--brand-400);--color-primary-hover:var(--brand-500);--color-primary-light:var(--brand-50);--color-primary-soft:var(--brand-100);--color-primary-mid:var(--brand-200);--intensity-mild:var(--brand-50);--intensity-medium:var(--brand-200);--intensity-strong:var(--brand-400);--intensity-text-mild:var(--brand-400);--intensity-text-medium:var(--brand-500);--intensity-text-strong:var(--brand-600);--color-bg:#FFFFFF;--color-bg-2:#F9F9F9;--color-bg-3:#F2F2F2;--color-surface:#FFFFFF;--color-border:#EBEBEB;--color-border-strong:#D8D8D8;--color-ink:#1A1A1A;--color-ink-2:#4A4A4A;--color-ink-3:#9A9A9A;--color-ink-4:#C4C4C4;--color-korean:var(--brand-400);--color-mint:#4ECDC4;--color-mint-light:#E8FAF9;--color-success:#06D6A0;--color-warning:#FFB703;--color-danger:#EF476F;--emotion-low:#4ECDC4;--emotion-mid:var(--brand-300);--emotion-high:var(--brand-400);--font-display:"EB Garamond","Noto Sans KR",serif;--font-body:"Plus Jakarta Sans",sans-serif;--font-korean:"Noto Sans KR",sans-serif;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.75rem;--text-5xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--max-width:1100px;--feed-width:680px;--content-width:720px;--shadow-xs:0 2px 8px rgba(167,56,51,0.04);--shadow-sm:0 8px 24px rgba(167,56,51,0.06);--shadow-md:0 16px 40px rgba(167,56,51,0.08);--shadow-lg:0 24px 56px rgba(167,56,51,0.10);--shadow-brand:0 8px 24px rgba(255,122,112,0.25);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition:150ms ease;--transition-slow:300ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:var(--max-width)}.container,.container-narrow{width:100%;margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:var(--content-width)}.container-feed{width:100%;max-width:var(--feed-width);margin:0 auto;padding:0 var(--space-4)}.heading-1{font-size:clamp(1.75rem,5vw,var(--text-4xl));font-weight:900;line-height:1.1;letter-spacing:-.02em}.heading-1,.heading-2{color:var(--color-ink)}.heading-2{font-size:clamp(1.25rem,3vw,var(--text-2xl));font-weight:800;line-height:1.2}.body-lg{font-size:var(--text-lg);line-height:1.7;color:var(--color-ink-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:700;line-height:1;transition:all var(--transition);cursor:pointer;white-space:nowrap;border:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{background:var(--color-primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,107,129,.35)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary-light);color:var(--color-primary)}.btn-ghost{background:transparent;color:var(--color-ink-2)}.btn-ghost:hover{background:var(--color-bg-2);color:var(--color-ink)}.card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs);transition:all var(--transition)}.card:hover{border-color:transparent;box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-flat{background:var(--color-bg-2);border-radius:var(--radius-lg)}.card-flat,.card-mild{padding:var(--space-5)}.card-mild{background:var(--intensity-mild);border:1.5px solid var(--brand-100);border-radius:var(--radius-lg);transition:all var(--transition)}.card-mild:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.card-medium{background:linear-gradient(135deg,var(--brand-50),var(--brand-100));border:1.5px solid var(--brand-200);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition)}.card-medium:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.card-strong{background:linear-gradient(135deg,var(--brand-100),var(--brand-200));border:1.5px solid var(--brand-300);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition)}.card-strong:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.4}.badge-primary{background:var(--brand-50);color:var(--brand-600)}.badge-soft{background:var(--brand-100);color:var(--brand-600)}.badge-strong{background:var(--brand-400);color:#fff}.badge-mint{background:var(--color-mint-light);color:var(--color-mint)}.badge-muted{background:var(--color-bg-3);color:var(--color-ink-3)}.badge-success{background:#E8FBF5;color:var(--color-success)}.badge-culture,.badge-drama,.badge-food,.badge-kpop{background:var(--brand-50);color:var(--brand-600)}.search-input{width:100%;padding:var(--space-4) var(--space-5);font-size:var(--text-lg);font-family:var(--font-korean);border:2px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-ink);outline:none;transition:all var(--transition);font-weight:500}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(255,107,129,.12)}.search-input::placeholder{color:var(--color-ink-4)}@media (max-width:480px){.search-input{font-size:var(--text-base);padding:var(--space-3) var(--space-4)}}.search-bar-row{width:100%}.search-bar-icon{position:absolute;left:var(--space-3)}.search-input-default{padding-left:2.5rem;padding-right:4.5rem;height:44px;font-size:var(--text-sm)}.search-input-large{padding-left:2.5rem;padding-right:4.5rem;height:52px;font-size:var(--text-base)}.search-bar-submit{position:absolute;right:var(--space-1);height:34px;padding:0 var(--space-3);font-size:var(--text-xs)}.search-bar-submit-large{height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}@media (min-width:481px){.search-input-default{padding-left:3rem;padding-right:6rem;height:48px;font-size:var(--text-base)}.search-input-large{padding-left:3rem;padding-right:8rem;height:64px;font-size:var(--text-xl)}.search-bar-icon{left:var(--space-5)}.search-bar-submit{right:var(--space-2);height:36px;padding:0 var(--space-5);font-size:var(--text-sm)}.search-bar-submit-large{height:50px;padding:0 var(--space-5);font-size:var(--text-base)}}.emotion-bar-track{width:100%;height:8px;background:var(--color-bg-3);border-radius:var(--radius-full);overflow:hidden}.emotion-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow);background:linear-gradient(to right,var(--emotion-low),var(--emotion-mid),var(--emotion-high))}.insight-card{background:var(--color-bg-2);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6);position:relative;border:1px solid var(--color-border)}.insight-card:before{content:"";position:absolute;left:0;top:var(--space-4);bottom:var(--space-4);width:3px;background:var(--color-primary);border-radius:2px}.insight-card p{font-size:var(--text-sm);line-height:1.7;color:var(--color-ink-2)}.insight-card-label{font-size:11px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-2);display:block}.example-block{background:var(--color-bg-2);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4) var(--space-5)}.example-block .korean-line{font-family:var(--font-korean);font-size:var(--text-lg);font-weight:700;color:var(--color-ink)}.example-block .roman-line{font-style:italic;color:var(--color-ink-3);font-size:var(--text-sm);margin-top:2px}.example-block .english-line{color:var(--color-ink-2);margin-top:2px;font-weight:600}.example-block .context-line{font-size:var(--text-xs);color:var(--color-ink-3);margin-top:var(--space-2);font-style:italic}.divider{border:none;border-top:1.5px solid var(--color-border);margin:var(--space-8) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-fadeInUp{animation:fadeInUp .4s ease forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease infinite}.skeleton{background:linear-gradient(90deg,var(--color-bg-2) 25%,var(--color-bg-3) 50%,var(--color-bg-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width:768px){.container,.container-narrow{padding:0 var(--space-4)}}@media (max-width:480px){.container,.container-narrow{padding:0 var(--space-3)}}@media (min-width:481px){:root{--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}.card{padding:var(--space-5)}.btn{padding:var(--space-3) var(--space-6)}}.auto-link{color:var(--color-primary);font-weight:700;text-decoration:none;border-bottom:1.5px dotted var(--color-primary)}.auto-link:hover{border-bottom-style:solid}.deck-email-prompt{position:fixed;bottom:24px;right:24px;z-index:50;width:320px;max-width:calc(100vw - 32px);background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-5);animation:deckEmailSlideIn .3s ease-out}@keyframes deckEmailSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.deck-email-prompt-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;cursor:pointer;color:var(--color-ink-3);padding:4px}.deck-email-prompt-title{font-weight:800;font-size:var(--text-base);color:var(--color-ink);margin-bottom:var(--space-2);padding-right:var(--space-5)}.deck-email-prompt-desc{font-size:var(--text-sm);color:var(--color-ink-3);margin-bottom:var(--space-4);line-height:1.5}.deck-email-prompt-form{display:flex;flex-direction:column;gap:var(--space-2)}.deck-email-prompt-input{width:100%;padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);outline:none}.deck-email-prompt-input:focus{border-color:var(--color-primary)}.deck-email-prompt-consent{display:flex;align-items:flex-start;gap:var(--space-2);font-size:11px;color:var(--color-ink-3);line-height:1.4;cursor:pointer}.deck-email-prompt-consent input[type=checkbox]{margin-top:2px;flex-shrink:0;cursor:pointer}.deck-email-prompt-consent a{color:var(--color-primary);font-weight:600}.deck-email-prompt-btn{width:100%;padding:var(--space-2);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;font-size:var(--text-sm);cursor:pointer}.deck-email-prompt-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-2)}.deck-email-prompt-success{font-weight:700;color:var(--color-success);font-size:var(--text-sm);padding-right:var(--space-5)}.section-padded{padding:var(--space-8) 0}.section-alt{background:var(--color-bg-2)}.section-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.section-eyebrow{font-size:var(--text-xs);font-weight:800;color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em}.section-title{font-size:var(--text-lg);font-weight:800;color:var(--color-ink);line-height:1.3}.section-link{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);text-decoration:none;white-space:nowrap}.section-link:hover{text-decoration:underline}@media (min-width:481px){.section-padded{padding:var(--space-16) 0}.section-header{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.section-title{font-size:var(--text-xl)}}.main-with-bottom-nav{padding-bottom:72px}@media (min-width:881px){.main-with-bottom-nav{padding-bottom:0}}.search-cta-box{background:var(--color-bg-2);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.category-filter-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.category-filter-row::-webkit-scrollbar{display:none}@media (min-width:769px){.category-filter-row{flex-wrap:wrap;overflow-x:visible}}.trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--space-5);gap:var(--space-5)}@media (min-width:1024px){.trending-grid{grid-template-columns:repeat(3,1fr)}}