:root{--bg: #e6ebe7;--bg-deep: #d5ddd7;--surface: #f7f9f6;--ink: #14241c;--muted: #5a6a60;--line: #c2cdc6;--line-soft: #d8e0da;--accent: #0f6b56;--accent-soft: #dceee8;--live: #0f6b56;--hot: #8f3a4a;--hot-soft: #f3e4e7;--shadow-soft: 0 1px 0 rgba(20, 36, 28, .04);--font-sans: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-display: "Noto Serif KR", "Apple SD Gothic Neo", serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:radial-gradient(1200px 520px at 12% -8%,rgba(15,107,86,.1),transparent 55%),radial-gradient(900px 480px at 100% 0%,rgba(143,58,74,.06),transparent 50%),linear-gradient(180deg,#eef3ef 0%,var(--bg) 38%,var(--bg-deep) 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light;z-index:0}a{color:var(--accent)}button{font:inherit}.shell{position:relative;z-index:1;width:min(1040px,calc(100% - 1.75rem));margin:0 auto;padding:1.15rem 0 2.8rem;animation:rise .55s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.35rem;padding:.15rem 0 1rem;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.brand{display:flex;flex-direction:column;gap:.2rem;min-width:0}.brand-link{text-decoration:none;color:inherit;width:fit-content}.brand-link strong{font-family:var(--font-display);font-size:clamp(1.85rem,4vw,2.35rem);font-weight:700;letter-spacing:-.03em;line-height:1.05}.brand-link:hover strong{color:var(--accent)}.brand>span{color:var(--muted);font-size:.86rem;font-weight:500;letter-spacing:-.01em}.nav{display:flex;gap:.15rem;flex-wrap:wrap;align-items:center}.nav a{position:relative;text-decoration:none;color:var(--muted);padding:.45rem .7rem;font-size:.9rem;font-weight:600;border-radius:2px;transition:color .2s var(--ease)}.nav a:hover,.nav a.active{color:var(--ink)}.nav a.active:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.2rem;height:2px;background:var(--accent);border-radius:1px}@media(max-width:640px){.topbar{flex-direction:column;align-items:flex-start}}.page{min-height:42vh}.lead{color:var(--muted);font-size:.98rem;margin:0 0 1.15rem;max-width:38rem;letter-spacing:-.01em}.note{font-size:.85rem;color:var(--muted);background:color-mix(in srgb,#fff8e8 88%,white);border-left:3px solid #d4b86a;padding:.75rem .9rem;margin-bottom:1rem}.note.stale{border-left-color:var(--hot);background:var(--hot-soft);color:var(--hot)}.toolbar{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 1.15rem}.toolbar button{border:none;background:transparent;color:var(--muted);padding:.4rem .65rem;border-radius:2px;font-size:.86rem;font-weight:600;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}.toolbar button:hover{color:var(--ink);background:color-mix(in srgb,var(--surface) 70%,transparent)}.toolbar button[aria-pressed=true]{background:var(--ink);color:#f4f7f5}.section{margin:1.75rem 0}.section>h2{font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--ink);margin:0 0 .85rem}.briefing{position:relative;background:linear-gradient(145deg,#f7f9f6f5,#ecf3efeb);border:1px solid var(--line-soft);border-radius:4px;padding:1.15rem 1.15rem 1rem;margin:0 0 1.5rem;box-shadow:var(--shadow-soft);overflow:hidden;animation:rise .7s var(--ease) .08s both}.briefing:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 30%,var(--hot)))}.briefing-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .9rem;margin-bottom:.3rem;padding-left:.35rem}.briefing-head h2{margin:0;font-family:var(--font-display);font-size:1.25rem;letter-spacing:-.02em;text-transform:none;color:var(--ink);font-weight:700}.briefing-range{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.briefing-lead{margin:0 0 1rem;padding-left:.35rem;font-size:.9rem;color:var(--muted);max-width:36rem}.briefing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem 1.25rem;padding-left:.15rem}@media(max-width:900px){.briefing-grid{grid-template-columns:1fr;gap:1.1rem}}.briefing-col h3{margin:0 0 .6rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.briefing-list{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}.briefing-list a{display:grid;grid-template-columns:1.15rem 58px 1fr;gap:.55rem;align-items:center;text-decoration:none;color:inherit;padding:.4rem .3rem;border-radius:3px;transition:background .2s var(--ease),transform .2s var(--ease)}.briefing-list a:hover{background:color-mix(in srgb,var(--accent-soft) 65%,transparent);transform:translate(2px)}.briefing-n{font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);font-size:.82rem}.briefing-list img{width:58px;height:33px;object-fit:cover;border-radius:2px;background:var(--line-soft)}.briefing-list img.avatar{width:34px;height:34px;border-radius:50%;justify-self:center}.briefing-list .t{font-size:.86rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.briefing-list .m{font-size:.72rem;color:var(--muted);margin-top:.12rem}.briefing-live{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.35rem .7rem;align-items:center;font-size:.8rem}.briefing-live a{color:var(--accent);font-weight:600;text-decoration:none}.briefing-live a:hover{text-decoration:underline}.briefing-live-empty{margin:.55rem 0 0;font-size:.78rem;color:var(--muted)}.grid{display:grid;gap:0;border-top:1px solid var(--line-soft)}.card{background:transparent;border:none;border-bottom:1px solid var(--line-soft);border-radius:0;padding:.85rem .25rem;display:grid;grid-template-columns:48px 1fr auto;gap:.75rem;align-items:center;text-decoration:none;color:inherit;transition:background .2s var(--ease),padding-left .2s var(--ease)}.card:hover{background:color-mix(in srgb,var(--surface) 75%,transparent);padding-left:.45rem}.card img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--line-soft)}.card .t{font-weight:700;letter-spacing:-.015em}.card .m{font-size:.8rem;color:var(--muted);margin-top:.18rem}.card .rank{display:inline-block;min-width:1.7rem;margin-right:.15rem;color:var(--accent);font-variant-numeric:tabular-nums;font-family:var(--font-display);font-weight:700}.card .r{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.95rem}.card .r-label{display:block;font-size:.68rem;font-weight:600;color:var(--muted);letter-spacing:.04em}.badge{display:inline-block;font-size:.68rem;font-weight:700;padding:.12rem .38rem;border-radius:2px;margin-right:.28rem;background:var(--accent-soft);color:var(--live);letter-spacing:.02em}.badge.hot{background:var(--hot-soft);color:var(--hot)}.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.85rem .75rem}.vcarousel{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:.35rem;row-gap:.65rem}.vcarousel-track{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(var(--vcols, 3),minmax(0,1fr));gap:.75rem;min-width:0;animation:vslide .35s var(--ease) both}.vcarousel.is-shorts .vcarousel-track{gap:.55rem;align-items:start}@keyframes vslide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.vcarousel-nav{grid-row:1;width:2.1rem;height:2.1rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink);cursor:pointer;display:grid;place-items:center;padding:0;line-height:1;font-size:1.35rem;transition:background .2s var(--ease),border-color .2s var(--ease),opacity .2s var(--ease)}.vcarousel-prev{grid-column:1}.vcarousel-next{grid-column:3}.vcarousel-nav:hover:not(:disabled){background:var(--surface);border-color:var(--ink)}.vcarousel-nav:disabled{opacity:.28;cursor:default}.vcarousel-dots{grid-column:1 / -1;grid-row:2;display:flex;justify-content:center;gap:.35rem}.vcarousel-dots button{width:.45rem;height:.45rem;padding:0;border:none;border-radius:999px;background:var(--line);cursor:pointer}.vcarousel-dots button.is-active{background:var(--ink);width:.9rem}@media(max-width:519px){.vcarousel-nav{width:1.85rem;height:1.85rem;font-size:1.2rem}}.vcard{background:transparent;border:none;border-radius:0;overflow:hidden;text-decoration:none;color:inherit;display:block;min-width:0;transition:transform .25s var(--ease)}.vcard:hover{transform:translateY(-3px)}.vcard-media{position:relative;overflow:hidden;border-radius:3px;background:var(--line-soft)}.vcard-media img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.vcard.is-short .vcard-media img{aspect-ratio:9 / 16;max-height:280px}.vcard-badge{position:absolute;left:.4rem;bottom:.4rem;padding:.12rem .4rem;border-radius:2px;background:#14241cb8;color:#f4f7f5;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.vcard .b{padding:.5rem .1rem 0}.vcard.is-short .b{padding-top:.4rem}.vcard .t{font-size:.88rem;font-weight:600;line-height:1.35;letter-spacing:-.015em;height:2.7em;overflow:hidden}.vcard.is-short .t{font-size:.8rem;height:2.55em}.vcard .m{font-size:.74rem;color:var(--muted);margin-top:.28rem}.vcard.is-short .m{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{color:var(--muted);font-size:.9rem;padding:.65rem 0}.cal-page{display:flex;flex-direction:column;gap:.85rem}.cal-frame{width:100%;min-height:calc(100vh - 220px);border:1px solid var(--line-soft);border-radius:4px;background:var(--surface)}.site-footer{margin-top:2.4rem;padding-top:1.1rem;border-top:1px solid var(--line-soft);font-size:.8rem;color:var(--muted);line-height:1.7}.site-footer .muted{opacity:.92}.site-footer a{color:var(--accent);font-weight:600;text-decoration:none}.site-footer a:hover{text-decoration:underline}.ad-mid{display:flex;justify-content:center;width:100%}.ad-break{margin:1.4rem 0;padding:.85rem .5rem .45rem;border-radius:4px;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--line-soft)}.ad-break-mid{margin:1.6rem 0;min-height:8rem}.ad-break-label{margin:0 0 .4rem;text-align:center;font-size:.74rem;font-weight:600;letter-spacing:.06em;color:var(--muted)}.ad-affiliate-note{margin:.4rem 0 0;text-align:center;font-size:.66rem;color:var(--muted);line-height:1.4}.ad-break:not(:has(.ad-slot)){display:none}.ad-slot{display:flex;justify-content:center;margin:0;padding:0;border:none;background:transparent;width:100%;max-width:var(--ad-w, 680px)}.ad-slot.has-ad{margin:.3rem 0 .15rem;padding:.35rem 0}.ad-slot-inner{width:min(100%,var(--ad-w, 680px));min-height:var(--ad-h, 140px);display:flex;justify-content:center;overflow:hidden}.ad-slot-inner iframe{display:block;max-width:100%;background:transparent}.ad-layout-square{max-width:300px}.ad-layout-square .ad-slot-inner{min-height:250px}.ad-footer{display:flex;justify-content:center;margin-top:1.6rem}.ad-footer:not(:has(.ad-slot)){display:none}@media(prefers-reduced-motion:reduce){.shell,.briefing,.vcard,.card,.briefing-list a,.vcarousel-track{animation:none!important;transition:none!important}.vcard:hover,.briefing-list a:hover,.card:hover{transform:none}}