@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(.oracle-chat-layout){--web-app-column:520px}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 .library-toc>.library-toc-entries,html.web-app .library-toc-section>.library-toc-entries{column-gap:var(--space-6);grid-template-columns:repeat(auto-fill,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)}:is(html.web-app body:has(.entry-welcome-screen) .app-viewport,html.web-app body:has(.onboarding-input-screen) .app-viewport,html.web-app body:has(.card-reveal) .app-viewport){width:min(1040px,100% - 96px)}html.web-app .entry-welcome-screen{justify-content:center;column-gap:calc(var(--space-8) * 3);text-align:left;grid-template-rows:1fr repeat(6,auto) 1fr;grid-template-columns:minmax(0,380px) auto;align-content:stretch;row-gap:0}html.web-app .entry-welcome-body{display:contents}html.web-app .entry-welcome-wordmark{margin-bottom:var(--space-6);grid-area:2/1}html.web-app .entry-welcome-title{max-width:none;font-size:var(--text-hero);grid-area:3/1;line-height:1.1}html.web-app .entry-welcome-subtitle{margin-top:var(--space-4);font-size:var(--text-lead);grid-area:4/1}html.web-app .entry-welcome-auth{margin-top:var(--space-8);grid-area:5/1;align-items:flex-start}html.web-app .entry-welcome-auth-button{width:280px}html.web-app .entry-welcome-error{margin-top:var(--space-4);grid-area:6/1}html.web-app .entry-welcome-legal{margin-top:var(--space-4);grid-area:7/1}html.web-app .entry-welcome-stage{grid-area:1/2/-1;align-self:center}html.web-app .entry-welcome-card{width:300px}html.web-app .onboarding-input-screen{grid-template-columns:minmax(0, 380px) var(--shell-width);justify-content:center;align-items:start;column-gap:calc(var(--space-8) * 3);padding-top:clamp(var(--space-6), 10vh, 120px)}html.web-app .onboarding-input-header h1{font-size:var(--text-hero);line-height:1.1}html.web-app .onboarding-input-header p{margin-top:var(--space-4);font-size:var(--text-lead)}html.web-app .card-reveal{place-content:start center;justify-items:start;column-gap:calc(var(--space-8) * 3);min-height:0;padding-top:clamp(var(--space-6), 10vh, 120px);text-align:left;grid-template-rows:repeat(3,auto) 1fr;grid-template-columns:minmax(0,380px) auto;row-gap:0}html.web-app .card-reveal-card{display:contents}html.web-app .card-reveal-copy{padding-top:var(--space-8);grid-area:1/1}html.web-app .card-reveal-copy h1{font-size:var(--text-hero);line-height:1.1}html.web-app .card-reveal-title-tail{display:block}html.web-app .card-reveal-copy p{margin-top:var(--space-4);font-size:var(--text-lead)}html.web-app .card-reveal .saju-type-card{width:var(--shell-width);grid-area:1/2/-1}html.web-app .card-reveal .glyph-flip{width:300px}html.web-app .card-reveal-opening{margin-top:var(--space-6);font-size:var(--text-lead);grid-area:2/1}html.web-app .card-reveal-continue{margin-top:var(--space-6);grid-area:3/1}html.web-app:has(.app-drawer-panel.is-docked):has(.celebrity-page>.celebrity-grid){--web-app-column:min(1080px, calc(100vw - var(--web-app-rail) - 3 * var(--space-5)))}html.web-app .celebrity-page>.celebrity-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}html.web-app .celebrity-page>.celebrity-grid .celebrity-card{padding:0}html.web-app .celebrity-page>.celebrity-grid .celebrity-card-layout{grid-template-columns:1fr;gap:0}html.web-app .celebrity-page>.celebrity-grid .celebrity-card-portrait{order:-1}html.web-app .celebrity-page>.celebrity-grid .celebrity-card-portrait .celebrity-hero-portrait,html.web-app .celebrity-page>.celebrity-grid .celebrity-card-portrait .celebrity-hero-portrait-fallback,html.web-app .celebrity-page>.celebrity-grid .celebrity-card-portrait .celebrity-hero-silhouette-loading{aspect-ratio:1;object-fit:cover;border-radius:0;width:100%;height:auto}html.web-app .celebrity-page>.celebrity-grid .celebrity-card-copy{padding:var(--space-3)}html.web-app .celebrity-hero-visual{grid-template-columns:auto minmax(0,1fr);align-items:start}@media (min-width:1280px){:is(html.web-app:has(.app-drawer-panel.is-docked):has(.celebrity-page>.celebrity-hero-card),html.web-app:has(.app-drawer-panel.is-docked):has(.celebrity-page>.celebrity-compat-card)){--web-app-column:min(1080px, calc(100vw - var(--web-app-rail) - 3 * var(--space-5)))}html.web-app .celebrity-page>.celebrity-compat-card{justify-self:center;width:min(720px,100%)}html.web-app .celebrity-hero-card{column-gap:calc(var(--space-8) * 2);grid-template-columns:minmax(0,1fr) 400px;align-items:start}html.web-app .celebrity-hero-card>:not(.celebrity-hero-visual){grid-column:1}html.web-app .celebrity-hero-visual{display:contents}html.web-app .celebrity-hero-visual>.celebrity-hero-silhouette{grid-column:1}html.web-app .celebrity-hero-visual .celebrity-hero-portrait{width:260px;height:325px}html.web-app .celebrity-event-grid{grid-template-rows:auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}html.web-app .celebrity-event-grid>section:nth-child(-n+2){grid-column:1}html.web-app .celebrity-event-grid>section:nth-child(3){grid-area:1/2/span 2}}html.web-app .type-detail-page>.type-detail-hero{place-items:center start;column-gap:calc(var(--space-8) * 2);text-align:left;padding:var(--space-6);grid-template-columns:auto minmax(0,1fr)}html.web-app .type-detail-page>.type-detail-hero .type-detail-hero-copy{width:min(100%,420px)}html.web-app .type-detail-page>.type-detail-hero .type-detail-hero-copy h1{font-size:var(--text-display)}html.web-app .type-peers-list.celebrity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:1280px){html.web-app:has(.app-drawer-panel.is-docked):has(.type-detail-page>.type-detail-hero){--web-app-column:min(1080px, calc(100vw - var(--web-app-rail) - 3 * var(--space-5)))}html.web-app .type-detail-summary-blocks{align-items:start;column-gap:calc(var(--space-8) * 2);row-gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}html.web-app .type-peers-list.celebrity-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}html.web-app .type-peers-list .celebrity-card{padding:0}html.web-app .type-peers-list .celebrity-card-layout{grid-template-columns:1fr;gap:0}html.web-app .type-peers-list .celebrity-card-portrait{order:-1}html.web-app .type-peers-list .celebrity-card-portrait .celebrity-hero-portrait,html.web-app .type-peers-list .celebrity-card-portrait .celebrity-hero-portrait-fallback,html.web-app .type-peers-list .celebrity-card-portrait .celebrity-hero-silhouette-loading{aspect-ratio:1;object-fit:cover;border-radius:0;width:100%;height:auto}html.web-app .type-peers-list .celebrity-card-copy{padding:var(--space-3)}}}.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)}html.web-app .profile-auth-actions{grid-template-columns:repeat(2,minmax(0,1fr))}html.web-app .profile-auth-actions>:not(button),html.web-app .profile-auth-actions>button:only-of-type{grid-column:1/-1}@media (min-width:1280px){html.web-app:has(.app-drawer-panel.is-docked):has(.result-group>#profile-account){--web-app-column:min(1080px, calc(100vw - var(--web-app-rail) - 3 * var(--space-5)))}html.web-app .result-group:has(>#profile-account){column-gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}html.web-app .result-group>#profile-account,html.web-app .result-group>#profile-birth,html.web-app .result-group>#profile-settings{grid-column:1}html.web-app .result-group>#profile-streak{grid-area:1/2/span 3}html.web-app:has(.app-drawer-panel.is-docked):has(.type-dex-page>.type-dex-hero){--web-app-column:min(1080px, calc(100vw - var(--web-app-rail) - 3 * var(--space-5)))}html.web-app .type-dex-page{grid-template-columns:repeat(2,minmax(0,1fr))}html.web-app .type-dex-page>:not(.type-dex-hero):not(.glyph-distribution-card){grid-column:1/-1}html.web-app .type-dex-controls{top:calc(var(--app-top-bar-height) + var(--space-2));z-index:5;grid-template-columns:minmax(0,1fr) auto;align-items:end;position:sticky}html.web-app .type-dex-controls>.type-dex-result-count{grid-column:1/-1}}}