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}