.dev-notice{z-index:2147483000;-webkit-backdrop-filter:blur(3px);background:#17181a99;place-items:center;padding:16px;animation:.16s ease-out dev-notice-fade;display:grid;position:fixed;inset:0}.dev-notice-card{box-sizing:border-box;background:var(--surface,#fff);width:min(440px,100%);color:var(--ink,#23252a);font-family:var(--sans,"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif);border-radius:0;padding:34px 32px 28px;animation:.2s cubic-bezier(.2,.8,.2,1) dev-notice-rise;position:relative}.dev-notice-card p{margin:0;font-size:16px;line-height:1.55}.dev-notice-card a{color:var(--ink,#111);text-underline-offset:3px;text-decoration:underline}.dev-notice-close{border:1px solid var(--line,#e6e6e6);background:var(--surface,#fff);width:32px;height:32px;color:var(--ink-soft,#5e5e5e);cursor:pointer;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;top:-16px;right:-16px;box-shadow:0 1px 2px #0000000f,0 8px 24px #0000000a}.dev-notice-close svg{width:16px;height:16px;display:block}.dev-notice-close:hover{background:var(--bg-alt,#f6f6f6);color:var(--ink,#111)}.dev-notice-close:focus-visible{outline:none}.dev-notice-card a:focus-visible{outline-offset:2px;outline:2px solid #2f7fd0}@keyframes dev-notice-fade{0%{opacity:0}}@keyframes dev-notice-rise{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.dev-notice,.dev-notice-card{animation:none}}