@media (min-width:1024px){html.web-app:has(.app-drawer-panel.is-docked){--shell-width:var(--web-app-column);--web-app-column:720px;--web-app-rail:var(--app-drawer-width)}html.web-app body:has(.app-drawer-panel.is-docked){padding-left:var(--web-app-rail)}:is(html.web-app body:has(.app-drawer-panel.is-docked),html.web-app body:has(.app-page-shell)){background-color:var(--background);background-image:var(--shell-background);background-size:var(--shell-background-size);background-repeat:no-repeat,repeat,no-repeat}:is(html.web-app body:has(.app-drawer-panel.is-docked) .app-viewport,html.web-app body:has(.app-page-shell) .app-viewport){box-shadow:none;background:0 0;border-left:0;border-right:0}html.web-app body:has(.app-drawer-panel.is-docked) .app-top-bar:before{border-left:0;border-right:0}html.web-app body:has(.app-page-shell) .app-top-bar:before{border-left:0;border-right:0}:is(html.web-app body:has(.app-drawer-panel.is-docked) .app-top-bar,html.web-app body:has(.app-drawer-panel.is-docked) .app-drawer-backdrop,html.web-app body:has(.app-drawer-panel.is-docked) .celebrity-network-intro-backdrop){left:calc(50% + var(--web-app-rail) / 2)}html.web-app body:has(.app-drawer-panel.is-docked) .app-top-bar{grid-template-columns:1fr}html.web-app .app-drawer-trigger{display:none}html.web-app .app-drawer-panel.is-docked{width:var(--web-app-rail);visibility:visible;margin-left:0;transition:none;animation:none;left:0;transform:none}html.web-app:has(.app-drawer-panel.is-docked):has(.library-web-frame){--web-app-column:min(1080px, calc(100vw - var(--web-app-rail) - 3 * var(--space-5)))}html.web-app .library-web-toc{display:none}@media (min-width:1280px){html.web-app .library-web-frame{column-gap:var(--space-6);grid-template-columns:200px minmax(0,1fr);align-items:start;display:grid}html.web-app .library-web-toc{top:calc(var(--app-top-bar-height) + var(--space-5));gap:var(--space-2);padding-top:var(--space-6);align-content:start;display:grid;position:sticky}}html.web-app .library-web-toc a{color:var(--muted);font-size:var(--text-caption);font-weight:var(--weight-heavy);letter-spacing:var(--label-tracking);text-transform:uppercase;line-height:1.3;text-decoration:none}html.web-app .library-web-toc a.is-active{color:var(--accent-dark)}html.web-app .saju-explainer-page.daewun-library-page .saju-grid,html.web-app .saju-explainer-page.daewun-library-page .saju-grid-elements{column-gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}html.web-app .saju-explainer-page.daewun-library-page .saju-grid>*+*{border-top:0;padding-top:0}html.web-app .saju-explainer-page.daewun-library-page .saju-prose p,html.web-app .saju-explainer-page.daewun-library-page>.hero p:not(.eyebrow){max-width:68ch}html.web-app .chart-section-rail-word{display:none}html.web-app:has(.app-drawer-panel.is-docked):has(.chart-section-rail){--web-app-column:min(1080px, calc(100vw - var(--web-app-rail) - 3 * var(--space-5)))}@media (min-width:1280px){html.web-app .result-group:has(.chart-section-rail){column-gap:var(--space-6);grid-template-columns:190px minmax(0,1fr);align-items:start;display:grid}html.web-app .result-group:has(.chart-section-rail)>*{grid-column:2}html.web-app .result-group>.chart-section-rail{top:calc(var(--app-top-bar-height) + var(--space-5));gap:var(--space-1);grid-area:1/1/40;grid-template-columns:minmax(0,1fr);height:auto;position:sticky}html.web-app .result-group>.chart-section-rail button{justify-content:start;place-items:center start;gap:var(--space-2);min-height:40px;padding:0 var(--space-2);border-radius:var(--radius-inner);text-align:left;grid-template-columns:26px minmax(0,1fr);display:grid}html.web-app .chart-section-rail-word{color:var(--muted);font-size:var(--text-caption);font-weight:var(--weight-heavy);letter-spacing:var(--label-tracking);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;display:block;overflow:hidden}html.web-app .chart-section-rail button.is-open .chart-section-rail-word{color:var(--ink)}}html.web-app:has(.app-drawer-panel.is-docked):has(.compat-web-split){--web-app-column:min(1080px, calc(100vw - var(--web-app-rail) - 3 * var(--space-5)))}html.web-app .compat-web-split{gap:var(--space-6);display:grid}@media (min-width:1280px){html.web-app .compat-web-split{grid-template-columns:340px minmax(0,1fr);align-items:start}html.web-app .compat-web-split>.compat-tab:first-child{top:calc(var(--app-top-bar-height) + var(--space-5));position:sticky}}html.web-app .compat-web-split-empty{padding-top:var(--space-8);color:var(--muted);font-size:var(--text-body);text-align:center;margin:0}html.web-app .compat-web-split>.compat-tab-pair{max-width:560px}html.web-app .compat-celeb-categories{flex-wrap:wrap;overflow-x:visible}html.web-app .oracle-chat-body:has(.oracle-hero){justify-content:center}html.web-app .oracle-chat-body:has(.oracle-hero) .oracle-suggestions{align-items:center;margin-top:0}html.web-app:has(.app-drawer-panel.is-docked):has(.library-section){--web-app-column:min(1080px, calc(100vw - var(--web-app-rail) - 3 * var(--space-5)))}@media (min-width:1024px){html.web-app .library-toc-subsections{column-gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;display:grid}}html.web-app:has(.app-drawer-panel.is-docked):has(.celebrity-network-page--map-only){--web-app-column:calc(100vw - var(--web-app-rail))}html.web-app body:has(.app-drawer-panel.is-docked) .celebrity-network-select-sheet{width:min(420px,100% - 48px);margin-inline:auto;left:0;right:0}html.web-app body:has(.app-drawer-panel.is-docked) .celebrity-network-map-banner--bottom{width:min(420px,100% - 48px);left:50%;right:auto;transform:translate(-50%)}@media (min-width:1100px){html.web-app body:has(.app-drawer-panel.is-docked) .celebrity-network-select-sheet{width:min(460px,100% - 64px)}}html.web-app .app-drawer-head{justify-content:space-between;gap:var(--space-2)}}.app-drawer-dock-toggle{display:none}.app-drawer-panel.is-docked .app-drawer-dock-toggle{min-height:28px;padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-700);font-size:var(--text-caption);cursor:pointer;background:0 0;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.app-drawer-panel.is-docked .app-drawer-dock-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}}