.pc-home-route,.pc-feed-route{position:absolute;top:0;right:0;bottom:0;left:0}.pc-app-layout{position:relative;--pc-sidebar-width: var(--pc-sidebar-expanded-width);--pc-sidebar-inner-width: calc(var(--pc-sidebar-expanded-width) - 8px);--pc-sidebar-motion-duration: .3s;--pc-sidebar-motion-easing: cubic-bezier(.22, 1, .36, 1);display:grid;grid-template-columns:var(--pc-sidebar-width) minmax(0,1fr);transition:grid-template-columns var(--pc-sidebar-motion-duration) var(--pc-sidebar-motion-easing);width:100%;height:100dvh;overflow:hidden;background:var(--color-shell, #f7f7f7)}.pc-app-layout[data-sidebar=collapsed]{--pc-sidebar-width: var(--pc-sidebar-collapsed-width);--pc-sidebar-inner-width: var(--pc-sidebar-collapsed-width)}.pc-app-layout[data-sidebar=hidden]{--pc-sidebar-width: 0px}.pc-sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;color:var(--color-text, #000);opacity:1;visibility:visible;transition:opacity .16s ease-out,visibility 0s}.pc-sidebar-content{display:flex;flex-direction:column;flex:1;min-height:0;width:var(--pc-sidebar-expanded-width);padding:calc(var(--safe-top, 0px) + 16px) 8px calc(var(--safe-bottom, 0px) + 20px) 0}.pc-app-layout[data-sidebar=hidden] .pc-sidebar{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease-out,visibility 0s var(--pc-sidebar-motion-duration)}.pc-sidebar button,.pc-sidebar a{-webkit-tap-highlight-color:transparent}.pc-sidebar button{cursor:pointer}.pc-sidebar button:disabled{cursor:default}.pc-sidebar a{color:inherit;text-decoration:none}.pc-sidebar :is(a,button):focus-visible,.pc-app-layout>.pc-sidebar-edge-toggle:focus-visible{outline:2px solid var(--color-text, #000);outline-offset:-2px}.pc-sidebar-logo{position:relative;display:flex;align-items:center;flex:0 0 50px;width:var(--pc-sidebar-inner-width);padding:10px 0 10px 28px}.pc-sidebar-wordmark{position:absolute;left:28px;width:130.435px;height:30px;object-fit:contain}.pc-sidebar-mascot{position:absolute;left:27.25px;width:41.5006px;height:25.48px;object-fit:contain}.pc-sidebar-wordmark,.pc-sidebar-mascot{pointer-events:none;transition:opacity var(--pc-sidebar-motion-duration) var(--pc-sidebar-motion-easing)}.pc-sidebar-wordmark{opacity:1}.pc-sidebar-mascot,.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-wordmark{opacity:0}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-mascot{opacity:1}.pc-sidebar-nav{width:var(--pc-sidebar-inner-width);display:flex;flex-direction:column;gap:16px;flex-shrink:0;padding:10px 12px;margin-top:8px}.pc-sidebar-nav-item{position:relative;display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 16px;border-radius:100px;font-size:15px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);font-weight:500;line-height:22px;white-space:nowrap}.pc-sidebar-nav-item>.pc-sidebar-expanded-content{position:absolute;left:42px;top:50%;transform:translateY(-50%)}.pc-sidebar-nav-item img{width:18px;height:18px;flex-shrink:0;object-fit:contain}.pc-sidebar-nav-item:hover,.pc-sidebar-nav-item[aria-current=page]{background:#0000000a}.pc-sidebar-divider{width:calc(var(--pc-sidebar-expanded-width) - 32px);height:1px;flex-shrink:0;margin:8px 12px 24px;background:var(--color-border, rgba(0, 0, 0, .06))}.pc-sidebar-chat-tools{display:grid;grid-template-rows:1fr;flex-shrink:0;width:calc(var(--pc-sidebar-expanded-width) - 8px)}.pc-sidebar-chat-tools-inner{display:flex;flex-direction:column;min-height:0;overflow:hidden}.pc-sidebar-chat-heading{display:flex;align-items:center;justify-content:space-between;margin:0 28px 16px;font-size:12px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);line-height:18px;color:var(--color-text-30, rgba(0, 0, 0, .3))}.pc-sidebar-chat-heading button{color:inherit}.pc-sidebar-managed-character{display:flex;flex:1;min-width:0;align-items:center;gap:8px;text-align:left}.pc-sidebar-managed-avatar{position:relative;flex-shrink:0}.pc-sidebar-managed-details{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.pc-sidebar-pin{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#ffc31a}.pc-sidebar-pin img{width:12px;height:12px;filter:brightness(0) invert(1)}.pc-sidebar-managed-more{flex-shrink:0;width:36px;height:36px;border-radius:8px;color:var(--color-text-30, rgba(0, 0, 0, .3))}.pc-sidebar-managed-more:hover:not(:disabled){background:#0000000a}.pc-sidebar-match{display:flex;align-items:center;flex-shrink:0;gap:4px;margin:0 28px 16px;padding:8px 12px;min-height:40px;border:1px solid var(--color-border);border-radius:var(--radius-chip, 12px);background:var(--color-brand, #fdeab3);font-size:14px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);font-weight:700;line-height:21px}.pc-sidebar-match>img{width:20px;height:20px;flex-shrink:0}.pc-sidebar-price{display:inline-flex;align-items:center;gap:2px;margin-left:auto;font-size:12px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600)}.pc-sidebar-quota{margin-left:auto;flex-shrink:0;white-space:nowrap;color:#0000007f;font-size:12px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);font-weight:400}.pc-sidebar-conversations{width:var(--pc-sidebar-inner-width);flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0 12px}.pc-sidebar-conversation{position:relative;display:flex;align-items:center;gap:8px;width:calc(var(--pc-sidebar-expanded-width) - 32px);height:64px;padding:8px 16px;margin-bottom:12px;border-radius:var(--radius-card, 16px);text-align:left}.pc-sidebar-conversation:hover,.pc-sidebar-conversation[aria-current=page]{background:#ededed}.pc-sidebar-avatar-wrap{position:relative;flex-shrink:0;width:40px;height:40px}.pc-sidebar-chat-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;overflow:hidden;border-radius:50%;background:var(--color-placeholder);transform-origin:top left}.pc-sidebar-chat-avatar img{width:100%;height:100%;object-fit:cover;object-position:top}.pc-sidebar-chat-avatar>span{font-size:14px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);color:var(--color-text-50)}.pc-sidebar-chat-details{position:absolute;left:64px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;width:calc(var(--pc-sidebar-expanded-width) - 112px);min-width:0}.pc-sidebar-chat-line{display:flex;align-items:center;gap:4px;min-width:0}.pc-sidebar-chat-name,.pc-sidebar-chat-preview{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-sidebar-chat-name{font-size:14px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);font-weight:700;line-height:21px}.pc-sidebar-chat-preview{font-size:12px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);line-height:18px;color:var(--color-text-30)}.pc-sidebar-chat-time{flex-shrink:0;font-size:12px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);color:var(--color-text-30)}.pc-sidebar-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:15px;height:15px;padding:0 4px;border-radius:100px;background:red;color:#fff;font-size:12px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);line-height:15px}.pc-sidebar-badge.is-dot{min-width:6px;width:6px;height:6px;padding:0}.pc-sidebar-avatar-badge{position:absolute;right:-4px;top:-3px;display:flex}.pc-sidebar-list-status{display:block;width:100%;padding:12px 4px;color:var(--color-text-30);font-size:12px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);text-align:center}.pc-sidebar-footer{position:relative;width:var(--pc-sidebar-inner-width);height:40px;flex-shrink:0}.pc-sidebar-account,.pc-sidebar-notifications{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.pc-sidebar-account{transform:translate(28px)}.pc-sidebar-notifications{transform:translate(calc(var(--pc-sidebar-expanded-width) - 48px))}.pc-sidebar-account img{width:24px;height:24px;border:.5px solid #f1f1f1;border-radius:50%;object-fit:cover}.pc-sidebar-notifications img{width:17px;height:20px;object-fit:contain}.pc-sidebar-notifications>.pc-sidebar-badge{position:absolute;top:-6px;left:11px}.pc-sidebar-conversations[data-guest=true]{display:flex;flex-direction:column;padding-block:16px}.pc-sidebar-guest-empty{flex-shrink:0;width:calc(var(--pc-sidebar-expanded-width) - 32px);margin-block:auto}.pc-sidebar-guest-empty-content{display:flex;flex-direction:column;align-items:center;gap:16px}.pc-sidebar-guest-mascot{width:160px;height:70.857px;padding:8.58px 35.98px}.pc-sidebar-guest-empty-content>p{width:100%;color:var(--color-text-30);font-size:12px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);line-height:18px;text-align:center}.pc-sidebar-guest-footer{flex-shrink:0;width:var(--pc-sidebar-width);padding:0 28px}.pc-sidebar-guest-login{position:relative}.pc-sidebar-guest-login>span{width:100%}.pc-sidebar-guest-login .pc-sidebar-collapsed-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.pc-sidebar-expanded-content{opacity:1;visibility:visible;transition:opacity .16s ease-out 90ms,visibility 0s}.pc-sidebar-collapsed-content{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease-out,visibility 0s .1s}.pc-sidebar-nav,.pc-sidebar-nav-item,.pc-sidebar-nav-item img,.pc-sidebar-divider,.pc-sidebar-conversations,.pc-sidebar-conversation,.pc-sidebar-avatar-wrap,.pc-sidebar-chat-avatar,.pc-sidebar-footer,.pc-sidebar-guest-footer,.pc-sidebar-guest-login,.pc-sidebar-account,.pc-sidebar-notifications{transition-property:width,height,min-height,padding,margin,transform;transition-duration:var(--pc-sidebar-motion-duration);transition-timing-function:var(--pc-sidebar-motion-easing)}.pc-sidebar-account,.pc-sidebar-notifications{transition:transform var(--pc-sidebar-motion-duration) var(--pc-sidebar-motion-easing),opacity .15s ease}.pc-sidebar-chat-tools{transition:grid-template-rows var(--pc-sidebar-motion-duration) var(--pc-sidebar-motion-easing),opacity .16s ease-out 90ms,visibility 0s}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar{cursor:pointer}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-expanded-content{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease-out,visibility 0s .1s}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-collapsed-content{opacity:1;visibility:visible;transition:opacity .16s ease-out 90ms,visibility 0s}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-chat-tools{grid-template-rows:0fr;transition:grid-template-rows var(--pc-sidebar-motion-duration) var(--pc-sidebar-motion-easing),opacity .1s ease-out,visibility 0s .1s}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-nav{padding-inline:20px}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-nav-item{min-height:34px}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-nav-item img{transform:translate(5px)}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-divider{width:44px;margin:8px 28px 16px}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-conversations{padding:0 29px}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-conversation{width:40px;height:40px;padding:4px;margin-bottom:16px}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-avatar-wrap{width:32px;height:32px}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-chat-avatar{transform:scale(.8)}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-footer{height:86px}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-account{transform:translate(38px)}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-notifications{transform:translate(38px,-46px)}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-guest-footer{padding-inline:10px}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-guest-login{height:36px;padding:6px 12px;border-radius:var(--radius-pill);font-family:var(--font-popop-medium);font-size:14px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);font-weight:500;line-height:21px}.pc-workspace{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;min-width:0;min-height:0;padding:var(--safe-top, 0px) 0 var(--safe-bottom, 0px);overflow:hidden;clip-path:inset(0 0 0 var(--pc-sidebar-width) round var(--radius-modal, 30px) 0 0 var(--radius-modal, 30px));transition:clip-path var(--pc-sidebar-motion-duration) var(--pc-sidebar-motion-easing);background:var(--pc-workspace-background, var(--color-surface, #fff))}.pc-workspace-content{position:relative;display:grid;min-width:0;min-height:0;overflow:hidden}.pc-workspace[data-page=characterDetail],.pc-workspace[data-page=posts]{clip-path:none;transition:none;background:transparent}.pc-workspace[data-page=characterDetail]:before,.pc-workspace[data-page=posts]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pc-workspace-background, var(--color-surface, #fff))}.pc-workspace[data-page=characterDetail]:before,.pc-workspace[data-page=characterDetail] .pc-home-route,.pc-workspace[data-page=posts]:before,.pc-workspace[data-page=posts] .pc-feed-route{clip-path:inset(0 0 0 var(--pc-sidebar-width) round var(--radius-modal, 30px) 0 0 var(--radius-modal, 30px))}.pc-workspace[data-page=rolePlot],.pc-workspace[data-page=rolePlotDemo]{clip-path:inset(0)}.pc-sidebar-edge-toggle{position:absolute;z-index:40;left:calc(var(--pc-sidebar-width) - 40px);top:calc(var(--safe-top, 0px) + 23px);display:flex;align-items:center;justify-content:center;width:25px;height:36px;border-radius:12px;cursor:pointer;transition:left var(--pc-sidebar-motion-duration) var(--pc-sidebar-motion-easing),top var(--pc-sidebar-motion-duration) var(--pc-sidebar-motion-easing),opacity .15s ease}@media(hover:hover)and (pointer:fine){.pc-sidebar-edge-toggle:hover,.pc-sidebar-account:hover,.pc-sidebar-notifications:hover{opacity:.7}}.pc-app-layout[data-sidebar=collapsed] .pc-sidebar-edge-toggle{left:calc(var(--pc-sidebar-width) - 27px);top:calc(var(--safe-top, 0px) + 21px)}.pc-app-layout[data-sidebar=hidden] .pc-sidebar-edge-toggle{left:8px}.pc-sidebar-edge-toggle img{width:15px;height:26px;object-fit:contain}.pc-app-layout:not([data-sidebar=expanded]) .pc-sidebar-edge-toggle img{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.pc-app-layout,.pc-workspace,.pc-app-layout>.pc-sidebar-edge-toggle,.pc-app-layout .pc-sidebar,.pc-app-layout[data-sidebar=hidden] .pc-sidebar,.pc-app-layout .pc-sidebar-content *{transition:none!important}}.pc-route-error{display:flex;min-height:200px;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:24px}.pc-route-error button{border-radius:20px;padding:8px 20px;background:var(--color-text, #000);color:#fff}.pc-posts-page{--pc-content-max-width: calc(var(--pc-main-available-width) * 1080 / 1243)}.pc-posts-scroll{position:relative;left:var(--pc-content-offset);width:var(--pc-content-width);height:100%;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-width:none;transition:var(--pc-content-transition)}.pc-posts-grid{padding:30px 0}.pc-posts-grid article{margin-bottom:18px}.pc-posts-state{min-height:55vh;display:flex;align-items:center;justify-content:center;color:#0006}.pc-posts-pagination{min-height:64px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:12px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);color:#0006}.pc-posts-pagination button,.pc-post-dialog-status button{margin-top:12px;padding:8px 20px;border-radius:30px;background:var(--color-brand, #fdeab3);color:#000}.pc-post-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:calc(var(--safe-top, 0px) + 24px) 24px calc(var(--safe-bottom, 0px) + 24px);background:#0009}.pc-post-dialog-backdrop[hidden]{display:none}.pc-post-dialog{display:flex;position:relative;width:840px;max-width:100%;height:615px;max-height:100%;min-height:0;overflow:hidden;border-radius:30px;background:#fff;color:#000;animation:pc-post-dialog-enter .16s ease-out}.pc-post-dialog-media{position:relative;width:50%;flex-shrink:0;overflow:hidden;background:var(--color-shell, #f7f7f7)}.pc-post-dialog-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#ffffff4d,#ffffff4d 70%,#0003)}.pc-post-dialog-stage{position:absolute;top:57px;right:0;bottom:70px;left:0;display:flex;align-items:center;justify-content:center}.pc-post-dialog-share{position:absolute;top:20px;left:20px;z-index:2;width:36px;height:36px;border-radius:50%}.pc-post-dialog-share img{display:block;width:36px;height:36px}.pc-post-dialog-share:disabled{opacity:.4}.pc-post-dialog-music{position:absolute;right:21px;bottom:30px}.pc-post-dialog-progress{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:4px}.pc-post-dialog-progress button{flex:1;min-width:0;padding:6px 0}.pc-post-dialog-progress span{display:block;height:2px;background:#fff3;border-radius:30px}.pc-post-dialog-progress [aria-current=true] span{background:#fff}.pc-post-image-prev,.pc-post-image-next{position:absolute;top:50%;width:30px;height:40px;margin-top:-20px;border-radius:30px;background:#0005;color:#fff;font-size:28px;--pc-text-weight: 900;--pc-text-family: var(--pc-font-900);opacity:0;transition:opacity .16s}.pc-post-image-prev img,.pc-post-image-next img{width:18px;height:18px;margin:auto;filter:brightness(0) invert(1)}.pc-post-image-prev img{transform:rotate(180deg)}.pc-post-image-prev{left:8px}.pc-post-image-next{right:8px}.pc-post-dialog-stage:hover button:not(:disabled),.pc-post-dialog-stage button:focus-visible{opacity:1}.pc-post-dialog-stage button:disabled{visibility:hidden}.pc-post-dialog-info{position:relative;display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;padding-top:20px}.pc-post-dialog-close{position:absolute;right:20px;top:20px;z-index:2;width:36px;height:36px;border-radius:50%;background:#fff}.pc-post-dialog-copy{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 12px 16px}.pc-post-dialog-author{display:flex;align-items:center;gap:6px;max-width:calc(100% - 56px);text-align:left;font-size:20px;--pc-text-weight: 700;--pc-text-family: var(--pc-font-700);font-weight:800}.pc-post-dialog-author>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-post-dialog-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;object-fit:cover;background:#0001}.pc-post-dialog-body{margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);line-height:1.4;color:#000c}.pc-post-dialog-copy h1{margin-top:12px;font-size:18px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);overflow-wrap:anywhere}.pc-post-dialog-comments{display:flex;flex-direction:column;gap:20px;margin-top:28px}.pc-post-dialog-comments article{padding:0}.pc-post-dialog-footer{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:12px 20px 20px 12px}.pc-post-dialog-input{display:flex;align-items:center;gap:4px;flex:1;min-width:0;height:36px;padding:7px 12px;border:1px solid #000;border-radius:60px}.pc-post-comment-icon{width:20px;height:20px;flex-shrink:0;color:#0000004d}.pc-post-dialog-input input{width:0;flex:1;min-width:0;background:transparent;outline:none;color:#000;font-size:14px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600)}.pc-post-dialog-input input::placeholder{color:#0006}.pc-post-dialog-input button{font-size:12px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);white-space:nowrap}.pc-post-dialog-like{width:36px;height:36px;flex-shrink:0}.pc-post-dialog-like:disabled{opacity:.4}.pc-post-dialog-status{text-align:center;padding:20px;color:#0006;display:flex;align-items:center;flex-direction:column}.pc-post-dialog-text-image{padding:24px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;max-height:100%}.pc-post-dialog button:focus-visible,.pc-post-dialog-input:focus-within{outline:2px solid #8f6f1f;outline-offset:3px}@keyframes pc-post-dialog-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-height:560px){.pc-post-dialog-stage{top:24px}}@media(prefers-reduced-motion:reduce){.pc-post-dialog{animation:none}.pc-post-image-prev,.pc-post-image-next{transition:none}}.pc-post-dialog-backdrop[data-ssr-detail=true] .pc-post-dialog{animation:none}.popop-desktop-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:calc(var(--safe-top, 0px) + 24px) 24px calc(var(--safe-bottom, 0px) + 24px);box-sizing:border-box;display:grid;place-items:center;background:#0009;color:var(--color-text, #000);overflow:hidden}.popop-desktop-dialog-panel{position:relative;display:flex;flex-direction:column;width:min(var(--desktop-dialog-width, 840px),100%);height:var(--desktop-dialog-height, 537px);max-height:100%;min-height:0;overflow:hidden;border-radius:30px;background:var(--desktop-dialog-background, var(--color-shell, #f7f7f7))}.popop-desktop-dialog-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.popop-desktop-dialog-close{position:absolute;top:20px;right:20px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:0;padding:0;background:transparent;cursor:pointer}.popop-desktop-dialog-close:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:8px}.popop-desktop-dialog-footer{flex-shrink:0;padding:12px 28px 20px}:root{--character-detail-dialog-width: 600px;--character-detail-dialog-height: 615px;--character-detail-content-width: 390px}.character-detail-desktop-dialog{grid-template-rows:minmax(0,1fr);--desktop-dialog-width: var(--character-detail-dialog-width);--desktop-dialog-height: var(--character-detail-dialog-height);--desktop-dialog-background: var(--color-surface, #fff)}@media(prefers-reduced-motion:no-preference){.character-detail-desktop-dialog>.popop-desktop-dialog-panel{transition:width .24s cubic-bezier(.2,0,0,1)}}.character-detail-desktop-dialog .popop-desktop-dialog-body{overflow:hidden}.character-detail-desktop-dialog [data-character-detail-landing]{margin-top:12px}.character-detail-desktop-share{position:absolute;top:20px;left:20px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:0;padding:0;background:var(--color-surface, #fff);border-radius:8px;cursor:pointer}.character-detail-desktop-share:focus-visible{outline:2px solid currentColor;outline-offset:3px}.character-detail-desktop-content{position:relative;height:100%;overflow:hidden;--safe-top: 0px;--safe-bottom: 0px}.character-detail-desktop-dialog:has([data-character-detail-layout=split]){--character-detail-dialog-width: 840px;--character-detail-content-width: 100%}.character-detail-desktop-dialog [data-character-detail-landing]:has([data-character-detail-layout=split]){margin-top:60px}.character-detail-split{display:grid;grid-template-columns:minmax(0,358fr) minmax(0,412fr);gap:30px;height:100%;padding:0 20px;overflow:hidden;background:#fff}.character-detail-split-media{min-width:0;min-height:0;container-type:size}.character-detail-split-media>div{width:min(100%,100cqh)}.character-detail-split-scroll{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:none;padding-bottom:16px}.character-detail-split-scroll::-webkit-scrollbar{display:none}.character-detail-split-scroll [data-character-base-content],.character-detail-split-scroll [data-character-extension-divider]{padding-inline:0}.character-detail-split-scroll [data-character-base-content]>.text-center{margin-top:0}:where(html[data-app-mode=pc],html:not([data-app-mode]):has(#root[data-popop-ssr-bundle=pc])){--pc-font-600: "MiSans Semibold", "MiSans", var(--font-popop-fallback);--pc-font-700: "MiSans", var(--font-popop-fallback);--pc-font-900: "MiSans Heavy", "MiSans", var(--font-popop-fallback)}:where(html[data-app-mode=pc],html:not([data-app-mode]):has(#root[data-popop-ssr-bundle=pc])) :where(body,body *){font-weight:var(--pc-button-weight, var(--pc-text-weight, 600))!important;font-family:var(--pc-button-family, var(--pc-text-family, var(--pc-font-600)))!important;font-synthesis:none}:where(html[data-app-mode=pc],html:not([data-app-mode]):has(#root[data-popop-ssr-bundle=pc])) :where(.text-xs,.text-sm,.text-base,.text-lg,.text-\[8px\],.text-\[9px\],.text-\[10px\],.text-\[11px\],.text-\[12px\],.text-\[13px\],.text-\[14px\],.text-\[15px\],.text-\[16px\],.text-\[17px\],.text-\[18px\],[data-pc-text-weight="600"]){--pc-text-weight: 600;--pc-text-family: var(--pc-font-600)}:where(html[data-app-mode=pc],html:not([data-app-mode]):has(#root[data-popop-ssr-bundle=pc])) :where(.text-xl,.text-\[19px\],.text-\[20px\],.text-\[21px\],.text-\[22px\],.text-\[23px\],[data-pc-text-weight="700"]){--pc-text-weight: 700;--pc-text-family: var(--pc-font-700)}:where(html[data-app-mode=pc],html:not([data-app-mode]):has(#root[data-popop-ssr-bundle=pc])) :where(.text-2xl,.text-3xl,.text-4xl,.text-5xl,.text-6xl,.text-7xl,.text-8xl,.text-9xl,.text-\[24px\],.text-\[26px\],.text-\[28px\],.text-\[30px\],.text-\[32px\],.text-\[34px\],.text-\[36px\],.text-\[39px\],.text-\[40px\],.text-\[44px\],.text-\[48px\],.text-\[60px\],.text-\[72px\],.text-\[80px\],[data-pc-text-weight="900"]){--pc-text-weight: 900;--pc-text-family: var(--pc-font-900)}:where(html[data-app-mode=pc],html:not([data-app-mode]):has(#root[data-popop-ssr-bundle=pc])) :where(.font-noto-sans-hk-black){--pc-font-900: "PopopNotoSansHKBlack", "Noto Sans HK", "MiSans Heavy", var(--font-popop-fallback)}:where(html[data-app-mode=pc],html:not([data-app-mode]):has(#root[data-popop-ssr-bundle=pc])) :where([data-pc-button=false],[role=tab],[role=radio],[role=option],[role=checkbox],[role=switch],[aria-haspopup=listbox]){--pc-button-weight: initial;--pc-button-family: initial}:where(html[data-app-mode=pc],html:not([data-app-mode]):has(#root[data-popop-ssr-bundle=pc])) :where(button,[role=button],[data-pc-button=true],input[type=button],input[type=submit],input[type=reset]):not(:where([data-pc-button=false],[role=tab],[role=radio],[role=option],[role=checkbox],[role=switch],[aria-haspopup=listbox])){--pc-button-weight: 700;--pc-button-family: var(--pc-font-700)}.pc-workspace:is([data-page=home],[data-page=characterDetail]){--pc-workspace-background: var(--color-shell, #f7f7f7)}.pc-workspace[data-page=home]>.pc-sidebar-hide{top:calc(50% + 28px);left:calc(var(--pc-sidebar-width) + 8px);right:auto;padding:4px;font-size:10px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);transition:left var(--pc-sidebar-motion-duration) var(--pc-sidebar-motion-easing)}.pc-home-content{position:relative;left:var(--pc-content-offset);width:var(--pc-content-width);height:100%;transition:var(--pc-content-transition)}.pc-home-content>[data-search-layout=pc]>[data-viewport-overlay]{left:var(--pc-sidebar-width);transition:left var(--pc-sidebar-motion-duration) var(--pc-sidebar-motion-easing)}@media(prefers-reduced-motion:reduce){.pc-home-content>[data-search-layout=pc]>[data-viewport-overlay]{transition:none}}.pc-home-browser{display:flex;flex-direction:column;height:100%;min-height:0}.pc-home-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:24px;min-height:77px;padding:20px 24px 21px 0}.pc-home-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;padding-left:8px}.pc-home-filters :is(button,a){display:flex;align-items:center;justify-content:center;flex-shrink:0;height:28px;padding:0 8px;border-radius:100px;background:var(--color-surface, #fff);color:var(--color-text, #000);font-size:15px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);font-weight:700;line-height:22px;cursor:pointer;text-decoration:none}.pc-home-filters :is([aria-pressed=true],[aria-current=page]){box-shadow:inset 0 0 0 2px var(--color-text, #000)}.pc-home-search{display:flex;align-items:center;flex:0 0 235px;gap:4px;height:36px;min-width:0;padding:4px 8px;border:1px solid var(--color-text-10, rgba(0, 0, 0, .1));border-radius:100px;background:var(--color-surface, #fff);color:var(--color-text-30, rgba(0, 0, 0, .3));font-size:14px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);text-align:left;cursor:pointer}.pc-home-search img{width:16px;height:16px;flex-shrink:0;opacity:.3}.pc-home-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-home-scroll{container-type:inline-size;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 24px 24px 0;scrollbar-width:thin}.pc-home-categories{position:relative;flex:1;min-height:0}.pc-home-category{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.pc-home-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));align-content:flex-start;gap:10px}.pc-home-grid>*{min-width:0;width:100%;max-width:260px;min-height:0;aspect-ratio:240 / 348;border-radius:20px}.pc-character-card .pc-character-cover{bottom:auto;height:calc(100% * 268 / 348);mask-image:linear-gradient(to bottom,#000 0%,#000 49.1239%,rgba(0,0,0,.2) 84.3103%,transparent 99.187%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 49.1239%,rgba(0,0,0,.2) 84.3103%,transparent 99.187%)}.pc-character-card .pc-character-cover img{object-position:center top}.pc-character-card .pc-character-cover>div:last-child{background:#0000001a}.pc-character-photo-count,.pc-character-status{display:flex;align-items:center;gap:2px;border-radius:6px;padding:2px 4px;background:#57575799;color:#fff;font-size:12px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);font-weight:500;line-height:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pc-character-photo-count{position:absolute;left:12px;top:12px}.pc-character-photo-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;overflow:hidden}.pc-character-photo-icon img{width:25.2px;height:25.2px;max-width:none;flex-shrink:0}.pc-character-card .pc-character-story{width:22px;height:20px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pc-character-story svg{width:14px;height:14px}.pc-character-title-row{display:flex;align-items:center;gap:4px;min-width:0}.pc-character-title-row>p{flex:0 1 auto;min-width:0;font-size:20px;--pc-text-weight: 700;--pc-text-family: var(--pc-font-700);line-height:26px}.pc-character-status{flex:0 1 auto;min-width:0;max-width:60%}.pc-character-status>span:first-child:not(:last-child){flex-shrink:0;font-size:10px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600)}.pc-character-info>p{margin-top:-4px;font-size:13px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);line-height:17px;opacity:.9}.pc-character-info>div:last-child:not(.pc-character-title-row) span{padding:2px 5px;border-width:.5px;border-color:#ffffff4d;color:#ffffffb3;font-size:12px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);line-height:16px}.pc-home-feedback{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;color:var(--color-text-50, rgba(0, 0, 0, .5));font-size:14px;--pc-text-weight: 600;--pc-text-family: var(--pc-font-600);text-align:center}.pc-home-scroll--error{display:flex;flex-direction:column;padding-bottom:0}.pc-home-scroll--error>.pc-home-feedback{flex:1;justify-content:center}.pc-home-feedback button{padding:8px 20px;border-radius:100px;background:var(--color-text, #000);color:var(--color-surface, #fff);cursor:pointer}.pc-home-page :is(button,[role=button],.pc-home-filters a):focus-visible{outline:2px solid var(--color-text, #000);outline-offset:-2px}@media(max-width:800px){.pc-home-toolbar{flex-wrap:wrap;gap:12px}.pc-home-search{margin-left:8px}}@media(prefers-reduced-motion:reduce){.pc-home-content,.pc-workspace[data-page=home]>.pc-sidebar-hide{transition:none}}