:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog){--menu-ink:#35466f;--menu-muted:#7d89a5;--menu-line:#d3dded;--menu-panel:#ffffffd9;--menu-accent:#829ed3;--menu-top:max(20px,env(safe-area-inset-top));color-scheme:only light;position:fixed;inset:0;margin:0 auto;width:min(100%,480px);max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:var(--menu-top) 20px max(28px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;color:var(--menu-ink);box-shadow:0 0 32px #4e648525;background-image:url(system/login-crystal-frame.svg),linear-gradient(#f8fbffc9,#fbfaffda),url(system/clubroom-bg.webp);background-position:center,center,center bottom;background-size:100% 100%,100% 100%,100% auto;background-repeat:no-repeat;isolation:isolate}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog)::backdrop{background:#3b4b7359;backdrop-filter:none}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog)[open]{animation:menuSheetIn .18s ease-out}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) :is(button,button>span,h2,h3,strong,.galleryCard span){font-family:var(--font-text)!important;font-style:normal;text-shadow:none;letter-spacing:0}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) .modalHead{position:sticky;top:calc(-1 * var(--menu-top));z-index:6;isolation:isolate;display:flex;align-items:center;justify-content:flex-start;gap:14px;min-height:94px;margin:calc(-1 * var(--menu-top)) -20px 26px;padding:var(--menu-top) 20px 23px;background:none}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) .modalHead:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#fff 15%,#f0f8ff 62%,#edeafa);clip-path:polygon(0 0,100% 0,100% 84%,41% 100%,0 89%)}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) .modalHead:after{content:"";position:absolute;right:15px;bottom:14px;width:55px;height:13px;pointer-events:none;background:linear-gradient(110deg,#a9ddea80,#d3c5ed90,#efcadf80);clip-path:polygon(20% 0,100% 0,80% 100%,0 100%)}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) .menuHeading{display:flex;align-items:center;gap:10px;min-width:0;flex:1}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) .menuTitleIcon{display:grid;place-items:center;width:26px;height:30px;color:var(--menu-accent);flex:none}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) .menuTitleIcon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) h2{min-width:0;font-size:24px;font-weight:700!important;line-height:1.35;color:var(--menu-ink);margin:0;overflow-wrap:anywhere}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) .close{order:-1;display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:10px;margin:0;color:#667ca6;background:#ffffffd9;border:1px solid #d0dded;border-radius:13px;box-shadow:0 2px 4px #55719907;filter:none}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) .close svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(180deg)}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) :is(button,a,select):focus-visible{outline:2px solid #859ed1;outline-offset:3px}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) button:enabled:active{transform:translateY(1px)}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) .help{color:var(--menu-muted);font-size:13px;line-height:1.6}#galleryDialog,#artDialog{--menu-accent:#a894cc}#storyDialog{--menu-accent:#c993b4}#musicDialog{--menu-accent:#7da8ce}#rankingDialog{--menu-accent:#9d99ca}@keyframes menuSheetIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:350px){:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog){padding-inline:16px}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) .modalHead{margin-inline:-16px;padding-inline:16px;gap:10px}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) .menuHeading{gap:7px}:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog) h2{font-size:21px}}@media(prefers-reduced-motion:reduce){:is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog)[open]{animation:none}}.reduced :is(#storyDialog,#galleryDialog,#musicDialog,#rankingDialog,#artDialog,#settings,#accountDialog,#profileDialog,#syncDialog,#guideDialog,#pcDialog)[open]{animation:none}
