Something went wrong. Try again.
gotta store my records
Something went wrong. Try again.
CSS
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192/* --- misc text -------------------------------------------------------- */.hint { font-size: 13px; color: var(--ink-muted); margin: 8px 0 0;}.item-meta { font-size: 12px; color: var(--ink-muted); margin-top: 2px;}.empty { color: var(--ink-muted); padding: 24px 4px;}/* A floating popover, not a layout element: pinned to the top of .app (which is position: relative) so it overlays the shell instead of pushing the app bar / content down when it appears or is dismissed. */.notice { position: absolute; top: 14px; left: 14px; right: 14px; z-index: 30; display: flex; align-items: center; gap: 10px; border: 2px solid var(--ink); box-shadow: var(--shadow-md); padding: 12px 14px; font: 700 13px/1.4 var(--mono); animation: notice-in var(--dur-base) var(--ease-out-cubic);}@keyframes notice-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); }}.notice__icon { flex-shrink: 0; font-size: 15px;}.notice__msg { flex: 1; min-width: 0;}.notice__dismiss { flex-shrink: 0; width: auto; background: transparent; border: none; color: inherit; cursor: pointer; font: 700 14px/1 var(--mono); padding: 2px 4px;}.notice--success { background: var(--owned); color: var(--cream-fixed);}.notice--error { background: var(--danger); color: var(--cream-fixed);}.notice--info { background: var(--surface); color: var(--ink);}.notice--warning { background: var(--mustard); color: var(--ink-fixed);}.checkbox { display: flex; align-items: center; gap: 8px; margin: 12px 0 0;}.checkbox input { width: auto;}.checkbox span { font-size: 13px; color: var(--ink-muted);}