:root{--side-full: 14rem;--side-mini: 4.5rem;--side-w: var(--side-full);--rail-c: calc(var(--side-mini) / 2)}body.side-mini{--side-w: var(--side-mini)}body{padding:var(--top-h) 0 0 var(--side-w)}.page{margin:0 auto;max-width:100rem;min-height:calc(100dvh - var(--top-h));padding:var(--s4) var(--s6) var(--s12)}.top{background:var(--bg);height:var(--top-h);inset:0 0 auto;position:fixed;z-index:var(--z-header)}.top-in{align-items:center;display:flex;gap:var(--s6);height:100%;padding:0 var(--s4) 0 calc(var(--rail-c) - 1.25rem)}.burger{margin-right:calc(12px + var(--s4) - 1.25rem - var(--s6))}.brand{align-items:center;display:flex;flex:none;gap:var(--s2)}.brand-logo{height:42px;image-rendering:pixelated;width:42px}.brand-word{aspect-ratio:1984 / 718;background:var(--accent);height:1.375rem;-webkit-mask:url(/static/image/ebloid-logo.svg) center / contain no-repeat;mask:url(/static/image/ebloid-logo.svg) center / contain no-repeat}.search{align-items:center;background:var(--surface);border:1px solid transparent;border-radius:var(--r);color:var(--ink-3);display:flex;flex:0 1 28rem;height:2.5rem;margin:0 auto;min-width:9rem;padding-right:var(--s3);transition:background-color .15s,border-color .15s}.search:focus-within{background:var(--bg);border-color:var(--accent)}.search input{background:none;border:0;color:var(--ink);flex:1;font-size:var(--fs-lg);height:100%;min-width:0;outline:none;padding:0 var(--s3) 0 var(--s4)}.search input::placeholder{color:var(--ink-3)}.search input::-webkit-search-cancel-button{display:none}.mine{align-items:center;display:flex;flex:none;gap:var(--s2)}.mine>.btn{height:2.25rem;padding:0 var(--s4) 0 var(--s3)}.btn-new{margin-right:var(--s2)}.avatar-btn{border-radius:50%;display:grid;height:2.5rem;place-items:center;width:2.5rem}.avatar-btn img{border-radius:50%;height:32px;object-fit:cover;width:32px}.notif-menu{padding:0;width:min(26rem,calc(100vw - 2rem))}.notif-menu.show{display:flex;flex-direction:column}.notif-head{align-items:center;display:flex;justify-content:space-between;padding:var(--s3) var(--s3) var(--s2) var(--s4)}.notif-head b{color:var(--ink);font-size:var(--fs-xl);font-weight:600}.notif-filters{flex-wrap:nowrap;overflow-x:auto;padding:0 var(--s4) var(--s3);scrollbar-width:none}.notif-filters>button{flex:none}.notif-menu:has(.notif-filter-btn[data-filter=all].active):has(.notif-empty) #notif-clear-btn{visibility:hidden}.notif-list{max-height:min(60dvh,32rem);overflow-y:auto;padding:0 var(--s2) var(--s2)}.notif-empty,.notif-loading{color:var(--ink-3);padding:var(--s8) var(--s4);text-align:center}.ntf{align-items:start;border-radius:var(--r);display:grid;gap:var(--s3);grid-template-columns:2.5rem 1fr;padding:var(--s3) var(--s3) var(--s3) var(--s4);position:relative;transition:background-color .15s}.ntf:hover{background:var(--surface-2)}.ntf.unread:before{background:var(--accent);border-radius:50%;content:"";height:8px;left:4px;position:absolute;top:1.4rem;width:8px}.ntf-ico{background:var(--surface-2);border-radius:50%;color:var(--ink-2);display:grid;height:2.5rem;place-items:center;width:2.5rem}.ntf-text{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}.ntf-text b{color:var(--ink);font-weight:600}.ntf-text time{color:var(--ink-3);font-size:var(--fs-sm)}#search-overlay{display:none;inset:0;position:fixed;z-index:var(--z-menu)}#search-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);max-height:min(70dvh,34rem);overflow-y:auto;padding:var(--s1);position:fixed}.search-result-item{align-items:center;border-radius:var(--r-sm);color:var(--ink);display:flex;gap:var(--s3);padding:var(--s2) var(--s3)}.search-result-item:hover,.search-result-item[aria-selected=true]{background:var(--surface-2)}.sr-thumb{border-radius:var(--r-sm);flex:none;height:40px;object-fit:cover;width:40px}.sr-avatar{border-radius:50%}.sr-ico{background:var(--surface-2);border-radius:var(--r-sm);color:var(--ink-2);display:grid;flex:none;height:40px;place-items:center;width:40px}.sr-text{display:grid;flex:1;min-width:0}.sr-title,.sr-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-sub{color:var(--ink-3);font-size:var(--fs-md)}.sr-group{color:var(--ink-3);font-size:var(--fs-sm);padding:var(--s2) var(--s3) var(--s1)}.sr-state{color:var(--ink-3);padding:var(--s3)}.sr-all{border-top:1px solid var(--line);border-radius:0 0 var(--r-sm) var(--r-sm);color:var(--accent-text);margin-top:var(--s1);min-height:2.75rem}.sr-all .sr-ico{background:none;color:inherit;height:auto;width:auto}.side{background:var(--bg);bottom:0;display:flex;flex-direction:column;gap:2px;left:0;overflow-y:auto;padding:var(--s3);position:fixed;scrollbar-width:none;top:var(--top-h);width:var(--side-w);z-index:9;--link-pl: calc(var(--rail-c) - var(--s3) - 12px)}.side-link{align-items:center;border-radius:var(--r);color:var(--ink-2);display:flex;flex:none;font-size:var(--fs-xl);gap:var(--s4);height:2.75rem;padding:0 var(--s3) 0 var(--link-pl);text-align:left;transition:background-color .15s,color .15s;white-space:nowrap;width:100%}.side-link:hover{background:var(--surface);color:var(--ink)}.side-link[aria-current=page]{background:var(--surface-2);color:var(--ink)}.side-link[aria-current=page]>.ico{color:var(--accent-text)}.side-link>span{overflow:hidden;text-overflow:ellipsis}.side-link>img{flex:none;height:24px;object-fit:contain;width:24px}.side-link>img.side-face{height:21px;image-rendering:pixelated;margin:0 1.5px;width:21px}.side-caret{margin-left:auto;transition:transform .2s var(--ease-out)}.side-group.open .side-caret{transform:rotate(180deg)}.side-sub{display:none}.side-group.open .side-sub{display:grid;gap:2px}.side-sub .side-link{font-size:var(--fs-lg);padding-left:calc(var(--link-pl) + var(--s6))}.side-group.flyout.open .side-sub{animation:pop-in .12s var(--ease-out);background:var(--surface);border:1px solid var(--border);border-radius:var(--r);display:grid;gap:2px;left:calc(var(--side-mini) + var(--s1));min-width:13rem;padding:var(--s1);position:fixed;top:var(--apps-top, 50%);z-index:var(--z-menu)}.side-group.flyout .side-sub .side-link{flex-direction:row;font-size:var(--fs-md);gap:var(--s3);height:2.5rem;justify-content:flex-start;padding:0 var(--s3)}.side-foot{margin-top:auto}.side-top{transition:height .2s var(--ease-out),opacity .15s,transform .2s var(--ease-out),visibility 0s}.side-top:not(.is-visible){height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(8px);transition:height .2s var(--ease-out),opacity .15s,transform .2s var(--ease-out),visibility 0s .2s;visibility:hidden}body.side-mini:not(.side-drawer) .side{padding:var(--s2) var(--s1)}body.side-mini:not(.side-drawer) .side-link{flex-direction:column;font-size:var(--fs-sm);gap:var(--s1);height:4.25rem;justify-content:center;padding:0}body.side-mini:not(.side-drawer) .side-link[aria-current=page]{background:none}body.side-mini:not(.side-drawer) .side-link:hover{background:var(--surface)}body.side-mini:not(.side-drawer) .side-caret,body.side-mini:not(.side-drawer) .side-sub{display:none}body.side-mini:not(.side-drawer) .side-top:not(.is-visible){height:0}.scrim{background:var(--overlay);inset:var(--top-h) 0 0;position:fixed;z-index:10}@media(max-width:1312px){:root{--side-w: var(--side-mini)}body:not(.side-drawer) .side{padding:var(--s2) var(--s1)}body:not(.side-drawer) .side-link{flex-direction:column;font-size:var(--fs-sm);gap:var(--s1);height:4.25rem;justify-content:center;padding:0}body:not(.side-drawer) .side-link[aria-current=page]{background:none}body:not(.side-drawer) .side-caret,body:not(.side-drawer) .side-sub{display:none}body.side-drawer .side{border-right:1px solid var(--line);width:var(--side-full);z-index:11}}.m-top,.tabbar{display:none}@media(max-width:760px){:root,body.side-mini{--side-w: 0px;--tabbar-h: 3.75rem}body{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.top,.side,.scrim{display:none}.page{padding:var(--s3) var(--s4) var(--s12)}.m-top{align-items:center;background:var(--bg);display:flex;gap:var(--s3);height:var(--top-h);inset:0 0 auto;padding:0 var(--s4);position:fixed;transition:transform .2s var(--ease-out);z-index:var(--z-header)}body.header-scroll-hidden .m-top{transform:translateY(-100%)}.mobile-left img{height:42px;image-rendering:pixelated;width:42px}.m-search{flex:1;margin:0;min-width:0;padding-right:var(--s1)}#mobile-search-cancel,body.mobile-search-open .mobile-left,body.mobile-search-open #mobile-fullscreen-btn{display:none}body.mobile-search-open #mobile-search-cancel{display:inline-flex}.tabbar{background:var(--bg);border-top:1px solid var(--line);bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));inset-inline:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;z-index:var(--z-header)}.tab{align-items:center;color:var(--ink-3);display:flex;flex-direction:column;font-size:var(--fs-2xs);gap:2px;justify-content:center}.tab[aria-current=page]{color:var(--ink)}.tab[aria-current=page]>.ico{color:var(--accent-text)}.tab-ico{position:relative}.tab-ico .count{right:-.75rem;top:-.375rem}.tab>img{border-radius:50%;height:24px;object-fit:cover;width:24px}.tab-new>span{background:var(--accent);border-radius:var(--r);color:var(--accent-ink);display:grid;height:2.25rem;place-items:center;width:3rem}.sheet,.notif-menu{border-radius:var(--r-lg) var(--r-lg) 0 0;bottom:0;display:none;inset-inline:0;max-height:85dvh;padding-bottom:calc(var(--s2) + env(safe-area-inset-bottom));position:fixed;top:auto;width:100%;z-index:calc(var(--z-modal) + 1)}.sheet-back.show .sheet{animation:sheet-in .26s var(--ease-out);display:grid}.notif-menu.show{animation:sheet-in .26s var(--ease-out)}.sheet-handle{background:var(--surface-3);border-radius:var(--r-pill);display:block;height:4px;margin:var(--s2) auto var(--s1);width:2.5rem}.notif-list{max-height:none}.notify-container{bottom:calc(var(--tabbar-h) + var(--s3) + env(safe-area-inset-bottom));justify-items:center;left:var(--s4);right:var(--s4)}}.cookie{background:var(--surface-3);border-radius:var(--r-lg);bottom:var(--s6);display:grid;gap:var(--s3);left:calc(var(--side-w) + var(--s6));max-width:30rem;padding:var(--s4);position:fixed;z-index:var(--z-toast)}.cookie a{color:var(--accent-text)}.cookie-actions{display:flex;gap:var(--s2)}@media(max-width:760px){.cookie{bottom:calc(var(--tabbar-h) + var(--s3));inset-inline:var(--s4)}}.foot{border-top:1px solid var(--line);padding:var(--s12) var(--s6) 5rem;position:relative;text-align:center}.foot-in{margin:0 auto;max-width:48rem;position:relative;z-index:1}.credits{display:grid;gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:32rem}.credits dt{color:var(--ink-3);font-size:var(--fs-md);margin-bottom:var(--s1)}.credits dd{color:var(--ink);font-size:var(--fs-2xl);overflow-wrap:anywhere}.credits a:hover{text-decoration:underline}.foot-links{display:flex;flex-wrap:wrap;gap:0 var(--s6);justify-content:center;margin-top:var(--s6)}.foot-links a{align-items:center;color:var(--ink-2);display:inline-flex;min-height:2.75rem;transition:color .15s}.foot-links a:hover{color:var(--ink)}.foot-mascot{bottom:2rem;height:auto;position:absolute;width:8rem}.foot-mascot.left{left:var(--s8)}.foot-mascot.right{right:var(--s8)}.foot-sky{background:url(/static/image/footer_sky.svg) repeat-x center bottom;bottom:0;height:47px;inset-inline:0;opacity:.12;position:absolute}@media(max-width:1100px){.foot-mascot{display:none}}@media(max-width:760px){.credits dd{font-size:var(--fs-xl)}.foot{padding:var(--s8) var(--s4) 4rem}}.settings-panel{display:grid;gap:var(--s4)}.settings-panel>.switch+.switch{border-top:1px solid var(--line);padding-top:var(--s4)}.hidden-authors-list{display:grid;gap:var(--s2)}.hidden-authors-item{align-items:center;background:var(--bg);border-radius:var(--r);display:flex;gap:var(--s3);padding:var(--s2) var(--s3)}.hidden-authors-info{display:grid;flex:1;gap:var(--s1);min-width:0}.hidden-authors-name{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden-authors-name:hover{text-decoration:underline}.hidden-authors-track{max-width:12rem}.hidden-authors-track>.is-forever{background:var(--ink-3)}.hidden-authors-term{color:var(--ink-3);font-size:var(--fs-sm)}