/* In normal flow: the notice never covers navigation or the creative workspace. */
.time-notice{--notice-alpha:.72;display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 24px;background:rgb(21 48 34 / var(--notice-alpha));border-bottom:1px solid #a3e4bb24;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#d6eadb;transition:background-color .2s;font-size:13px;line-height:1.8;isolation:isolate}
.time-notice:hover,.time-notice:focus-within{--notice-alpha:.95}
.time-notice p{margin:0;max-width:880px;text-wrap:pretty}
.time-notice-spark{color:#a3e4bb;font-size:17px;flex:none}
.time-notice button{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:6px;border:0;border-radius:5px;color:#b5d8bf;background:transparent;cursor:pointer}
.time-notice button svg{width:16px;height:16px}
.time-notice button:hover{color:#effff3;background:#a3e4bb16}
.time-notice button:focus-visible{outline:2px solid #a3e4bb;outline-offset:2px}
@media(max-width:680px){.time-notice{--notice-alpha:.86;justify-content:flex-start;gap:9px;padding:8px 14px;font-size:12px}.time-notice p{flex:1}.time-notice button{width:32px;height:32px}}
@supports not (backdrop-filter:blur(14px)){.time-notice{--notice-alpha:.96}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.time-notice{--notice-alpha:1;backdrop-filter:none;-webkit-backdrop-filter:none;color:#edfff2}}
@media(prefers-reduced-motion:reduce){.time-notice{transition:none}}
@media(forced-colors:active){.time-notice{border-bottom:1px solid CanvasText}.time-notice button{color:ButtonText}}