@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap");[data-sj-theme]{--sj-grain:none;--sj-radius:4px;--sj-radius-lg:6px;--sj-rule:1px;--el-wood:oklch(55% 0.1 168);--el-fire:oklch(56% 0.155 32);--el-earth:oklch(62% 0.1 78);--el-metal:oklch(66% 0.022 250);--el-water:oklch(42% 0.07 250)}.sj-root{background:var(--bg);color:var(--ink);font-family:var(--font-body);min-height:100dvh}.sj-root .app-header{background:color-mix(in oklch,var(--paper) 88%,transparent)}.sj-root:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:var(--sj-grain);opacity:var(--sj-grain-opacity,0)}.sj-root>*{position:relative;z-index:1}[data-sj-theme=hanji]{--bg:oklch(93.8% 0.019 86);--bg-secondary:oklch(91% 0.022 84);--bg-tertiary:oklch(89% 0.024 82);--bg-elevated:oklch(96.6% 0.013 88);--paper:oklch(96.6% 0.013 88);--paper-warm:oklch(94.6% 0.018 86);--ink:oklch(23% 0.009 62);--ink-secondary:oklch(36% 0.011 62);--ink-muted:oklch(50% 0.012 64);--ink-faint:oklch(62% 0.012 66);--accent:oklch(50% 0.163 31);--accent-deep:oklch(42% 0.158 30);--accent-bg:oklch(50% 0.163 31/0.09);--accent-text:oklch(96.6% 0.013 88);--border:oklch(23% 0.009 62/0.5);--border-strong:oklch(23% 0.009 62/0.8);--hair:oklch(23% 0.009 62/0.14);--line-soft:oklch(23% 0.009 62/0.3);--danger:oklch(50% 0.163 31);--positive:oklch(45% 0.07 150);--font-display:"Nanum Myeongjo",serif;--sj-radius:2px;--sj-radius-lg:3px;--sj-rule:1px;--sj-grain-opacity:0.5;--sj-grain: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='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");--sh-card:none;--sh-card-sm:none;--sh-soft:none;--r-xs:2px;--r-sm:2px;--r-md:3px;--r-lg:3px;--r-xl:4px;--r-2xl:4px}[data-sj-theme=editorial]{--bg:oklch(97.6% 0.003 250);--bg-secondary:oklch(95% 0.004 250);--bg-tertiary:oklch(93% 0.004 250);--bg-elevated:oklch(100% 0 0);--paper:oklch(100% 0 0);--paper-warm:oklch(97.6% 0.003 250);--ink:oklch(17% 0.012 265);--ink-secondary:oklch(34% 0.011 265);--ink-muted:oklch(52% 0.009 265);--ink-faint:oklch(66% 0.007 265);--accent:oklch(47% 0.175 258);--accent-deep:oklch(39% 0.17 258);--accent-bg:oklch(47% 0.175 258/0.08);--accent-text:oklch(100% 0 0);--border:oklch(17% 0.012 265/0.16);--border-strong:oklch(17% 0.012 265/0.42);--hair:oklch(17% 0.012 265/0.08);--line-soft:oklch(17% 0.012 265/0.14);--danger:oklch(53% 0.2 26);--positive:oklch(52% 0.11 155);--font-display:var(--font-body);--sj-radius:3px;--sj-radius-lg:4px;--sj-rule:1px;--sj-grain-opacity:0;--sh-card:none;--sh-card-sm:none;--sh-soft:0 1px 2px oklch(17% 0.012 265/0.05);--r-xs:3px;--r-sm:3px;--r-md:4px;--r-lg:4px;--r-xl:6px;--r-2xl:6px}[data-sj-theme=nocturne]{--bg:oklch(20.5% 0.014 268);--bg-secondary:oklch(24% 0.016 268);--bg-tertiary:oklch(27% 0.017 268);--bg-elevated:oklch(24.5% 0.016 268);--paper:oklch(24.5% 0.016 268);--paper-warm:oklch(27.5% 0.018 266);--ink:oklch(92% 0.011 84);--ink-secondary:oklch(80% 0.013 84);--ink-muted:oklch(66% 0.014 84);--ink-faint:oklch(54% 0.014 84);--accent:oklch(79% 0.115 79);--accent-deep:oklch(86% 0.1 82);--accent-bg:oklch(79% 0.115 79/0.14);--accent-text:oklch(20.5% 0.014 268);--border:oklch(79% 0.06 79/0.24);--border-strong:oklch(79% 0.08 79/0.45);--hair:oklch(85% 0.02 84/0.11);--line-soft:oklch(85% 0.03 84/0.2);--danger:oklch(70% 0.16 28);--positive:oklch(72% 0.11 155);--font-display:"Nanum Myeongjo",serif;--sj-radius:5px;--sj-radius-lg:8px;--sj-rule:1px;--sj-grain-opacity:0.35;--sj-grain: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.9' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");--sh-card:0 1px 0 oklch(100% 0 0/0.04) inset,0 10px 30px -20px oklch(0% 0 0/0.9);--sh-card-sm:0 1px 0 oklch(100% 0 0/0.04) inset;--sh-soft:0 10px 30px -22px oklch(0% 0 0/0.9);--r-xs:5px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;--r-2xl:14px;--el-wood:oklch(72% 0.11 168);--el-fire:oklch(70% 0.145 32);--el-earth:oklch(78% 0.1 78);--el-metal:oklch(80% 0.025 250);--el-water:oklch(66% 0.085 250)}[data-sj-theme=nocturne] .sj-ol li,[data-sj-theme=nocturne] .sj-p,[data-sj-theme=nocturne] .sj-ul li{line-height:1.85}.sj-card{background:var(--paper);border:var(--sj-rule) solid var(--border);border-radius:var(--sj-radius-lg);box-shadow:var(--sh-card-sm);padding:20px 18px}.sj-label{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--ink-muted);text-transform:uppercase}.sj-label:lang(ko){text-transform:none;letter-spacing:.1em}.sj-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--sj-radius);border:var(--sj-rule) solid var(--border);background:var(--paper-warm);font-size:12px;font-weight:700;color:var(--ink-secondary);white-space:nowrap}.sj-chip[data-tone=accent]{background:var(--accent-bg);border-color:color-mix(in oklch,var(--accent) 45%,transparent);color:var(--accent-deep)}.sj-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sj-pillar{border:var(--sj-rule) solid var(--border);border-radius:var(--sj-radius);background:var(--paper-warm);padding:10px 4px 8px;text-align:center;min-width:0}.sj-pillar[data-empty=true]{border-style:dashed;color:var(--ink-faint);background:transparent}.sj-pillar-top{font-size:10px;font-weight:700;color:var(--ink-muted);letter-spacing:.08em;margin-bottom:6px}.sj-pillar-hanja{font-family:var(--font-display);font-size:clamp(26px,8.5vw,38px);line-height:1.08;font-weight:700;display:block}.sj-pillar-kr{font-size:11px;color:var(--ink-muted);margin-top:5px;font-variant-numeric:tabular-nums}.sj-pillar-rule{height:var(--sj-rule);background:var(--hair);margin:5px 6px}.sj-pillar-god{font-size:10px;font-weight:700;color:var(--accent-deep);letter-spacing:.02em}.sj-bars{display:flex;gap:8px;align-items:flex-end}.sj-bar-col{flex:1;text-align:center;min-width:0}.sj-bar-track{height:74px;align-items:flex-end}.sj-bar,.sj-bar-track{display:flex;justify-content:center}.sj-bar{width:100%;border-radius:var(--sj-radius) var(--sj-radius) 0 0;border:var(--sj-rule) solid var(--border);border-bottom:none;align-items:flex-start;padding-top:3px;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink);transition:height .42s var(--ease)}.sj-bar[data-zero=true]{border-style:dashed}.sj-bar-name{font-family:var(--font-display);font-size:15px;font-weight:700;margin-top:6px}.sj-bar-sub{font-size:10px;color:var(--ink-faint)}.sj-strip{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.sj-strip::-webkit-scrollbar{height:4px}.sj-strip::-webkit-scrollbar-thumb{background:var(--line-soft);border-radius:99px}.sj-strip-item{flex:0 0 auto;width:62px;scroll-snap-align:start;border:var(--sj-rule) solid var(--border);border-radius:var(--sj-radius);background:var(--paper-warm);padding:8px 4px;text-align:center}.sj-strip-item[data-current=true]{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 1px var(--accent) inset}.sj-strip-age{font-size:10px;color:var(--ink-muted);font-variant-numeric:tabular-nums}.sj-strip-ganji{font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1.2;margin:3px 0}.sj-strip-year{font-size:9.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.sj-reading{font-size:15.5px;line-height:1.78;color:var(--ink-secondary)}.sj-reading>:first-child{margin-top:0}.sj-h2{font-size:22px;font-weight:800;line-height:1.35;margin:34px 0 12px;letter-spacing:-.01em}.sj-h2,.sj-h3{font-family:var(--font-display);color:var(--ink)}.sj-h3{font-size:19px;font-weight:700;line-height:1.4;margin:30px 0 10px;padding-bottom:8px;border-bottom:var(--sj-rule) solid var(--line-soft)}.sj-h4{font-size:15.5px;font-weight:800;color:var(--ink);margin:20px 0 6px}.sj-p{margin:0 0 12px}.sj-ol strong,.sj-p strong,.sj-table strong,.sj-ul strong{color:var(--ink);font-weight:800}.sj-ol,.sj-ul{margin:0 0 14px;padding-left:0;list-style:none}.sj-ol{counter-reset:sj}.sj-ol li,.sj-ul li{position:relative;padding-left:18px;margin-bottom:7px}.sj-ul li:before{content:"";position:absolute;left:3px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--accent)}.sj-ol li{counter-increment:sj;padding-left:24px}.sj-ol li:before{content:counter(sj) ".";position:absolute;left:0;top:0;font-weight:800;color:var(--accent-deep);font-variant-numeric:tabular-nums}.sj-hr{border:none;border-top:var(--sj-rule) solid var(--hair);margin:26px 0}.sj-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--paper-warm);border:var(--sj-rule) solid var(--hair);border-radius:3px;padding:1px 5px}.sj-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 16px;border:var(--sj-rule) solid var(--border);border-radius:var(--sj-radius);background:linear-gradient(to right,var(--paper) 55%,transparent) 0 0 /30px 100% no-repeat local,linear-gradient(to left,var(--paper) 55%,transparent) 100% 0 /30px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,color-mix(in oklch,var(--ink) 20%,transparent),transparent) 0 0 /12px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,color-mix(in oklch,var(--ink) 20%,transparent),transparent) 100% 0 /12px 100% no-repeat scroll,var(--paper)}.sj-tablewrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sj-tablewrap::-webkit-scrollbar{height:5px}.sj-tablewrap::-webkit-scrollbar-thumb{background:var(--line-soft);border-radius:99px}.sj-table{border-collapse:collapse;width:-moz-max-content;width:max-content;min-width:100%;font-size:13px;line-height:1.6}.sj-table td,.sj-table th{padding:9px 11px;border-bottom:var(--sj-rule) solid var(--hair);vertical-align:top;min-width:78px;max-width:230px}.sj-table th{background:var(--paper-warm);color:var(--ink);font-weight:800;font-size:12px;white-space:nowrap;border-bottom-width:calc(var(--sj-rule) * 2);position:sticky;top:0}.sj-table td{color:var(--ink-secondary)}.sj-table tbody tr:last-child td{border-bottom:none}.sj-table td:first-child,.sj-table th:first-child{position:sticky;left:0;background:var(--paper-warm);font-weight:700;color:var(--ink);white-space:nowrap;border-right:var(--sj-rule) solid var(--hair)}.sj-table th:first-child{z-index:2}[data-sj-theme=hanji] .sj-table td,[data-sj-theme=hanji] .sj-table th{border-right:var(--sj-rule) solid var(--hair)}.sj-reading[data-streaming=true]>:last-child:after{content:"";display:inline-block;width:2px;height:1.05em;vertical-align:-.16em;margin-left:2px;background:var(--accent);animation:sjCaret 1s steps(2,start) infinite}@keyframes sjCaret{0%,50%{opacity:1}50.01%,to{opacity:0}}.sj-progress{height:3px;background:var(--hair);border-radius:99px;overflow:hidden}.sj-progress-fill{height:100%;background:var(--accent);transition:width .5s var(--ease)}.sj-themebar{display:flex;gap:6px;padding:5px;border:var(--sj-rule) solid var(--border);border-radius:var(--sj-radius-lg);background:var(--paper-warm)}.sj-themebar button{flex:1;min-height:38px;border:none;border-radius:var(--sj-radius);background:transparent;color:var(--ink-muted);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease)}.sj-themebar button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.sj-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sj-mode{border:var(--sj-rule) solid var(--border);border-radius:var(--sj-radius);background:var(--paper);padding:11px 8px;text-align:center;cursor:pointer;min-height:66px;font-family:inherit;color:var(--ink-secondary);transition:background .16s var(--ease),border-color .16s var(--ease)}.sj-mode[aria-pressed=true]{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-deep);box-shadow:0 0 0 1px var(--accent) inset}.sj-mode-name{font-size:14px;font-weight:800;display:block}.sj-mode-sub{font-size:10.5px;color:var(--ink-faint);display:block;margin-top:3px}.sj-mode[aria-pressed=true] .sj-mode-sub{color:var(--accent-deep);opacity:.75}.sj-two{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (prefers-reduced-motion:reduce){.sj-reading[data-streaming=true]>:last-child:after{animation:none}.sj-bar,.sj-progress-fill{transition:none}}