:is(#noticesDialog,#noticeDetailDialog){color-scheme:only light;color:#35466f;box-shadow:0 10px 36px #4d628329;font-family:var(--font-text,"Noto Sans KR",sans-serif);text-shadow:none}:is(#noticesDialog,#noticeDetailDialog) :is(button,button>span,h2,h3,strong){font-family:var(--font-text,"Noto Sans KR",sans-serif)!important;font-style:normal;letter-spacing:0;text-shadow:none}:is(#noticesDialog,#noticeDetailDialog) button{touch-action:manipulation;filter:none;transition:transform .12s ease,background-color .15s ease}:is(#noticesDialog,#noticeDetailDialog) button:enabled:active{transform:translateY(1px);filter:none}:is(#noticesDialog,#noticeDetailDialog) button:focus-visible{outline:2px solid #859ed1;outline-offset:3px}:is(#noticesDialog,#noticeDetailDialog)::backdrop{background:#3b4b7359;backdrop-filter:none}:is(#noticesDialog,#noticeDetailDialog)[open]{animation:noticeSurfaceIn .18s ease-out}:is(#noticesDialog,#noticeDetailDialog) svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:is(#noticesDialog,#noticeDetailDialog) [hidden]{display:none!important}#noticesDialog{--menu-top:max(20px,env(safe-area-inset-top));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;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}#noticesDialog .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 20px;padding:var(--menu-top) 20px 23px;background:none}#noticesDialog .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%)}#noticesDialog .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%)}#noticesDialog .menuHeading{display:flex;align-items:center;gap:10px;min-width:0;flex:1}#noticesDialog .menuTitleIcon{display:grid;place-items:center;width:26px;height:30px;color:#9296c5;flex:none}#noticesDialog .menuTitleIcon svg{width:25px;height:25px}#noticesDialog h2{min-width:0;font-size:24px;font-weight:700!important;line-height:1.35;color:#35466f;margin:0;overflow-wrap:anywhere}#noticesDialog .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}#noticesDialog .close svg{width:21px;height:21px;transform:rotate(180deg)}.noticesVersionRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 15px;color:#8b98af;font-size:10px;font-weight:600;letter-spacing:.07em}#noticesVersion{color:#6c81a5;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.noticesList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.noticesList>li{margin:0;padding:0;min-width:0}#noticesDialog .noticeItem{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;min-height:93px;padding:17px 42px 16px 17px;border:1px solid #dbe3ef;border-radius:14px;background:#ffffffdf;box-shadow:0 3px 10px #7187a108;text-align:left;color:#51698f;overflow-wrap:anywhere}#noticesDialog .noticeItem:after{content:"";position:absolute;right:18px;top:calc(50% - 3px);width:6px;height:6px;border-top:1.5px solid #93a5c2;border-right:1.5px solid #93a5c2;transform:rotate(45deg)}#noticesDialog .noticeItem:is(.unread,.isUnread){border-color:#c1d9eb;background:linear-gradient(110deg,#f1fafff0,#fff9fdf0)}#noticesDialog .noticeItemTitle{display:block;color:#3b5079;font-size:15px;font-weight:600;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}#noticesDialog .noticeItemMeta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;color:#8291ab;font-size:11px;font-weight:400;line-height:1.6;font-variant-numeric:tabular-nums}#noticesDialog .noticeItemNew{display:inline-flex;align-items:center;min-height:18px;padding:1px 5px;margin-left:7px;border:1px solid #efc6d3;border-radius:5px;background:#fff0f5;color:#c76e8b;font-size:9px;font-weight:700;line-height:1.4;vertical-align:middle}#noticesDialog .noticesStatus{margin:0 2px 14px;color:#7a8ba6;font-size:13px;line-height:1.75;overflow-wrap:anywhere}#noticesDialog .noticesStatus:empty{display:none}#noticesDialog .noticesEmpty{display:grid;place-items:center;min-height:150px;margin:0;padding:25px 16px;border:1px dashed #d5e0ed;border-radius:15px;background:#ffffff8c;color:#8795ae;font-size:14px;line-height:1.75;text-align:center}#noticesDialog .noticeAction{min-height:44px;padding:10px 16px;margin:0 0 16px;border:1px solid #cfdeee;border-radius:10px;background:#f3f9ff;color:#607da8;box-shadow:none;font-size:13px;font-weight:500}#noticesDialog .releaseUpdate{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:63px;margin:0 0 17px;padding:10px 12px 10px 15px;border:1px solid #d6d8ef;border-radius:13px;background:linear-gradient(110deg,#eef9ff,#f5effb);color:#6678a0;font-size:12px;line-height:1.6}#noticesDialog .releaseUpdate button{display:flex;align-items:center;gap:6px;min-height:44px;flex:none;padding:9px 11px;border:1px solid #cbd4e8;border-radius:10px;background:#fff;color:#617da7;font-size:12px;font-weight:600;box-shadow:none;white-space:nowrap}#noticesDialog .releaseUpdate svg{width:15px;height:15px}#noticeDetailDialog{position:fixed;inset:0;margin:auto;display:none;width:min(370px,calc(100% - 32px));max-width:370px;height:fit-content;max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));padding:0 24px 20px;border:1px solid #ffffffed;border-radius:22px;background:linear-gradient(145deg,#fff 55%,#f2f6fd);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;isolation:isolate}#noticeDetailDialog[open]{display:block}#noticeDetailDialog:before{content:"";position:absolute;inset:0 0 auto;height:110px;z-index:-1;pointer-events:none;background:linear-gradient(120deg,#e9f7ff,#f2effb 62%,#fceef5);clip-path:polygon(0 0,100% 0,100% 69%,0 100%)}.noticeFloatHead{display:flex;align-items:center;justify-content:space-between;min-height:75px;gap:15px}#noticeDetailDialog .noticeFloatIcon{width:25px;height:25px;color:#9396c4}#noticeDetailDialog .close{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;margin:0 -9px 0 0;padding:11px;border:0;border-radius:50%;background:#ffffffa6;color:#7d8eaa;box-shadow:none}#noticeDetailDialog .close svg{width:19px;height:19px}.noticeDetailMeta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-height:20px;margin:8px 0 12px;color:#8c9bb1;font-size:11px;line-height:1.6;font-variant-numeric:tabular-nums}#noticeDetailVersion:not(:empty){padding:2px 7px;border:1px solid #dbe6f2;border-radius:6px;background:#f4f9ff;color:#7189af;font-weight:600}#noticeDetailDialog h2{margin:0 0 20px;color:#3c5078;font-size:21px;font-weight:700;line-height:1.6;text-shadow:none;word-break:keep-all;overflow-wrap:anywhere}.noticeDetailBody{color:#71809a;font-size:14px;font-weight:400;line-height:1.95;word-break:keep-all;overflow-wrap:anywhere}.noticeDetailBody p{margin:0 0 15px;white-space:pre-wrap}.noticeDetailBody p:last-child{margin-bottom:0}#noticeDetailDialog .noticeAllOpen{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;margin:25px 0 0;padding:13px 0 0;border:0;border-top:1px solid #e0e7f0;border-radius:0;background:none;box-shadow:none;color:#7b8eac;font-size:11px;font-weight:600;letter-spacing:.05em}#noticeDetailDialog .noticeAllOpen svg{width:19px;height:19px}#settings .appVersion{display:flex;justify-content:space-between;gap:12px;margin:25px 2px 0;color:#91a0b7;font:500 10px/1.7 var(--font-text);letter-spacing:.06em}#settings #appVersion{color:#788eae;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.01em}@keyframes noticeSurfaceIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:350px){#noticesDialog{padding-inline:16px}#noticesDialog .modalHead{margin-inline:-16px;padding-inline:16px;gap:10px}#noticesDialog .menuHeading{gap:7px}#noticesDialog h2{font-size:21px}#noticeDetailDialog{padding-inline:20px}#noticeDetailDialog h2{font-size:20px}#noticesDialog .releaseUpdate{gap:7px;padding-inline:10px}#noticesDialog .releaseUpdate button{padding-inline:8px}}@media(prefers-reduced-motion:reduce){:is(#noticesDialog,#noticeDetailDialog)[open]{animation:none}:is(#noticesDialog,#noticeDetailDialog) button{transition:none}}.reduced :is(#noticesDialog,#noticeDetailDialog)[open]{animation:none}.reduced :is(#noticesDialog,#noticeDetailDialog) button{transition:none}