{"version":3,"sourceRoot":"","sources":["../../_sass/modern/_tokens.scss","../../_sass/modern/_base.scss","../../_sass/modern/_components.scss","../../_sass/modern/_home.scss","../../_sass/modern/_archive.scss","../../_sass/modern/_article.scss","../../_sass/modern/_markdown.scss","../../_sass/modern/_motion.scss"],"names":[],"mappings":"AAAA,MACE,mBACA,gBACA,wCACA,kBACA,0BACA,iBACA,mBACA,mBACA,gCACA,uCACA,kBACA,sBACA,kBACA,oBACA,kBACA,qBACA,sBACA,qCACA,8CACA,oBACA,iBACA,oBACA,oBACA,mBACA,wCAGF,uBACE,kBACA,gBACA,oCACA,qBACA,0BACA,iBACA,mBACA,mBACA,mCACA,0CACA,kBACA,sBACA,kCACA,0CC1CF,2CAEA,oDAEA,kBACE,SACA,kBACA,WACE,4FAEF,mBACA,8EACA,eACA,iBACA,mCACA,sDAGF,qCACA,0BACA,6CACA,gDAEA,6EACA,wIAEA,kBACE,gEACA,0FAEF,gDAEA,eACE,gGACA,2EACA,+HAEF,wFACA,wDACA,6DACA,0BACA,oBACA,cACE,2GACA,8CAEF,yGACA,+IACA,qBACE,wGACA,6GAEF,oFAEA,iCAEA,eACE,4FACA,+GAEF,yCACA,0CAEA,yBACE,yCACA,6BACA,+EACA,4CACA,6BAGF,yBACE,0DACA,uHACA,sDACA,kCACA,qFACA,6CACA,uFACA,8EC/EF,kIACA,oGACA,kCACA,+GACA,4GACA,wFACA,eACE,4HACA,0FAEF,gDACA,4FACA,0GACA,kKACA,qEACA,wNACA,oDACA,yJACA,uIAEA,wCACA,yEACA,kBACE,6KACA,4NAEF,qFACA,uBACE,4GACA,sGACA,WACE,4TAGF,kFAEF,8WACA,gYACA,qVACA,4WACA,sVACA,0GACA,oHACA,gGACA,6JACA,4DAEA,8FACA,qJACA,8HAEA,yBACE,iCACA,mDACA,oCCtDF,0EACA,uEACA,gFACA,kNACA,0HACA,yIACA,0LACA,gPACA,8FACA,iHACA,yBACE,wDACA,oGAEF,kBACE,wFACA,8KAEF,yCACA,kNACA,oLACA,oFACA,8CACA,0HACA,iUACA,sFACA,iKACA,qLAEA,qBACE,+HACA,gKACA,uDAEF,mbACA,4UACA,kEACA,2CACA,iGACA,qHACA,mEACA,sGACA,oGACA,sFAEA,2CACA,iUACA,oTACA,8MACA,8DACA,gNACA,mIACA,oHACA,kFACA,gWACA,gFACA,4IAEA,yBACE,kCACA,mCACA,8EACA,oDAEF,yBACE,2CACA,oFACA,+CACA,iEACA,sCACA,2CACA,wDACA,6CCxEF,oFACA,iCACA,kHACA,8DACA,iLACA,yGACA,+EACA,8GACA,uDACA,2FACA,wDAEA,+EACA,0FACA,oKACA,4HACA,oGACA,sVACA,mEACA,kJACA,kFACA,oVACA,wEACA,mSACA,yOACA,uFACA,+IACA,wGACA,0GACA,mGACA,sFACA,wCAEA,yBACE,6CACA,kEACA,0BACA,+CACA,4CACA,wDACA,mEACA,yEAGF,+RC5CA,kGACA,iJACA,2DACA,yJACA,iCACA,wDACA,8GACA,8CACA,2JACA,4FACA,8GACA,+EACA,2HACA,gJACA,gIACA,yEACA,oOACA,gDACA,+FACA,kEACA,2MACA,wCACA,kMACA,gLACA,4EACA,oLACA,mJACA,iDACA,qFACA,yEACA,uFACA,8EACA,qDAEA,wFACA,4FACA,qFACA,gDACA,4DACA,6GACA,+DACA,qDACA,gEACA,sEACA,+CAEA,wEACA,gQACA,+HACA,8DACA,yDAEA,+LACA,2MACA,iNACA,+GACA,8KACA,+HACA,0EACA,iIACA,0FACA,6MACA,kMACA,qEACA,+GACA,kGACA,mEACA,8DACA,gEACA,gPACA,qGACA,6EACA,qEACA,wNACA,mFACA,uHACA,mDACA,wDACA,+IACA,wDAEA,oHACA,oHACA,wFACA,+JACA,wGACA,4EACA,0EACA,mGACA,+CACA,6EACA,0CACA,mFACA,0JACA,mEACA,gGACA,uEACA,6EACA,yBACE,4DACA,2CAGF,yBACE,+FACA,8EACA,mCACA,2CACA,8CAGF,yBACE,gGACA,yBACA,4BACA,0DACA,kFAEF,yBACE,iCACA,wCACA,sCACA,6CACA,oDC3HF,0FACA,wCACA,wJACA,sDACA,4GACA,sDACA,qDACA,oEACA,qDACA,qCACA,6HACA,2DACA,qCACA,4EACA,4MACA,qDACA,oGACA,wHACA,iNACA,kEAEA,6HACA,mHACA,kKACA,uEACA,+CACA,sGACA,8DAEA,4PACA,kUACA,2DACA,wNACA,iFACA,2FACA,uGACA,uGACA,yEACA,4CACA,2DACA,4CACA,2CACA,0CACA,8BAEA,4KACA,+HAEA,yBACE,6CACA,kCACA,kCACA,+CCpDF,mEACA,4EAEA,2HACA,gEACA,gEAEA,uCACE,0BACA,qKACA,4CACA","sourcesContent":[":root {\n  color-scheme: light;\n  --m-bg: #f7f7f4;\n  --m-bg-raised: rgba(255, 255, 252, .78);\n  --m-surface: #fff;\n  --m-surface-soft: #efefe9;\n  --m-ink: #151713;\n  --m-muted: #65685f;\n  --m-faint: #8e9188;\n  --m-line: rgba(26, 29, 23, .13);\n  --m-line-strong: rgba(26, 29, 23, .24);\n  --m-lime: #c7f267;\n  --m-lime-ink: #26340c;\n  --m-teal: #87ebcf;\n  --m-violet: #a992ff;\n  --m-blue: #77bff5;\n  --m-code-bg: #171a19;\n  --m-code-ink: #e9eee9;\n  --m-header: rgba(247, 247, 244, .82);\n  --m-shadow: 0 18px 60px rgba(28, 31, 25, .08);\n  --m-radius-sm: 12px;\n  --m-radius: 20px;\n  --m-radius-lg: 32px;\n  --m-content: 1180px;\n  --m-reading: 720px;\n  --m-ease: cubic-bezier(.2, .75, .25, 1);\n}\n\n:root[data-theme=\"dark\"] {\n  color-scheme: dark;\n  --m-bg: #10110f;\n  --m-bg-raised: rgba(19, 21, 18, .8);\n  --m-surface: #181a17;\n  --m-surface-soft: #20231e;\n  --m-ink: #f1f3ed;\n  --m-muted: #a4a99f;\n  --m-faint: #7f847b;\n  --m-line: rgba(236, 241, 231, .13);\n  --m-line-strong: rgba(236, 241, 231, .24);\n  --m-lime: #b9e85d;\n  --m-lime-ink: #172006;\n  --m-header: rgba(16, 17, 15, .82);\n  --m-shadow: 0 22px 72px rgba(0, 0, 0, .3);\n}\n","*, *::before, *::after { box-sizing: border-box; }\n\nhtml { scroll-behavior: smooth; scroll-padding-top: 96px; }\n\nbody.modern-shell {\n  margin: 0;\n  overflow-x: hidden;\n  background:\n    radial-gradient(circle at 75% 5%, rgba(135, 235, 207, .08), transparent 28rem),\n    var(--m-bg);\n  color: var(--m-ink);\n  font-family: Pretendard, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 16px;\n  line-height: 1.65;\n  -webkit-font-smoothing: antialiased;\n  transition: background-color .25s ease, color .25s ease;\n}\n\na { color: inherit; text-decoration: none; }\nbutton, input { font: inherit; }\nimg { display: block; max-width: 100%; height: auto; }\n::selection { background: var(--m-lime); color: #111; }\n\n.modern-container { width: min(calc(100% - 48px), var(--m-content)); margin-inline: auto; }\n.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }\n\n.modern-skip-link {\n  position: fixed; z-index: 1000; top: 8px; left: 12px; padding: 10px 16px;\n  border-radius: 999px; background: var(--m-ink); color: var(--m-bg); transform: translateY(-160%);\n}\n.modern-skip-link:focus { transform: translateY(0); }\n\n.modern-header {\n  position: sticky; z-index: 100; top: 0; display: flex; align-items: center; justify-content: space-between;\n  width: min(calc(100% - 48px), var(--m-content)); min-height: 72px; margin-inline: auto;\n  background: var(--m-header); border-bottom: 1px solid var(--m-line); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);\n}\n.modern-brand { font-size: 16px; font-weight: 640; letter-spacing: -.025em; white-space: nowrap; }\n.modern-brand span { color: var(--m-muted); font-weight: 480; }\n.modern-nav-wrap, .modern-nav { display: flex; align-items: center; }\n.modern-nav-wrap { gap: 18px; }\n.modern-nav { gap: 2px; }\n.modern-nav a {\n  position: relative; padding: 11px 12px; color: var(--m-muted); border-radius: 10px; font-size: 13px; font-weight: 560;\n  transition: color .2s ease, background .2s ease;\n}\n.modern-nav a:hover, .modern-nav a[aria-current=\"page\"] { color: var(--m-ink); background: var(--m-surface-soft); }\n.modern-nav a[aria-current=\"page\"]::after { content: \"\"; position: absolute; inset: auto 12px 5px; height: 2px; border-radius: 2px; background: var(--m-lime); }\n.modern-theme-toggle {\n  display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--m-line); border-radius: 50%;\n  background: transparent; color: var(--m-ink); cursor: pointer; transition: transform .2s ease, background .2s ease;\n}\n.modern-theme-toggle:hover { transform: rotate(18deg); background: var(--m-surface-soft); }\n\n#main-content:focus { outline: none; }\n\n.modern-footer {\n  display: flex; justify-content: space-between; gap: 24px; width: min(calc(100% - 48px), var(--m-content));\n  margin: 120px auto 0; padding: 32px 0 40px; border-top: 1px solid var(--m-line); color: var(--m-muted); font-size: 13px;\n}\n.modern-footer nav { display: flex; gap: 18px; }\n.modern-footer a:hover { color: var(--m-ink); }\n\n@media (max-width: 900px) {\n  .modern-header { width: 100%; padding: 0 24px; }\n  .modern-nav-wrap { min-width: 0; }\n  .modern-nav { max-width: calc(100vw - 270px); overflow-x: auto; scrollbar-width: none; }\n  .modern-nav::-webkit-scrollbar { display: none; }\n  .modern-nav a { flex: 0 0 auto; }\n}\n\n@media (max-width: 640px) {\n  .modern-container { width: min(calc(100% - 32px), var(--m-content)); }\n  .modern-header { display: grid; min-height: 98px; grid-template-columns: 1fr auto; grid-template-rows: 50px 42px; padding: 0 16px; }\n  .modern-brand { grid-column: 1; grid-row: 1; font-size: 13px; }\n  .modern-nav-wrap { display: contents; }\n  .modern-nav { grid-column: 1 / -1; grid-row: 2; width: 100%; max-width: none; padding-bottom: 4px; }\n  .modern-nav a { padding: 8px 9px; font-size: 11px; }\n  .modern-theme-toggle { grid-column: 2; grid-row: 1; width: 34px; height: 34px; align-self: center; }\n  .modern-footer { width: calc(100% - 32px); margin-top: 80px; flex-direction: column; }\n}\n",".modern-eyebrow { margin: 0 0 16px; color: var(--m-muted); font-size: 11px; font-weight: 720; letter-spacing: .16em; text-transform: uppercase; }\n.modern-lead { max-width: 620px; color: var(--m-muted); font-size: clamp(17px, 1.7vw, 20px); line-height: 1.75; }\n.modern-section { padding-top: 110px; }\n.modern-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }\n.modern-section-heading h2 { margin: 0; font-size: clamp(30px, 4vw, 48px); line-height: 1.08; letter-spacing: -.055em; }\n.modern-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 34px; }\n.modern-button {\n  display: inline-flex; align-items: center; gap: 24px; padding: 13px 18px; border: 1px solid var(--m-line-strong); border-radius: 999px;\n  font-size: 14px; font-weight: 650; transition: transform .2s var(--m-ease), background .2s ease;\n}\n.modern-button:hover { transform: translateY(-2px); }\n.modern-button--primary { background: var(--m-ink); border-color: var(--m-ink); color: var(--m-bg); }\n.modern-button--primary:hover { background: var(--m-lime); border-color: var(--m-lime); color: var(--m-lime-ink); }\n.modern-text-link { display: inline-flex; align-items: center; gap: 6px; color: var(--m-muted); font-size: 13px; font-weight: 620; border-bottom: 1px solid var(--m-line-strong); }\n.modern-text-link:hover { color: var(--m-ink); border-color: var(--m-ink); }\n.modern-chip { display: inline-flex; width: fit-content; padding: 5px 9px; border: 1px solid var(--m-line); border-radius: 999px; color: var(--m-muted); font-size: 10px; font-weight: 720; letter-spacing: .08em; text-transform: uppercase; }\n.modern-tag-row { display: flex; flex-wrap: wrap; gap: 6px; }\n.modern-tag-row span, .modern-post-card__tags span { padding: 4px 8px; border-radius: 7px; background: var(--m-surface-soft); color: var(--m-muted); font-size: 11px; }\n.modern-empty { padding: 32px; border: 1px dashed var(--m-line-strong); border-radius: var(--m-radius); color: var(--m-muted); text-align: center; }\n\n.modern-card-grid { display: grid; gap: 14px; }\n.modern-card-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.modern-post-card {\n  --card-rx: 0deg; --card-ry: 0deg; display: flex; min-height: 390px; flex-direction: column; padding: 8px; overflow: hidden; border: 1px solid var(--m-line); border-radius: var(--m-radius);\n  background: var(--m-bg-raised); transform: perspective(1000px) rotateX(var(--card-rx)) rotateY(var(--card-ry)); transform-style: preserve-3d; transition: transform .28s var(--m-ease), border-color .25s ease, box-shadow .25s ease;\n}\n.modern-post-card:hover { border-color: var(--m-line-strong); box-shadow: var(--m-shadow); }\n.modern-post-card__art {\n  --art-hue: 150; --art-hue-alt: 252; --art-angle: 140deg; --art-x: 68%; --art-y: 24%; --art-x2: 22%; --art-y2: 76%;\n  position: relative; display: block; min-height: 150px; overflow: hidden; isolation: isolate; border-radius: 14px;\n  background:\n    radial-gradient(ellipse 130% 105% at -14% 112%, hsla(var(--art-hue), 82%, 65%, .96) 0%, transparent 62%),\n    radial-gradient(ellipse 118% 92% at 112% -12%, hsla(var(--art-hue-alt), 78%, 72%, .9) 0%, transparent 66%),\n    linear-gradient(132deg, hsl(calc(var(--art-hue) + 155), 35%, 18%), hsl(var(--art-hue-alt), 58%, 48%));\n  background-size: 112% 112%; background-position: center; transform: translateZ(.01px);\n}\n.modern-post-card__art[data-art-variant=\"1\"] { background: radial-gradient(ellipse 155% 84% at 52% -18%, hsla(var(--art-hue), 82%, 74%, .95), transparent 68%), radial-gradient(ellipse 120% 120% at 108% 112%, hsla(var(--art-hue-alt), 76%, 58%, .88), transparent 66%), linear-gradient(155deg, hsl(calc(var(--art-hue-alt) + 140), 34%, 17%), hsl(var(--art-hue), 58%, 46%)); }\n.modern-post-card__art[data-art-variant=\"2\"] { background: linear-gradient(112deg, hsla(var(--art-hue), 80%, 70%, .18), hsla(var(--art-hue-alt), 84%, 72%, .75) 46%, transparent 72%), radial-gradient(ellipse 160% 105% at 18% 110%, hsla(var(--art-hue), 86%, 62%, .94), transparent 65%), linear-gradient(24deg, hsl(calc(var(--art-hue) + 170), 36%, 16%), hsl(var(--art-hue-alt), 55%, 48%)); }\n.modern-post-card__art[data-art-variant=\"3\"] { background: radial-gradient(ellipse 180% 76% at 50% 118%, hsla(var(--art-hue-alt), 88%, 72%, .92), transparent 62%), linear-gradient(166deg, hsla(var(--art-hue), 76%, 69%, .88), transparent 57%), linear-gradient(42deg, hsl(calc(var(--art-hue-alt) + 150), 35%, 16%), hsl(var(--art-hue), 61%, 45%)); }\n.modern-post-card__art[data-art-variant=\"4\"] { background: radial-gradient(ellipse 104% 150% at -8% 44%, hsla(var(--art-hue), 86%, 68%, .94), transparent 67%), radial-gradient(ellipse 116% 136% at 108% 55%, hsla(var(--art-hue-alt), 82%, 73%, .86), transparent 70%), linear-gradient(96deg, hsl(calc(var(--art-hue) + 150), 34%, 16%), hsl(var(--art-hue-alt), 60%, 46%)); }\n.modern-post-card__art[data-art-variant=\"5\"] { background: linear-gradient(148deg, hsla(var(--art-hue-alt), 84%, 75%, .84), transparent 54%), radial-gradient(ellipse 145% 110% at 82% 112%, hsla(var(--art-hue), 88%, 64%, .92), transparent 64%), linear-gradient(18deg, hsl(calc(var(--art-hue-alt) + 155), 36%, 15%), hsl(var(--art-hue), 59%, 46%)); }\n.modern-post-card__body { display: flex; min-height: 230px; flex: 1; flex-direction: column; padding: 18px 17px 16px; }\n.modern-post-card__meta { margin-bottom: auto; color: var(--m-muted); font-size: 11px; font-weight: 620; letter-spacing: .04em; }\n.modern-post-card h2 { margin: 28px 0 10px; font-size: 20px; line-height: 1.35; letter-spacing: -.035em; }\n.modern-post-card p { display: -webkit-box; margin: 0 0 20px; overflow: hidden; color: var(--m-muted); font-size: 13px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }\n.modern-post-card__tags { display: flex; flex-wrap: wrap; gap: 5px; }\n\n.modern-page-hero { padding-top: 105px; padding-bottom: 60px; border-bottom: 1px solid var(--m-line); }\n.modern-page-hero h1, .modern-archive-hero h1 { max-width: 850px; margin: 0 0 20px; font-size: clamp(54px, 8vw, 104px); line-height: .94; letter-spacing: -.075em; }\n.modern-page-hero > p:last-child, .modern-archive-hero > p:last-child { max-width: 620px; margin: 0; color: var(--m-muted); font-size: 18px; }\n\n@media (max-width: 800px) {\n  .modern-section { padding-top: 78px; }\n  .modern-card-grid--three { grid-template-columns: 1fr; }\n  .modern-post-card { min-height: 370px; }\n}\n",".modern-home-hero { min-height: min(760px, calc(100vh - 72px)); padding-block: 34px 0; }\n.modern-home-hero--study { min-height: 0; padding-top: clamp(24px, 4vw, 48px); }\n.modern-study-hero { display: block; width: 100%; max-width: 1060px; margin-inline: auto; }\n.modern-study-hero__media { display: grid; place-items: center; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid var(--m-line); border-radius: var(--m-radius-lg); background: #000; box-shadow: var(--m-shadow); }\n.modern-study-hero__media img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center; }\n.modern-study-hero__caption { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: clamp(24px, 3vw, 36px) 4px 12px; }\n.modern-study-hero__caption h1 { max-width: 820px; margin: 0; font-size: clamp(24px, 3vw, 36px); font-weight: 650; line-height: 1.4; letter-spacing: -.045em; word-break: keep-all; overflow-wrap: anywhere; }\n.modern-study-hero__action { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; padding: 10px 17px; border: 1px solid var(--m-line); border-radius: 999px; color: var(--m-muted); font-size: 13px; transition: background .2s ease, color .2s ease; }\n.modern-study-hero:hover .modern-study-hero__action { background: var(--m-ink); color: var(--m-bg); }\n.modern-study-hero:focus-visible { outline: 2px solid var(--m-ink); outline-offset: 8px; border-radius: var(--m-radius); }\n@media (max-width: 640px) {\n  .modern-study-hero__media { border-radius: var(--m-radius); }\n  .modern-study-hero__caption { flex-direction: column; align-items: flex-start; gap: 16px; padding-top: 22px; }\n}\n.modern-llm-stage {\n  position: relative; min-height: min(690px, calc(100vh - 106px)); overflow: hidden; isolation: isolate;\n  border: 1px solid var(--m-line); border-radius: var(--m-radius-lg); background: #0b0e0d; box-shadow: 0 34px 100px rgba(13,17,14,.18); cursor: grab; touch-action: pan-y; user-select: none;\n}\n.modern-llm-stage:active { cursor: grabbing; }\n.modern-llm-stage::before { content: \"\"; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 50% 46%, rgba(135,235,207,.07), transparent 42%), linear-gradient(155deg, #121715, #090b0a 70%); }\n.modern-llm-stage::after { content: \"\"; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: radial-gradient(circle at center, transparent 43%, rgba(4,6,5,.42) 100%); }\n.modern-llm-stage canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }\n.modern-llm-stage [data-llm-canvas] { z-index: 1; }\n.modern-optimizer-controls { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; padding: 0 0 15px; }\n.modern-optimizer-controls button { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: var(--m-muted); cursor: pointer; font-size: 11px; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s var(--m-ease); }\n.modern-optimizer-controls button:hover { color: var(--m-ink); transform: translateY(-1px); }\n.modern-optimizer-controls button.is-active { border-color: var(--m-line); background: var(--m-bg-raised); color: var(--m-ink); box-shadow: 0 5px 18px rgba(20,24,20,.05); }\n.modern-optimizer-controls i { width: 7px; height: 7px; border-radius: 50%; background: var(--optimizer-color); box-shadow: 0 0 8px color-mix(in srgb, var(--optimizer-color) 60%, transparent); }\n\n.modern-feature-card {\n  --aurora-x: 75%; --aurora-y: 25%; position: relative; display: grid; min-height: 390px; grid-template-columns: 1fr auto; align-items: end;\n  padding: clamp(28px, 5vw, 58px); overflow: hidden; isolation: isolate; border: 1px solid var(--m-line); border-radius: var(--m-radius-lg); background: #151815; color: #f5f7f1;\n  box-shadow: var(--m-shadow); transform-style: preserve-3d;\n}\n.modern-feature-card::after { content: \"\"; position: absolute; inset: 0; z-index: -1; opacity: .22; background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E\"); mix-blend-mode: soft-light; }\n.modern-feature-card__aurora { position: absolute; inset: -40%; z-index: -2; background: radial-gradient(circle at var(--aurora-x) var(--aurora-y), rgba(199,242,103,.9), transparent 18%), conic-gradient(from 160deg at 55% 55%, #1c2320, #664ca7, #58c7ac, #c7f267, #18211e 72%); filter: saturate(.85); opacity: .82; transition: opacity .3s ease; }\n.modern-feature-card:hover .modern-feature-card__aurora { opacity: 1; }\n.modern-feature-card__body { max-width: 720px; }\n.modern-feature-card .modern-chip { border-color: rgba(255,255,255,.25); color: rgba(255,255,255,.75); }\n.modern-feature-card h3 { margin: 22px 0 16px; font-size: clamp(31px, 4.7vw, 61px); line-height: 1.04; letter-spacing: -.055em; }\n.modern-feature-card p { max-width: 610px; color: rgba(255,255,255,.72); }\n.modern-feature-card .modern-tag-row span { background: rgba(255,255,255,.1); color: rgba(255,255,255,.72); }\n.modern-feature-card__arrow { align-self: start; font-size: 28px; transition: transform .25s var(--m-ease); }\n.modern-feature-card:hover .modern-feature-card__arrow { transform: translate(5px, -5px); }\n\n.modern-section--ai-index { padding-top: 36px; }\n.modern-ai-index-callout { position: relative; display: grid; min-height: 270px; grid-template-columns: minmax(0, 1fr) auto; gap: clamp(30px, 7vw, 100px); align-items: end; padding: clamp(30px, 5vw, 58px); overflow: hidden; border: 1px solid var(--m-line); border-radius: var(--m-radius-lg); background: var(--m-surface); box-shadow: var(--m-shadow); }\n.modern-ai-index-callout::before { content: \"\"; position: absolute; inset: -25%; pointer-events: none; background: linear-gradient(125deg, rgba(199,242,103,.12) 0%, rgba(135,235,207,.28) 35%, rgba(119,191,245,.24) 64%, rgba(169,146,255,.3) 100%); filter: blur(32px); transition: transform .6s var(--m-ease); }\nhtml[data-theme=\"dark\"] .modern-ai-index-callout::before { background: linear-gradient(125deg, rgba(199,242,103,.06), rgba(135,235,207,.15) 35%, rgba(119,191,245,.13) 64%, rgba(169,146,255,.19)); }\n.modern-ai-index-callout__content { position: relative; z-index: 1; }\n.modern-ai-index-chip { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 30px; padding: 7px 11px; border: 1px solid var(--m-line); border-radius: 999px; color: var(--m-muted); font-size: 11px; font-weight: 650; }\n.modern-ai-index-chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--m-lime); box-shadow: 0 0 0 4px rgba(199,242,103,.18); }\n.modern-ai-index-callout h2 { margin: 0 0 14px; font-size: clamp(30px, 4vw, 48px); line-height: 1.06; letter-spacing: -.055em; }\n.modern-ai-index-callout__content > p { max-width: 610px; margin: 0; color: var(--m-muted); }\n.modern-ai-index-callout__action { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 34px; padding: 13px 18px; border: 1px solid var(--m-line-strong); border-radius: 999px; background: var(--m-ink); color: var(--m-bg); font-size: 13px; font-weight: 650; white-space: nowrap; transition: transform .25s var(--m-ease), background .2s ease, color .2s ease; }\n.modern-ai-index-callout:hover::before { transform: translate(-3%, 4%) scale(1.08); }\n.modern-ai-index-callout:hover .modern-ai-index-callout__action { transform: translateY(-3px); background: var(--m-lime); color: var(--m-lime-ink); }\n\n@media (max-width: 900px) {\n  .modern-home-hero { min-height: auto; }\n  .modern-llm-stage { min-height: 650px; }\n  .modern-ai-index-callout { grid-template-columns: 1fr; gap: 32px; align-items: start; }\n  .modern-ai-index-callout__action { width: fit-content; }\n}\n@media (max-width: 640px) {\n  .modern-home-hero { width: 100%; padding-top: 0; }\n  .modern-llm-stage { min-height: 540px; border-width: 0 0 1px; border-radius: 0 0 26px 26px; }\n  .modern-optimizer-controls { padding-inline: 14px; }\n  .modern-optimizer-controls button { padding: 6px 8px; font-size: 10px; }\n  .modern-feature-card { min-height: 430px; }\n  .modern-section--ai-index { padding-top: 24px; }\n  .modern-ai-index-callout { min-height: 0; padding: 28px 22px; }\n  .modern-ai-index-callout h2 br { display: none; }\n}\n",".modern-archive-hero { padding-block: 110px 68px; border-bottom: 1px solid var(--m-line); }\n.modern-archive { padding-top: 34px; }\n.modern-archive-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }\n.modern-archive-toolbar p { color: var(--m-muted); font-size: 13px; }\n.modern-search { display: flex; width: min(100%, 330px); align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--m-line); border-radius: 999px; background: var(--m-bg-raised); }\n.modern-search:focus-within { border-color: var(--m-line-strong); box-shadow: 0 0 0 3px rgba(199,242,103,.18); }\n.modern-search svg { width: 17px; fill: none; stroke: var(--m-muted); stroke-width: 1.8; }\n.modern-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--m-ink); font-size: 13px; }\n.modern-search input::placeholder { color: var(--m-faint); }\n.modern-archive-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }\n.modern-archive-list .modern-post-card { min-height: 400px; }\n\n.modern-project-gallery { padding: 0 0 76px; border-bottom: 1px solid var(--m-line); }\n.modern-project-gallery__toolbar { display: flex; justify-content: flex-end; margin-bottom: 14px; }\n.modern-project-all { padding: 7px 12px; border: 1px solid var(--m-line); border-radius: 999px; background: transparent; color: var(--m-muted); cursor: pointer; font-size: 11px; }\n.modern-project-all.is-active, .modern-project-all:hover { border-color: var(--m-ink); background: var(--m-ink); color: var(--m-bg); }\n.modern-project-gallery__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }\n.modern-project-tile { position: relative; display: flex; min-height: 310px; flex-direction: column; padding: 8px; overflow: hidden; border: 1px solid var(--m-line); border-radius: var(--m-radius); background: var(--m-bg-raised); color: var(--m-ink); cursor: pointer; text-align: left; transition: transform .28s var(--m-ease), border-color .2s ease, box-shadow .2s ease; }\n.modern-project-tile:first-child { grid-column: 1 / -1; min-height: 360px; }\n.modern-project-tile:hover, .modern-project-tile.is-active { transform: translateY(-4px); border-color: var(--m-line-strong); box-shadow: var(--m-shadow); }\n.modern-project-tile.is-active { box-shadow: 0 0 0 2px var(--m-lime), var(--m-shadow); }\n.modern-project-tile__art { position: relative; display: block; height: 150px; overflow: hidden; border-radius: 14px; background: radial-gradient(ellipse 155% 92% at -12% 110%, rgba(118,221,187,.92), transparent 65%), radial-gradient(ellipse 130% 105% at 110% -8%, rgba(183,155,255,.9), transparent 68%), linear-gradient(135deg, #17221e, #527e70); }\n.modern-project-tile:first-child .modern-project-tile__art { height: 190px; }\n.modern-project-tile--sentiment .modern-project-tile__art { background: radial-gradient(ellipse 150% 110% at 108% 114%, rgba(135,235,207,.9), transparent 67%), radial-gradient(ellipse 130% 95% at -10% -5%, rgba(142,117,231,.9), transparent 66%), linear-gradient(155deg, #172028, #46658a); }\n.modern-project-tile__art::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.22), transparent 64%); transform: translateX(-100%); transition: transform .8s var(--m-ease); }\n.modern-project-tile:hover .modern-project-tile__art::after { transform: translateX(100%); }\n.modern-project-tile__meta { margin: 14px 12px 0; color: var(--m-faint); font-size: 9px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }\n.modern-project-tile > strong { margin: 8px 12px 2px; font-size: 20px; line-height: 1.25; letter-spacing: -.035em; }\n.modern-project-tile > small { margin: 5px 42px 12px 12px; color: var(--m-muted); font-size: 11px; line-height: 1.55; }\n.modern-project-tile__arrow { position: absolute; right: 20px; bottom: 18px; transition: transform .2s ease; }\n.modern-project-tile:hover .modern-project-tile__arrow { transform: translate(3px, -3px); }\n[data-search-item][hidden] { display: none; }\n\n@media (max-width: 720px) {\n  .modern-archive-hero { padding-block: 72px 50px; }\n  .modern-archive-toolbar { align-items: stretch; flex-direction: column; }\n  .modern-search { width: 100%; }\n  .modern-archive-list { grid-template-columns: 1fr; }\n  .modern-project-gallery { padding-bottom: 56px; }\n  .modern-project-gallery__grid { grid-template-columns: 1fr; }\n  .modern-project-tile:first-child { grid-column: auto; min-height: 320px; }\n  .modern-project-tile:first-child .modern-project-tile__art { height: 160px; }\n}\n\n.modern-project-tile--wrtn .modern-project-tile__art { background: radial-gradient(ellipse 145% 100% at 105% 110%, rgba(255,183,117,.9), transparent 65%), radial-gradient(ellipse 125% 95% at -10% -5%, rgba(220,151,246,.85), transparent 66%), linear-gradient(145deg, #302039, #94585f); }\n",".modern-reading-progress { position: fixed; z-index: 120; inset: 0 0 auto; height: 2px; pointer-events: none; }\n.modern-reading-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--m-lime), var(--m-teal), var(--m-violet)); }\nhtml[data-theme=\"light\"] .modern-reading-progress { height: 4px; }\nhtml[data-theme=\"light\"] .modern-reading-progress span { background: linear-gradient(90deg, #548719, #087f78, #7548cc); box-shadow: 0 1px 4px rgba(37, 56, 45, .2); }\n.modern-article { padding-top: 84px; }\n.modern-article-hero { max-width: 960px; margin-bottom: 80px; }\n.modern-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 42px; color: var(--m-faint); font-size: 11px; }\n.modern-breadcrumb a:hover { color: var(--m-ink); }\n.modern-article-hero h1 { max-width: 940px; margin: 20px 0 22px; font-size: clamp(42px, 6.3vw, 78px); line-height: 1.06; letter-spacing: -.06em; overflow-wrap: anywhere; }\n.modern-article-summary { max-width: 730px; color: var(--m-muted); font-size: clamp(17px, 2vw, 21px); }\n.modern-article-meta { display: flex; flex-wrap: wrap; gap: 28px; margin-top: 32px; color: var(--m-muted); font-size: 12px; }\n.modern-article-meta strong { margin-left: 5px; color: var(--m-ink); font-weight: 620; }\n.modern-article-layout { display: grid; grid-template-columns: 180px minmax(0, var(--m-reading)) 1fr; gap: 54px; align-items: start; }\n.modern-toc { position: sticky; top: 104px; grid-column: 1; max-height: calc(100vh - 130px); padding: 4px 10px 12px 0; overflow-y: auto; scrollbar-width: thin; }\n.modern-toc > p { margin: 0 0 13px; color: var(--m-faint); font-size: 10px; font-weight: 720; letter-spacing: .12em; text-transform: uppercase; }\n.modern-toc nav { display: grid; gap: 2px; border-left: 1px solid var(--m-line); }\n.modern-toc a { position: relative; margin-left: -1px; padding: 6px 0 6px 13px; border-left: 1px solid transparent; color: var(--m-muted); font-size: 11px; line-height: 1.45; transition: color .2s ease, border-color .2s ease, transform .2s ease; }\n.modern-toc a[data-level=\"3\"] { padding-left: 24px; }\n.modern-toc a:hover, .modern-toc a.is-active { border-left-color: var(--m-lime); color: var(--m-ink); }\n.modern-toc a.is-active { transform: translateX(3px); font-weight: 680; }\n.modern-toc a.is-active::before { content: \"\"; position: absolute; left: -3px; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: var(--m-lime); box-shadow: 0 0 8px var(--m-lime); transform: translateY(-50%); }\n.modern-prose { grid-column: 2; min-width: 0; }\n.modern-article-footer { display: flex; align-items: start; justify-content: space-between; gap: 24px; max-width: var(--m-reading); margin: 72px 0 0 234px; padding-top: 24px; border-top: 1px solid var(--m-line); }\n.modern-copy-link { padding: 8px 11px; flex: 0 0 auto; border: 1px solid var(--m-line); border-radius: 999px; background: transparent; color: var(--m-muted); cursor: pointer; font-size: 12px; }\n.modern-copy-link:hover { color: var(--m-ink); background: var(--m-surface-soft); }\n.modern-pagination { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; max-width: calc(var(--m-reading) + 234px); margin-top: 72px; padding-top: 24px; border-top: 1px solid var(--m-line); }\n.modern-pagination a { display: flex; min-height: 120px; flex-direction: column; padding: 20px; border: 1px solid var(--m-line); border-radius: var(--m-radius); }\n.modern-pagination a:last-child { text-align: right; }\n.modern-pagination span { color: var(--m-faint); font-size: 10px; text-transform: uppercase; }\n.modern-pagination strong { margin-top: auto; font-size: 14px; line-height: 1.4; }\n.modern-read-more { margin-top: 118px; padding-top: 54px; border-top: 1px solid var(--m-line); }\n.modern-read-more .modern-section-heading h2 { font-size: clamp(34px, 4.5vw, 56px); }\n.modern-read-more .modern-post-card { min-height: 380px; }\n\n.modern-cv { display: block; max-width: var(--m-reading); margin-inline: auto; padding-top: 70px; }\n.modern-cv-contact { display: flex; flex-wrap: wrap; gap: 14px 24px; margin-top: 24px; font-size: 14px; }\n.modern-cv-contact a { padding-bottom: 3px; border-bottom: 1px solid var(--m-line-strong); }\n.modern-cv-contact a:hover { color: var(--m-muted); }\n.modern-cv > aside { position: sticky; top: 100px; align-self: start; }\n.modern-cv__avatar { width: 96px; height: 96px; overflow: hidden; border-radius: 50%; background: var(--m-surface-soft); }\n.modern-cv__avatar img { width: 100%; height: 100%; object-fit: cover; }\n.modern-cv > aside h2 { margin: 18px 0 2px; font-size: 21px; }\n.modern-cv > aside p { margin: 0; color: var(--m-muted); font-size: 13px; }\n.modern-cv__links { display: grid; gap: 6px; margin-top: 22px; font-size: 13px; }\n.modern-cv__links a:hover { color: var(--m-muted); }\n\n.modern-not-found { min-height: 68vh; padding-block: 120px; text-align: center; }\n.modern-not-found__orb { width: 150px; aspect-ratio: 1; margin: 0 auto 45px; border: 1px solid var(--m-line-strong); border-radius: 50%; background: radial-gradient(circle at 35% 30%, var(--m-lime), #638b83 45%, #29302c 74%); box-shadow: 0 20px 80px rgba(135,235,207,.2); }\n.modern-not-found h1 { max-width: 750px; margin: 0 auto 16px; font-size: clamp(42px, 7vw, 76px); line-height: 1.02; letter-spacing: -.06em; }\n.modern-not-found > p:not(.modern-eyebrow) { color: var(--m-muted); }\n.modern-not-found .modern-actions { justify-content: center; }\n\n.modern-llm-index-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); align-items: center; padding-block: 80px; border-bottom: 1px solid var(--m-line); }\n.modern-llm-index-hero__copy h1 { max-width: 720px; margin: 14px 0 22px; font-size: clamp(36px, 4.5vw, 62px); line-height: 1.2; letter-spacing: -.055em; word-break: keep-all; overflow-wrap: break-word; text-wrap: balance; }\n.modern-llm-index-hero p, .modern-llm-index-flow p, .modern-llm-index-flow h2, .modern-llm-index-resources p, .modern-llm-index-resources h2, .modern-ai-index-callout p { word-break: keep-all; overflow-wrap: break-word; }\n.modern-llm-index-hero__copy > p:last-child { max-width: 610px; color: var(--m-muted); font-size: 15px; line-height: 1.75; }\n.modern-llm-index-card { width: min(100%, 760px); padding: 20px; border: 1px solid var(--m-line); border-radius: var(--m-radius); background: var(--m-surface); box-shadow: var(--m-shadow); }\n.modern-llm-index-card__head { display: flex; justify-content: space-between; margin-bottom: 24px; color: var(--m-muted); font-size: 11px; }\n.modern-llm-index-card__head span { display: flex; align-items: center; gap: 7px; }\n.modern-llm-index-card__head i { width: 7px; height: 7px; border-radius: 50%; background: var(--m-lime); box-shadow: 0 0 10px var(--m-lime); }\n.modern-llm-index-card__head strong { color: var(--m-ink); font-size: 9px; letter-spacing: .12em; }\n.modern-llm-index-card code { display: block; min-height: 72px; padding: 16px; overflow-wrap: anywhere; border-radius: 10px; background: var(--m-code-bg); color: #b9c3ba; font: 11px/1.6 \"SFMono-Regular\", Consolas, monospace; }\n.modern-llm-index-card button { width: 100%; margin-top: 12px; padding: 10px; border: 1px solid var(--m-line); border-radius: 10px; background: transparent; color: var(--m-ink); cursor: pointer; font-size: 12px; }\n.modern-llm-index-flow, .modern-llm-index-resources { padding-top: 110px; }\n.modern-llm-index-flow ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 0; list-style: none; }\n.modern-llm-index-flow li { min-height: 230px; padding: 24px; border-top: 1px solid var(--m-line-strong); }\n.modern-llm-index-flow li span { color: var(--m-faint); font-size: 11px; }\n.modern-llm-index-flow li h3 { margin: 68px 0 8px; font-size: 24px; }\n.modern-llm-index-flow li p { color: var(--m-muted); font-size: 13px; }\n.modern-llm-index-example { display: grid; grid-template-columns: minmax(150px, .35fr) minmax(0, 1fr) auto; gap: 30px; align-items: center; margin-top: 12px; padding: 25px 30px; border-radius: var(--m-radius-sm); background: var(--m-ink); color: var(--m-bg); }\n.modern-llm-index-example span { color: color-mix(in srgb, var(--m-bg) 58%, transparent); font-size: 11px; }\n.modern-llm-index-example strong { display: block; margin-top: 6px; font-size: 12px; }\n.modern-llm-index-example p { margin: 0; font-size: 14px; line-height: 1.65; }\n.modern-llm-index-example button { padding: 10px 13px; border: 1px solid var(--m-line-strong); border-radius: 999px; background: var(--m-bg); color: var(--m-ink); cursor: pointer; font-size: 12px; font-weight: 650; white-space: nowrap; }\n.modern-llm-index-resources { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }\n.modern-llm-index-resources h2 { margin: 0 0 16px; font-size: clamp(34px, 4vw, 52px); line-height: 1.06; letter-spacing: -.055em; }\n.modern-llm-index-resources p { color: var(--m-muted); }\n.modern-llm-index-resources > div:last-child { display: grid; }\n.modern-llm-index-resources a { display: flex; justify-content: space-between; padding: 18px 4px; border-bottom: 1px solid var(--m-line); font-size: 13px; }\n.modern-llm-index-resources a span { color: var(--m-muted); }\n\n.modern-ai-guide { max-width: 820px; padding-block: clamp(48px, 7vw, 88px) 40px; word-break: keep-all; overflow-wrap: anywhere; }\n.modern-ai-guide__header h1 { margin: 0 0 20px; font-size: clamp(30px, 4vw, 46px); line-height: 1.25; letter-spacing: -.045em; }\n.modern-ai-guide__header p { margin: 0; color: var(--m-muted); line-height: 1.8; font-size: 15px; }\n.modern-ai-guide__prompt { margin-top: 36px; padding: clamp(24px, 4vw, 32px); border: 1px solid var(--m-line); border-radius: var(--m-radius); background: var(--m-surface); }\n.modern-ai-guide__prompt-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }\n.modern-ai-guide__prompt-heading h2 { margin: 0; font-size: 16px; font-weight: 650; }\n.modern-ai-guide__prompt-heading > span { color: var(--m-faint); font-size: 12px; }\n.modern-ai-guide__prompt > p { margin: 20px 0 24px; color: var(--m-muted); font-size: 15px; line-height: 1.85; }\n.modern-ai-guide__prompt button { cursor: pointer; }\n.modern-ai-guide__hint { margin: 14px 4px 0; color: var(--m-faint); font-size: 13px; }\n.modern-ai-guide__sources { margin-top: 52px; }\n.modern-ai-guide__sources h2 { margin: 0 0 14px; font-size: 20px; letter-spacing: -.03em; }\n.modern-ai-guide__sources > a { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 4px; border-bottom: 1px solid var(--m-line); }\n.modern-ai-guide__sources > a:hover { background: var(--m-surface-soft); }\n.modern-ai-guide__sources strong { display: block; margin-bottom: 4px; font-size: 14px; font-weight: 650; }\n.modern-ai-guide__sources div > span { color: var(--m-muted); font-size: 13px; }\n.modern-ai-guide__filename { flex-shrink: 0; font-size: 12px; color: var(--m-muted); }\n@media (max-width: 480px) {\n  .modern-ai-guide__sources > a { align-items: flex-start; gap: 12px; }\n  .modern-ai-guide__filename { font-size: 11px; }\n}\n\n@media (max-width: 820px) {\n  .modern-llm-index-hero, .modern-llm-index-resources { grid-template-columns: 1fr; align-items: start; }\n  .modern-llm-index-example, .modern-llm-index-flow ol { grid-template-columns: 1fr; }\n  .modern-llm-index-example { gap: 12px; }\n  .modern-llm-index-flow li { min-height: 170px; }\n  .modern-llm-index-flow li h3 { margin-top: 38px; }\n}\n\n@media (max-width: 980px) {\n  .modern-article-layout { grid-template-columns: minmax(0, var(--m-reading)); justify-content: center; }\n  .modern-toc { display: none; }\n  .modern-prose { grid-column: 1; }\n  .modern-article-footer { margin-left: auto; margin-right: auto; }\n  .modern-pagination { max-width: var(--m-reading); margin-left: auto; margin-right: auto; }\n}\n@media (max-width: 720px) {\n  .modern-article { padding-top: 55px; }\n  .modern-article-hero { margin-bottom: 54px; }\n  .modern-breadcrumb { margin-bottom: 28px; }\n  .modern-pagination { grid-template-columns: 1fr; }\n  .modern-read-more { margin-top: 82px; padding-top: 42px; }\n}\n",".modern-prose { color: var(--m-ink); font-size: 17px; line-height: 1.85; overflow-wrap: break-word; }\n.modern-prose > :first-child { margin-top: 0; }\n.modern-prose h1, .modern-prose h2, .modern-prose h3, .modern-prose h4 { scroll-margin-top: 100px; color: var(--m-ink); line-height: 1.28; letter-spacing: -.035em; }\n.modern-prose h1 { margin: 2.2em 0 .8em; font-size: 2.25em; }\n.modern-prose h2 { margin: 2.4em 0 .75em; padding-top: .35em; border-top: 1px solid var(--m-line); font-size: 1.75em; }\n.modern-prose h3 { margin: 1.9em 0 .6em; font-size: 1.35em; }\n.modern-prose h4 { margin: 1.6em 0 .5em; font-size: 1.1em; }\n.modern-prose p, .modern-prose ul, .modern-prose ol { margin: 0 0 1.25em; }\n.modern-prose ul, .modern-prose ol { padding-left: 1.5em; }\n.modern-prose li + li { margin-top: .35em; }\n.modern-prose a { color: #47776b; text-decoration: underline; text-decoration-color: rgba(71,119,107,.35); text-underline-offset: 3px; }\n:root[data-theme=\"dark\"] .modern-prose a { color: var(--m-teal); }\n.modern-prose strong { font-weight: 720; }\n.modern-prose hr { margin: 3.5em 0; border: 0; border-top: 1px solid var(--m-line); }\n.modern-prose blockquote { margin: 1.7em 0; padding: 18px 22px; border-left: 3px solid var(--m-lime); border-radius: 0 var(--m-radius-sm) var(--m-radius-sm) 0; background: var(--m-surface-soft); color: var(--m-muted); }\n.modern-prose blockquote > :last-child { margin-bottom: 0; }\n.modern-prose img { margin: 2em auto; border-radius: var(--m-radius-sm); box-shadow: 0 1px 0 var(--m-line); }\n.modern-prose figcaption, .modern-prose .caption { margin-top: -1.4em; color: var(--m-faint); font-size: 12px; text-align: center; }\n.modern-prose :not(pre) > code { padding: .16em .42em; border: 1px solid var(--m-line); border-radius: 6px; background: var(--m-surface-soft); color: #97613c; font-family: \"SFMono-Regular\", Consolas, monospace; font-size: .86em; }\n:root[data-theme=\"dark\"] .modern-prose :not(pre) > code { color: #efb383; }\n\n.modern-table-scroll { width: 100%; margin: 2em 0; overflow-x: auto; border: 1px solid var(--m-line); border-radius: var(--m-radius-sm); }\n.modern-prose table { width: 100%; min-width: 580px; border-collapse: collapse; background: var(--m-surface); font-size: 14px; }\n.modern-prose th, .modern-prose td { padding: 13px 15px; border-right: 1px solid var(--m-line); border-bottom: 1px solid var(--m-line); text-align: left; vertical-align: top; }\n.modern-prose th:last-child, .modern-prose td:last-child { border-right: 0; }\n.modern-prose tr:last-child td { border-bottom: 0; }\n.modern-prose th { background: var(--m-surface-soft); color: var(--m-muted); font-size: 12px; font-weight: 700; }\n.modern-prose tbody tr:hover { background: rgba(199,242,103,.07); }\n\n.modern-prose div.highlighter-rouge, .modern-prose figure.highlight { position: relative; margin: 2em 0; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: var(--m-radius-sm); background: var(--m-code-bg); box-shadow: 0 16px 38px rgba(0,0,0,.1); }\n.modern-prose div.highlighter-rouge::before, .modern-prose figure.highlight::before { content: attr(data-language); display: block; min-height: 32px; padding: 8px 13px; border-bottom: 1px solid rgba(255,255,255,.08); color: #8c978f; font-family: \"SFMono-Regular\", Consolas, monospace; font-size: 10px; line-height: 1.4; text-transform: uppercase; }\n.modern-prose .highlight { margin: 0; background: transparent; }\n.modern-prose pre { margin: 0; padding: 18px; overflow-x: auto; background: var(--m-code-bg); color: var(--m-code-ink); font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", monospace; font-size: 13px; line-height: 1.7; tab-size: 2; }\n.modern-prose pre code { padding: 0; border: 0; background: transparent; color: inherit; }\n.highlight .c, .highlight .c1, .highlight .cm, .highlight .cs { color: #76837a; font-style: italic; }\n.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt { color: #c5a7ff; }\n.highlight .s, .highlight .s1, .highlight .s2, .highlight .sb, .highlight .sc, .highlight .sd { color: #c7e88e; }\n.highlight .m, .highlight .mi, .highlight .mf, .highlight .mh { color: #f3b879; }\n.highlight .nf, .highlight .fm { color: #79d7f2; }\n.highlight .nc, .highlight .nn, .highlight .nd { color: #7ee0c3; }\n.highlight .nb, .highlight .bp { color: #f0d483; }\n.highlight .o, .highlight .ow { color: #e7a6c9; }\n.highlight .n, .highlight .p { color: #e9eee9; }\n.highlight .err { color: #ff8b8b; }\n\n.modern-prose .notice, .modern-prose aside { margin: 1.7em 0; padding: 18px 22px; border: 1px solid var(--m-line); border-radius: var(--m-radius-sm); background: var(--m-surface-soft); }\n.modern-prose .footnotes { margin-top: 4em; padding-top: 1em; border-top: 1px solid var(--m-line); color: var(--m-muted); font-size: 13px; }\n\n@media (max-width: 640px) {\n  .modern-prose { font-size: 16px; line-height: 1.8; }\n  .modern-prose h1 { font-size: 1.85em; }\n  .modern-prose h2 { font-size: 1.55em; }\n  .modern-prose pre { padding: 15px; font-size: 12px; }\n}\n","@keyframes orbit-spin { to { transform: rotateX(66deg) rotateZ(372deg); } }\n@keyframes orbit-spin-reverse { to { transform: rotateY(64deg) rotateZ(-384deg); } }\n\n.js .modern-reveal { opacity: 0; transform: translateY(20px); transition: opacity .75s var(--m-ease), transform .75s var(--m-ease); }\n.js .modern-reveal[data-reveal-delay=\"1\"] { transition-delay: .12s; }\n.js .modern-reveal.is-visible { opacity: 1; transform: translateY(0); }\n\n@media (prefers-reduced-motion: reduce) {\n  html { scroll-behavior: auto; }\n  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }\n  .js .modern-reveal { opacity: 1; transform: none; }\n  .orbital-field { transform: none !important; }\n}\n"],"file":"modern.css"}