:root{--notice-accent-wash:rgba(var(--accent-rgb), .08);--notice-accent-line:rgba(var(--accent-rgb), .28);--notice-danger:#ff8d83;--notice-danger-wash:#ff8d8324}html[data-theme=light]{--notice-accent-wash:#087f5b14;--notice-accent-line:#087f5b40;--notice-danger:#b62d24;--notice-danger-wash:#b62d241a}.notice-layer{z-index:1200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:18px;left:12px;right:12px}.notice{background:var(--surface-raised);max-width:min(620px,100%);box-shadow:var(--notice-shadow);color:var(--text);animation:parameter-popover-in .24s var(--ease-out-soft);border-radius:12px;align-items:flex-start;gap:9px;padding:10px 10px 10px 15px;font-size:13px;line-height:1.5;display:flex}.notice[data-state=leaving]{animation:notice-out .16s var(--ease-out-soft) forwards}.notice-chip{background:var(--surface-soft);width:26px;height:26px;color:var(--text-soft);border-radius:8px;flex:none;place-items:center;display:grid}.notice[data-tone=success] .notice-chip{background:var(--notice-accent-wash);color:var(--mint-text)}.notice[data-tone=danger] .notice-chip{background:var(--notice-danger-wash);color:var(--notice-danger)}.notice-text{overflow-wrap:anywhere;white-space:normal;min-width:0;margin:0}.notice-action{background:var(--notice-accent-wash);min-height:30px;color:var(--mint-text);cursor:pointer;pointer-events:auto;border:0;border-radius:8px;flex:none;padding:0 12px;font-family:inherit;font-size:13px;font-weight:700}.notice-action:hover{background:var(--mint-fill);color:var(--on-accent)}.notice[data-tone=danger] .notice-action{background:var(--notice-danger-wash);color:var(--notice-danger)}.notice[data-tone=danger] .notice-action:hover{background:var(--notice-danger);color:var(--surface)}.notice-close{width:26px;height:26px;color:var(--text-muted);cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.notice-close:hover{background:var(--surface-soft);color:var(--text)}.notice-dock{border:1px solid var(--notice-accent-line);opacity:.9;flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px}.notice-dock-line{align-items:center;gap:9px;max-width:100%;display:flex}.notice-dock-line>svg{color:var(--mint-text);flex:none}.notice-dock .notice-num{color:var(--mint-text)}.notice-dock-text{font-variant-numeric:tabular-nums;flex:auto}@keyframes notice-out{to{opacity:0;transform:translateY(4px)}}@media (max-width:720px){.notice-layer{bottom:12px;left:12px;right:12px}.notice{width:100%;max-width:none}}
