.announcement-editor [hidden]{display:none!important}body.notice-page{margin:0}.notice-standalone,.notice-standalone *,.notice-standalone *:before,.notice-standalone *:after{box-sizing:border-box}.notice-standalone{--fg:#263c4e;--fg-muted:#657581;--accent:#356d96;--on-accent:#fff;--surface:#fff;--border:#dce4e7;min-height:100svh;display:grid;align-items:center;justify-items:start;padding:40px max(32px,calc((100vw - 1160px)/2));padding-top:max(32px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom));background:#e9e9e4 url(/assets/maintenance/background.webp) center/cover no-repeat;color:var(--fg);font-family:var(--font-sans,system-ui,-apple-system,"Segoe UI",sans-serif)}.notice-card{position:relative;width:min(100%,560px);background:var(--surface,#fff);border:1px solid var(--border,#dbe3ed);border-radius:24px;padding:clamp(26px,4.5vw,48px);box-shadow:0 18px 70px #344a5810}.notice-maintenance{container-type:inline-size;background:#fffffff2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.notice-brand{display:flex;align-items:center;gap:18px;margin:0 0 28px;line-height:1.3}.notice-brand img{display:block;width:108px;height:108px;object-fit:contain;flex:none}.notice-brand span{font-size:12px;font-weight:400;letter-spacing:1px;color:var(--fg-muted,#637487);border-left:1px solid var(--border,#dbe3ed);padding-left:18px}.notice-details{min-width:0}.notice-label{display:inline-flex;align-items:center;gap:9px;color:var(--accent,#346da5);font-size:10px;line-height:1.7;font-weight:700;letter-spacing:1.5px;margin-bottom:16px}.notice-label:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#b58b4a}.notice-maintenance h1{font-size:clamp(16px,calc(4.7cqi + 2px),24px);font-weight:800;line-height:1.5;letter-spacing:-.3px;overflow-wrap:anywhere;margin:0 0 24px;color:var(--fg,#263c4e)}.notice-content h2{font-size:clamp(28px,3.2vw,36px);line-height:1.5;letter-spacing:-.6px;overflow-wrap:anywhere;margin:0 0 24px;color:var(--fg,#263c4e);text-wrap:pretty}.notice-copy{font-size:14px;line-height:1.95;color:var(--fg-muted,#637487);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 26px}.notice-time{display:grid;gap:6px;padding:15px 18px;border:1px solid var(--border,#dbe3ed);background:#f4f7f8;border-radius:12px;margin:0 0 24px;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.notice-time span{font-size:11px;letter-spacing:.7px;color:var(--fg-muted,#637487)}.notice-time strong{font-size:clamp(19px,5.7cqi,27px);line-height:1.5;font-weight:700;color:var(--fg,#263c4e)}.notice-maintenance .notice-copy{margin-bottom:0}.notice-button{font:inherit;font-size:13px;font-weight:600;border:0;background:var(--accent,#346da5);color:var(--on-accent,#fff);border-radius:12px;padding:13px 22px;min-height:46px;cursor:pointer;max-width:100%;white-space:normal}.notice-button:disabled{opacity:.6;cursor:wait}.notice-button:focus-visible,.notice-tab:focus-visible{outline:3px solid var(--accent,#326ba9);outline-offset:3px}.notice-foot{margin-top:36px;padding-top:20px;border-top:1px solid var(--border,#dbe3ed);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;font-size:10px;line-height:1.7;letter-spacing:.5px;color:var(--fg-muted,#637487)}.notice-popup.modal{width:min(560px,calc(100vw - 32px))}.notice-popup .modal__head{padding-bottom:0}.notice-popup .modal__title{font-size:13px;color:var(--fg-muted)}.notice-popup .notice-content{padding:10px 4px}.notice-popup .notice-content h2{font-size:29px}.notice-popup .notice-copy{max-height:45svh;overflow:auto}.notice-popup .notice-label{margin-top:8px}.announcement-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1fr);gap:28px;align-items:start}.announcement-editor,.announcement-preview{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:26px;min-width:0}.announcement-editor .field{display:grid;gap:8px;margin:20px 0}.announcement-editor textarea{resize:vertical;min-height:180px}.announcement-tabs{display:flex;gap:8px}.notice-tab{flex:1;min-height:62px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font:inherit;color:var(--fg);cursor:pointer}.notice-tab[aria-pressed=true]{background:var(--accent-soft,#e9f1fa);border-color:var(--accent);color:var(--accent);font-weight:700}.announcement-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.announcement-status{font-size:13px;line-height:1.7;color:var(--fg-muted)}.announcement-status strong{color:var(--accent)}.announcement-error{color:var(--danger,#b42318);font-size:13px;line-height:1.7}.announcement-preview{background:var(--bg);position:sticky;top:24px}.announcement-preview>header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--fg-muted);margin-bottom:20px}.announcement-preview .notice-card{width:100%;padding:24px;border-radius:18px;box-shadow:none;--fg:#213b58;--fg-muted:#63788e;--accent:#326ba9;--border:#dce7ef}.announcement-preview .notice-brand{font-size:20px;margin-bottom:18px}.announcement-preview .notice-brand span{display:none}.announcement-preview .notice-copy{font-size:13px}.announcement-preview .notice-foot{margin-top:24px;flex-wrap:wrap}.announcement-preview .notice-time{padding:12px;gap:6px}.announcement-preview .notice-popup-preview{max-width:420px;margin:24px auto}@media (max-width:960px){.announcement-layout{grid-template-columns:1fr}.announcement-preview{position:static}.notice-standalone{justify-items:center;background-position:62% center}}@media (max-width:640px){.notice-standalone{padding:24px 16px;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background-position:66% center}.notice-maintenance{padding:28px 24px;border-radius:20px;max-width:440px}.notice-brand{gap:12px;margin-bottom:24px}.notice-brand img{width:84px;height:84px}.notice-brand span{font-size:10px;padding-left:10px}.notice-label{font-size:9px;letter-spacing:1.1px;margin-bottom:12px}.notice-maintenance h1{margin-bottom:20px}.notice-time{padding:13px 14px;gap:5px;margin-bottom:20px}.notice-copy{font-size:13px;line-height:1.9;margin-bottom:22px}.notice-button{width:100%}.notice-foot{margin-top:28px;padding-top:16px;font-size:10px;gap:6px}.announcement-editor,.announcement-preview{padding:18px}}@media (max-width:640px) and (max-height:720px){.notice-standalone{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.notice-maintenance{padding:24px 22px}.notice-brand{margin-bottom:24px}.notice-maintenance h1{margin-bottom:16px}.notice-time{padding:10px 12px;margin-bottom:16px}.notice-copy{margin-bottom:18px}.notice-foot{margin-top:20px;padding-top:14px}}@media (min-width:641px) and (max-height:650px){.notice-standalone{padding-top:20px;padding-bottom:20px}.notice-maintenance{padding:26px 32px}.notice-brand{margin-bottom:20px}.notice-maintenance h1{margin-bottom:16px}.notice-time{padding:10px 14px;margin-bottom:16px}.notice-copy{margin-bottom:16px}.notice-foot{margin-top:20px;padding-top:14px}}