1html,2body,3#app,4#pre-lock,5.popup-root {6 width: 320px;7 min-height: 520px;8 height: 520px;9 margin: 0;10}1112body {13 overflow: hidden;14 background: var(--bg);15 color: var(--t0);16 font-family: var(--font-ui);17 font-weight: 300;18 position: relative;19}2021* {22 box-sizing: border-box;23}2425button,26input,27textarea,28select {29 font: inherit;30}3132button {33 border: 0;34}3536#pre-lock {37 position: absolute;38 inset: 0;39 z-index: 10;40}4142#pre-lock[hidden] {43 display: none;44}4546.popup-root {47 position: relative;48 overflow: hidden;49}5051.peach-theme {52 color: var(--peach-t0);53 font-family: var(--font-ui);54 font-weight: 300;55 box-sizing: border-box;56 text-align: left;57}58.peach-theme, .peach-theme * { box-sizing: inherit; }5960.peach-brand-mark {61 width: 14px;62 height: 14px;63 flex-shrink: 0;64}6566.peach-status-pip.is-hidden {67 display: none;68}6970.peach-status-pip.unlocked {71 background: var(--peach-health-ok);72 box-shadow: 0 0 6px rgba(100, 210, 100, 0.6);73}7475.peach-status-pip.pulse {76 animation: pip-pulse 400ms var(--peach-curve-settle) both;77}787980.peach-shell, .peach-screen {81 background:82 radial-gradient(120% 80% at 0% 0%, var(--shell-accent-a) 0%, transparent 65%),83 radial-gradient(85% 100% at 100% 100%, var(--shell-accent-b) 0%, transparent 70%),84 var(--peach-bg);85 border: 1px solid var(--peach-t3);86 box-shadow:87 0 2px 8px rgba(0,0,0,0.55),88 0 14px 48px rgba(0,0,0,0.7),89 0 0 0 1px rgba(240,232,216,0.04);90 overflow: hidden;91}92.peach-shell {93 display: grid;94 grid-template-rows: auto 1fr;95 min-height: 520px;96 position: relative;97 isolation: isolate;98}99100.peach-shell[data-surface="extension"] {101 width: min(320px, 100vw);102 border-radius: 0;103 height: 520px;104 max-height: 520px;105 overflow: hidden;106}107108109.lock-screen--vault-stage {110 display: flex;111 flex-direction: column;112 gap: 18px;113 padding: 20px 18px 18px;114 justify-content: flex-start;115}116.lock-screen--vault-stage .peach-lock-panel {117 margin-top: auto;118}119.peach-lock-headline--unlock {120 max-width: 220px;121}122.peach-lock-hero--unlock {123 padding-top: 14px;124}125.peach-lock-panel--unlock {126 gap: 10px;127}128129.peach-lock-restore-link {130 background: transparent;131 border: none;132 cursor: pointer;133 font-family: var(--font-mono);134 font-size: 10px;135 letter-spacing: 0.08em;136 color: var(--t1);137 padding: 5px 0;138 text-align: left;139 transition: color 150ms ease;140}141142.peach-lock-restore-link:hover {143 color: var(--t0);144}145.peach-shell[data-surface="extension"] .peach-stage {146 min-height: 250px;147}148149150.peach-screen {151 width: min(320px, 100vw);152 min-height: 100%;153 height: 100%;154 border-radius: 0;155 padding: 16px 20px 18px;156 display: grid;157 gap: 14px;158}159.peach-screen[data-motion-phase="enter"] {160 animation: peach-screen-enter var(--peach-dur-600) var(--peach-curve-arrival) both;161}162.peach-screen-header { min-height: 20px; }163164165.peach-wordmark {166 margin: 0;167 font-family: "Cormorant Garamond", "Times New Roman", serif;168 font-size: 15px;169 font-style: italic;170 letter-spacing: 0.03em;171 color: var(--peach-t0);172 display: inline-flex;173 min-height: 1em;174}175176177.peach-motion-text { display: inline-flex; min-height: 1em; }178.peach-motion-char {179 display: inline-block;180 white-space: pre;181 opacity: 0;182 transform: translateY(0.22em);183 animation: peach-char-enter var(--peach-motion-duration, 380ms) var(--peach-curve-arrival) forwards;184 animation-delay: calc(var(--peach-char-index, 0) * 20ms);185}186187188.peach-chrome {189 position: relative;190 z-index: 10;191 padding: 16px 20px 0;192 display: flex;193 justify-content: space-between;194 align-items: center;195 196197198199 pointer-events: none;200}201.peach-chrome .peach-btn { pointer-events: auto; }202.peach-chrome.is-hidden-for-overlay,203.peach-search-wrap.is-hidden-for-overlay {204 opacity: 0;205 visibility: hidden;206 pointer-events: none;207}208.peach-wordmark-wrap { display: flex; align-items: center; gap: 5px; }209.peach-status-pip {210 width: 5px;211 height: 5px;212 border-radius: 50%;213 background: var(--peach-t3);214 display: inline-flex;215 flex-shrink: 0;216 transition: background 400ms ease, box-shadow 400ms ease;217}218.peach-chrome-actions { display: flex; gap: 6px; }219220221.peach-shell-body {222 position: relative;223 display: grid;224 grid-template-rows: 1fr auto;225 min-height: 0;226 min-width: 0;227 width: 100%;228 overflow: hidden;229 height: 100%;230}231.peach-shell-veil {232 position: absolute; inset: 0;233 background: #000; opacity: 0;234 pointer-events: none; z-index: 1;235}236.peach-shell[data-motion-phase="enter"] .peach-shell-body {237 animation: peach-shell-fade-in var(--peach-dur-600) var(--peach-curve-arrival) both;238}239.peach-shell[data-motion-phase="exit"] .peach-shell-veil {240 animation: peach-veil-in 300ms var(--peach-curve-departure) forwards;241}242243244.peach-content-frame {245 display: grid;246 grid-template-rows: 1fr auto;247 grid-template-columns: minmax(0, 1fr);248 align-content: start;249 min-height: 0;250 min-width: 0;251 overflow: hidden;252 transition: opacity 80ms ease, transform 80ms ease;253}254.peach-content-frame.navigating {255 opacity: 0.93;256 transform: translateX(2px);257}258.peach-content-frame[data-content-phase="enter"] {259 animation: peach-content-enter 135ms ease-out both;260}261.peach-content-frame[data-content-phase="exit"] {262 animation: peach-content-exit 95ms ease-in forwards;263}264.peach-content-frame[data-content-phase="idle"] { opacity: 1; transform: none; }265266267.peach-stage {268 padding: 10px 20px 12px;269 display: grid;270 gap: 12px;271 align-content: start;272 min-width: 0;273 min-height: 0;274 max-width: 100%;275 overflow-y: auto;276 overflow-x: hidden;277 scrollbar-width: none;278 -ms-overflow-style: none;279 overscroll-behavior: contain;280}281.peach-stage::-webkit-scrollbar { display: none; }282283284.peach-entry-name-wrap { position: relative; overflow: hidden; max-width: 100%; }285.peach-entry-header {286 position: relative;287 z-index: 1;288 display: flex;289 align-items: flex-start;290 gap: 6px;291 min-width: 0;292}293.peach-entry-header-name {294 flex: 1;295 min-width: 0;296}297.peach-entry-name {298 margin: 0;299 font-family: "Cormorant Garamond", "Times New Roman", serif;300 font-style: italic; font-weight: 400;301 font-size: 44px; line-height: 0.95;302 color: var(--peach-t0);303 display: -webkit-box;304 -webkit-line-clamp: 2;305 -webkit-box-orient: vertical;306 overflow: hidden;307 text-wrap: balance;308}309.peach-entry-name--lg { font-size: 40px; }310.peach-entry-name--xl { font-size: 34px; line-height: 0.98; }311.peach-entry-name--xxl { font-size: 30px; line-height: 1.02; }312.peach-entry-name-text { display: block; overflow: hidden; max-width: 100%; overflow-wrap: anywhere; }313314315.peach-entry-trash-btn {316 flex-shrink: 0;317 padding: 4px;318 margin-top: 4px;319 background: transparent;320 border: none;321 cursor: pointer;322 color: var(--peach-t2);323 border-radius: 4px;324 transition: color 140ms ease, background 140ms ease;325 display: flex;326 align-items: center;327 justify-content: center;328}329.peach-entry-trash-btn:hover {330 color: var(--peach-t1);331 background: var(--peach-t3);332}333.peach-entry-trash-confirm {334 display: flex;335 align-items: center;336 gap: 6px;337 flex-shrink: 0;338 margin-top: 6px;339 flex-wrap: nowrap;340}341.peach-entry-trash-confirm-label {342 font-family: var(--font-mono);343 font-size: 9px;344 letter-spacing: 0.1em;345 color: var(--peach-t2);346 white-space: nowrap;347}348.peach-entry-name-button {349 padding: 0;350 background: transparent;351 text-align: left;352 cursor: pointer;353 max-width: 100%;354 overflow: hidden;355 display: block;356}357.peach-entry-name-char {358 display: inline-block;359 white-space: pre;360 opacity: 0;361 transform: translateY(0.22em);362 animation: peach-char-enter 380ms var(--peach-curve-arrival) forwards;363 animation-delay: calc(var(--char-index, 0) * 20ms);364}365366367.peach-domain { border-top: 1px solid var(--peach-t3); padding-top: 9px; }368.peach-domain-row {369 width: 100%; border: 0; background: transparent; color: inherit;370 padding: 0; display: flex; justify-content: space-between; align-items: baseline;371 cursor: default;372}373.peach-domain-value {374 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;375 font-size: 10px; font-style: italic;376 letter-spacing: 0.12em; color: var(--peach-t1);377}378379380.peach-fields { display: grid; gap: 10px; }381.peach-field-card { display: grid; gap: 7px; }382.peach-label {383 font-family: Inter, system-ui, sans-serif;384 text-transform: uppercase; letter-spacing: 0.2em;385 font-size: 8px; color: var(--peach-t2);386}387.peach-field-value-row {388 display: flex; justify-content: space-between;389 align-items: center; gap: 8px;390 min-width: 0;391}392.peach-field-value {393 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;394 font-size: 13px; color: var(--peach-t1);395 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;396 flex: 1;397 min-width: 0;398}399.peach-password-value {400 display: inline-flex;401 align-items: center;402 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;403 font-size: 16px; letter-spacing: 0.3em; color: var(--peach-t0);404 overflow: hidden;405 text-overflow: ellipsis;406 white-space: nowrap;407 flex: 1;408 min-width: 0;409 max-width: 100%;410}411.peach-password-value.is-revealed {412 font-size: 14px;413 letter-spacing: 0.08em;414}415.peach-password-text,416.peach-password-mask {417 display: block;418 width: 100%;419 overflow: hidden;420 text-overflow: ellipsis;421 white-space: nowrap;422}423.peach-field-actions { display: flex; gap: 4px; align-items: center; }424.peach-password-strength { display: flex; align-items: center; gap: 8px; }425.peach-strength-bar { display: flex; gap: 3px; }426.peach-strength-seg { width: 28px; height: 4px; border-radius: 2px; background: #eee; }427.peach-strength-label {428 font-family: "IBM Plex Mono", monospace;429 font-style: italic;430 font-size: 9px;431 font-weight: 300;432 min-width: 36px;433 text-align: right;434 color: var(--peach-t2);435 letter-spacing: 0.06em;436}437438.peach-strength-hairline {439 display: flex;440 align-items: center;441 gap: 10px;442 margin-top: -2px;443}444445.peach-strength-hairline-track {446 flex: 1;447 height: 3px;448 border-radius: 2px;449 background: var(--peach-s2);450 overflow: hidden;451}452453.peach-strength-hairline-fill {454 height: 100%;455 border-radius: 2px;456 transition: width 400ms cubic-bezier(0.16, 1, 0.3, 1),457 background 400ms ease;458}459460461.peach-note-content {462 border-top: 1px solid var(--peach-t3);463 padding-top: 10px;464 font-family: "Cormorant Garamond", "Times New Roman", serif;465 font-size: 15px;466 line-height: 1.75;467 color: var(--peach-t1);468}469470471472473.peach-inline-clickable {474 cursor: text;475 border-radius: 3px;476 transition: background 150ms ease;477}478.peach-inline-clickable:hover {479 background: rgba(240, 232, 216, 0.05);480}481482483.peach-inline-edit-hint {484 font-family: Inter, system-ui, sans-serif;485 font-size: 9px;486 text-transform: uppercase;487 letter-spacing: 0.14em;488 color: var(--peach-t2);489 opacity: 0;490 transition: opacity 120ms ease;491 pointer-events: none;492 margin-left: 6px;493 flex-shrink: 0;494}495.peach-domain-row:hover .peach-inline-edit-hint {496 opacity: 1;497}498499500.peach-inline-title-wrap {501 display: flex;502 flex-direction: column;503 gap: 6px;504}505.peach-inline-title-input {506 font-family: "Cormorant Garamond", "Times New Roman", serif;507 font-style: italic;508 font-weight: 400;509 font-size: 40px;510 line-height: 0.95;511 color: var(--peach-t0);512 background: transparent;513 border: none;514 border-bottom: 1px solid var(--peach-accent);515 outline: none;516 width: 100%;517 padding: 2px 0;518}519520521.peach-inline-field-wrap {522 display: flex;523 flex-direction: column;524 gap: 6px;525}526.peach-inline-input {527 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;528 font-size: 13px;529 color: var(--peach-t0);530 background: transparent;531 border: none;532 border-bottom: 1px solid var(--peach-accent);533 outline: none;534 width: 100%;535 padding: 3px 0;536}537.peach-inline-textarea {538 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;539 font-size: 11px;540 line-height: 1.7;541 color: var(--peach-t0);542 background: rgba(240, 232, 216, 0.04);543 border: 1px solid var(--peach-accent);544 border-radius: 4px;545 outline: none;546 width: 100%;547 padding: 8px;548 resize: vertical;549 min-height: 80px;550}551552553.peach-inline-actions {554 display: flex;555 gap: 6px;556 align-items: center;557}558.peach-inline-save-btn,559.peach-inline-cancel-btn {560 display: inline-flex;561 align-items: center;562 justify-content: center;563 width: 26px;564 height: 26px;565 border-radius: 4px;566 border: none;567 cursor: pointer;568 transition: background 140ms ease, opacity 140ms ease;569 flex-shrink: 0;570}571.peach-inline-save-btn {572 background: rgba(var(--ac-r, 217), var(--ac-g, 104), var(--ac-b, 48), 0.18);573 color: var(--peach-accent);574}575.peach-inline-save-btn:hover:not(:disabled) {576 background: rgba(var(--ac-r, 217), var(--ac-g, 104), var(--ac-b, 48), 0.30);577}578.peach-inline-cancel-btn {579 background: rgba(240, 232, 216, 0.06);580 color: var(--peach-t2);581}582.peach-inline-cancel-btn:hover:not(:disabled) {583 background: rgba(240, 232, 216, 0.12);584 color: var(--peach-t1);585}586.peach-inline-save-btn:disabled,587.peach-inline-cancel-btn:disabled {588 opacity: 0.4;589 cursor: not-allowed;590}591592593.peach-inline-generator-wrap {594 margin-top: 10px;595 padding-top: 10px;596 border-top: 1px solid var(--peach-t3);597 display: flex;598 flex-direction: column;599 gap: 8px;600}601.peach-inline-generator-cancel {602 align-self: flex-start;603 font-size: 11px;604 color: var(--peach-t2);605}606607608.peach-field-card.is-editing {609 background: rgba(240, 232, 216, 0.02);610 border-radius: 6px;611 padding: 8px;612 margin: -8px;613}614615616.peach-add-notes-btn {617 font-size: 11px;618 color: var(--peach-t2);619 margin-top: 6px;620 align-self: flex-start;621 padding: 4px 0;622}623624625.peach-entry-delete-row {626 display: flex;627 align-items: center;628 gap: 8px;629 padding-top: 18px;630 margin-top: 8px;631 border-top: 1px solid var(--peach-t3);632}633.peach-delete-btn {634 font-size: 11px;635 color: var(--peach-t2);636 padding: 4px 0;637}638.peach-delete-confirm-text {639 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;640 font-size: 11px;641 font-style: italic;642 color: var(--peach-t2);643 flex-shrink: 0;644}645646647.peach-totp-band {648 border-top: 1px solid var(--peach-t3);649 padding: 12px 20px 14px;650 position: relative;651 display: grid;652 grid-template-columns: 1fr auto;653 gap: 10px;654}655.peach-totp-main {656 min-width: 0;657 cursor: pointer;658 user-select: none;659}660.peach-totp-code.is-copied { opacity: 0.55; transition: opacity 140ms ease; }661.peach-totp-code-row {662 display: flex;663 align-items: flex-end;664 gap: 10px;665 min-width: 0;666}667.peach-totp-code {668 margin: 2px 0 0;669 font-family: "Cormorant Garamond", "Times New Roman", serif;670 font-style: italic;671 font-weight: 300;672 font-size: 38px; color: var(--peach-accent);673 line-height: 0.95; min-height: 1em;674 min-width: 0;675}676.peach-totp-code-text {677 display: inline-flex;678 overflow: hidden;679 text-overflow: ellipsis;680 white-space: nowrap;681}682.peach-totp-copy-btn {683 margin-bottom: 2px;684 flex-shrink: 0;685 border-color: transparent;686}687.peach-totp-meta { display: grid; justify-items: end; align-content: start; gap: 4px; }688.peach-totp-countdown {689 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;690 font-size: 22px; color: var(--peach-t1);691}692.peach-totp-ring { transform: rotate(-90deg); }693.peach-totp-ring-track { fill: none; stroke: var(--peach-t3); stroke-width: 2; }694.peach-totp-ring-progress {695 fill: none; stroke: var(--peach-accent); stroke-width: 2;696 stroke-linecap: round;697 transition: stroke-dashoffset 1s linear, stroke 500ms ease;698}699700.peach-search-wrap {701 border-top: 1px solid var(--peach-t3);702 background: var(--peach-s1);703 min-height: 54px; position: relative;704 box-shadow: inset 0 6px 18px transparent;705 transition: box-shadow 700ms ease;706}707.peach-search-wrap::before {708 content: "";709 position: absolute;710 left: 0;711 top: 0;712 height: 2px;713 width: var(--peach-totp-progress, 0%);714 background: var(--peach-accent);715 opacity: 0;716 transition: width 1s linear, opacity 180ms ease;717 pointer-events: none;718}719.peach-shell[data-totp-active="true"] .peach-search-wrap::before {720 opacity: 0.9;721}722.peach-shell[data-totp-active="true"] .peach-search-wrap {723 box-shadow: inset 0 6px 18px rgba(180, 140, 110, 0.07);724}725726@keyframes peach-totp-code-flare {727 0% { filter: brightness(1); }728 25% { filter: brightness(1.3); }729 100% { filter: brightness(1); }730}731.peach-totp-code.is-hot {732 animation: peach-totp-code-flare 3000ms ease-in-out both;733}734.peach-search-bar {735 min-height: 54px;736 display: grid;737 grid-template-columns: auto minmax(0, 1fr) auto;738 align-items: center;739 gap: 8px; padding: 0 9px 0 12px;740}741.peach-search-icon { color: var(--peach-t2); display: inline-flex; align-items: center; }742.peach-search-input {743 border: 0; background: transparent; color: var(--peach-t0);744 font-family: "Cormorant Garamond", "Times New Roman", serif;745 font-style: italic; font-size: 18px;746 outline: none; width: 100%; min-width: 0; padding: 0;747 caret-color: var(--peach-accent);748}749.peach-search-input::placeholder { color: var(--peach-t2); }750.peach-search-meta {751 display: grid;752 grid-auto-flow: column;753 align-items: center;754 justify-content: end;755 gap: 6px;756 min-width: max-content;757}758.peach-search-counter {759 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;760 font-size: 10px; color: var(--peach-t2);761 display: inline-flex;762 align-items: center;763 line-height: 1;764}765.peach-divider { width: 1px; height: 12px; background: var(--peach-t3); display: inline-block; flex-shrink: 0; }766767768.peach-btn {769 border: 1px solid transparent; border-radius: 12px;770 background: transparent; color: var(--peach-t0);771 font-family: Inter, system-ui, sans-serif;772 font-size: 12px; letter-spacing: 0.02em; padding: 8px 12px;773 cursor: pointer;774 transition:775 background-color var(--peach-dur-80) var(--peach-curve-arrival),776 color var(--peach-dur-80) var(--peach-curve-arrival),777 border-color var(--peach-dur-150) var(--peach-curve-arrival);778}779.peach-btn:hover:not(:disabled) { background: var(--peach-s2); }780.peach-btn:disabled {781 opacity: 0.45;782 cursor: not-allowed;783}784.peach-btn--sm { min-height: 32px; padding: 6px 9px; font-size: 11px; }785.peach-btn--md { min-height: 38px; }786.peach-btn--accent { background: var(--peach-accent); color: rgba(0,0,0,0.75); box-shadow: 0 2px 16px var(--peach-glow); }787.peach-btn--accent:hover:not(:disabled) { background: var(--peach-accent); filter: brightness(1.12); }788.peach-btn--ghost { border-color: var(--peach-t3); color: var(--peach-t1); }789.peach-btn--subtle { color: var(--peach-t2); border-color: var(--peach-t3); }790.peach-icon-btn {791 min-width: 32px; min-height: 32px; border-radius: 8px; padding: 6px;792 display: inline-flex; align-items: center; justify-content: center;793}794795.peach-btn:focus-visible {796 outline: none;797 box-shadow: 0 0 0 2px var(--peach-bg), 0 0 0 4px color-mix(in srgb, var(--peach-accent) 50%, transparent);798}799800801.peach-lock-icon { transform-origin: center; }802.peach-lock-btn.is-locking { color: var(--peach-accent); }803.peach-lock-btn.is-locking .peach-lock-icon {804 animation: peach-lock-settle var(--peach-dur-600) var(--peach-curve-arrival);805}806807808.peach-copy-btn {809 position: relative; overflow: hidden;810 color: var(--peach-t2); border-color: var(--peach-t3);811}812.peach-copy-icon {813 display: inline-flex; align-items: center; justify-content: center;814 position: relative; z-index: 1;815}816.peach-copy-icon-svg { display: block; }817.peach-copy-sheen {818 position: absolute; inset: 0;819 background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--peach-accent) 18%, transparent) 30%, color-mix(in srgb, var(--peach-accent) 8%, transparent) 100%);820 opacity: 0; transform: scaleX(0.15); transform-origin: left center;821}822.peach-copy-btn.is-copied {823 animation: peach-copy-confirm var(--peach-dur-150) var(--peach-curve-settle) forwards;824 box-shadow:825 0 0 0 1px color-mix(in srgb, var(--peach-accent) 22%, transparent),826 0 0 18px color-mix(in srgb, var(--peach-accent) 20%, transparent),827 inset 0 0 20px color-mix(in srgb, var(--peach-accent) 12%, transparent);828}829.peach-copy-btn.is-copied .peach-copy-icon {830 animation: peach-copy-icon-settle var(--peach-dur-150) var(--peach-curve-settle) both;831}832.peach-copy-btn.is-copied .peach-copy-sheen {833 animation: peach-copy-flood var(--peach-dur-150) var(--peach-curve-settle) forwards;834}835.peach-copy-btn.is-retreat {836 animation: peach-copy-retreat var(--peach-dur-150) var(--peach-curve-departure) forwards;837}838.peach-copy-btn.is-retreat .peach-copy-sheen {839 animation: peach-copy-sheen-retreat var(--peach-dur-150) var(--peach-curve-departure) forwards;840}841.peach-copy-drain { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; overflow: hidden; }842.peach-copy-drain-bar {843 display: block; width: 100%; height: 100%;844 background: var(--peach-accent); opacity: 0.7;845 animation: peach-copy-drain var(--peach-copy-clear, 1.8s) linear forwards;846}847848849.peach-unlock-headline {850 margin: 2px 0 0;851 font-family: "Cormorant Garamond", "Times New Roman", serif;852 font-size: 52px; line-height: 0.95;853 font-style: italic; font-weight: 400;854}855.peach-subline {856 margin: 0;857 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;858 font-size: 10px; color: var(--peach-t2); font-style: italic;859}860.peach-subline--lock {861 max-width: 248px;862 line-height: 1.5;863}864.peach-underline-input {865 width: 100%; border: 0; border-bottom: 1px solid var(--peach-t3);866 padding: 6px 0; background: transparent; color: var(--peach-t0);867 outline: none;868 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;869 font-size: 13px;870 caret-color: var(--peach-accent);871}872.peach-unlock-input { font-size: 22px; letter-spacing: 0.24em; }873.peach-unlock-input::placeholder { letter-spacing: 0.04em; color: var(--peach-t2); }874.peach-hint {875 margin: 0;876 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;877 font-size: 10px; color: var(--peach-t2);878}879.peach-unlock-footer {880 margin-top: 4px; display: flex; align-items: center; gap: 7px;881 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;882 font-size: 10px; color: var(--peach-t2);883}884.peach-unlock-footer--lock {885 padding-top: 2px;886}887888889.peach-breach-badge {890 display: flex;891 position: relative;892 z-index: 1;893 align-items: center;894 gap: 7px;895 font-size: 9px;896 color: var(--peach-breach);897 padding: 5px 10px;898 margin-bottom: 4px;899 border-radius: 8px;900 background: rgba(220, 80, 60, 0.07);901 border: 1px solid rgba(220, 80, 60, 0.18);902 letter-spacing: 0.04em;903}904905.peach-breach-action {906 margin-left: auto;907 font-size: 10px;908 padding: 3px 8px;909}910911.peach-password-value.is-breached {912 color: rgba(220, 80, 60, 0.75);913 border-bottom: 1px solid rgba(220, 80, 60, 0.22);914}915916917.peach-overlay-view {918 position: absolute;919 inset: 0;920 display: flex;921 flex-direction: column;922 background:923 radial-gradient(120% 80% at 0% 0%, var(--shell-accent-a) 0%, transparent 65%),924 radial-gradient(85% 100% at 100% 100%, var(--shell-accent-b) 0%, transparent 70%),925 var(--peach-bg);926 z-index: 2;927 overflow: hidden;928 animation: overlay-in 180ms cubic-bezier(0.4, 0, 0.2, 1) both;929}930@keyframes overlay-in {931 from { opacity: 0; transform: translateY(8px); }932 to { opacity: 1; transform: translateY(0); }933}934.peach-overlay-view.ov-enter-up {935 animation: ov-enter-up 280ms cubic-bezier(0.16, 1, 0.3, 1) both;936}937.peach-overlay-view.ov-exit-up {938 animation: ov-exit-up 200ms cubic-bezier(0.4, 0, 1, 1) both;939}940.peach-overlay-view.ov-enter-right {941 animation: ov-enter-right 280ms cubic-bezier(0.16, 1, 0.3, 1) both;942}943.peach-overlay-view.ov-exit-right {944 animation: ov-exit-right 200ms cubic-bezier(0.4, 0, 1, 1) both;945}946947@keyframes ov-enter-up {948 from { opacity: 0; transform: translateY(18px); }949 to { opacity: 1; transform: translateY(0); }950}951@keyframes ov-exit-up {952 from { opacity: 1; transform: translateY(0); }953 to { opacity: 0; transform: translateY(-12px); }954}955@keyframes ov-enter-right {956 from { opacity: 0; transform: translateX(20px); }957 to { opacity: 1; transform: translateX(0); }958}959@keyframes ov-exit-right {960 from { opacity: 1; transform: translateX(0); }961 to { opacity: 0; transform: translateX(20px); }962}963964965.peach-overlay-header {966 padding: 10px 12px;967 display: flex;968 align-items: center;969 gap: 8px;970 border-bottom: 1px solid var(--peach-t3);971 flex-shrink: 0;972}973.peach-overlay-title {974 font-family: "IBM Plex Mono", monospace;975 font-size: 9px;976 text-transform: uppercase;977 letter-spacing: 0.18em;978 color: var(--peach-t2);979 flex: 1;980 text-align: center;981}982983.peach-overlay-card {984 background: var(--peach-s1);985 border: 1px solid var(--peach-t3);986 border-radius: 12px;987 overflow: hidden;988 width: 100%;989}990991.peach-onboarding-alt-actions {992 display: flex;993 flex-direction: column;994 gap: 4px;995 padding: 0;996}997998.peach-settings-copy {999 margin: 0 0 10px;1000 font-size: 11px;1001 line-height: 1.5;1002 color: var(--peach-t2);1003}10041005.peach-settings-copy strong {1006 color: var(--peach-t0);1007}10081009.peach-settings-copy--spacious {1010 margin-bottom: 12px;1011}10121013.peach-settings-copy--result {1014 color: var(--peach-accent);1015 font-size: 13px;1016 text-align: center;1017 padding: 8px 0;1018}10191020.peach-settings-copy--danger {1021 color: var(--peach-breach);1022}10231024.peach-settings-copy--success {1025 color: var(--peach-accent);1026}10271028.peach-inline-feedback {1029 font-size: 11px;1030 margin: 10px 0 0;1031}10321033.peach-inline-feedback--ok {1034 color: var(--peach-accent);1035}10361037.peach-inline-feedback--error {1038 color: var(--peach-breach);1039}10401041.peach-inline-feedback--muted {1042 color: var(--peach-t2);1043 font-size: 10px;1044 margin: 4px 0;1045}10461047.peach-inline-feedback--spaced {1048 margin-top: 12px;1049}10501051.peach-settings-actions--row {1052 display: flex;1053 gap: 6px;1054}10551056.peach-settings-actions--end {1057 margin-top: 14px;1058 justify-content: flex-end;1059}10601061.peach-settings-stack {1062 display: flex;1063 flex-direction: column;1064 gap: 6px;1065}10661067.peach-settings-stack--tight {1068 gap: 4px;1069}10701071.peach-settings-stack--spacious {1072 gap: 8px;1073}10741075.peach-settings-input {1076 width: 100%;1077 box-sizing: border-box;1078 padding: 8px 10px;1079 background: var(--peach-s2);1080 border: 1px solid var(--peach-t3);1081 border-radius: 6px;1082 color: var(--peach-t0);1083 font-family: var(--font-ui);1084 font-size: 12px;1085 outline: none;1086 transition: border-color 120ms ease;1087}10881089.peach-settings-input:focus {1090 border-color: var(--peach-accent);1091}10921093.peach-settings-input[type="password"] {1094 font-family: var(--font-mono);1095 letter-spacing: 0.04em;1096}10971098.peach-phrase-textarea {1099 width: 100%;1100 box-sizing: border-box;1101 min-height: 120px;1102 padding: 10px 12px;1103 background: var(--peach-s2);1104 border: 1px solid var(--peach-t3);1105 border-radius: 6px;1106 color: var(--peach-t0);1107 font-size: 12px;1108 font-family: "Noto Sans CJK SC", "PingFang SC", monospace;1109 line-height: 1.5;1110 resize: vertical;1111 outline: none;1112}11131114.peach-phrase-textarea:focus {1115 border-color: var(--peach-accent);1116}11171118.peach-hidden-file-input {1119 display: none;1120}11211122.peach-checkbox-note {1123 display: flex;1124 align-items: flex-start;1125 gap: 8px;1126 font-size: 11px;1127 color: var(--peach-t1);1128 cursor: pointer;1129 margin: 12px 0;1130}11311132.peach-checkbox-note input {1133 margin-top: 1px;1134}11351136.peach-cjk-phrase-box {1137 font-family: "Noto Sans CJK SC", "PingFang SC", "Hiragino Sans GB", sans-serif;1138 font-size: 13px;1139 line-height: 1.5;1140 background: var(--peach-s2);1141 border: 1px solid var(--peach-t3);1142 border-radius: 6px;1143 padding: 10px 12px;1144 margin: 0 0 10px;1145 word-break: break-all;1146 white-space: pre-wrap;1147 max-height: 220px;1148 overflow-y: auto;1149 color: var(--peach-t0);1150 user-select: all;1151 scrollbar-width: none;1152 -ms-overflow-style: none;1153}1154.peach-cjk-phrase-box::-webkit-scrollbar { display: none; }11551156.peach-danger-notice {1157 background: rgba(220, 80, 60, 0.08);1158 border: 1px solid rgba(220, 80, 60, 0.2);1159 border-radius: 6px;1160 padding: 9px 11px;1161 font-size: 11px;1162 color: var(--peach-t1);1163 line-height: 1.5;1164}11651166.peach-info-notice {1167 font-size: 11px;1168 color: var(--peach-t2);1169 line-height: 1.5;1170 background: rgba(240, 232, 216, 0.04);1171 border: 1px solid var(--peach-t3);1172 border-radius: 6px;1173 padding: 8px 10px;1174}11751176.peach-strength-row {1177 display: flex;1178 align-items: center;1179 gap: 8px;1180 margin-bottom: 10px;1181}11821183.peach-strength-track {1184 flex: 1;1185 height: 4px;1186 background: var(--peach-s2);1187 border-radius: 2px;1188 overflow: hidden;1189}11901191.peach-strength-fill {1192 height: 100%;1193 border-radius: 2px;1194 transition: width 120ms ease, background 120ms ease;1195}119611971198.peach-type-tabs {1199 display: flex;1200 gap: 0;1201 background: var(--peach-t4);1202 border-radius: 8px;1203 padding: 3px;1204}12051206.peach-type-tab {1207 flex: 1;1208 display: flex;1209 align-items: center;1210 justify-content: center;1211 gap: 6px;1212 padding: 6px 10px;1213 border-radius: 6px;1214 border: none;1215 background: transparent;1216 cursor: pointer;1217 font-family: Inter, system-ui, sans-serif;1218 font-size: 11px;1219 font-weight: 400;1220 letter-spacing: 0.04em;1221 color: var(--peach-t1);1222 transition: background 150ms ease, color 150ms ease;1223}12241225.peach-type-tab.is-active {1226 background: var(--peach-s2);1227 color: var(--peach-t0);1228 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);1229}12301231.peach-type-tab:not(.is-active):hover {1232 color: var(--peach-t0);1233}12341235.peach-type-tab svg {1236 opacity: 0.7;1237 flex-shrink: 0;1238}12391240.peach-type-tab.is-active svg {1241 opacity: 1;1242}124312441245.peach-list-top {1246 padding: 0 10px;1247 min-height: 46px;1248 display: flex;1249 align-items: center;1250 gap: 6px;1251 border-bottom: 1px solid var(--peach-t3);1252 flex-shrink: 0;1253 background: var(--peach-s1);1254}1255.peach-vault-list {1256 flex: 1;1257 overflow-y: auto;1258 scrollbar-width: none;1259}1260.peach-vault-list::-webkit-scrollbar { display: none; }126112621263.peach-vault-list {1264 scrollbar-width: thin;1265 scrollbar-color: var(--peach-t3) transparent;1266}12671268.peach-vault-list::-webkit-scrollbar {1269 width: 3px;1270}12711272.peach-vault-list::-webkit-scrollbar-thumb {1273 background: var(--peach-t3);1274 border-radius: 2px;1275}12761277.peach-entry-row {1278 width: 100%;1279 display: flex;1280 align-items: center;1281 gap: 10px;1282 padding: 9px 16px;1283 background: transparent;1284 border: none;1285 border-bottom: 1px solid var(--peach-t3);1286 cursor: pointer;1287 color: inherit;1288 text-align: left;1289 transition: background 80ms ease;1290}1291.peach-entry-row:hover { background: rgba(240,232,216,0.03); }1292.peach-entry-row:last-child { border-bottom: none; }1293.peach-entry-row.is-active {1294 box-shadow: inset 2px 0 0 var(--peach-accent);1295 background: rgba(240,232,216,0.03);1296}1297.peach-entry-row:focus-visible {1298 outline: none;1299 box-shadow: 0 0 0 1px var(--peach-border-accent);1300 background: rgba(240,232,216,0.03);1301}1302.peach-entry-row-icon {1303 width: 26px; height: 26px;1304 border-radius: 7px;1305 border: 1px solid var(--peach-t3);1306 display: flex; align-items: center; justify-content: center;1307 color: var(--peach-t2);1308 flex-shrink: 0;1309}1310.peach-entry-row-icon.is-breach {1311 border-color: rgba(220,80,60,0.3);1312 color: rgba(220,80,60,0.7);1313}1314.peach-entry-row-info { flex: 1; min-width: 0; }1315.peach-entry-row-name {1316 display: block;1317 font-family: "Cormorant Garamond", serif;1318 font-size: 17px;1319 font-style: italic;1320 font-weight: 400;1321 color: var(--peach-t0);1322 line-height: 1.2;1323 white-space: nowrap;1324 overflow: hidden;1325 text-overflow: ellipsis;1326}1327.peach-entry-row-meta {1328 display: block;1329 font-family: "IBM Plex Mono", monospace;1330 font-size: 9px;1331 color: var(--peach-t2);1332 margin-top: 1px;1333 letter-spacing: 0.05em;1334}1335.peach-entry-row-dot {1336 width: 5px; height: 5px;1337 border-radius: 50%;1338 background: rgba(220,80,60,0.7);1339 flex-shrink: 0;1340}1341.peach-new-entry-row {1342 display: flex;1343 align-items: center;1344 justify-content: center;1345 gap: 6px;1346 width: 100%;1347 padding: 11px;1348 background: transparent;1349 border: none;1350 border-top: 1px solid var(--peach-t3);1351 color: var(--peach-t2);1352 font-family: "IBM Plex Mono", monospace;1353 font-size: 9px;1354 text-transform: uppercase;1355 letter-spacing: 0.14em;1356 cursor: pointer;1357 flex-shrink: 0;1358 transition: color 120ms ease, background 120ms ease;1359}1360.peach-new-entry-row:hover { color: var(--peach-t0); background: rgba(240,232,216,0.02); }13611362136313641365.peach-sort-select-btn {1366 display: flex;1367 align-items: center;1368 justify-content: center;1369 padding: 3px 5px;1370 background: transparent;1371 border: none;1372 cursor: pointer;1373 color: var(--peach-t2);1374 border-radius: 4px;1375 transition: color 140ms ease, background 140ms ease;1376}1377.peach-sort-select-btn:hover {1378 color: var(--peach-t1);1379 background: var(--peach-t3);1380}138113821383.peach-select-cancel-btn {1384 background: transparent;1385 border: none;1386 padding: 0 4px;1387 cursor: pointer;1388 font-family: "IBM Plex Mono", monospace;1389 font-size: 9px;1390 letter-spacing: 0.12em;1391 text-transform: uppercase;1392 color: var(--peach-t2);1393 transition: color 140ms ease;1394 flex-shrink: 0;1395}1396.peach-select-cancel-btn:hover { color: var(--peach-t0); }13971398.peach-select-count-label {1399 flex: 1;1400 text-align: center;1401 font-family: "IBM Plex Mono", monospace;1402 font-size: 9px;1403 letter-spacing: 0.14em;1404 text-transform: uppercase;1405 color: var(--peach-t1);1406}14071408.peach-select-all-btn {1409 background: transparent;1410 border: none;1411 padding: 0 4px;1412 cursor: pointer;1413 font-family: "IBM Plex Mono", monospace;1414 font-size: 9px;1415 letter-spacing: 0.12em;1416 text-transform: uppercase;1417 color: var(--peach-t2);1418 transition: color 140ms ease;1419 flex-shrink: 0;1420}1421.peach-select-all-btn:hover { color: var(--peach-accent); }142214231424.peach-vault-list.is-selecting .peach-entry-row {1425 cursor: default;1426}1427.peach-vault-list.is-selecting .peach-entry-row:hover {1428 background: rgba(240,232,216,0.02);1429}1430.peach-vault-list.is-selecting .peach-entry-row.is-selected {1431 background: color-mix(in srgb, var(--peach-accent) 6%, transparent);1432}1433.peach-vault-list.is-selecting .peach-entry-row.is-selected:hover {1434 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);1435}143614371438.peach-entry-row-icon.is-select-icon {1439 color: var(--peach-t2);1440}1441.peach-entry-row.is-selected .peach-entry-row-icon.is-select-icon {1442 color: var(--peach-accent);1443}144414451446.peach-select-action-bar {1447 display: flex;1448 align-items: center;1449 justify-content: center;1450 gap: 7px;1451 width: 100%;1452 padding: 11px;1453 background: transparent;1454 border: none;1455 border-top: 1px solid var(--peach-t3);1456 color: var(--peach-t1);1457 font-family: "IBM Plex Mono", monospace;1458 font-size: 9px;1459 text-transform: uppercase;1460 letter-spacing: 0.14em;1461 cursor: pointer;1462 flex-shrink: 0;1463 transition: color 120ms ease, background 120ms ease;1464}1465.peach-select-action-bar:not(:disabled):hover {1466 color: var(--peach-t0);1467 background: rgba(220,80,60,0.06);1468}1469.peach-select-action-bar:not(:disabled):hover svg {1470 stroke: rgba(220,80,60,0.8);1471}1472.peach-select-action-bar:disabled,1473.peach-select-action-bar.is-empty {1474 color: var(--peach-t2);1475 cursor: default;1476 opacity: 0.5;1477}1478.peach-search-counter-list {1479 white-space: nowrap;1480 flex-shrink: 0;1481}1482.peach-list-empty {1483 min-height: 180px;1484 display: grid;1485 place-items: center;1486 color: var(--peach-t2);1487 font-family: "IBM Plex Mono", monospace;1488 font-size: 11px;1489}149014911492.peach-settings-body {1493 flex: 1;1494 overflow-y: auto;1495 min-height: 0;1496 display: flex;1497 flex-direction: column;1498 padding: 2px 0 10px;1499}1500.peach-settings-group {1501 padding: 9px 16px 11px;1502 border-bottom: 1px solid var(--peach-t3);1503}1504.peach-export-intro {1505 padding-bottom: 8px;1506}1507.peach-export-card {1508 display: grid;1509 gap: 10px;1510}1511.peach-export-card--primary {1512 background:1513 linear-gradient(180deg, color-mix(in srgb, var(--peach-accent) 8%, transparent), color-mix(in srgb, var(--peach-accent) 2%, transparent));1514}1515.peach-export-card-head {1516 display: flex;1517 align-items: center;1518 justify-content: space-between;1519 gap: 10px;1520}1521.peach-export-card-copy {1522 margin: 0;1523 font-size: 12px;1524 line-height: 1.55;1525 color: var(--peach-t1);1526}1527.peach-export-note {1528 margin: 0;1529 font-size: 10px;1530 line-height: 1.5;1531 color: var(--peach-t2);1532}1533.peach-export-pill {1534 display: inline-flex;1535 align-items: center;1536 padding: 4px 8px;1537 border-radius: 999px;1538 border: 1px solid color-mix(in srgb, var(--peach-accent) 22%, transparent);1539 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);1540 color: var(--peach-accent);1541 font-family: "IBM Plex Mono", monospace;1542 font-size: 8px;1543 letter-spacing: 0.12em;1544 text-transform: uppercase;1545 white-space: nowrap;1546}1547.peach-export-pill--danger {1548 border-color: rgba(220,80,60,0.22);1549 background: rgba(220,80,60,0.08);1550 color: var(--peach-breach);1551}1552.peach-export-password-stack {1553 gap: 8px;1554}1555.peach-settings-label {1556 margin: 0 0 6px;1557 font-family: "IBM Plex Mono", monospace;1558 font-size: 8px;1559 text-transform: uppercase;1560 letter-spacing: 0.18em;1561 color: var(--peach-t2);1562}1563.peach-settings-row {1564 display: flex;1565 align-items: center;1566 justify-content: space-between;1567 gap: 12px;1568 min-height: 34px;1569 padding: 6px 0;1570 font-size: 13px;1571 color: var(--peach-t1);1572}1573.peach-settings-row--meta { color: var(--peach-t2); font-size: 12px; }1574.peach-settings-value {1575 font-family: "IBM Plex Mono", monospace;1576 font-size: 10px;1577 color: var(--peach-t2);1578}15791580.peach-settings-value--status {1581 display: flex;1582 align-items: center;1583 gap: 6px;1584}15851586.peach-settings-link {1587 font-family: "IBM Plex Mono", monospace;1588 font-size: 10px;1589 color: var(--peach-accent);1590 text-decoration: none;1591 cursor: pointer;1592}1593.peach-settings-link:hover {1594 text-decoration: underline;1595}15961597.peach-settings-row--stack {1598 flex-direction: column;1599 align-items: stretch;1600 gap: 6px;1601}16021603.peach-settings-row--top {1604 align-items: flex-start;1605}16061607.peach-settings-row-main {1608 display: flex;1609 flex-direction: column;1610 gap: 4px;1611 flex: 1;1612}1613.peach-toggle {1614 width: 28px; height: 16px;1615 border-radius: 999px;1616 background: var(--peach-t3);1617 border: 1px solid var(--peach-t3);1618 display: flex; align-items: center; justify-content: flex-start; padding: 2px;1619 flex-shrink: 0;1620 transition: background 200ms ease, border-color 200ms ease;1621 cursor: pointer;1622}1623.peach-toggle.is-on {1624 background: color-mix(in srgb, var(--peach-accent) 22%, transparent);1625 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);1626}1627.peach-toggle-knob {1628 width: 10px; height: 10px;1629 border-radius: 50%;1630 background: var(--peach-t2);1631 flex-shrink: 0;1632 transform: translateX(0px);1633 transition: background 200ms ease, transform 200ms var(--peach-curve-settle);1634}1635.peach-toggle.is-on .peach-toggle-knob {1636 background: var(--peach-accent);1637 transform: translateX(12px);1638}1639.peach-settings-footer {1640 display: flex;1641 align-items: center;1642 gap: 8px;1643 margin-top: auto;1644 padding: 14px 16px 8px;1645 font-family: "IBM Plex Mono", monospace;1646 font-size: 9px;1647 color: var(--peach-t2);1648}16491650.peach-passkey-badge {1651 margin-left: 8px;1652 font-size: 10px;1653 letter-spacing: 0.06em;1654 text-transform: uppercase;1655 color: var(--peach-t2);1656 font-family: var(--font-ui);1657 vertical-align: middle;1658}16591660.peach-passkey-delete-btn {1661 color: var(--peach-breach);1662 border-color: rgba(229, 85, 85, 0.25);1663}16641665.peach-passkey-delete-confirm {1666 display: flex;1667 align-items: center;1668 gap: 8px;1669 padding: 8px 10px;1670 background: rgba(229, 85, 85, 0.06);1671 border: 1px solid rgba(229, 85, 85, 0.2);1672 border-radius: 6px;1673}16741675.peach-passkey-delete-confirm-copy {1676 flex: 1;1677 font-size: 11px;1678 color: var(--peach-t1);1679}16801681.peach-passkey-delete-btn--confirm {1682 color: var(--peach-breach);1683 border-color: rgba(229, 85, 85, 0.4);1684}16851686.peach-passkey-activity {1687 flex-direction: column;1688 align-items: flex-start;1689 gap: 4px;1690}16911692.peach-passkey-meta {1693 font-size: 11px;1694 color: var(--peach-t2);1695}16961697.peach-passkey-actions {1698 position: relative;1699 z-index: 1;1700 margin-top: 14px;1701 display: flex;1702 flex-direction: column;1703 gap: 8px;1704}17051706.peach-passkey-approval {1707 display: flex;1708 flex-direction: column;1709 align-items: center;1710 padding: 28px 22px 22px;1711 gap: 14px;1712 text-align: center;1713}17141715.peach-passkey-approval-icon {1716 width: 46px;1717 height: 46px;1718 border-radius: 12px;1719 background: var(--peach-s2);1720 border: 1px solid var(--peach-t3);1721 display: flex;1722 align-items: center;1723 justify-content: center;1724 flex-shrink: 0;1725 color: var(--peach-accent);1726}17271728.peach-passkey-approval-icon img,1729.peach-passkey-approval-icon svg {1730 width: 28px;1731 height: 28px;1732 border-radius: 6px;1733}17341735.peach-passkey-approval-rp {1736 font-family: var(--font-ui);1737 font-size: 12px;1738 color: var(--peach-t2);1739 letter-spacing: 0.03em;1740}17411742.peach-passkey-approval-action {1743 font-family: var(--font-display);1744 font-style: italic;1745 font-weight: 300;1746 font-size: 26px;1747 color: var(--peach-t0);1748 line-height: 1;1749}17501751.peach-passkey-approval-user {1752 font-family: var(--font-mono);1753 font-size: 11px;1754 color: var(--peach-t1);1755 background: var(--peach-s2);1756 border: 1px solid var(--peach-t3);1757 border-radius: 4px;1758 padding: 3px 8px;1759}17601761.peach-passkey-approval-notice {1762 font-size: 10px;1763 color: var(--peach-t2);1764 line-height: 1.5;1765 max-width: 220px;1766}17671768.peach-passkey-approval-actions {1769 display: flex;1770 gap: 8px;1771 width: 100%;1772 margin-top: 6px;1773}17741775.peach-passkey-approval-actions .peach-btn {1776 flex: 1;1777}177817791780.peach-generator-drawer {1781 display: grid;1782 grid-template-rows: 0fr;1783 transition: grid-template-rows 320ms var(--peach-curve-arrival);1784 overflow: hidden;1785}1786.peach-generator-drawer.is-open {1787 grid-template-rows: 1fr;1788}1789.peach-generator-drawer-inner {1790 min-height: 0;1791 overflow: hidden;1792}1793.peach-generator-drawer-content {1794 border-top: 1px solid var(--peach-t3);1795 padding: 8px 0 4px;1796 display: flex;1797 flex-direction: column;1798 gap: 8px;1799}180018011802.peach-generator-drawer-content--compact {1803 border-top: 1px solid var(--peach-t3);1804 padding: 8px 0 2px;1805 gap: 7px;1806}1807.peach-pwgen-compact-display-row {1808 display: flex;1809 align-items: center;1810 gap: 6px;1811}1812.peach-pwgen-compact-output {1813 flex: 1;1814 min-width: 0;1815 font-family: "IBM Plex Mono", monospace;1816 font-size: 11px;1817 font-weight: 400;1818 letter-spacing: 0.04em;1819 color: var(--peach-t0);1820 background: rgba(240, 232, 216, 0.04);1821 border: 1px solid var(--peach-t3);1822 border-radius: 5px;1823 padding: 5px 8px;1824 word-break: break-all;1825 line-height: 1.5;1826}1827.peach-pwgen-compact-controls {1828 display: flex;1829 align-items: center;1830 gap: 6px;1831}1832.peach-pwgen-compact-slider {1833 flex: 1;1834 min-width: 0;1835 height: 2px !important;1836}1837.peach-pwgen-compact-controls .peach-pwgen-len-num {1838 flex-shrink: 0;1839 min-width: 18px;1840 text-align: right;1841}1842.peach-pwgen-compact-pills {1843 display: flex;1844 gap: 3px;1845 flex-shrink: 0;1846}1847.peach-pwgen-compact-pills .peach-pwgen-pill {1848 padding: 2px 7px;1849 font-size: 8px;1850}1851.peach-pwgen-compact-use {1852 flex-shrink: 0;1853 font-size: 10px !important;1854 padding: 3px 9px !important;1855 min-height: 22px !important;1856 border-radius: 5px !important;1857}185818591860.peach-password-edit-row {1861 display: flex;1862 align-items: center;1863 gap: 6px;1864}1865.peach-password-edit-row .peach-inline-input {1866 flex: 1;1867 min-width: 0;1868}186918701871.peach-generate-toggle-link {1872 display: inline-flex;1873 align-items: center;1874 gap: 5px;1875 background: none;1876 border: none;1877 padding: 0;1878 cursor: pointer;1879 font-family: "IBM Plex Mono", monospace;1880 font-size: 10px;1881 color: var(--peach-t2);1882 letter-spacing: 0.04em;1883 transition: color 120ms ease;1884 align-self: flex-start;1885}1886.peach-generate-toggle-link:hover {1887 color: var(--peach-accent);1888}188918901891.peach-entry-body {1892 flex: 1;1893 overflow-y: auto;1894 overflow-x: hidden;1895 scrollbar-width: none;1896 -ms-overflow-style: none;1897 overscroll-behavior: contain;1898 display: grid;1899 gap: 10px;1900 align-content: start;1901 padding: 10px 20px 14px;1902 min-width: 0;1903 min-height: 0;1904}1905.peach-entry-body::-webkit-scrollbar { display: none; }190619071908.peach-new-type-row {1909 display: flex;1910 align-items: center;1911 gap: 6px;1912 margin-bottom: 2px;1913}1914.peach-new-type-btn {1915 background: transparent;1916 border: 1px solid var(--peach-t3);1917 border-radius: 12px;1918 padding: 3px 10px;1919 font-family: "IBM Plex Mono", monospace;1920 font-size: 9px;1921 letter-spacing: 0.12em;1922 text-transform: uppercase;1923 color: var(--peach-t2);1924 cursor: pointer;1925 transition: color 140ms ease, border-color 140ms ease, background 140ms ease;1926}1927.peach-new-type-btn.is-active {1928 color: var(--peach-t0);1929 border-color: var(--peach-accent);1930 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);1931}1932.peach-new-type-btn:not(.is-active):hover {1933 color: var(--peach-t1);1934 border-color: var(--peach-t2);1935}193619371938.peach-new-title-wrap { margin: 0 0 2px; }1939.peach-new-title-input {1940 background: transparent;1941 border: none;1942 outline: none;1943 width: 100%;1944 color: var(--peach-t0);1945 font-family: "Cormorant Garamond", Georgia, serif;1946 font-style: italic;1947 font-weight: 400;1948 font-size: 40px;1949 line-height: 0.95;1950 caret-color: var(--peach-accent);1951}1952.peach-new-title-input::placeholder { color: var(--peach-t2); }195319541955.peach-domain-value--edit {1956 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;1957 font-size: 10px;1958 font-style: italic;1959 letter-spacing: 0.12em;1960 color: var(--peach-t1);1961 background: transparent;1962 border: none;1963 border-bottom: 1px solid var(--peach-t3);1964 outline: none;1965 width: 100%;1966 padding: 2px 0;1967 caret-color: var(--peach-accent);1968 transition: border-color 140ms ease, color 140ms ease;1969}1970.peach-domain-value--edit::placeholder { color: var(--peach-t2); opacity: 0.6; }1971.peach-domain-value--edit:focus {1972 border-bottom-color: rgba(240, 232, 216, 0.28);1973 color: var(--peach-t0);1974}197519761977.peach-field-value--edit {1978 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;1979 font-size: 13px;1980 color: var(--peach-t0);1981 background: transparent;1982 border: none;1983 border-bottom: 1px solid var(--peach-t3);1984 outline: none;1985 flex: 1;1986 min-width: 0;1987 padding: 3px 0;1988 caret-color: var(--peach-accent);1989 transition: border-color 140ms ease, color 140ms ease;1990}1991.peach-field-value--edit::placeholder { color: var(--peach-t2); opacity: 0.6; }1992.peach-field-value--edit[type="password"] { letter-spacing: 0.12em; }1993.peach-field-value--edit:focus {1994 border-bottom-color: rgba(240, 232, 216, 0.28);1995 color: var(--peach-t0);1996}199719981999.peach-entry-add-links {2000 display: flex;2001 gap: 12px;2002 flex-wrap: wrap;2003 margin-top: -2px;2004}2005.peach-add-field-link {2006 background: transparent;2007 border: none;2008 padding: 0;2009 cursor: pointer;2010 font-family: "IBM Plex Mono", monospace;2011 font-size: 9px;2012 letter-spacing: 0.1em;2013 text-transform: uppercase;2014 color: var(--peach-t2);2015 transition: color 140ms ease;2016}2017.peach-add-field-link:hover { color: var(--peach-accent); }201820192020.peach-new-body {2021 flex: 1;2022 overflow-y: auto;2023 padding: 10px 20px 14px;2024}2025.peach-new-name-input {2026 background: transparent;2027 border: none;2028 outline: none;2029 width: 100%;2030 color: var(--peach-t0);2031 font-family: "Cormorant Garamond", Georgia, serif;2032 font-style: italic;2033 font-weight: 400;2034 font-size: 40px;2035 line-height: 0.95;2036 caret-color: var(--peach-accent);2037}2038.peach-new-name-input::placeholder { color: var(--peach-t2); }2039.peach-new-field-input {2040 background: transparent;2041 border: none;2042 outline: none;2043 flex: 1;2044 min-width: 0;2045 caret-color: var(--peach-accent);2046}2047.peach-new-field-input::placeholder { color: var(--peach-t2); opacity: 0.7; }204820492050.peach-canary-card {2051 border: 1px solid rgba(217, 160, 48, 0.2);2052 background: rgba(217, 160, 48, 0.03);2053 border-radius: 8px;2054 padding: 12px;2055}20562057.peach-canary-settings-header {2058 display: flex;2059 align-items: center;2060 justify-content: space-between;2061 cursor: pointer;2062 user-select: none;2063}20642065.peach-canary-card .peach-label {2066 color: rgba(217, 160, 48, 0.85);2067}20682069.peach-canary-card .peach-new-field-input {2070 border-color: rgba(217, 160, 48, 0.25);2071}20722073.peach-canary-card .peach-new-field-input:focus {2074 border-color: rgba(217, 160, 48, 0.5);2075}20762077.peach-canary-body {2078 margin-top: 12px;2079 display: flex;2080 flex-direction: column;2081 gap: 10px;2082}20832084.peach-canary-explainer {2085 display: flex;2086 gap: 10px;2087 padding: 10px 12px;2088 border-radius: 10px;2089 background: rgba(217, 160, 48, 0.06);2090 border: 1px solid rgba(217, 160, 48, 0.22);2091 margin-bottom: 4px;2092}20932094.peach-canary-explainer-icon {2095 font-size: 16px;2096 flex-shrink: 0;2097 line-height: 1.2;2098}20992100.peach-canary-explainer-title {2101 font-family: var(--font-ui);2102 font-size: 11px;2103 font-weight: 500;2104 color: rgba(217, 160, 48, 0.9);2105 margin: 0 0 3px;2106}21072108.peach-canary-explainer-copy {2109 font-family: var(--font-ui);2110 font-size: 10px;2111 color: var(--peach-t2);2112 line-height: 1.55;2113 margin: 0;2114}21152116.peach-canary-hint {2117 font-size: 10px;2118 color: var(--peach-t2);2119 font-family: Inter, system-ui, sans-serif;2120 line-height: 1.5;2121 margin-top: 4px;2122}21232124.peach-canary-actions-row {2125 display: flex;2126 align-items: center;2127 gap: 8px;2128}21292130.peach-canary-test-btn {2131 border-color: rgba(217, 160, 48, 0.3);2132 color: rgba(217, 160, 48, 0.85);2133}21342135.peach-canary-test-result {2136 font-size: 10px;2137 font-family: Inter, system-ui, sans-serif;2138}21392140.peach-canary-test-result.ok { color: rgba(100, 210, 100, 0.9); }2141.peach-canary-test-result.err { color: rgba(220, 80, 60, 0.9); }21422143.peach-canary-badge {2144 display: flex;2145 position: relative;2146 z-index: 1;2147 align-items: center;2148 gap: 5px;2149 padding: 4px 10px;2150 background: rgba(217, 160, 48, 0.12);2151 border: 1px solid rgba(217, 160, 48, 0.35);2152 border-radius: 6px;2153 margin-bottom: 6px;2154 width: fit-content;2155}21562157.peach-canary-badge-label {2158 font-size: 10px;2159 letter-spacing: 0.06em;2160 color: rgba(217, 160, 48, 0.9);2161 font-family: var(--font-ui);2162 text-transform: uppercase;2163}21642165.peach-canary-badge-icon {2166 font-size: 11px;2167}21682169.peach-canary-suppress-row {2170 display: flex;2171 align-items: center;2172 gap: 8px;2173 padding: 6px 10px;2174 background: rgba(217, 160, 48, 0.08);2175 border-radius: 6px;2176 margin-bottom: 8px;2177}21782179.peach-canary-suppress-label {2180 font-size: 11px;2181 color: rgba(217, 160, 48, 0.85);2182 cursor: pointer;2183 font-family: var(--font-ui);2184 letter-spacing: 0.04em;2185}21862187.peach-regen-panel {2188 position: relative;2189 z-index: 1;2190 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);2191 border: 1px solid color-mix(in srgb, var(--peach-accent) 25%, transparent);2192 border-radius: 8px;2193 padding: 12px;2194 margin-bottom: 8px;2195}21962197.peach-regen-panel-header {2198 display: flex;2199 align-items: center;2200 justify-content: space-between;2201 margin-bottom: 10px;2202}22032204.peach-regen-panel-title {2205 font-size: 11px;2206 font-weight: 600;2207 letter-spacing: 0.06em;2208 text-transform: uppercase;2209 color: color-mix(in srgb, var(--peach-accent) 90%, transparent);2210}22112212.peach-regen-output {2213 background: rgba(0, 0, 0, 0.2);2214 border-radius: 6px;2215 padding: 10px;2216 margin-bottom: 10px;2217 font-family: var(--font-mono);2218 font-size: 13px;2219 word-break: break-all;2220 color: var(--peach-t1);2221}22222223.peach-regen-actions {2224 display: flex;2225 gap: 6px;2226}22272228.peach-regen-actions--spaced {2229 margin-bottom: 8px;2230}22312232.peach-regen-action-grow {2233 flex: 1;2234}22352236.peach-regen-copy-btn {2237 padding: 0 8px;2238}22392240.peach-regen-success {2241 position: relative;2242 z-index: 1;2243 background: rgba(40, 180, 80, 0.1);2244 border: 1px solid rgba(40, 180, 80, 0.3);2245 border-radius: 8px;2246 padding: 10px 12px;2247 margin-bottom: 8px;2248 display: flex;2249 align-items: center;2250 gap: 8px;2251 font-size: 11px;2252 color: rgba(40, 180, 80, 0.9);2253}225422552256.peach-note-editor {2257 position: absolute;2258 inset: 0;2259 z-index: 200;2260 display: flex;2261 flex-direction: column;2262 background:2263 radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--peach-accent) 7%, transparent) 0%, transparent 65%),2264 var(--peach-bg);2265 animation: overlay-in 180ms cubic-bezier(0.4, 0, 0.2, 1) both;2266}22672268.peach-note-editor-header {2269 display: flex;2270 align-items: center;2271 gap: 10px;2272 padding: 14px 16px 10px;2273 border-bottom: 1px solid var(--peach-t3);2274 flex-shrink: 0;2275}22762277.peach-note-editor-back {2278 background: transparent;2279 border: none;2280 cursor: pointer;2281 color: var(--peach-t2);2282 padding: 4px 6px;2283 border-radius: 6px;2284 display: flex;2285 align-items: center;2286 transition: color 120ms ease, background 120ms ease;2287 flex-shrink: 0;2288}2289.peach-note-editor-back:hover { color: var(--peach-t0); background: var(--peach-t4); }22902291.peach-note-editor-label {2292 flex: 1;2293 font-family: "Cormorant Garamond", "Times New Roman", serif;2294 font-style: italic;2295 font-size: 15px;2296 color: var(--peach-t1);2297 letter-spacing: 0.02em;2298}22992300.peach-note-editor-save-btn {2301 background: transparent;2302 border: 1px solid color-mix(in srgb, var(--peach-accent) 40%, transparent);2303 border-radius: 8px;2304 color: var(--peach-accent);2305 font-family: "IBM Plex Mono", monospace;2306 font-size: 10px;2307 letter-spacing: 0.06em;2308 text-transform: uppercase;2309 padding: 3px 10px;2310 cursor: pointer;2311 transition: background 120ms ease, border-color 120ms ease;2312}2313.peach-note-editor-save-btn:hover:not(:disabled) {2314 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);2315 border-color: color-mix(in srgb, var(--peach-accent) 65%, transparent);2316}2317.peach-note-editor-save-btn:disabled { opacity: 0.4; cursor: not-allowed; }23182319.peach-note-toolbar {2320 display: flex;2321 align-items: center;2322 gap: 3px;2323 padding: 6px 14px 5px;2324 border-bottom: 1px solid var(--peach-t3);2325 flex-shrink: 0;2326}23272328.peach-note-tool-btn {2329 background: transparent;2330 border: 1px solid transparent;2331 border-radius: 5px;2332 color: var(--peach-t2);2333 font-family: "IBM Plex Mono", monospace;2334 font-size: 10px;2335 letter-spacing: 0.04em;2336 padding: 2px 8px;2337 cursor: pointer;2338 line-height: 1.6;2339 transition: background 100ms ease, color 100ms ease, border-color 100ms ease;2340}2341.peach-note-tool-btn:hover {2342 background: var(--peach-t4);2343 color: var(--peach-t0);2344 border-color: var(--peach-t3);2345}23462347.peach-note-tool-icon {2348 padding: 3px 7px;2349 display: inline-flex;2350 align-items: center;2351 justify-content: center;2352}23532354.peach-note-tool-divider {2355 width: 1px;2356 height: 14px;2357 background: var(--peach-t3);2358 margin: 0 4px;2359 flex-shrink: 0;2360}23612362.peach-note-editor-body {2363 flex: 1;2364 overflow-y: auto;2365 padding: 16px 20px 20px;2366 outline: none;2367 font-family: "Cormorant Garamond", "Times New Roman", serif;2368 font-size: 16px;2369 line-height: 1.75;2370 color: var(--peach-t0);2371 scrollbar-width: none;2372 word-break: break-word;2373}2374.peach-note-editor-body:empty::before {2375 content: "write your note…";2376 color: var(--peach-t3);2377 font-style: italic;2378 pointer-events: none;2379}238023812382.peach-note-editor-inline {2383 display: flex;2384 flex-direction: column;2385 flex: 1;2386 min-height: 0;2387}2388.peach-note-editor-body--inline {2389 flex: 1;2390 min-height: 0;2391 font-size: 15px;2392 padding: 10px 20px 14px;2393}2394239523962397.peach-note-toolbar-body {2398 display: flex;2399 align-items: center;2400 gap: 3px;2401 padding: 5px 20px 4px;2402 margin: 2px -20px 0;2403 border-bottom: 1px solid var(--peach-t3);2404 flex-shrink: 0;2405}24062407240824092410.peach-note-toolbar-inline {2411 display: flex;2412 align-items: center;2413 gap: 3px;2414 margin-left: auto;2415 padding-left: 10px;2416 border-left: 1px solid var(--peach-t3);2417 min-height: 22px;2418}241924202421.peach-entry-note-toolbar-row {2422 display: flex;2423 align-items: center;2424 margin: 4px 0 6px;2425 position: relative;2426 z-index: 1;2427}2428.peach-entry-note-toolbar-row .peach-note-toolbar-inline {2429 border-left: none;2430 padding-left: 0;2431 margin-left: 0;2432}243324342435.peach-note-body {2436 display: flex;2437 flex-direction: column;2438 flex: 1;2439 min-height: 0;2440 margin: 4px 0 0;2441}2442.peach-entry-body--new .peach-note-body {2443 margin: 8px -20px 0;2444}2445244624472448.peach-entry-body--new:has(.peach-note-body) {2449 display: flex;2450 flex-direction: column;2451}245224532454.peach-note-editor-body h2,2455.peach-note-content h2 {2456 font-family: "Cormorant Garamond", serif;2457 font-size: 20px;2458 font-weight: 600;2459 font-style: italic;2460 color: var(--peach-t0);2461 margin: 6px 0 2px;2462 line-height: 1.3;2463}2464.peach-note-editor-body ul,2465.peach-note-content ul {2466 padding-left: 18px;2467 margin: 3px 0;2468 list-style: disc;2469}2470.peach-note-editor-body ol,2471.peach-note-content ol {2472 padding-left: 18px;2473 margin: 3px 0;2474 list-style: decimal;2475}2476.peach-note-editor-body li,2477.peach-note-content li { margin: 2px 0; }2478.peach-note-editor-body hr,2479.peach-note-content hr {2480 border: none;2481 border-top: 1px solid var(--peach-t3);2482 margin: 10px 0;2483}248424852486.peach-note-editor-body font[size="1"],2487.peach-note-content font[size="1"] { font-size: 11px; line-height: 1.6; }2488.peach-note-editor-body font[size="2"],2489.peach-note-content font[size="2"] { font-size: 13px; }2490.peach-note-editor-body font[size="3"],2491.peach-note-content font[size="3"] { font-size: 16px; }2492.peach-note-editor-body font[size="4"],2493.peach-note-content font[size="4"] { font-size: 20px; }2494.peach-note-editor-body font[size="5"],2495.peach-note-content font[size="5"] { font-size: 26px; line-height: 1.4; }249624972498.peach-note-editor-body b, .peach-note-editor-body strong,2499.peach-note-content b, .peach-note-content strong { font-weight: 700; }2500.peach-note-editor-body em, .peach-note-editor-body i,2501.peach-note-content em, .peach-note-content i { font-style: italic; }250225032504.peach-note-content {2505 overflow: auto;2506 max-height: 340px;2507 word-break: break-word;2508}250925102511.peach-note-textarea {2512 width: 100%;2513 min-height: 180px;2514 max-height: 280px;2515 resize: vertical;2516 background: var(--peach-t4);2517 border: 1px solid var(--peach-t3);2518 border-radius: 8px;2519 padding: 10px 12px;2520 font-family: "IBM Plex Mono", monospace;2521 font-size: 12px;2522 line-height: 1.7;2523 color: var(--peach-t1);2524 outline: none;2525 transition: border-color 150ms ease;2526}25272528.peach-note-textarea:focus {2529 border-color: var(--peach-t2);2530}25312532.peach-note-char-count {2533 font-family: "IBM Plex Mono", monospace;2534 font-size: 9px;2535 color: var(--peach-t3);2536 text-align: right;2537 margin-top: 4px;2538 letter-spacing: 0.1em;2539}254025412542.peach-new-field-input {2543 width: 100%;2544 background: transparent;2545 border: none;2546 border-bottom: 1px solid var(--peach-t3);2547 padding: 4px 0;2548 color: var(--peach-t1);2549 font-family: "IBM Plex Mono", monospace;2550 font-size: 13px;2551 outline: none;2552 transition: border-color 150ms ease;2553}25542555.peach-new-field-input:focus {2556 border-bottom-color: var(--peach-t0);2557 color: var(--peach-t0);2558}25592560.peach-new-name-input {2561 width: 100%;2562 background: transparent;2563 border: none;2564 border-bottom: 1px solid var(--peach-t3);2565 padding: 6px 0;2566 font-family: "Cormorant Garamond", Georgia, serif;2567 font-style: italic;2568 font-size: 28px;2569 color: var(--peach-t0);2570 outline: none;2571 transition: border-color 150ms ease;2572}25732574.peach-new-name-input:focus {2575 border-bottom-color: var(--peach-t1);2576}25772578.peach-new-name-input::placeholder {2579 color: var(--peach-t2);2580 font-style: italic;2581}25822583.peach-new-field-input::placeholder {2584 color: var(--peach-t3);2585}258625872588#hd-shell {2589 animation: hd-shell-enter 700ms cubic-bezier(0.34, 1.56, 0.64, 1) 200ms both;2590}2591@keyframes hd-shell-enter {2592 from { opacity: 0; transform: scale(0.96) translateY(16px); }2593 to { opacity: 1; transform: scale(1) translateY(0); }2594}259525962597@keyframes peach-char-enter {2598 from { opacity: 0; transform: translateY(0.22em); }2599 to { opacity: 1; transform: translateY(0); }2600}2601@keyframes peach-content-enter {2602 from { opacity: 0.96; transform: translateY(4px); }2603 to { opacity: 1; transform: translateY(0); }2604}2605@keyframes peach-content-exit {2606 from { opacity: 1; transform: translateY(0); }2607 to { opacity: 0.92; transform: translateY(-3px); }2608}2609@keyframes peach-screen-enter {2610 from { opacity: 0; transform: translateY(14px); }2611 to { opacity: 1; transform: translateY(0); }2612}2613@keyframes peach-shell-fade-in {2614 from { opacity: 0; }2615 to { opacity: 1; }2616}2617@keyframes peach-veil-in {2618 from { opacity: 0; }2619 to { opacity: 1; }2620}2621@keyframes peach-lock-settle {2622 0% { transform: scale(0.9); }2623 65% { transform: scale(1.08); }2624 100% { transform: scale(1); }2625}2626@keyframes peach-copy-confirm {2627 from { color: var(--peach-t2); border-color: var(--peach-t3); background-color: transparent; box-shadow: none; }2628 to { color: var(--peach-accent); border-color: color-mix(in srgb, var(--peach-accent) 42%, transparent); background-color: color-mix(in srgb, var(--peach-accent) 9%, transparent); box-shadow: 0 0 18px color-mix(in srgb, var(--peach-accent) 22%, transparent), inset 0 0 18px color-mix(in srgb, var(--peach-accent) 12%, transparent); }2629}2630@keyframes peach-copy-retreat {2631 from { color: var(--peach-accent); border-color: color-mix(in srgb, var(--peach-accent) 42%, transparent); background-color: color-mix(in srgb, var(--peach-accent) 9%, transparent); box-shadow: 0 0 18px color-mix(in srgb, var(--peach-accent) 22%, transparent), inset 0 0 18px color-mix(in srgb, var(--peach-accent) 12%, transparent); }2632 to { color: var(--peach-t2); border-color: var(--peach-t3); background-color: transparent; box-shadow: none; }2633}2634@keyframes peach-copy-flood {2635 from { opacity: 0; transform: scaleX(0.15); }2636 to { opacity: 1; transform: scaleX(1); }2637}2638@keyframes peach-copy-icon-settle {2639 from { transform: scale(0.84); }2640 70% { transform: scale(1.08); }2641 to { transform: scale(1); }2642}2643@keyframes peach-copy-sheen-retreat {2644 from { opacity: 1; transform: scaleX(1); }2645 to { opacity: 0; transform: scaleX(0.15); }2646}2647@keyframes peach-copy-drain {2648 from { width: 100%; }2649 to { width: 0; }2650}2651@keyframes peach-shake {2652 0%, 100% { transform: translateX(0); }2653 20% { transform: translateX(-6px); }2654 40% { transform: translateX(6px); }2655 60% { transform: translateX(-4px); }2656 80% { transform: translateX(4px); }2657}26582659@keyframes pip-pulse {2660 0% { transform: scale(1); }2661 40% { transform: scale(2.2); }2662 100% { transform: scale(1); }2663}2664266526662667.peach-pwgen-body {2668 flex: 1; overflow-y: auto;2669 display: flex; flex-direction: column;2670}2671.peach-policy-badge {2672 display: flex; align-items: center;2673 padding: 6px 20px 0;2674 font-size: 10px; font-family: Inter, sans-serif;2675 color: var(--peach-t2); letter-spacing: 0.04em;2676}2677.peach-pwgen-display {2678 padding: 14px 20px 12px;2679 border-bottom: 1px solid var(--peach-t3);2680 display: flex; align-items: flex-start; gap: 10px;2681}2682.peach-pwgen-display-row {2683 display: flex;2684 align-items: flex-start;2685 gap: 8px;2686 padding-bottom: 8px;2687 border-bottom: 1px solid var(--peach-t3);2688}2689.peach-pwgen-output {2690 flex: 1; min-width: 0; margin: 0;2691 font-family: "IBM Plex Mono", monospace;2692 font-size: 13px; color: var(--peach-t0);2693 line-height: 1.6; word-break: break-all; overflow-wrap: break-word;2694 white-space: normal;2695 padding: 10px 12px;2696 background: var(--peach-t4);2697 border-radius: 6px;2698 min-height: 36px;2699}2700.peach-pwgen-output-display {2701 flex: 1;2702 min-width: 0;2703 margin: 0;2704 font-family: "Cormorant Garamond", "Times New Roman", serif;2705 font-style: italic;2706 font-weight: 300;2707 font-size: 32px;2708 line-height: 1.05;2709 color: var(--peach-t0);2710 word-break: break-all;2711 overflow-wrap: break-word;2712 white-space: normal;2713 letter-spacing: 0.02em;2714}2715.peach-pwgen-display-actions {2716 display: flex;2717 flex-direction: column;2718 gap: 4px;2719 flex-shrink: 0;2720 margin-top: 2px;2721}2722.peach-pwgen-settings { padding: 12px 20px 14px; display: flex; flex-direction: column; gap: 14px; }2723.peach-pwgen-length-row { display: flex; flex-direction: column; gap: 6px; }2724.peach-pwgen-length-labels { display: flex; justify-content: space-between; align-items: center; }2725.peach-pwgen-len-num {2726 font-family: "IBM Plex Mono", monospace;2727 font-size: 12px; color: var(--peach-accent);2728}2729.peach-pwgen-slider { width: 100%; accent-color: var(--peach-accent); cursor: pointer; height: 2px; }2730.peach-pwgen-toggles { display: flex; flex-direction: column; }2731.peach-pwgen-charset-pills {2732 display: flex;2733 gap: 6px;2734 flex-wrap: wrap;2735}2736.peach-pwgen-pill {2737 padding: 4px 11px;2738 border-radius: 999px;2739 border: 1px solid var(--peach-t3);2740 background: transparent;2741 color: var(--peach-t2);2742 font-family: "IBM Plex Mono", monospace;2743 font-size: 9px;2744 letter-spacing: 0.08em;2745 cursor: pointer;2746 transition: all 150ms ease;2747}2748.peach-pwgen-pill.is-on {2749 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);2750 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);2751 color: var(--peach-accent);2752}2753.peach-pwgen-pill:not(.is-on):hover {2754 color: var(--peach-t1);2755 border-color: var(--peach-t2);2756}2757.peach-pwgen-use-btn {2758 width: 100%;2759 min-height: 34px;2760 border-radius: 8px;2761 margin-top: 2px;2762}2763.peach-pwgen-toggle-row {2764 display: flex; align-items: center; justify-content: space-between;2765 padding: 6px 0; border-bottom: 1px solid var(--peach-t3);2766}2767.peach-pwgen-toggle-row:last-child { border-bottom: none; }2768.peach-pwgen-toggle-label { font-size: 13px; color: var(--peach-t1); }27692770.peach-screen-prelock {2771 z-index: 10;2772}27732774.prelock-form {2775 display: grid;2776 gap: 12px;2777}277827792780.peach-settings-body,2781.peach-new-body,2782.peach-pwgen-body,2783.lock-screen,2784.peach-import-preview {2785 scrollbar-width: none;2786 -ms-overflow-style: none;2787 overscroll-behavior: contain;2788}2789.peach-settings-body::-webkit-scrollbar,2790.peach-new-body::-webkit-scrollbar,2791.peach-pwgen-body::-webkit-scrollbar,2792.lock-screen::-webkit-scrollbar,2793.peach-import-preview::-webkit-scrollbar {2794 width: 0;2795 height: 0;2796 display: none;2797}27982799.lock-screen {2800 height: 100%;2801 min-height: 100%;2802 overflow-y: auto;2803 padding: 18px 18px 16px;2804 gap: 14px;2805 grid-template-rows: auto auto auto 1fr auto;2806 align-content: stretch;2807 position: relative;2808 isolation: isolate;2809}2810.peach-screen.lock-screen--vault-stage {2811 display: flex;2812 flex-direction: column;2813 justify-content: flex-start;2814 gap: 18px;2815 padding: 20px 18px 18px;2816 overflow: hidden;2817}2818.peach-screen.lock-screen--vault-stage .peach-lock-panel {2819 margin-top: auto;2820}2821.lock-screen--onboarding {2822 display: flex;2823 flex-direction: column;2824 gap: 12px;2825 justify-content: flex-start;2826}28272828.lock-screen::before {2829 content: "";2830 position: absolute;2831 inset: 12px 18px auto auto;2832 width: 160px;2833 height: 160px;2834 border-radius: 999px;2835 background:2836 radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--peach-accent) 18%, transparent) 0%, color-mix(in srgb, var(--peach-accent) 6%, transparent) 42%, transparent 72%);2837 filter: blur(6px);2838 opacity: 0.7;2839 pointer-events: none;2840 z-index: 0;2841}28422843.lock-screen-header {2844 display: flex;2845 align-items: center;2846 justify-content: space-between;2847 position: relative;2848 z-index: 1;2849}28502851.lock-password-input.shake {2852 animation: peach-shake 300ms ease-in-out;2853}28542855.peach-hint-error {2856 color: rgba(220, 80, 60, 0.92);2857}28582859.peach-onboarding-headline {2860 margin: 0;2861 font-family: "Cormorant Garamond", "Times New Roman", serif;2862 font-size: 35px;2863 line-height: 0.88;2864 font-style: italic;2865 font-weight: 400;2866 max-width: 252px;2867}28682869.peach-lock-copy {2870 display: grid;2871 gap: 8px;2872 position: relative;2873 z-index: 1;2874}28752876.peach-lock-copy--onboarding {2877 gap: 10px;2878}28792880.peach-lock-hero {2881 position: relative;2882 z-index: 1;2883 display: grid;2884 gap: 8px;2885 min-height: 0;2886 padding: 4px 2px 0;2887 border: none;2888 border-radius: 0;2889 background: transparent;2890 box-shadow: none;2891}2892.peach-lock-hero-art {2893 position: absolute;2894 right: -8px;2895 top: -6px;2896 width: 120px;2897 height: 120px;2898 display: flex;2899 align-items: center;2900 justify-content: center;2901 pointer-events: none;2902 opacity: 0.12;2903 filter: saturate(0.9);2904}2905.peach-lock-hero-mark {2906 width: 100%;2907 height: 100%;2908}2909291029112912.peach-lock-hero-mark path:nth-child(2),2913.peach-lock-hero-mark path:nth-child(3) {2914 stroke: rgba(123, 144, 96, 0.88);2915 fill: rgba(123, 144, 96, 0.88);2916}2917.peach-lock-hero > *:not(.peach-lock-hero-art) {2918 position: relative;2919 z-index: 1;2920}29212922.peach-lock-eyebrow {2923 display: inline-flex;2924 align-items: center;2925 width: fit-content;2926 padding: 4px 9px;2927 border-radius: 999px;2928 border: 1px solid color-mix(in srgb, var(--peach-accent) 22%, transparent);2929 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);2930 color: var(--peach-t0);2931 font-family: "IBM Plex Mono", monospace;2932 font-size: 8px;2933 letter-spacing: 0.18em;2934 text-transform: uppercase;2935}29362937.peach-lock-label-row {2938 display: flex;2939 align-items: center;2940 justify-content: space-between;2941 margin-bottom: 0;2942}29432944.peach-lock-reveal-btn {2945 display: inline-flex;2946 align-items: center;2947 gap: 4px;2948 background: none;2949 border: none;2950 cursor: pointer;2951 font-family: "IBM Plex Mono", monospace;2952 font-size: 9px;2953 letter-spacing: 0.06em;2954 color: var(--peach-t2);2955 padding: 2px 0;2956 transition: color 150ms ease;2957}29582959.peach-lock-reveal-btn:hover {2960 color: var(--peach-t1);2961}29622963.peach-lock-warning {2964 color: rgba(220, 80, 60, 0.85) !important;2965 line-height: 1.5;2966}29672968.peach-onboarding-cards {2969 display: grid;2970 gap: 8px;2971 position: relative;2972 z-index: 1;2973}29742975.peach-lock-panel {2976 position: relative;2977 z-index: 1;2978 display: grid;2979 gap: 9px;2980 padding: 14px 16px 15px;2981 border-radius: 18px;2982 border: 1px solid var(--peach-t3);2983 background:2984 linear-gradient(180deg, rgba(240, 232, 216, 0.03), rgba(240, 232, 216, 0.015));2985 box-shadow:2986 inset 0 1px 0 rgba(240, 232, 216, 0.04),2987 0 12px 28px rgba(0, 0, 0, 0.12);2988}29892990.peach-lock-panel--secondary {2991 gap: 12px;2992}29932994.peach-lock-panel-header {2995 display: flex;2996 align-items: baseline;2997 justify-content: space-between;2998 gap: 12px;2999}30003001.peach-lock-option-grid {3002 display: grid;3003 gap: 10px;3004}30053006.peach-lock-option {3007 width: 100%;3008 display: grid;3009 gap: 6px;3010 padding: 14px 15px;3011 border-radius: 16px;3012 border: 1px solid rgba(240, 232, 216, 0.08);3013 background: rgba(240, 232, 216, 0.02);3014 color: var(--peach-t0);3015 text-align: left;3016 transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;3017}30183019.peach-lock-option:hover {3020 border-color: color-mix(in srgb, var(--peach-accent) 28%, transparent);3021 background: rgba(240, 232, 216, 0.04);3022 transform: translateY(-1px);3023}30243025.peach-lock-option-title {3026 font-size: 12px;3027 color: var(--peach-t0);3028}30293030.peach-lock-option-copy {3031 font-size: 11px;3032 line-height: 1.55;3033 color: var(--peach-t1);3034}30353036.peach-onboarding-stack {3037 margin-top: 2px;3038}3039.peach-lock-panel-footer {3040 display: grid;3041 gap: 6px;3042 margin-top: 2px;3043 padding-top: 10px;3044 border-top: 1px solid rgba(240, 232, 216, 0.06);3045}304630473048.peach-lock-panel--restore {3049 gap: 10px;3050}3051.peach-lock-option--history {3052 border-color: rgba(240, 232, 216, 0.06);3053 opacity: 0.85;3054}305530563057.peach-snapshot-panel {3058 gap: 10px;3059 overflow-y: auto;3060 max-height: 340px;3061}3062.peach-snapshot-list {3063 display: flex;3064 flex-direction: column;3065 gap: 4px;3066}3067.peach-snapshot-row {3068 display: flex;3069 align-items: center;3070 justify-content: space-between;3071 width: 100%;3072 padding: 8px 10px;3073 border-radius: 8px;3074 border: 1px solid rgba(240, 232, 216, 0.07);3075 background: transparent;3076 cursor: pointer;3077 transition: border-color 120ms, background 120ms;3078 text-align: left;3079 gap: 8px;3080}3081.peach-snapshot-row:hover {3082 border-color: rgba(240, 232, 216, 0.14);3083 background: rgba(240, 232, 216, 0.03);3084}3085.peach-snapshot-row.is-selected {3086 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);3087 background: color-mix(in srgb, var(--peach-accent) 7%, transparent);3088}3089.peach-snapshot-time {3090 font-size: 11.5px;3091 color: var(--peach-t0);3092 flex: 1;3093}3094.peach-snapshot-count {3095 font-family: "IBM Plex Mono", monospace;3096 font-size: 10px;3097 color: var(--peach-t2);3098 flex-shrink: 0;3099}3100.peach-snapshot-confirm {3101 display: flex;3102 flex-direction: column;3103 gap: 8px;3104 padding-top: 10px;3105 border-top: 1px solid rgba(240, 232, 216, 0.06);3106}3107.peach-snapshot-warning {3108 display: flex;3109 align-items: flex-start;3110 gap: 6px;3111 font-size: 10.5px;3112 color: rgba(220, 80, 60, 0.85);3113 line-height: 1.55;3114}3115.peach-snapshot-warning svg { flex-shrink: 0; margin-top: 2px; }3116.peach-snapshot-confirm-row {3117 display: flex;3118 gap: 6px;3119 align-items: center;3120}3121.peach-snapshot-restore-btn {3122 width: 100%;3123}3124.peach-lock-hero--unlock .peach-lock-hero-art {3125 width: 112px;3126 height: 112px;3127 right: 0;3128 top: 2px;3129 opacity: 0.1;3130}31313132.peach-card {3133 border: 1px solid var(--peach-t3);3134 border-radius: 18px;3135 background:3136 linear-gradient(180deg, rgba(240, 232, 216, 0.03) 0%, rgba(240, 232, 216, 0.015) 100%);3137 box-shadow:3138 inset 0 0 0 1px var(--peach-border-accent),3139 inset 0 1px 0 rgba(240, 232, 216, 0.04),3140 0 12px 32px rgba(0, 0, 0, 0.14);3141 overflow: hidden;3142}31433144.peach-card-active {3145 border-color: color-mix(in srgb, var(--peach-accent) 35%, transparent);3146 box-shadow:3147 inset 0 1px 0 rgba(240, 232, 216, 0.05),3148 0 16px 38px rgba(0, 0, 0, 0.18),3149 0 0 0 1px color-mix(in srgb, var(--peach-accent) 8%, transparent);3150}31513152.peach-card-disabled {3153 opacity: 0.72;3154}31553156.peach-card-header {3157 width: 100%;3158 padding: 13px 16px 11px;3159 background: transparent;3160 color: var(--peach-t0);3161 display: flex;3162 justify-content: space-between;3163 align-items: center;3164 text-align: left;3165 font-size: 12px;3166}31673168.peach-card-body {3169 padding: 0 16px 16px;3170 display: grid;3171 gap: 9px;3172}31733174.peach-card-tag {3175 color: var(--peach-t2);3176 font-family: "IBM Plex Mono", monospace;3177 font-size: 9px;3178 letter-spacing: 0.12em;3179 text-transform: uppercase;3180}31813182.peach-empty-copy {3183 display: grid;3184 gap: 6px;3185 color: var(--peach-t1);3186 font-size: 13px;3187}31883189.peach-lock-submit {3190 width: 100%;3191 box-shadow: 0 14px 36px color-mix(in srgb, var(--peach-accent) 22%, transparent);3192}31933194.peach-lock-secondary {3195 width: 100%;3196 border-color: var(--peach-t3);3197 background: rgba(240, 232, 216, 0.02);3198}31993200.peach-lock-secondary:hover {3201 background: rgba(240, 232, 216, 0.04);3202}32033204.peach-lock-note {3205 max-width: none;3206 line-height: 1.55;3207 margin: 0;3208}32093210.peach-overlay-action {3211 font-size: 10px;3212 padding: 4px 8px;3213 letter-spacing: 0.06em;3214 min-width: 44px;3215 text-align: center;3216}32173218.peach-overlay-spacer {3219 width: 32px;3220}32213222.peach-inline-action {3223 flex-shrink: 0;3224 font-size: 9px;3225 letter-spacing: 0.1em;3226 text-transform: uppercase;3227 padding: 4px 7px;3228}3229.peach-password-toggle-btn {3230 display: inline-flex;3231 align-items: center;3232 justify-content: center;3233 min-width: 30px;3234 min-height: 26px;3235 padding: 0 7px;3236 border: 1px solid var(--peach-t3);3237 border-radius: 999px;3238 background: rgba(240, 232, 216, 0.04);3239 color: var(--peach-t2);3240 transition: border-color 140ms ease, color 140ms ease, background 140ms ease;3241}3242.peach-password-toggle-btn:hover {3243 border-color: var(--peach-t2);3244 color: var(--peach-t0);3245 background: rgba(240, 232, 216, 0.06);3246}32473248.peach-new-textarea {3249 width: 100%;3250 min-height: 88px;3251 resize: vertical;3252 border: 0;3253 outline: none;3254 background: transparent;3255 color: var(--peach-t1);3256 font-family: "IBM Plex Mono", monospace;3257 font-size: 12px;3258 line-height: 1.65;3259 caret-color: var(--peach-accent);3260}32613262.peach-new-textarea::placeholder {3263 color: var(--peach-t2);3264 opacity: 0.7;3265}32663267.peach-settings-actions {3268 display: grid;3269 gap: 8px;3270}32713272.peach-sync-section-label {3273 font-size: 11px;3274 color: var(--peach-t2);3275 text-transform: uppercase;3276 letter-spacing: 0.05em;3277}32783279.peach-sync-device-row {3280 display: flex;3281 justify-content: space-between;3282 align-items: center;3283 padding: 6px 0;3284 border-bottom: 1px solid var(--peach-t3);3285}32863287.peach-sync-device-info {3288 display: flex;3289 flex-direction: column;3290 gap: 2px;3291}32923293.peach-sync-device-name {3294 font-size: 13px;3295 color: var(--peach-t0);3296}32973298.peach-sync-device-meta {3299 font-size: 11px;3300 color: var(--peach-t2);3301}33023303.peach-sync-status-dot {3304 display: inline-block;3305 width: 8px;3306 height: 8px;3307 border-radius: 50%;3308 vertical-align: middle;3309}33103311.peach-sync-remove-btn {3312 color: var(--peach-breach);3313}33143315.peach-import-preview {3316 margin-bottom: 12px;3317 max-height: 152px;3318 overflow-y: auto;3319 border: 1px solid var(--peach-t3);3320 border-radius: 10px;3321 padding: 8px 10px;3322 display: grid;3323 gap: 8px;3324 background: rgba(240, 232, 216, 0.02);3325}33263327.peach-import-preview-row {3328 display: flex;3329 justify-content: space-between;3330 gap: 10px;3331 font-size: 11px;3332 color: var(--peach-t1);3333}33343335.peach-import-preview-title {3336 color: var(--peach-t0);3337 flex: 1;3338 min-width: 0;3339 overflow: hidden;3340 text-overflow: ellipsis;3341 white-space: nowrap;3342}33433344.peach-import-preview-meta {3345 color: var(--peach-t2);3346 flex-shrink: 0;3347 max-width: 42%;3348 overflow: hidden;3349 text-overflow: ellipsis;3350 white-space: nowrap;3351}33523353.peach-import-preview-more {3354 color: var(--peach-t2);3355 font-size: 10px;3356}33573358.peach-restore-copy {3359 margin: 0;3360 color: var(--peach-t1);3361 font-size: 11px;3362 line-height: 1.6;3363}33643365.peach-restore-warning {3366 padding: 10px 12px;3367 border-radius: 12px;3368 border: 1px solid rgba(220, 80, 60, 0.22);3369 background: rgba(220, 80, 60, 0.08);3370 color: rgba(240, 232, 216, 0.86);3371 font-size: 11px;3372 line-height: 1.55;3373}33743375.peach-provider-chips {3376 display: flex;3377 flex-wrap: wrap;3378 gap: 6px;3379}33803381.peach-provider-chip {3382 display: inline-flex;3383 align-items: center;3384 padding: 5px 8px;3385 border-radius: 999px;3386 border: 1px solid var(--peach-t3);3387 background: rgba(240, 232, 216, 0.02);3388 color: var(--peach-t1);3389 font-family: "IBM Plex Mono", monospace;3390 font-size: 8px;3391 letter-spacing: 0.08em;3392 text-transform: uppercase;3393}33943395.peach-restore-file,3396.peach-restore-input {3397 width: 100%;3398 border-radius: 10px;3399 border: 1px solid var(--peach-t3);3400 background: var(--peach-s2);3401 color: var(--peach-t0);3402 font-size: 12px;3403}34043405.peach-restore-file {3406 padding: 9px 10px;3407}34083409.peach-restore-file::file-selector-button {3410 margin-right: 10px;3411 padding: 7px 10px;3412 border: 1px solid color-mix(in srgb, var(--peach-accent) 28%, transparent);3413 border-radius: 999px;3414 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);3415 color: var(--peach-t0);3416 font-size: 10px;3417 letter-spacing: 0.08em;3418 text-transform: uppercase;3419 cursor: pointer;3420}34213422.peach-restore-input {3423 padding: 10px 12px;3424}34253426.peach-auth-grid {3427 display: grid;3428 gap: 10px;3429}34303431.peach-import-summary {3432 color: var(--peach-t1);3433 font-size: 12px;3434 line-height: 1.6;3435 margin-bottom: 12px;3436}34373438.peach-restore-error {3439 color: rgba(220, 80, 60, 0.95);3440 font-size: 12px;3441 line-height: 1.55;3442}34433444.peach-cjk-qr-panel {3445 margin-top: 14px;3446 padding: 12px;3447 border-radius: 16px;3448 border: 1px solid var(--peach-t3);3449 background: rgba(240, 232, 216, 0.02);3450 display: grid;3451 gap: 10px;3452}34533454.peach-cjk-qr-frame {3455 display: grid;3456 place-items: center;3457 min-height: 212px;3458 border-radius: 14px;3459 background: #fff;3460 overflow: hidden;3461}34623463.peach-cjk-qr-frame svg {3464 display: block;3465 width: 196px;3466 height: 196px;3467}34683469.peach-cjk-qr-error,3470.peach-cjk-qr-caption {3471 color: var(--peach-t1);3472 font-size: 11px;3473 line-height: 1.55;3474}34753476.peach-cjk-qr-card {3477 max-width: 400px;3478 margin: auto;3479}34803481.peach-cjk-qr-body {3482 padding: 0 20px 20px;3483 text-align: center;3484}34853486.peach-cjk-qr-hint {3487 font-size: 11px;3488 color: var(--peach-t2);3489 margin: 0 0 14px;3490}34913492.peach-cjk-qr-image {3493 border-radius: 4px;3494 display: block;3495 margin: 0 auto;3496 width: 100%;3497 max-width: 320px;3498 height: auto;3499}35003501.peach-pro-badge {3502 padding: 2px 6px;3503 border-radius: 999px;3504 font-family: var(--font-ui);3505 font-size: 10px;3506 letter-spacing: 0.08em;3507 text-transform: uppercase;3508 background: color-mix(in srgb, var(--peach-accent) 14%, transparent);3509 color: var(--peach-accent);3510}35113512.peach-loading {3513 position: absolute;3514 inset: 0;3515 display: flex;3516 align-items: center;3517 justify-content: center;3518 background: var(--bg);3519 animation: peach-loading-pulse 1.2s ease-in-out infinite;3520}35213522@keyframes peach-loading-pulse {3523 0%, 100% { opacity: 0.6; }3524 50% { opacity: 1; }3525}352635273528.peach-health-body {3529 flex: 1;3530 overflow-y: auto;3531 display: flex;3532 flex-direction: column;3533}35343535.peach-health-summary {3536 padding: 10px 16px 6px;3537 font-family: "IBM Plex Mono", monospace;3538 font-size: 11px;3539}3540.peach-health-summary-warn { color: rgba(220,80,60,0.9); }3541.peach-health-summary-ok { color: var(--peach-t2); }35423543.peach-health-check-row {3544 padding: 0 16px 10px;3545}3546.peach-health-check-btn {3547 width: 100%;3548 display: flex;3549 align-items: center;3550 justify-content: center;3551}35523553.peach-health-sections {3554 flex: 1;3555 display: flex;3556 flex-direction: column;3557}35583559.peach-health-section {3560 border-bottom: 1px solid var(--peach-t3);3561}35623563.peach-health-section-header {3564 width: 100%;3565 display: flex;3566 align-items: center;3567 justify-content: space-between;3568 padding: 9px 16px;3569 background: transparent;3570 cursor: pointer;3571 color: var(--peach-t0);3572}35733574.peach-health-section-title-row {3575 display: flex;3576 align-items: center;3577 gap: 8px;3578}35793580.peach-health-count-badge {3581 display: inline-flex;3582 align-items: center;3583 justify-content: center;3584 min-width: 20px;3585 height: 18px;3586 padding: 0 5px;3587 border-radius: 999px;3588 background: rgba(220,80,60,0.15);3589 border: 1px solid rgba(220,80,60,0.25);3590 font-family: "IBM Plex Mono", monospace;3591 font-size: 9px;3592 color: rgba(220,80,60,0.9);3593}35943595.peach-health-section-title {3596 font-family: "IBM Plex Mono", monospace;3597 font-size: 11px;3598 text-transform: uppercase;3599 letter-spacing: 0.1em;3600 color: var(--peach-t1);3601}36023603.peach-health-chevron {3604 color: var(--peach-t2);3605 transition: transform 200ms ease;3606 flex-shrink: 0;3607}3608.peach-health-chevron.is-expanded {3609 transform: rotate(180deg);3610}36113612.peach-health-section-body {3613 padding: 0 16px 10px;3614 display: flex;3615 flex-direction: column;3616 gap: 4px;3617}36183619.peach-health-row {3620 display: flex;3621 align-items: flex-start;3622 justify-content: space-between;3623 gap: 8px;3624 padding: 6px 8px;3625 border-radius: 8px;3626 background: rgba(240,232,216,0.02);3627}36283629.peach-health-row-info {3630 flex: 1;3631 min-width: 0;3632 display: flex;3633 flex-direction: column;3634 gap: 2px;3635}36363637.peach-health-row-name {3638 font-family: "Cormorant Garamond", serif;3639 font-size: 15px;3640 font-style: italic;3641 font-weight: 400;3642 color: var(--peach-t0);3643 white-space: nowrap;3644 overflow: hidden;3645 text-overflow: ellipsis;3646}36473648.peach-health-row-meta {3649 font-family: "IBM Plex Mono", monospace;3650 font-size: 9px;3651 color: var(--peach-t2);3652 letter-spacing: 0.05em;3653}36543655.peach-health-fix-btn {3656 font-size: 9px;3657 letter-spacing: 0.08em;3658 text-transform: uppercase;3659 padding: 4px 7px;3660 flex-shrink: 0;3661 display: flex;3662 align-items: center;3663}36643665.peach-health-empty {3666 font-family: "IBM Plex Mono", monospace;3667 font-size: 10px;3668 color: var(--peach-t2);3669 padding: 6px 0;3670}36713672.peach-health-loading {3673 font-family: "IBM Plex Mono", monospace;3674 font-size: 10px;3675 color: var(--peach-t2);3676 padding: 6px 0;3677 display: flex;3678 align-items: center;3679 gap: 6px;3680}36813682.peach-health-loading::before {3683 content: "";3684 width: 10px;3685 height: 10px;3686 border: 1.5px solid var(--peach-t3);3687 border-top-color: var(--peach-accent);3688 border-radius: 50%;3689 animation: peach-spin 600ms linear infinite;3690}36913692@keyframes peach-spin {3693 to { transform: rotate(360deg); }3694}36953696.peach-spinner {3697 width: 32px;3698 height: 32px;3699 border: 2px solid var(--peach-s2);3700 border-top-color: var(--peach-accent);3701 border-radius: 50%;3702 margin: 0 auto 16px;3703 animation: peach-spin 0.8s linear infinite;3704}37053706.peach-progress-screen {3707 text-align: center;3708 padding: 32px 16px;3709}37103711.peach-progress-screen-title {3712 font-size: 13px;3713 color: var(--peach-t0);3714 margin-bottom: 16px;3715}37163717.peach-progress-screen-stage {3718 font-size: 11px;3719 color: var(--peach-t2);3720 min-height: 14px;3721}37223723.peach-progress-screen-note {3724 font-size: 10px;3725 color: var(--peach-t2);3726 margin-top: 8px;3727}37283729.peach-pairing-body {3730 flex: 1;3731 overflow-y: auto;3732 display: flex;3733 flex-direction: column;3734}37353736.peach-pairing-content {3737 flex: 1;3738 display: flex;3739 flex-direction: column;3740 align-items: center;3741 justify-content: center;3742 gap: 14px;3743 padding: 28px 20px;3744 text-align: center;3745}37463747.peach-pairing-headline {3748 font-family: var(--font-display);3749 font-style: italic;3750 font-weight: 300;3751 font-size: 28px;3752 color: var(--peach-t0);3753 margin: 0;3754 line-height: 1;3755}37563757.peach-pairing-subline {3758 font-size: 12px;3759 color: var(--peach-t2);3760 max-width: 220px;3761 line-height: 1.5;3762 margin: 0;3763}37643765.peach-pairing-subline--center {3766 text-align: center;3767}37683769.peach-pairing-code-display {3770 display: flex;3771 gap: 6px;3772}37733774.peach-pairing-code-digit {3775 display: flex;3776 align-items: center;3777 justify-content: center;3778 width: 36px;3779 height: 48px;3780 background: var(--peach-s2);3781 border: 1px solid var(--peach-t3);3782 border-radius: 6px;3783 font-family: var(--font-mono);3784 font-size: 22px;3785 color: var(--peach-t0);3786 letter-spacing: 0;3787}37883789.peach-pairing-countdown-ring {3790 position: relative;3791 display: inline-flex;3792 align-items: center;3793 justify-content: center;3794}37953796.peach-pairing-countdown-num {3797 position: absolute;3798 font-family: var(--font-mono);3799 font-size: 14px;3800 color: var(--peach-t1);3801}38023803.peach-pairing-ring-track {3804 fill: none;3805 stroke: var(--peach-t3);3806 stroke-width: 2;3807}38083809.peach-pairing-ring-progress {3810 fill: none;3811 stroke: var(--peach-accent);3812 stroke-width: 2;3813 stroke-linecap: round;3814 transform: rotate(-90deg);3815 transform-origin: 50% 50%;3816 transition: stroke-dashoffset 0.5s linear;3817}38183819.peach-pairing-code-inputs {3820 display: flex;3821 gap: 8px;3822}38233824.peach-pairing-code-box {3825 width: 36px;3826 height: 48px;3827 text-align: center;3828 background: var(--peach-s2);3829 border: 1px solid var(--peach-t3);3830 border-radius: 6px;3831 font-family: var(--font-mono);3832 font-size: 20px;3833 color: var(--peach-t0);3834 outline: none;3835 transition: border-color 120ms ease;3836}38373838.peach-pairing-code-box:focus {3839 border-color: var(--peach-accent);3840}38413842.peach-pairing-code-box.has-error {3843 border-color: rgba(220, 80, 60, 0.45);3844}38453846.peach-pairing-status {3847 display: flex;3848 align-items: center;3849 gap: 8px;3850 margin: 0;3851 font-size: 12px;3852 color: var(--peach-t1);3853}38543855.peach-pairing-error {3856 margin: 0;3857 font-size: 11px;3858 color: var(--peach-breach);3859}38603861.peach-pairing-error-msg {3862 color: var(--peach-t1);3863}38643865.peach-pairing-spinner {3866 width: 12px;3867 height: 12px;3868 border: 1.5px solid var(--peach-t3);3869 border-top-color: var(--peach-accent);3870 border-radius: 50%;3871 animation: peach-spin 0.8s linear infinite;3872}38733874.peach-pairing-success-icon,3875.peach-pairing-error-icon,3876.peach-pairing-hero {3877 display: inline-flex;3878 align-items: center;3879 justify-content: center;3880}388138823883.peach-tag-chip {3884 display: inline-flex;3885 align-items: center;3886 gap: 4px;3887 padding: 3px 8px;3888 border-radius: 999px;3889 border: 1px solid color-mix(in srgb, var(--peach-accent) 28%, transparent);3890 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);3891 color: rgba(240, 232, 216, 0.85);3892 font-family: "IBM Plex Mono", monospace;3893 font-size: 10px;3894 letter-spacing: 0.04em;3895}38963897.peach-tag-chip-remove {3898 background: transparent;3899 border: none;3900 color: inherit;3901 opacity: 0.6;3902 cursor: pointer;3903 padding: 0;3904 font-size: 12px;3905 line-height: 1;3906}39073908.peach-tag-chip-remove:hover {3909 opacity: 1;3910}391139123913.peach-tag-input-wrap {3914 border-bottom: 1px solid var(--peach-t3);3915}39163917.peach-tag-suggestions {3918 display: flex;3919 flex-wrap: wrap;3920 gap: 4px;3921 padding: 6px 0;3922}39233924.peach-tag-suggestion {3925 padding: 2px 8px;3926 border-radius: 999px;3927 border: 1px solid var(--peach-t3);3928 background: var(--peach-s2);3929 color: var(--peach-t1);3930 font-family: "IBM Plex Mono", monospace;3931 font-size: 10px;3932 cursor: pointer;3933 transition: border-color 80ms ease, background 80ms ease;3934}39353936.peach-tag-suggestion:hover {3937 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);3938 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);3939}394039413942.peach-tag-filter-strip {3943 border-bottom: 1px solid var(--peach-t3);3944 flex-shrink: 0;3945}39463947.peach-tag-filter-chip {3948 display: inline-flex;3949 align-items: center;3950 padding: 4px 10px;3951 border-radius: 999px;3952 border: 1px solid var(--peach-t3);3953 background: transparent;3954 color: var(--peach-t2);3955 font-family: "IBM Plex Mono", monospace;3956 font-size: 9px;3957 letter-spacing: 0.06em;3958 text-transform: uppercase;3959 cursor: pointer;3960 transition: border-color 120ms ease, color 120ms ease, background 120ms ease;3961 white-space: nowrap;3962}39633964.peach-tag-filter-chip:hover {3965 border-color: color-mix(in srgb, var(--peach-accent) 35%, transparent);3966 color: var(--peach-t1);3967}39683969.peach-tag-filter-chip.is-selected {3970 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);3971 background: color-mix(in srgb, var(--peach-accent) 12%, transparent);3972 color: rgba(240, 232, 216, 0.9);3973}3974397539763977397839793980.peach-sort-bar {3981 display: flex;3982 align-items: center;3983 gap: 4px;3984 padding: 5px 12px;3985 border-bottom: 1px solid var(--peach-t3);3986 flex-shrink: 0;3987 overflow-x: auto;3988 scrollbar-width: none;3989}39903991.peach-sort-btn {3992 padding: 2px 9px;3993 border-radius: 999px;3994 border: 1px solid transparent;3995 background: transparent;3996 color: var(--peach-t2);3997 font-family: "IBM Plex Mono", monospace;3998 font-size: 9px;3999 letter-spacing: 0.07em;4000 text-transform: uppercase;4001 cursor: pointer;4002 transition: border-color 120ms ease, color 120ms ease, background 120ms ease;4003 white-space: nowrap;4004}40054006.peach-sort-btn:hover {4007 border-color: color-mix(in srgb, var(--peach-accent) 30%, transparent);4008 color: var(--peach-t1);4009}40104011.peach-sort-btn.is-active {4012 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);4013 background: color-mix(in srgb, var(--peach-accent) 12%, transparent);4014 color: rgba(240, 232, 216, 0.9);4015}40164017.peach-sort-domain-hint {4018 margin-left: auto;4019 font-family: "IBM Plex Mono", monospace;4020 font-size: 9px;4021 color: color-mix(in srgb, var(--peach-accent) 60%, transparent);4022 white-space: nowrap;4023 overflow: hidden;4024 text-overflow: ellipsis;4025 max-width: 110px;4026}402740284029.peach-tab-match-badge {4030 display: inline-block;4031 width: 6px;4032 height: 6px;4033 border-radius: 50%;4034 background: color-mix(in srgb, var(--peach-accent) 75%, transparent);4035 margin-left: 5px;4036 vertical-align: middle;4037 flex-shrink: 0;4038 box-shadow: 0 0 4px color-mix(in srgb, var(--peach-accent) 40%, transparent);4039}40404041.peach-entry-row.is-tab-match {4042 background: color-mix(in srgb, var(--peach-accent) 4%, transparent);4043 border-bottom-color: color-mix(in srgb, var(--peach-accent) 8%, transparent);4044}40454046.peach-entry-row.is-tab-match:hover {4047 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);4048}404940504051@keyframes peach-entry-fadein {4052 from { opacity: 0; transform: translateY(4px); }4053 to { opacity: 1; transform: translateY(0); }4054}40554056.peach-vault-list .peach-entry-row {4057 animation: peach-entry-fadein 220ms cubic-bezier(0.16, 1, 0.3, 1) both;4058 content-visibility: auto;4059 contain-intrinsic-size: auto 44px;4060}406140624063.peach-btn:active {4064 transform: scale(0.95);4065 transition: transform 80ms cubic-bezier(0.34, 1.56, 0.64, 1);4066}40674068.peach-sort-btn:active,4069.peach-tag-filter-chip:active {4070 transform: scale(0.93);4071 transition: transform 80ms cubic-bezier(0.34, 1.56, 0.64, 1);4072}407340744075.peach-password-strength {4076 display: flex;4077 align-items: center;4078 gap: 8px;4079 margin-top: 6px;4080}40814082.peach-strength-bar {4083 flex: 1;4084 height: 3px;4085 border-radius: 2px;4086 background: var(--peach-t3);4087 overflow: hidden;4088}40894090.peach-strength-fill {4091 height: 100%;4092 border-radius: 2px;4093 transition: width 300ms cubic-bezier(0.34, 1.56, 0.64, 1),4094 background 300ms ease;4095}40964097.peach-strength-bar--weak .peach-strength-fill { width: 25%; background: rgba(220, 80, 60, 0.65); }4098.peach-strength-bar--fair .peach-strength-fill { width: 50%; background: rgba(200, 140, 60, 0.6); }4099.peach-strength-bar--good .peach-strength-fill { width: 75%; background: rgba(180, 162, 100, 0.55); }4100.peach-strength-bar--strong .peach-strength-fill { width: 100%; background: rgba(150, 175, 110, 0.6); }41014102.peach-strength-label {4103 font-family: "IBM Plex Mono", monospace;4104 font-style: italic;4105 font-size: 9px;4106 font-weight: 300;4107 letter-spacing: 0.06em;4108 color: var(--peach-t2);4109 min-width: 36px;4110 text-align: right;4111}41124113.peach-strength-bar--weak + .peach-strength-label { color: rgba(220, 80, 60, 0.65); }4114.peach-strength-bar--fair + .peach-strength-label { color: rgba(200, 140, 60, 0.6); }4115.peach-strength-bar--good + .peach-strength-label { color: rgba(180, 162, 100, 0.55); }4116.peach-strength-bar--strong + .peach-strength-label { color: rgba(150, 175, 110, 0.6); }411741184119.peach-duress-status {4120 padding: 2px 8px;4121 border-radius: 999px;4122 border: 1px solid var(--peach-t3);4123 font-family: "IBM Plex Mono", monospace;4124 font-size: 9px;4125 letter-spacing: 0.07em;4126 text-transform: uppercase;4127 color: var(--peach-t2);4128 flex-shrink: 0;4129}41304131.peach-duress-status.is-active {4132 border-color: color-mix(in srgb, var(--peach-accent) 45%, transparent);4133 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);4134 color: rgba(240, 232, 216, 0.85);4135}41364137.peach-duress-form {4138 padding: 8px 0 4px;4139 display: flex;4140 flex-direction: column;4141 gap: 6px;4142}41434144.peach-duress-form .peach-label {4145 margin-top: 4px;4146}41474148.peach-duress-actions {4149 display: flex;4150 gap: 6px;4151 align-items: center;4152 margin-top: 4px;4153}41544155.peach-duress-actions .peach-btn:first-child {4156 margin-right: auto;4157}415841594160.peach-overlay-view.ov-enter-up {4161 animation: ov-enter-up-spring 300ms cubic-bezier(0.34, 1.56, 0.64, 1) both;4162}41634164@keyframes ov-enter-up-spring {4165 from { opacity: 0; transform: translateY(16px) scale(0.98); }4166 to { opacity: 1; transform: translateY(0) scale(1); }4167}41684169.peach-overlay-view.ov-enter-right {4170 animation: ov-enter-right-spring 280ms cubic-bezier(0.34, 1.56, 0.64, 1) both;4171}41724173@keyframes ov-enter-right-spring {4174 from { opacity: 0; transform: translateX(18px) scale(0.98); }4175 to { opacity: 1; transform: translateX(0) scale(1); }4176}41774178417941804181.peach-lock-view {4182 position: absolute;4183 inset: 0;4184 display: flex;4185 flex-direction: column;4186 background:4187 radial-gradient(120% 80% at 0% 0%, var(--shell-accent-a) 0%, transparent 65%),4188 radial-gradient(85% 100% at 100% 100%, var(--shell-accent-b) 0%, transparent 70%),4189 var(--peach-bg);4190 z-index: 2;4191 overflow: hidden;4192 animation: peach-screen-enter 280ms cubic-bezier(0.16, 1, 0.3, 1) both;4193}41944195.peach-lock-view-header {4196 display: flex;4197 align-items: center;4198 justify-content: space-between;4199 padding: 16px 18px 12px;4200 flex-shrink: 0;4201}420242034204.peach-settings-select {4205 font-family: "IBM Plex Mono", monospace;4206 font-size: 11px;4207 background: transparent;4208 border: 1px solid var(--peach-t3);4209 border-radius: 4px;4210 color: var(--peach-t1);4211 padding: 3px 6px;4212 cursor: pointer;4213 outline: none;4214}4215.peach-settings-select:focus {4216 border-color: var(--peach-accent);4217}421842194220.peach-duress-status-pill {4221 font-family: "IBM Plex Mono", monospace;4222 font-size: 9px;4223 text-transform: uppercase;4224 letter-spacing: 0.12em;4225 padding: 2px 8px;4226 border-radius: 12px;4227 background: var(--peach-t3);4228 color: var(--peach-t2);4229 flex-shrink: 0;4230}4231.peach-duress-status-pill.is-active {4232 background: color-mix(in srgb, var(--peach-accent) 15%, transparent);4233 color: var(--peach-accent);4234}423542364237.peach-entry-advanced {4238 margin-top: 12px;4239 border-top: 1px solid var(--peach-t3);4240 padding-top: 10px;4241 position: relative;4242 z-index: 1;4243}4244.peach-entry-advanced-toggle {4245 display: flex;4246 align-items: center;4247 justify-content: space-between;4248 width: 100%;4249 background: transparent;4250 border: none;4251 cursor: pointer;4252 padding: 0;4253 color: var(--peach-t2);4254}4255.peach-canary-section {4256 margin-top: 10px;4257 display: grid;4258 gap: 6px;4259}426042614262.peach-import-choice {4263 display: flex;4264 align-items: flex-start;4265 gap: 10px;4266 padding: 8px 10px;4267 border: 1px solid var(--peach-t3);4268 border-radius: 10px;4269 cursor: pointer;4270 margin-bottom: 6px;4271 transition: border-color 120ms ease, background 120ms ease;4272}4273.peach-import-choice:hover {4274 border-color: var(--peach-accent);4275}4276.peach-import-choice input[type="radio"] {4277 margin-top: 3px;4278 accent-color: var(--peach-accent);4279 flex-shrink: 0;4280}4281.peach-import-choice-main {4282 display: flex;4283 flex-direction: column;4284 gap: 2px;4285 min-width: 0;4286}4287.peach-import-choice-label {4288 font-size: 12px;4289 color: var(--peach-t0);4290}4291.peach-import-choice-sub {4292 font-size: 11px;4293 color: var(--peach-t2);4294 line-height: 1.5;4295}429642974298.peach-export-success {4299 display: flex;4300 align-items: flex-start;4301 gap: 10px;4302 padding: 12px;4303 border-radius: 12px;4304 border: 1px solid rgba(150, 175, 110, 0.3);4305 background: rgba(150, 175, 110, 0.08);4306 color: var(--peach-t0);4307 font-size: 12px;4308 line-height: 1.55;4309}4310.peach-export-success-check {4311 color: rgba(150, 175, 110, 0.9);4312 font-size: 14px;4313 flex-shrink: 0;4314}431543164317.peach-trash-entry-row {4318 display: flex;4319 align-items: center;4320 justify-content: space-between;4321 gap: 8px;4322 padding: 8px 0;4323 border-bottom: 1px solid var(--peach-t3);4324}4325.peach-trash-entry-row:last-child { border-bottom: none; }4326.peach-trash-entry-info {4327 flex: 1;4328 min-width: 0;4329 display: flex;4330 flex-direction: column;4331 gap: 2px;4332}4333.peach-trash-entry-title {4334 font-size: 12px;4335 color: var(--peach-t1);4336 overflow: hidden;4337 text-overflow: ellipsis;4338 white-space: nowrap;4339}4340.peach-trash-entry-meta {4341 font-family: var(--font-mono);4342 font-size: 9px;4343 color: var(--peach-t2);4344 letter-spacing: 0.06em;4345}4346.peach-trash-entry-actions {4347 display: flex;4348 align-items: center;4349 gap: 4px;4350 flex-shrink: 0;4351}435243534354.peach-shortcuts-grid {4355 display: grid;4356 grid-template-columns: auto 1fr;4357 gap: 6px 12px;4358 align-items: center;4359 padding: 4px 0;4360}4361.peach-shortcut-key {4362 font-family: var(--font-mono);4363 font-size: 10px;4364 color: var(--peach-t0);4365 background: var(--peach-t3);4366 border-radius: 4px;4367 padding: 2px 6px;4368 white-space: nowrap;4369 text-align: center;4370}4371.peach-shortcut-desc {4372 font-size: 11px;4373 color: var(--peach-t1);4374}437543764377.peach-sort-trash-btn {4378 display: flex;4379 align-items: center;4380 justify-content: center;4381 padding: 3px 5px;4382 background: transparent;4383 border: none;4384 cursor: pointer;4385 color: var(--peach-t2);4386 border-radius: 4px;4387 transition: color 140ms ease, background 140ms ease;4388}4389.peach-sort-trash-btn:hover {4390 color: var(--peach-t1);4391 background: var(--peach-t3);4392}4393.peach-sort-trash-btn.is-active {4394 color: var(--peach-accent);4395}439643974398.peach-settings-row--accent { align-items: flex-start; padding-top: 10px; }4399.peach-accent-picker {4400 display: flex;4401 flex-wrap: wrap;4402 gap: 7px;4403 padding: 2px 0;4404}4405.peach-accent-swatch {4406 width: 22px;4407 height: 22px;4408 border-radius: 50%;4409 border: 2px solid transparent;4410 cursor: pointer;4411 padding: 0;4412 transition: transform 100ms;4413 outline-offset: 2px;4414}4415.peach-accent-swatch:hover { transform: scale(1.15); }4416.peach-accent-swatch.is-active {4417 border-color: var(--peach-t0);4418 transform: scale(1.1);4419}442044214422.peach-card-number {4423 font-family: var(--peach-mono);4424 letter-spacing: 0.08em;4425}44264427.peach-card-network-badge {4428 font-size: 10px;4429 padding: 1px 5px;4430 border-radius: 4px;4431 border: 0.5px solid var(--peach-border);4432 color: var(--peach-text-dim);4433 margin-left: 6px;4434 vertical-align: middle;4435}44364437.peach-card-expiry-row {4438 display: flex;4439 align-items: center;4440 gap: 8px;4441}44424443.peach-card-expiry-sep {4444 color: var(--peach-text-dim);4445}