.notice-area{display:flex;flex-direction:column;gap:10px;width:100%;margin:14px 0 18px}.notice-area:empty{display:none;margin:0}.notice-card{--notice-rgb:96,165,250;--notice-color:#93c5fd;position:relative;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,rgba(var(--notice-rgb),.12) 0,rgba(var(--notice-rgb),.04) 100%),rgba(255,255,255,.02);border:1px solid rgba(var(--notice-rgb),.32);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 18px rgba(0,0,0,.18),0 0 0 0 rgba(var(--notice-rgb),0);font-size:13px;line-height:1.45;color:var(--text-primary,#f1f5f9);animation:notice-card-in .26s cubic-bezier(.4,0,.2,1) both;transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease}.notice-card:hover{border-color:rgba(var(--notice-rgb),.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 22px rgba(0,0,0,.22),0 0 0 1px rgba(var(--notice-rgb),.08)}.notice-card[data-severity=info]{--notice-rgb:96,165,250;--notice-color:#93c5fd}.notice-card[data-severity=success]{--notice-rgb:34,197,94;--notice-color:#4ade80}.notice-card[data-severity=warning]{--notice-rgb:251,191,36;--notice-color:#fcd34d}.notice-card[data-severity=critical]{--notice-rgb:239,68,68;--notice-color:#fca5a5}.notice-card:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,rgba(var(--notice-rgb),.85) 0,rgba(var(--notice-rgb),.35) 100%);opacity:.9}.notice-card__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(var(--notice-rgb),.18);color:var(--notice-color);border:1px solid rgba(var(--notice-rgb),.28)}.notice-card__body{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.notice-card__title{font-weight:600;font-size:13px;letter-spacing:.01em;color:var(--notice-color)}.notice-card__message{color:var(--text-secondary,rgba(255,255,255,.78));word-break:break-word}.notice-card__cta{flex:0 0 auto;display:inline-flex;align-items:center;padding:7px 14px;border-radius:9px;background:rgba(var(--notice-rgb),.18);border:1px solid rgba(var(--notice-rgb),.5);color:var(--notice-color);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.notice-card__cta:hover{background:rgba(var(--notice-rgb),.3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--notice-rgb),.22)}.notice-card__cta:active{transform:translateY(0)}.notice-card__dismiss{flex:0 0 auto;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:rgba(255,255,255,.45);cursor:pointer;transition:color .15s ease,background .15s ease}.notice-card__dismiss:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.06)}@keyframes notice-card-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}html[data-theme=light] .notice-card{color:#0f172a;background:linear-gradient(135deg,rgba(var(--notice-rgb),.16) 0,rgba(var(--notice-rgb),.06) 100%),rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 18px rgba(15,23,42,.1)}html[data-theme=light] .notice-card__message{color:rgba(15,23,42,.74)}html[data-theme=light] .notice-card__dismiss{color:rgba(15,23,42,.5)}html[data-theme=light] .notice-card__dismiss:hover{color:rgba(15,23,42,.9);background:rgba(15,23,42,.06)}html[data-theme=light] .notice-card[data-severity=info]{--notice-color:#1d4ed8}html[data-theme=light] .notice-card[data-severity=success]{--notice-color:#15803d}html[data-theme=light] .notice-card[data-severity=warning]{--notice-color:#b45309}html[data-theme=light] .notice-card[data-severity=critical]{--notice-color:#b91c1c}@media (max-width:640px){.notice-card{flex-wrap:wrap;padding:11px 14px;gap:10px;border-radius:12px}.notice-card__icon{width:28px;height:28px}.notice-card__cta{flex:1 1 100%;justify-content:center;order:4}.notice-card__dismiss{order:3}}