:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-paper:#f7f3eb;--ink:#191713;--line:#ddd4c6;--muted:#777064;--card-bg:#fbf8f1e6;--panel-bg:#fffcf6a8;background:var(--bg-paper);color:var(--ink)}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #ffffffe0, transparent 30rem), var(--bg-paper);color:var(--ink);text-wrap:pretty;margin:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif}a{color:inherit;text-decoration:none}.container{flex-direction:column;gap:2rem;max-width:1120px;margin:0 auto;display:flex}.page{min-height:100vh;padding:1.1rem 1rem 5.5rem}@media (min-width:768px){.page{padding:2.5rem 2.25rem 1.5rem}}@media (min-width:1024px){.page{padding:2.5rem 5rem 1.5rem}}@media (max-width:767px){.page{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}}.header{border-bottom:1px solid var(--line);flex-direction:column;gap:1rem;padding-bottom:1.35rem;display:flex}.muted{color:var(--muted)}.caps{text-transform:uppercase;letter-spacing:.25em;font-size:.75rem}.hero{gap:.8rem;display:grid}.hero h1{letter-spacing:-.04em;max-width:18ch;margin:0;font-size:clamp(2.2rem,8vw,4.3rem);font-weight:400;line-height:1.1}.hero p{max-width:46ch;margin:0;font-size:1.03rem;line-height:1.68}.hero-title-en{font-size:clamp(2.1rem,9.2vw,4.3rem);line-height:1.08}.hero-title-ko{letter-spacing:-.045em;font-size:clamp(2rem,8.5vw,4rem);line-height:1.14}.entry-count{letter-spacing:.02em;margin:0;font-size:.95rem}@media (min-width:1024px){.hero{grid-template-columns:1.2fr .8fr;align-items:end}}@media (max-width:767px){.hero{gap:.65rem}.hero-title-en{font-size:clamp(2.55rem,12vw,3.7rem);line-height:1.08}.hero-title-ko{letter-spacing:-.045em;font-size:clamp(2.2rem,10.5vw,3.15rem);line-height:1.16}}.panel{border:1px solid var(--line);background:var(--panel-bg);border-radius:1.25rem;padding:1.2rem}@media (min-width:768px){.panel{border-radius:1.5rem;padding:1.5rem}}.intro-panel{background:#fffcf6c7;padding:1.35rem 1.15rem;box-shadow:0 4px 12px #1c181208}.intro-panel h2{letter-spacing:-.015em;margin:.1rem 0 .75rem;font-size:clamp(1.25rem,4.8vw,1.75rem);font-weight:500}.intro-panel p{margin:0;font-size:1rem;line-height:1.78}.search{border:none;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;outline:none;padding:.95rem 0;font-size:1.05rem}@media (min-width:768px){.search{font-size:1.2rem}}.grid{gap:1rem;display:grid}.cards{grid-template-columns:1fr;gap:1.1rem}@media (min-width:768px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}}@media (min-width:1200px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{border:1px solid var(--line);background:var(--card-bg);border-radius:1.1rem;flex-direction:column;justify-content:space-between;min-height:13.1rem;padding:1.05rem;transition:all .2s;display:flex}@media (min-width:768px){.card{border-radius:1.35rem;min-height:14.6rem;padding:1.2rem}}.card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0000000f}.card-meta{margin-bottom:.75rem;font-size:.78rem}.card-title{letter-spacing:-.04em;margin:0;font-size:clamp(1.55rem,7vw,1.9rem);font-weight:400}.card-copy{letter-spacing:-.01em;margin:.68rem 0 .58rem;font-size:clamp(.95rem,4.3vw,1.12rem);line-height:1.52}.component-tag{margin:0;font-size:.77rem;line-height:1.5}.row{justify-content:space-between;gap:1rem;display:flex}.bar{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.fill{background:var(--ink);height:100%}.detail-container{gap:1.35rem;max-width:880px}.back-link{border-bottom:1px solid var(--line);width:fit-content;padding-bottom:.2rem}.detail-header{gap:.88rem;padding-bottom:1.6rem}.detail-title{letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,10vw,3.8rem);font-weight:400;line-height:1.05}.detail-definition{max-width:42ch;margin:.25rem 0 0;font-size:clamp(1.08rem,4.2vw,1.38rem);line-height:1.72}.detail-panel h2{margin-top:.15rem}.detail-component-row{margin:.95rem 0}.detail-bar{height:8px}.component-description{max-width:66ch;margin:.5rem 0 0;font-size:.92rem;line-height:1.6}.detail-grid{grid-template-columns:1fr}@media (min-width:768px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}}.box{border:1px solid var(--line);background:#ffffffb8;border-radius:1.15rem;padding:1rem;line-height:1.65}@media (min-width:768px){.box{border-radius:1.35rem;padding:1.1rem 1.15rem}}.box h2{letter-spacing:.03em;margin:.1rem 0 .8rem;font-size:1rem;font-weight:500}.box ul{margin:.2rem 0 0;padding-left:1.1rem}.audience-grid{grid-template-columns:1fr;gap:.9rem}@media (min-width:900px){.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.audience-card h3{letter-spacing:.02em;margin:.1rem 0 .55rem;font-size:1rem;font-weight:500}.audience-card p{margin:0;font-size:.95rem;line-height:1.65}.save-share-button{color:#f7f2e7;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#221f19 0%,#15120e 100%);border:1px solid #1f1c17;border-radius:999px;width:100%;max-width:360px;min-height:52px;margin-top:1.25rem;padding:.9rem 1.2rem;font-size:.98rem;transition:transform .15s,box-shadow .15s;box-shadow:0 10px 28px #0003}.save-share-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #0000003d}.save-share-button:active{transform:translateY(0)}.save-share-button:disabled{opacity:.68;cursor:wait}@media (max-width:767px){.save-share-button{max-width:none;min-height:56px;font-size:1rem}}.category-filter{flex-wrap:wrap;gap:.55rem;margin:.95rem 0;display:flex}.chip{border:1px solid var(--line);color:#5f584d;background:#fff9;border-radius:999px;padding:.37rem .74rem;font-size:.79rem}.chip.active{color:#f7f3eb;background:#211d18;border-color:#211d18}.compact-card{min-height:13.1rem;transition:transform .18s,opacity .18s,box-shadow .18s}@media (min-width:768px){.compact-card{min-height:14.6rem}}.top-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.lang-toggle{align-items:center;gap:.5rem;display:flex}.lang-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.lang-btn.active{color:var(--ink);border-bottom:1px solid var(--ink)}.site-footer{padding:2.4rem 1rem 2.85rem}@media (max-width:767px){.site-footer{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}}.site-footer-inner{border-top:1px solid var(--line);text-align:center;max-width:1120px;margin:0 auto;padding-top:1.15rem}.site-footer-title{color:var(--ink);letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:.74rem}.site-footer-credit{color:#4d473f;margin:.55rem 0 0;font-size:.93rem}.site-footer-copyright{color:var(--muted);letter-spacing:.01em;margin:.4rem 0 0;font-size:.82rem}.save-status{max-width:360px;margin:.55rem 0 0;font-size:.88rem;line-height:1.45}.site-footer-links{color:var(--muted);letter-spacing:.01em;margin:.5rem 0 0;font-size:.84rem}.site-footer-links a{border-bottom:1px solid #0000}.site-footer-links a:hover{border-bottom-color:var(--line)}.site-footer-instagram{color:inherit;opacity:.78;vertical-align:baseline;align-items:center;gap:.28rem;margin-left:.45rem;transition:opacity .15s;display:inline-flex}.site-footer-instagram:hover{opacity:1}.site-footer-instagram svg{stroke:currentColor;stroke-width:1.6px;width:.78rem;height:.78rem}.site-footer-instagram span{line-height:1}.site-footer-support{color:inherit;opacity:.62;white-space:nowrap;margin-left:.45rem;font-size:.79rem;transition:opacity .15s;display:inline-block}.site-footer-support:hover{opacity:.9}