/* Azka Garden V6 — inline Blog & Tips reading and modern system notices. */
.azka-smart-notice{
  width:min(520px,calc(100vw - 28px));max-width:520px;margin:auto;padding:0;border:0;
  color:#effff5;background:transparent;overflow:visible;isolation:isolate;
}
.azka-smart-notice::backdrop{
  background:rgba(1,10,6,.78);backdrop-filter:blur(12px) saturate(1.1);
  animation:azkaNoticeBackdrop .25s ease both;
}
.azka-smart-notice__glow{
  position:absolute;inset:-45px;z-index:-1;pointer-events:none;border-radius:42px;
  background:radial-gradient(circle at 18% 20%,rgba(85,230,156,.25),transparent 38%),
             radial-gradient(circle at 82% 88%,rgba(39,138,93,.24),transparent 40%);
  filter:blur(20px);animation:azkaNoticeGlow 4.8s ease-in-out infinite alternate;
}
.azka-smart-notice__card{
  position:relative;padding:clamp(1.25rem,4vw,2rem);border:1px solid rgba(143,233,183,.24);
  border-radius:28px;background:
    linear-gradient(145deg,rgba(11,45,30,.96),rgba(4,21,14,.98)),
    radial-gradient(circle at 90% 0%,rgba(98,242,169,.14),transparent 42%);
  box-shadow:0 34px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;transform:translateY(18px) scale(.97);opacity:0;
  animation:azkaNoticeEnter .34s cubic-bezier(.2,.8,.2,1) forwards;
}
.azka-smart-notice__card::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;
  background-image:linear-gradient(rgba(116,220,162,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(116,220,162,.055) 1px,transparent 1px);
  background-size:26px 26px;mask-image:linear-gradient(to bottom,black,transparent 75%);
}
.azka-smart-notice__close{
  position:absolute;top:14px;right:14px;z-index:2;display:grid;place-items:center;width:42px;height:42px;
  border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#dffff0;background:rgba(255,255,255,.055);
  font-size:1.55rem;line-height:1;cursor:pointer;transition:transform .18s ease,background .18s ease;
}
.azka-smart-notice__close:hover{transform:rotate(4deg) scale(1.04);background:rgba(255,255,255,.1)}
.azka-smart-notice__close:focus-visible,.azka-smart-notice__button:focus-visible,.azka-smart-notice__secondary:focus-visible{outline:3px solid rgba(133,244,184,.55);outline-offset:3px}
.azka-smart-notice__icon{
  position:relative;display:grid;place-items:center;width:64px;height:64px;margin-bottom:1rem;border-radius:20px;
  color:#052013;background:linear-gradient(145deg,#8bf0b8,#4cc889);font-size:1.75rem;font-weight:950;
  box-shadow:0 16px 38px rgba(72,199,134,.22),inset 0 1px 0 rgba(255,255,255,.55);
}
.azka-smart-notice[data-type="error"] .azka-smart-notice__icon{color:#2a0905;background:linear-gradient(145deg,#ffb39c,#ff795e)}
.azka-smart-notice[data-type="info"] .azka-smart-notice__icon{color:#031b26;background:linear-gradient(145deg,#96e6ff,#4eb7e8)}
.azka-smart-notice__eyebrow{position:relative;margin:0 0 .55rem;color:#81dfa9;font-size:.72rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}
.azka-smart-notice h2{position:relative;margin:0;max-width:400px;color:#f4fff8;font-size:clamp(1.45rem,4vw,2.05rem);line-height:1.08;letter-spacing:-.025em}
.azka-smart-notice__message{position:relative;margin:.9rem 0 0;color:#c5ddcf;font-size:1rem;line-height:1.65}
.azka-smart-notice__meta{position:relative;display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding:.72rem .82rem;border:1px solid rgba(130,228,174,.14);border-radius:13px;color:#a9cfb9;background:rgba(255,255,255,.035);font-size:.78rem}
.azka-smart-notice__meta[hidden]{display:none}
.azka-smart-notice__pulse{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#69e39f;box-shadow:0 0 0 0 rgba(105,227,159,.5);animation:azkaNoticePulse 1.8s infinite}
.azka-smart-notice__actions{position:relative;display:grid;grid-template-columns:1fr 1.35fr;gap:.75rem;margin-top:1.35rem}
.azka-smart-notice__button{display:flex;align-items:center;justify-content:center;min-height:50px;padding:.75rem 1rem;border:1px solid transparent;border-radius:14px;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .18s ease,filter .18s ease,background .18s ease}
.azka-smart-notice__button:hover{transform:translateY(-2px);filter:brightness(1.05)}
.azka-smart-notice__button--primary{color:#062116;background:linear-gradient(135deg,#91efba,#55c98c);box-shadow:0 13px 30px rgba(67,188,123,.18)}
.azka-smart-notice__button--ghost{color:#eafff2;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.045)}
.azka-smart-notice__button[hidden]{display:none}
.azka-smart-notice__secondary{position:relative;display:block;width:max-content;max-width:100%;margin:.9rem auto 0;color:#8edeb0;font-size:.83rem;font-weight:800;text-align:center;text-decoration:none}
.azka-smart-notice__secondary:hover{text-decoration:underline}
.azka-smart-notice__secondary[hidden]{display:none}

/* Give the existing inline information panel a clearer destination state. */
#azka-live-plant-panel:target,
#azka-live-plant-panel.azka-live-plant--focused{scroll-margin-top:96px}
.azka-live-trigger{position:relative;overflow:hidden}
.azka-live-trigger::after{content:"";position:absolute;inset:-80% -35%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.2) 50%,transparent 65%);transform:translateX(-70%);transition:transform .55s ease}
.azka-live-trigger:hover::after{transform:translateX(70%)}

@keyframes azkaNoticeEnter{to{transform:translateY(0) scale(1);opacity:1}}
@keyframes azkaNoticeBackdrop{from{opacity:0}to{opacity:1}}
@keyframes azkaNoticeGlow{to{transform:scale(1.08) rotate(2deg)}}
@keyframes azkaNoticePulse{70%{box-shadow:0 0 0 10px rgba(105,227,159,0)}100%{box-shadow:0 0 0 0 rgba(105,227,159,0)}}
@media(max-width:560px){
  .azka-smart-notice{width:calc(100vw - 20px)}
  .azka-smart-notice__card{padding:1.2rem;border-radius:22px}
  .azka-smart-notice__close{top:10px;right:10px;width:38px;height:38px;border-radius:12px}
  .azka-smart-notice__icon{width:56px;height:56px;border-radius:17px}
  .azka-smart-notice__actions{grid-template-columns:1fr}
  .azka-smart-notice__button--primary{order:-1}
}
@media(prefers-reduced-motion:reduce){
  .azka-smart-notice__card,.azka-smart-notice__glow,.azka-smart-notice__pulse,.azka-live-trigger::after{animation:none!important;transition:none!important}
}