36 lines
2.4 KiB
CSS
36 lines
2.4 KiB
CSS
:root { color-scheme: light; font: 13px/1.5 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #241a14; background: #fffdfa; }
|
|
* { box-sizing: border-box; }
|
|
body { width: 360px; margin: 0; padding: 16px; }
|
|
header, .row { display: flex; align-items: center; gap: 8px; }
|
|
header { margin-bottom: 18px; }
|
|
header img { flex: none; }
|
|
header a { margin-left: auto; font-size: 21px; text-decoration: none; }
|
|
h1 { font-size: 22px; letter-spacing: -.04em; margin: 0; line-height: 1.15; }
|
|
h2 { font-size: 16px; margin: 0; }
|
|
p { margin: 10px 0; overflow-wrap: anywhere; }
|
|
a { color: #b8530d; }
|
|
.origin { margin-bottom: 14px; overflow-wrap: anywhere; }
|
|
.eyebrow { display: block; color: #78695f; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
|
|
.origin strong { font-weight: 500; }
|
|
.card { background: #fff; border: 1px solid #eadfd6; border-radius: 14px; padding: 14px; margin: 12px 0; }
|
|
.badge { margin-left: auto; color: #78695f; background: #fff5eb; border-radius: 20px; padding: 3px 8px; font-size: 11px; }
|
|
label { display: block; margin: 10px 0; font-size: 12px; }
|
|
input, select { width: 100%; padding: 9px 10px; margin-top: 4px; border: 1px solid #eadfd6; border-radius: 9px; font: inherit; color: #241a14; background: #fff; }
|
|
button { border: 1px solid #eadfd6; border-radius: 10px; background: #fffdfa; padding: 9px 11px; margin: 4px 0; cursor: pointer; color: #241a14; font: inherit; font-weight: 600; }
|
|
button:hover { border-color: #d9c7ba; }
|
|
button.primary { background: #f47b20; border-color: #f47b20; color: #fff; }
|
|
button.primary:hover { background: #da6410; }
|
|
button:disabled { opacity: .5; cursor: default; }
|
|
button.danger { color: #a23b2b; }
|
|
.wide { width: 100%; }
|
|
:focus-visible { outline: 2px solid #b8530d; outline-offset: 2px; }
|
|
.hint, #human-status { color: #78695f; font-size: 11px; }
|
|
summary { cursor: pointer; font-weight: 600; padding: 5px 0; }
|
|
[hidden] { display: none !important; }
|
|
.vault-actions { gap: 8px; margin-top: 10px; }
|
|
.vault-actions button { flex: 1; }
|
|
.link-button { border: 0; background: none; color: #b8530d; text-decoration: underline; padding: 6px 0; font-weight: 500; }
|
|
.updates { border-top: 1px solid #eadfd6; padding-top: 6px; margin-top: 8px; }
|
|
.recovery { border-top: 1px solid #eadfd6; padding-top: 10px; }
|
|
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
|