html{scrollbar-gutter:stable}body[data-page-mode=home] .home-page{width:min(100%, var(--home-layout-max-width,1544px));margin-inline:auto}body[data-page-mode=home] .home-page .home-top-layout{isolation:isolate;box-sizing:border-box;width:100%;max-width:var(--home-layout-max-width,1544px);border:1px solid var(--liquid-border);background:color-mix(in srgb, var(--bg-strong) 42%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent) inset, 0 32px 90px color-mix(in srgb, var(--accent) 18%, transparent);margin:0 auto 34px;display:grid;position:relative;perspective:none!important;transform:none!important}body[data-page-mode=home] .home-page .home-top-layout>.social-dock-home,body[data-page-mode=home] .home-page .home-top-layout>.home-showcase-column,body[data-page-mode=home] .home-page .home-top-layout>.home-top-aside{min-width:0;min-height:0;margin:0;transform:none!important}body[data-page-mode=home] .home-page .home-top-layout>.social-dock-home{width:100%;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:6px 0;position:relative;inset:auto;overflow:hidden}body[data-page-mode=home] .home-page .home-showcase-column{z-index:2;border:1px solid var(--liquid-border);background:color-mix(in srgb, var(--bg-strong) 82%, var(--accent) 5%);box-shadow:0 24px 70px color-mix(in srgb, var(--accent) 20%, #1b24201f);border-radius:28px;padding:0;display:flex;position:relative;overflow:hidden}body[data-page-mode=home] .home-page .home-showcase-column .project-showcase{border-radius:inherit;width:100%;height:100%;min-height:0;box-shadow:none;aspect-ratio:auto;background:0 0;border:0;margin:0;padding:0;position:relative;inset:auto;overflow:hidden}body[data-page-mode=home] .home-page .home-top-aside{background:0 0;grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr);gap:9px;display:grid;position:relative;overflow:visible}body[data-page-mode=home] .home-page .home-top-aside>.welcome-card,body[data-page-mode=home] .home-page .home-top-aside>.home-overview-panel{border:1px solid var(--liquid-border);background:color-mix(in srgb, var(--bg-strong) 72%, var(--accent) 4%);width:100%;min-width:0;min-height:0;box-shadow:0 22px 60px color-mix(in srgb, var(--accent) 16%, transparent);scrollbar-width:thin;border-radius:28px;margin:0;padding:18px 20px;overflow:auto}body[data-page-mode=home] .home-dashboard-toggle{z-index:7;border:1px solid var(--liquid-border);width:38px;height:38px;color:var(--accent-strong);background:color-mix(in srgb, var(--bg-strong) 88%, transparent);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 12%, transparent);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:none;position:absolute}@media (width>=1101px){body[data-page-mode=home] .home-page .home-top-layout{grid-template-columns:var(--home-personal-width,230px) minmax(400px, 1fr) var(--home-sidebar-width,376px);gap:var(--home-layout-gap,14px);border-radius:28px;height:clamp(450px,100svh - 116px,500px);min-height:0;padding:14px;overflow:visible!important}}@media (width>=701px) and (width<=1100px){body[data-page-mode=home] .home-page .home-top-layout{border-radius:28px;grid-template-columns:190px minmax(0,1fr);gap:10px;height:clamp(430px,100svh - 112px,480px);min-height:0;padding:12px;overflow:hidden!important}body[data-page-mode=home] .home-page .home-dashboard-toggle{display:flex;top:22px;right:22px}body[data-page-mode=home] .home-page .home-top-layout>.social-dock-home{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch}body[data-page-mode=home] .home-page .home-top-layout>.social-dock-home .social-dock-character-stage{min-height:0;margin:-8px 0 -20px}body[data-page-mode=home] .home-page .home-top-layout>.social-dock-home .social-dock-card{grid-area:2/1;padding:0 6px 8px}body[data-page-mode=home] .home-page .home-top-layout>.social-dock-home .social-dock-links{grid-template-columns:repeat(3,34px)}body[data-page-mode=home] .home-page .home-top-aside{z-index:6;opacity:0;visibility:hidden;pointer-events:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.25fr) minmax(240px,.9fr);gap:10px;padding:48px 0 0;transition:opacity .24s,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s;position:absolute;inset:12px;transform:translate(18px)!important}body[data-page-mode=home] .home-page .home-top-aside.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none!important}body[data-page-mode=home] .home-page .home-top-aside>.welcome-card,body[data-page-mode=home] .home-page .home-top-aside>.home-overview-panel{background:color-mix(in srgb, var(--bg-strong) 94%, var(--accent) 6%);border-radius:22px}}@media (width<=700px){body[data-page-mode=home] .home-page .home-top-layout{border-radius:20px;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;height:auto;min-height:0;padding:10px;overflow:hidden!important}body[data-page-mode=home] .home-page .home-top-layout>.social-dock-home{background:color-mix(in srgb, var(--bg-strong) 50%, transparent);border-radius:16px;height:auto;min-height:0;padding:10px}body[data-page-mode=home] .home-page .home-top-layout>.home-showcase-column{border-radius:18px;height:auto;min-height:286px}body[data-page-mode=home] .home-page .home-dashboard-toggle{justify-self:end;margin:-52px 12px 8px 0;display:flex;position:relative;top:auto;right:auto}body[data-page-mode=home] .home-page .home-top-aside{opacity:0;visibility:hidden;pointer-events:none;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);gap:8px;max-height:0;margin:0;padding:0;transition:max-height .34s,opacity .22s,transform .3s,visibility 0s linear .34s;position:relative;inset:auto;overflow:hidden;transform:translateY(-8px)!important}body[data-page-mode=home] .home-page .home-top-aside.is-open{opacity:1;visibility:visible;pointer-events:auto;max-height:68svh;transition-delay:0s;overflow:auto;transform:none!important}body[data-page-mode=home] .home-page .home-top-aside>.welcome-card,body[data-page-mode=home] .home-page .home-top-aside>.home-overview-panel{border-radius:18px;overflow:visible}}body[data-page-mode=home] .home-posts-section{width:min(calc(100% - (var(--home-stage-extension,32px) * 2)), var(--home-content-max-width,1480px));margin-inline:auto}body .site-header .header-actions{isolation:auto;min-height:0;box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:8px;padding:0;position:relative}body .site-header .header-actions:before,html[data-localized-header-blur=enabled] body .site-header .header-actions:before{content:none!important;display:none!important}body .site-header .header-actions :is(.header-search,.palette-menu){box-shadow:none;background:0 0;border:0;padding:0}body .site-header .header-actions .icon-button{background:color-mix(in srgb, var(--bg-strong) 86%, transparent);box-shadow:inset 0 1px 0 var(--liquid-highlight), 0 6px 16px color-mix(in srgb, var(--accent) 9%, transparent);border-radius:50%!important}body .palette-menu{position:relative}body .palette-popover{--palette-dropdown-width:150px;--palette-popover-clamp-x:0px;z-index:40;grid-template-columns:var(--palette-dropdown-width) auto;opacity:0;visibility:hidden;pointer-events:none;width:max-content;margin-left:calc(var(--palette-dropdown-width) / -2);translate:calc(var(--palette-dropdown-offset-x-pc,0px) + var(--palette-popover-clamp-x)) -8px;transform-origin:calc(var(--palette-dropdown-width) / 2) top;align-items:start;transition:opacity .18s,translate .18s,scale .18s,visibility 0s linear .18s;display:grid;position:absolute;top:calc(100% + 6px);left:50%;right:auto;transform:none}body .palette-menu:hover .palette-popover,body .palette-menu.is-pinned .palette-popover{opacity:1;visibility:visible;pointer-events:auto;translate:calc(var(--palette-dropdown-offset-x-pc,0px) + var(--palette-popover-clamp-x)) 0;transition-delay:0s;scale:1}body .palette-popover.is-measuring{transition:none!important;scale:1!important}body .palette-popover>.palette-dropdown{min-width:var(--palette-dropdown-width);width:var(--palette-dropdown-width);opacity:1;visibility:visible;pointer-events:auto;margin:0;display:grid;position:static;inset:auto;translate:none;scale:1;transform:none!important}body .palette-popover>.palette-mascot{width:min(var(--palette-mascot-max-pc,104px), 30vw);max-width:none;height:auto;margin:-8px 0 0 var(--palette-mascot-right-pc,2px);opacity:1;pointer-events:none;translate:var(--palette-mascot-offset-x-pc,0px) var(--palette-mascot-offset-y-pc,0px);scale:var(--palette-mascot-scale-pc,1);transform-origin:0 0;align-self:start;position:static;inset:auto;transform:none!important}@media (width<=900px){body .site-header .header-actions{gap:5px}body .site-header .header-actions .icon-button{width:44px;min-width:44px;height:44px}body .palette-popover,body .palette-menu:hover .palette-popover,body .palette-menu.is-pinned .palette-popover{translate:calc(var(--palette-dropdown-offset-x-mobile,0px) + var(--palette-popover-clamp-x)) 0}body .palette-popover>.palette-mascot{width:min(var(--palette-mascot-max-mobile,78px), 28vw);margin-left:var(--palette-mascot-right-mobile,-4px);translate:var(--palette-mascot-offset-x-mobile,0px) var(--palette-mascot-offset-y-mobile,0px);scale:var(--palette-mascot-scale-mobile,.82)}}body :is(.home-page,.article-page) .announcement-panel{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}body :is(.home-page,.article-page) .announcement-panel>.announcement-heading{grid-template-columns:36px max-content minmax(0,1fr);align-items:center;gap:6px;min-width:0;display:grid}body :is(.home-page,.article-page) .announcement-heading .announcement-mark{width:36px;height:36px;animation:announcement-jitter var(--announcement-jitter-duration,6.1s) ease-in-out var(--announcement-jitter-delay,0s) infinite;transform:translate(0)}body :is(.home-page,.article-page) .announcement-heading .announcement-mark svg{width:19px;height:19px}body :is(.home-page,.article-page) .announcement-heading h2{white-space:nowrap;margin:0;font-size:19px;line-height:1.2}body :is(.home-page,.article-page) .announcement-heading time{color:var(--muted);white-space:nowrap;justify-self:end;font-size:.62rem}body :is(.home-page,.article-page) .announcement-panel>.announcement-content,body :is(.home-page,.article-page) .announcement-panel>.announcement-actions{grid-column:1/-1;width:100%}body :is(.home-page,.article-page) .announcement-panel>.announcement-content{max-height:none!important;overflow:visible!important}body :is(.home-page,.article-page) .announcement-panel>.announcement-actions{justify-content:flex-start}@keyframes announcement-jitter{0%,80%,to{transform:translate(0)}84%{transform:translateX(calc(var(--announcement-jitter-x,2.4px) * -1))}87%{transform:translateX(var(--announcement-jitter-x,2.4px))}90%{transform:translateX(calc(var(--announcement-jitter-x,2.4px) * -.55))}93%{transform:translateX(calc(var(--announcement-jitter-x,2.4px) * .35))}96%{transform:translate(0)}}#swup>.legacy-page-layout{grid-template-columns:230px minmax(0,1fr);justify-content:center;align-items:start;gap:24px;width:100%;display:grid;transform:none!important}body[data-page-mode=legacy] .legacy-page-layout{transform:none!important}body[data-page-mode=legacy] .site-frame{width:100%;display:block}body[data-page-mode=legacy] #swup{grid-column:1;width:100%}body:has(#swup>.legacy-page-layout) .site-frame{width:100%;display:block}#swup:has(>.legacy-page-layout){grid-column:1;width:100%}#swup>.legacy-page-layout>.legacy-page-content{grid-column:2;min-width:0}#swup>.legacy-page-layout>.social-dock:not(.social-dock-mobile){width:230px;min-height:calc(100vh - 140px);display:grid;position:fixed;top:96px;left:max(16px,50vw + min(100% - 32px,1680px)/-2)}#swup.transition-fade:has(>.legacy-page-layout),html.is-animating #swup.transition-fade:has(>.legacy-page-layout){transition-property:opacity;filter:none!important;transform:none!important}#swup>.legacy-page-layout>.legacy-page-content:has([data-friend-apply-layout])>.comment-section{width:100%;max-width:none;margin-inline:0}@media (width>=901px){body:has(#swup>.legacy-page-layout) .site-shell{width:min(100% - 32px,1680px)}}body[data-page-mode=article] .comment-section{box-shadow:none;background:0 0;border:0;border-radius:0}html.artalk-modal-open body{padding-right:var(--artalk-body-padding-right,0px)!important;overflow:clip!important}html.search-modal-open body{overflow:clip!important}html.search-modal-open,html.artalk-modal-open{overflow-x:clip;overflow-y:scroll!important}@media (width>=901px) and (width<=1500px){#swup>.legacy-page-layout{grid-template-columns:180px minmax(0,1fr);gap:18px}#swup>.legacy-page-layout>.social-dock:not(.social-dock-mobile){width:180px}}@media (width<=1100px){body[data-page-mode=home] .home-posts-section{width:100%}}@media (width<=900px){#swup>.legacy-page-layout{display:block}#swup>.legacy-page-layout>.legacy-page-content{width:100%}#swup>.legacy-page-layout>.social-dock:not(.social-dock-mobile){display:none}body :is(.home-page,.article-page) .announcement-heading .announcement-mark{animation:none}}@media (prefers-reduced-motion:reduce){body :is(.home-page,.article-page) .announcement-heading .announcement-mark{animation:none}}html[data-minimal-motion=enabled] body :is(.home-page,.article-page) .announcement-heading .announcement-mark{animation:none}@media (width<=900px){:root{--mobile-header-offset:118px;--mobile-header-action-surface:36px}body .site-shell{padding-top:var(--mobile-header-offset)!important}body .site-header{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line))!important;border-radius:18px!important;width:calc(100vw - 12px)!important;min-height:0!important;padding:6px 8px 7px!important;top:6px!important;left:50%!important;right:auto!important;translate:-50%!important}body .site-header-inner{grid-template-rows:44px auto;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;width:100%;min-height:0;display:grid}body .site-header-inner .brand{grid-area:1/1;justify-self:start;min-width:0;padding:2px 4px;overflow:visible}body .site-header-inner .brand-avatar{background:color-mix(in srgb, var(--bg-strong) 82%, transparent);width:36px;height:36px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, var(--line));object-fit:contain;flex:0 0 36px;padding:1px;border:0!important}body .site-header-inner .brand-text{min-width:0;display:grid}body .site-header-inner .brand-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}body .site-header-inner .brand-text small{display:none}body .site-header-inner .header-actions{grid-area:1/2;justify-self:end;gap:2px;min-height:44px}body .site-header .header-actions .icon-button{border:0;width:44px;min-width:44px;height:44px;position:relative;transform:none;box-shadow:none!important;background:0 0!important}body .site-header .header-actions .icon-button:before{content:"";z-index:0;width:var(--mobile-header-action-surface);height:var(--mobile-header-action-surface);border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--bg-strong) 88%, transparent);box-shadow:inset 0 1px 0 var(--liquid-highlight), 0 5px 14px color-mix(in srgb, var(--accent) 8%, transparent);border-radius:50%;transition:border-color .18s,background-color .18s,box-shadow .18s;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}body .site-header .header-actions .icon-button>*{z-index:1;position:relative}body .site-header .header-actions .icon-button:is(:hover,:focus-visible):before{border-color:color-mix(in srgb, var(--accent) 58%, var(--line));background:color-mix(in srgb, var(--accent-soft) 52%, var(--bg-strong))}body .site-header-inner .nav-links{z-index:2;white-space:normal;scrollbar-width:auto;grid-area:2/1/auto/-1;grid-template-columns:repeat(8,minmax(0,1fr));justify-content:stretch;justify-self:stretch;gap:1px;width:100%;min-width:0;padding:3px;position:relative;overflow:visible;display:grid!important}body .site-header-inner .nav-links>*{flex:none;width:100%;min-width:0}body .site-header-inner .nav-links>a,body .site-header-inner .friends-menu-trigger{text-align:center;text-overflow:clip;white-space:nowrap;place-items:center;min-width:0;min-height:34px;padding:5px 1px;font-size:clamp(.58rem,2.25vw,.76rem);line-height:1.1;display:grid;overflow:hidden}body .palette-popover,body .palette-menu:hover .palette-popover{top:calc(100% + 56px);opacity:0!important;visibility:hidden!important;pointer-events:none!important}body .palette-menu.is-pinned:not(.is-suppressing-hover) .palette-popover{opacity:1!important;visibility:visible!important;pointer-events:auto!important}body .mobile-drawer-panel{width:min(var(--mobile-drawer-max-width,340px), calc(100vw - var(--mobile-drawer-viewport-gap,18px)))}body .mobile-drawer-scroll{padding:18px 10px var(--mobile-drawer-bottom-padding,72px);justify-content:flex-start}body .mobile-drawer .social-dock-mobile{width:min(100%, var(--mobile-drawer-content-max-width,300px));gap:0;margin-bottom:0}body .mobile-drawer .social-dock-character-stage{width:min(124px,38vw);max-height:29vh;scale:1}body .mobile-drawer .social-dock-character{max-height:29vh}body .mobile-drawer .social-dock-card{width:min(100%,280px);box-shadow:none;backdrop-filter:none;text-align:center;background:0 0;border:0;border-radius:0;margin-top:-6px;padding:10px 6px 4px}body .mobile-drawer .social-dock-name{margin-inline:auto;font-size:1rem}body .mobile-drawer .social-dock-card p{margin:3px 0 9px;font-size:.82rem}body .mobile-drawer .social-dock-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}body .mobile-drawer .social-dock-links a{border-radius:12px;height:36px}body .mobile-toc-panel{width:min(100%, var(--mobile-drawer-content-max-width,300px));margin-top:var(--mobile-drawer-toc-gap,14px)}}@media (width<=620px){:root{--mobile-header-offset:116px;--mobile-header-action-surface:34px}}body .palette-menu.is-suppressing-hover .palette-popover{opacity:0;visibility:hidden;pointer-events:none;translate:calc(var(--palette-dropdown-offset-x-pc,0px) + var(--palette-popover-clamp-x)) -8px;scale:.98}@media (width<=900px){body .palette-menu.is-suppressing-hover .palette-popover{translate:calc(var(--palette-dropdown-offset-x-mobile,0px) + var(--palette-popover-clamp-x)) -8px}}body .social-bubble-portal{opacity:0;transition:opacity .26s,transform .3s cubic-bezier(.16,1,.3,1);transform:translateY(-10px)scale(.94)}body .social-bubble-portal[data-placement=below]{transform:translateY(10px)scale(.94)}body .social-bubble-portal.is-visible,body .social-bubble-portal[data-placement=below].is-visible{opacity:1;transform:translateY(0)scale(1)}body .social-bubble-portal.is-leaving,body .social-bubble-portal[data-placement=below].is-leaving{opacity:0}@media (prefers-reduced-motion:reduce){body .social-bubble-portal{transition-duration:.12s;transform:none!important}}html[data-minimal-motion=enabled] body .social-bubble-portal{transition-duration:.12s;transform:none!important}