.notice{background:var(--surface);border-bottom:1px solid var(--line);gap:14px;padding:16px 18px;display:flex;position:relative}.notice__bar{background:var(--danger);border-radius:2px;flex:none;width:3px}.notice--info .notice__bar{background:var(--accent)}.notice__in{gap:4px;min-width:0;display:grid}.notice__from{color:var(--muted);margin:0;font-size:.75rem;font-weight:600}.notice__t{margin:0;font-size:1rem;font-weight:650;line-height:1.3}.notice__b{color:var(--ink);text-wrap:pretty;margin:0;font-size:.9375rem;line-height:1.5}.notice__until{color:var(--muted);margin:2px 0 0;font-size:.75rem}.notice__x{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.notice__x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.notice__x:hover{background:var(--surface-2);color:var(--ink)}}.notice--site{z-index:60;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);border-radius:var(--card-in,16px);width:min(440px,100vw - 32px);padding:18px 48px 18px 18px;position:fixed;box-shadow:0 18px 48px -18px #00000073}@media (min-width:900px){.notice--site{bottom:24px;left:24px}}@media (prefers-reduced-motion:no-preference){.notice--site{animation:.48s cubic-bezier(.22,1,.36,1) .4s both notice-in}}@keyframes notice-in{0%{opacity:0;filter:blur(3px);transform:translateY(12px)}}.notice__more{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.8125rem;font-weight:600;display:none}@media (max-width:599px){.notice__b--clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notice__b--clamp+.notice__more{align-items:center;min-height:32px;display:inline-flex}}