.system-notice-region{position:fixed;top:0;left:0;right:0;z-index:10000;padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));pointer-events:none;display:flex;justify-content:center}.system-notice{pointer-events:auto;display:flex;align-items:center;gap:12px;width:100%;max-width:600px;padding:14px 16px;border:1px solid #d7eaf9;border-radius:10px;background:#f0f8ff;color:#265575;box-shadow:0 4px 16px #16354b0d;font-size:14px;line-height:1.6}.system-notice span{flex:1;min-width:0;overflow-wrap:anywhere}.system-notice-icon{flex-shrink:0;color:#2ba8fb}.system-notice button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border:0;border-radius:5px;background:transparent;color:inherit;cursor:pointer}.system-notice button:hover{background:#dfeef8}.system-notice button:focus-visible{outline:2px solid #2ba8fb;outline-offset:2px}.system-notice-enter-active{transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s}.system-notice-leave-active{transition:transform .22s ease-in,opacity .22s}.system-notice-enter-from,.system-notice-leave-to{transform:translateY(calc(-100% - 24px - env(safe-area-inset-top,0px)));opacity:0}@media(prefers-reduced-motion:reduce){.system-notice-enter-active,.system-notice-leave-active{transition:opacity .1s}.system-notice-enter-from,.system-notice-leave-to{transform:none}}