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 white-space: nowrap;421 422 font-family: Inter, system-ui, sans-serif;423 font-size: 10px;424 letter-spacing: 3px;425 user-select: none;426}427.peach-field-actions { display: flex; gap: 4px; align-items: center; }428.peach-password-strength { display: flex; align-items: center; gap: 8px; }429.peach-strength-bar { display: flex; gap: 3px; }430.peach-strength-seg { width: 28px; height: 4px; border-radius: 2px; background: #eee; }431.peach-strength-label {432 font-family: "IBM Plex Mono", monospace;433 font-style: italic;434 font-size: 9px;435 font-weight: 300;436 min-width: 36px;437 text-align: right;438 color: var(--peach-t2);439 letter-spacing: 0.06em;440}441442.peach-strength-hairline {443 display: flex;444 align-items: center;445 gap: 10px;446 margin-top: -2px;447}448449.peach-strength-hairline-track {450 flex: 1;451 height: 3px;452 border-radius: 2px;453 background: var(--peach-s2);454 overflow: hidden;455}456457.peach-strength-hairline-fill {458 height: 100%;459 border-radius: 2px;460 transition: width 400ms cubic-bezier(0.16, 1, 0.3, 1),461 background 400ms ease;462}463464465.peach-note-content {466 border-top: 1px solid var(--peach-t3);467 padding-top: 10px;468 font-family: "Cormorant Garamond", "Times New Roman", serif;469 font-size: 15px;470 line-height: 1.75;471 color: var(--peach-t1);472}473474475476477.peach-inline-clickable {478 cursor: text;479 border-radius: 3px;480 transition: background 150ms ease;481}482.peach-inline-clickable:hover {483 background: rgba(240, 232, 216, 0.05);484}485486487.peach-inline-edit-hint {488 font-family: Inter, system-ui, sans-serif;489 font-size: 9px;490 text-transform: uppercase;491 letter-spacing: 0.14em;492 color: var(--peach-t2);493 opacity: 0;494 transition: opacity 120ms ease;495 pointer-events: none;496 margin-left: 6px;497 flex-shrink: 0;498}499.peach-domain-row:hover .peach-inline-edit-hint {500 opacity: 1;501}502503504.peach-inline-title-wrap {505 display: flex;506 flex-direction: column;507 gap: 6px;508}509.peach-inline-title-input {510 font-family: "Cormorant Garamond", "Times New Roman", serif;511 font-style: italic;512 font-weight: 400;513 font-size: 40px;514 line-height: 0.95;515 color: var(--peach-t0);516 background: transparent;517 border: none;518 border-bottom: 1px solid var(--peach-accent);519 outline: none;520 width: 100%;521 padding: 2px 0;522}523524525.peach-inline-field-wrap {526 display: flex;527 flex-direction: column;528 gap: 6px;529}530.peach-inline-input {531 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;532 font-size: 13px;533 color: var(--peach-t0);534 background: transparent;535 border: none;536 border-bottom: 1px solid var(--peach-accent);537 outline: none;538 width: 100%;539 padding: 3px 0;540}541.peach-inline-textarea {542 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;543 font-size: 11px;544 line-height: 1.7;545 color: var(--peach-t0);546 background: rgba(240, 232, 216, 0.04);547 border: 1px solid var(--peach-accent);548 border-radius: 4px;549 outline: none;550 width: 100%;551 padding: 8px;552 resize: vertical;553 min-height: 80px;554}555556557.peach-inline-actions {558 display: flex;559 gap: 6px;560 align-items: center;561}562.peach-inline-save-btn,563.peach-inline-cancel-btn {564 display: inline-flex;565 align-items: center;566 justify-content: center;567 width: 26px;568 height: 26px;569 border-radius: 4px;570 border: none;571 cursor: pointer;572 transition: background 140ms ease, opacity 140ms ease;573 flex-shrink: 0;574}575.peach-inline-save-btn {576 background: rgba(var(--ac-r, 217), var(--ac-g, 104), var(--ac-b, 48), 0.18);577 color: var(--peach-accent);578}579.peach-inline-save-btn:hover:not(:disabled) {580 background: rgba(var(--ac-r, 217), var(--ac-g, 104), var(--ac-b, 48), 0.30);581}582.peach-inline-cancel-btn {583 background: rgba(240, 232, 216, 0.06);584 color: var(--peach-t2);585}586.peach-inline-cancel-btn:hover:not(:disabled) {587 background: rgba(240, 232, 216, 0.12);588 color: var(--peach-t1);589}590.peach-inline-save-btn:disabled,591.peach-inline-cancel-btn:disabled {592 opacity: 0.4;593 cursor: not-allowed;594}595596597.peach-inline-generator-wrap {598 margin-top: 10px;599 padding-top: 10px;600 border-top: 1px solid var(--peach-t3);601 display: flex;602 flex-direction: column;603 gap: 8px;604}605.peach-inline-generator-cancel {606 align-self: flex-start;607 font-size: 11px;608 color: var(--peach-t2);609}610611612.peach-field-card.is-editing {613 background: rgba(240, 232, 216, 0.02);614 border-radius: 6px;615 padding: 8px;616 margin: -8px;617}618619620.peach-inline-tag-editor {621 display: flex;622 flex-direction: column;623 gap: 6px;624}625626627.peach-entry-add-link {628 justify-self: start;629 margin-top: 8px;630}631632633.peach-additional-urls {634 display: flex;635 flex-direction: column;636 gap: 6px;637 margin-top: 8px;638}639.peach-additional-urls-label {640 font-size: 9px;641 letter-spacing: 0.1em;642 text-transform: uppercase;643 color: var(--peach-t2);644 margin-bottom: 2px;645}646.peach-additional-url-row {647 display: flex;648 align-items: center;649 gap: 6px;650}651.peach-additional-url-row .peach-inline-input { flex: 1; min-width: 0; }652.peach-additional-url-remove {653 background: transparent;654 border: 1px solid var(--peach-t3);655 color: var(--peach-t2);656 width: 22px;657 height: 22px;658 border-radius: 4px;659 cursor: pointer;660 font-size: 14px;661 line-height: 1;662 display: inline-flex;663 align-items: center;664 justify-content: center;665 flex-shrink: 0;666 transition: color 120ms ease, border-color 120ms ease;667}668.peach-additional-url-remove:hover:not(:disabled) {669 color: var(--peach-accent);670 border-color: var(--peach-border-accent);671}672.peach-additional-urls-add { align-self: flex-start; }673674675.peach-entry-delete-row {676 display: flex;677 align-items: center;678 gap: 8px;679 padding-top: 18px;680 margin-top: 8px;681 border-top: 1px solid var(--peach-t3);682}683.peach-delete-btn {684 font-size: 11px;685 color: var(--peach-t2);686 padding: 4px 0;687}688.peach-delete-confirm-text {689 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;690 font-size: 11px;691 font-style: italic;692 color: var(--peach-t2);693 flex-shrink: 0;694}695696697.peach-totp-band {698 border-top: 1px solid var(--peach-t3);699 padding: 12px 20px 14px;700 position: relative;701 display: grid;702 grid-template-columns: 1fr auto;703 gap: 10px;704}705.peach-totp-main {706 min-width: 0;707 cursor: pointer;708 user-select: none;709}710.peach-totp-code.is-copied { opacity: 0.55; transition: opacity 140ms ease; }711.peach-totp-code-row {712 display: flex;713 align-items: flex-end;714 gap: 10px;715 min-width: 0;716}717.peach-totp-code {718 margin: 2px 0 0;719 font-family: "Cormorant Garamond", "Times New Roman", serif;720 font-style: italic;721 font-weight: 300;722 font-size: 38px; color: var(--peach-accent);723 line-height: 0.95; min-height: 1em;724 min-width: 0;725}726.peach-totp-code-text {727 display: inline-flex;728 overflow: hidden;729 text-overflow: ellipsis;730 white-space: nowrap;731}732.peach-totp-copy-btn {733 margin-bottom: 2px;734 flex-shrink: 0;735 border-color: transparent;736}737.peach-totp-meta { display: grid; justify-items: end; align-content: start; gap: 4px; }738.peach-totp-countdown {739 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;740 font-size: 22px; color: var(--peach-t1);741}742.peach-totp-ring { transform: rotate(-90deg); }743.peach-totp-ring-track { fill: none; stroke: var(--peach-t3); stroke-width: 2; }744.peach-totp-ring-progress {745 fill: none; stroke: var(--peach-accent); stroke-width: 2;746 stroke-linecap: round;747 transition: stroke-dashoffset 1s linear, stroke 500ms ease;748}749750.peach-search-wrap {751 border-top: 1px solid var(--peach-t3);752 background: var(--peach-s1);753 min-height: 54px; position: relative;754 box-shadow: inset 0 6px 18px transparent;755 transition: box-shadow 700ms ease;756}757.peach-search-wrap::before {758 content: "";759 position: absolute;760 left: 0;761 top: 0;762 height: 2px;763 width: var(--peach-totp-progress, 0%);764 background: var(--peach-accent);765 opacity: 0;766 transition: width 1s linear, opacity 180ms ease;767 pointer-events: none;768}769.peach-shell[data-totp-active="true"] .peach-search-wrap::before {770 opacity: 0.9;771}772.peach-shell[data-totp-active="true"] .peach-search-wrap {773 box-shadow: inset 0 6px 18px rgba(180, 140, 110, 0.07);774}775776@keyframes peach-totp-code-flare {777 0% { filter: brightness(1); }778 25% { filter: brightness(1.3); }779 100% { filter: brightness(1); }780}781.peach-totp-code.is-hot {782 animation: peach-totp-code-flare 3000ms ease-in-out both;783}784.peach-search-bar {785 min-height: 54px;786 display: grid;787 grid-template-columns: auto minmax(0, 1fr) auto;788 align-items: center;789 gap: 8px; padding: 0 9px 0 12px;790}791.peach-search-icon { color: var(--peach-t2); display: inline-flex; align-items: center; }792.peach-search-input {793 border: 0; background: transparent; color: var(--peach-t0);794 font-family: "Cormorant Garamond", "Times New Roman", serif;795 font-style: italic; font-size: 18px;796 outline: none; width: 100%; min-width: 0; padding: 0;797 caret-color: var(--peach-accent);798}799.peach-search-input::placeholder { color: var(--peach-t2); }800.peach-search-meta {801 display: grid;802 grid-auto-flow: column;803 align-items: center;804 justify-content: end;805 gap: 6px;806 min-width: max-content;807}808.peach-search-counter {809 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;810 font-size: 10px; color: var(--peach-t2);811 display: inline-flex;812 align-items: center;813 line-height: 1;814}815.peach-divider { width: 1px; height: 12px; background: var(--peach-t3); display: inline-block; flex-shrink: 0; }816817818.peach-btn {819 border: 1px solid transparent; border-radius: 12px;820 background: transparent; color: var(--peach-t0);821 font-family: Inter, system-ui, sans-serif;822 font-size: 12px; letter-spacing: 0.02em; padding: 8px 12px;823 cursor: pointer;824 transition:825 background-color var(--peach-dur-80) var(--peach-curve-arrival),826 color var(--peach-dur-80) var(--peach-curve-arrival),827 border-color var(--peach-dur-150) var(--peach-curve-arrival);828}829.peach-btn:hover:not(:disabled) { background: var(--peach-s2); }830.peach-btn:disabled {831 opacity: 0.45;832 cursor: not-allowed;833}834.peach-btn--sm { min-height: 32px; padding: 6px 9px; font-size: 11px; }835.peach-btn--md { min-height: 38px; }836.peach-btn--accent {837 background: var(--peach-accent);838 color: rgba(0,0,0,0.78);839 box-shadow:840 0 1px 0 rgba(255,255,255,0.08) inset,841 0 0 0 1px color-mix(in srgb, var(--peach-accent) 21%, transparent),842 0 3px 16px var(--peach-glow),843 0 0 24px color-mix(in srgb, var(--peach-accent) 10%, transparent);844}845.peach-btn--accent:hover:not(:disabled) {846 background: var(--peach-accent);847 filter: brightness(1.10) saturate(1.05);848 box-shadow:849 0 1px 0 rgba(255,255,255,0.10) inset,850 0 0 0 1px color-mix(in srgb, var(--peach-accent) 25%, transparent),851 0 4px 20px color-mix(in srgb, var(--peach-accent) 21%, transparent),852 0 0 30px color-mix(in srgb, var(--peach-accent) 14%, transparent);853}854.peach-btn--ghost { border-color: var(--peach-t3); color: var(--peach-t1); }855.peach-btn--subtle { color: var(--peach-t2); border-color: var(--peach-t3); }856.peach-icon-btn {857 min-width: 32px; min-height: 32px; border-radius: 8px; padding: 6px;858 display: inline-flex; align-items: center; justify-content: center;859}860861.peach-btn:focus-visible {862 outline: none;863 box-shadow: 0 0 0 2px var(--peach-bg), 0 0 0 4px color-mix(in srgb, var(--peach-accent) 50%, transparent);864}865866867.peach-lock-icon { transform-origin: center; }868.peach-lock-btn.is-locking { color: var(--peach-accent); }869.peach-lock-btn.is-locking .peach-lock-icon {870 animation: peach-lock-settle var(--peach-dur-600) var(--peach-curve-arrival);871}872873874.peach-copy-btn {875 position: relative; overflow: hidden;876 color: var(--peach-t2); border-color: var(--peach-t3);877}878.peach-copy-icon {879 display: inline-flex; align-items: center; justify-content: center;880 position: relative; z-index: 1;881}882.peach-copy-icon-svg { display: block; }883.peach-copy-sheen {884 position: absolute; inset: 0;885 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%);886 opacity: 0; transform: scaleX(0.15); transform-origin: left center;887}888.peach-copy-btn.is-copied {889 animation: peach-copy-confirm var(--peach-dur-150) var(--peach-curve-settle) forwards;890 box-shadow:891 0 0 0 1px color-mix(in srgb, var(--peach-accent) 22%, transparent),892 0 0 18px color-mix(in srgb, var(--peach-accent) 20%, transparent),893 inset 0 0 20px color-mix(in srgb, var(--peach-accent) 12%, transparent);894}895.peach-copy-btn.is-copied .peach-copy-icon {896 animation: peach-copy-icon-settle var(--peach-dur-150) var(--peach-curve-settle) both;897}898.peach-copy-btn.is-copied .peach-copy-sheen {899 animation: peach-copy-flood var(--peach-dur-150) var(--peach-curve-settle) forwards;900}901.peach-copy-btn.is-retreat {902 animation: peach-copy-retreat var(--peach-dur-150) var(--peach-curve-departure) forwards;903}904.peach-copy-btn.is-retreat .peach-copy-sheen {905 animation: peach-copy-sheen-retreat var(--peach-dur-150) var(--peach-curve-departure) forwards;906}907.peach-copy-drain { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; overflow: hidden; }908.peach-copy-drain-bar {909 display: block; width: 100%; height: 100%;910 background: var(--peach-accent); opacity: 0.7;911 animation: peach-copy-drain var(--peach-copy-clear, 1.8s) linear forwards;912}913914915.peach-unlock-headline {916 margin: 2px 0 0;917 font-family: "Cormorant Garamond", "Times New Roman", serif;918 font-size: 52px; line-height: 0.95;919 font-style: italic; font-weight: 400;920}921.peach-subline {922 margin: 0;923 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;924 font-size: 10px; color: var(--peach-t2); font-style: italic;925}926.peach-subline--lock {927 max-width: 248px;928 line-height: 1.5;929}930.peach-underline-input {931 width: 100%; border: 0; border-bottom: 1px solid var(--peach-t3);932 padding: 6px 0; background: transparent; color: var(--peach-t0);933 outline: none;934 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;935 font-size: 13px;936 caret-color: var(--peach-accent);937}938.peach-unlock-input { font-size: 22px; letter-spacing: 0.24em; }939.peach-unlock-input::placeholder { letter-spacing: 0.04em; color: var(--peach-t2); }940.peach-hint {941 margin: 0;942 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;943 font-size: 10px; color: var(--peach-t2);944}945.peach-unlock-footer {946 margin-top: 4px; display: flex; align-items: center; gap: 7px;947 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;948 font-size: 10px; color: var(--peach-t2);949}950.peach-unlock-footer--lock {951 padding-top: 2px;952}953954955.peach-breach-badge {956 display: flex;957 position: relative;958 z-index: 1;959 align-items: center;960 gap: 7px;961 font-size: 9px;962 color: var(--peach-breach);963 padding: 5px 10px;964 margin-bottom: 4px;965 border-radius: 8px;966 background: rgba(220, 80, 60, 0.07);967 border: 1px solid rgba(220, 80, 60, 0.18);968 letter-spacing: 0.04em;969}970971.peach-breach-action {972 margin-left: auto;973 font-size: 10px;974 padding: 3px 8px;975}976977.peach-password-value.is-breached {978 color: rgba(220, 80, 60, 0.75);979 border-bottom: 1px solid rgba(220, 80, 60, 0.22);980}981982983.peach-overlay-view {984 position: absolute;985 inset: 0;986 display: flex;987 flex-direction: column;988 background:989 radial-gradient(120% 80% at 0% 0%, var(--shell-accent-a) 0%, transparent 65%),990 radial-gradient(85% 100% at 100% 100%, var(--shell-accent-b) 0%, transparent 70%),991 var(--peach-bg);992 z-index: 2;993 overflow: hidden;994 animation: overlay-in 180ms cubic-bezier(0.4, 0, 0.2, 1) both;995}996@keyframes overlay-in {997 from { opacity: 0; transform: translateY(8px); }998 to { opacity: 1; transform: translateY(0); }999}1000.peach-overlay-view.ov-enter-up {1001 animation: ov-enter-up 280ms cubic-bezier(0.16, 1, 0.3, 1) both;1002}1003.peach-overlay-view.ov-exit-up {1004 animation: ov-exit-up 200ms cubic-bezier(0.4, 0, 1, 1) both;1005}1006.peach-overlay-view.ov-enter-right {1007 animation: ov-enter-right 280ms cubic-bezier(0.16, 1, 0.3, 1) both;1008}1009.peach-overlay-view.ov-exit-right {1010 animation: ov-exit-right 200ms cubic-bezier(0.4, 0, 1, 1) both;1011}10121013@keyframes ov-enter-up {1014 from { opacity: 0; transform: translateY(18px); }1015 to { opacity: 1; transform: translateY(0); }1016}1017@keyframes ov-exit-up {1018 from { opacity: 1; transform: translateY(0); }1019 to { opacity: 0; transform: translateY(-12px); }1020}1021@keyframes ov-enter-right {1022 from { opacity: 0; transform: translateX(20px); }1023 to { opacity: 1; transform: translateX(0); }1024}1025@keyframes ov-exit-right {1026 from { opacity: 1; transform: translateX(0); }1027 to { opacity: 0; transform: translateX(20px); }1028}102910301031.peach-overlay-header {1032 padding: 10px 12px;1033 display: flex;1034 align-items: center;1035 gap: 8px;1036 border-bottom: 1px solid var(--peach-t3);1037 flex-shrink: 0;1038}1039.peach-overlay-title {1040 font-family: "IBM Plex Mono", monospace;1041 font-size: 9px;1042 text-transform: uppercase;1043 letter-spacing: 0.18em;1044 color: var(--peach-t2);1045 flex: 1;1046 text-align: center;1047}10481049.peach-overlay-card {1050 background: var(--peach-s1);1051 border: 1px solid var(--peach-t3);1052 border-radius: 12px;1053 overflow: hidden;1054 width: 100%;1055}10561057.peach-onboarding-alt-actions {1058 display: flex;1059 flex-direction: column;1060 gap: 4px;1061 padding: 0;1062}10631064.peach-settings-copy {1065 margin: 0 0 10px;1066 font-size: 11px;1067 line-height: 1.5;1068 color: var(--peach-t2);1069}10701071.peach-settings-copy strong {1072 color: var(--peach-t0);1073}10741075.peach-settings-copy--spacious {1076 margin-bottom: 12px;1077}10781079.peach-settings-copy--result {1080 color: var(--peach-accent);1081 font-size: 13px;1082 text-align: center;1083 padding: 8px 0;1084}10851086.peach-settings-copy--danger {1087 color: var(--peach-breach);1088}10891090.peach-settings-copy--success {1091 color: var(--peach-accent);1092}10931094.peach-inline-feedback {1095 font-size: 11px;1096 margin: 10px 0 0;1097}10981099.peach-inline-feedback--ok {1100 color: var(--peach-accent);1101}11021103.peach-inline-feedback--error {1104 color: var(--peach-breach);1105}11061107.peach-inline-feedback--muted {1108 color: var(--peach-t2);1109 font-size: 10px;1110 margin: 4px 0;1111}11121113.peach-inline-feedback--spaced {1114 margin-top: 12px;1115}11161117.peach-settings-actions--row {1118 display: flex;1119 gap: 6px;1120}11211122.peach-settings-actions--end {1123 margin-top: 14px;1124 justify-content: flex-end;1125}11261127.peach-settings-stack {1128 display: flex;1129 flex-direction: column;1130 gap: 6px;1131}11321133.peach-settings-stack--tight {1134 gap: 4px;1135}11361137.peach-settings-stack--spacious {1138 gap: 8px;1139}11401141.peach-settings-input {1142 width: 100%;1143 box-sizing: border-box;1144 padding: 8px 10px;1145 background: var(--peach-s2);1146 border: 1px solid var(--peach-t3);1147 border-radius: 6px;1148 color: var(--peach-t0);1149 font-family: var(--font-ui);1150 font-size: 12px;1151 outline: none;1152 transition: border-color 120ms ease;1153}11541155.peach-settings-input:focus {1156 border-color: var(--peach-accent);1157}11581159.peach-settings-input[type="password"] {1160 font-family: var(--font-mono);1161 letter-spacing: 0.04em;1162}11631164.peach-phrase-textarea {1165 width: 100%;1166 box-sizing: border-box;1167 min-height: 120px;1168 padding: 10px 12px;1169 background: var(--peach-s2);1170 border: 1px solid var(--peach-t3);1171 border-radius: 6px;1172 color: var(--peach-t0);1173 font-size: 12px;1174 font-family: "Noto Sans CJK SC", "PingFang SC", monospace;1175 line-height: 1.5;1176 resize: vertical;1177 outline: none;1178}11791180.peach-phrase-textarea:focus {1181 border-color: var(--peach-accent);1182}11831184.peach-hidden-file-input {1185 display: none;1186}11871188.peach-checkbox-note {1189 display: flex;1190 align-items: flex-start;1191 gap: 8px;1192 font-size: 11px;1193 color: var(--peach-t1);1194 cursor: pointer;1195 margin: 12px 0;1196}11971198.peach-checkbox-note input {1199 margin-top: 1px;1200}12011202.peach-cjk-phrase-box {1203 font-family: "Noto Sans CJK SC", "PingFang SC", "Hiragino Sans GB", sans-serif;1204 font-size: 13px;1205 line-height: 1.5;1206 background: var(--peach-s2);1207 border: 1px solid var(--peach-t3);1208 border-radius: 6px;1209 padding: 10px 12px;1210 margin: 0 0 10px;1211 word-break: break-all;1212 white-space: pre-wrap;1213 max-height: 220px;1214 overflow-y: auto;1215 color: var(--peach-t0);1216 user-select: all;1217 scrollbar-width: none;1218 -ms-overflow-style: none;1219}1220.peach-cjk-phrase-box::-webkit-scrollbar { display: none; }12211222.peach-danger-notice {1223 background: rgba(220, 80, 60, 0.08);1224 border: 1px solid rgba(220, 80, 60, 0.2);1225 border-radius: 6px;1226 padding: 9px 11px;1227 font-size: 11px;1228 color: var(--peach-t1);1229 line-height: 1.5;1230}12311232.peach-info-notice {1233 font-size: 11px;1234 color: var(--peach-t2);1235 line-height: 1.5;1236 background: rgba(240, 232, 216, 0.04);1237 border: 1px solid var(--peach-t3);1238 border-radius: 6px;1239 padding: 8px 10px;1240}12411242.peach-strength-row {1243 display: flex;1244 align-items: center;1245 gap: 8px;1246 margin-bottom: 10px;1247}12481249.peach-strength-track {1250 flex: 1;1251 height: 4px;1252 background: var(--peach-s2);1253 border-radius: 2px;1254 overflow: hidden;1255}12561257.peach-strength-fill {1258 height: 100%;1259 border-radius: 2px;1260 transition: width 120ms ease, background 120ms ease;1261}126212631264.peach-type-tabs {1265 display: flex;1266 gap: 0;1267 background: var(--peach-t4);1268 border-radius: 8px;1269 padding: 3px;1270}12711272.peach-type-tab {1273 flex: 1;1274 display: flex;1275 align-items: center;1276 justify-content: center;1277 gap: 6px;1278 padding: 6px 10px;1279 border-radius: 6px;1280 border: none;1281 background: transparent;1282 cursor: pointer;1283 font-family: Inter, system-ui, sans-serif;1284 font-size: 11px;1285 font-weight: 400;1286 letter-spacing: 0.04em;1287 color: var(--peach-t1);1288 transition: background 150ms ease, color 150ms ease;1289}12901291.peach-type-tab.is-active {1292 background: var(--peach-s2);1293 color: var(--peach-t0);1294 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);1295}12961297.peach-type-tab:not(.is-active):hover {1298 color: var(--peach-t0);1299}13001301.peach-type-tab svg {1302 opacity: 0.7;1303 flex-shrink: 0;1304}13051306.peach-type-tab.is-active svg {1307 opacity: 1;1308}130913101311.peach-list-top {1312 padding: 0 10px;1313 min-height: 46px;1314 display: flex;1315 align-items: center;1316 gap: 6px;1317 border-bottom: 1px solid var(--peach-t3);1318 flex-shrink: 0;1319 background: var(--peach-s1);1320}1321.peach-vault-list {1322 flex: 1;1323 overflow-y: auto;1324 scrollbar-width: none;1325}1326.peach-vault-list::-webkit-scrollbar { display: none; }132713281329.peach-vault-list {1330 scrollbar-width: thin;1331 scrollbar-color: var(--peach-t3) transparent;1332}13331334.peach-vault-list::-webkit-scrollbar {1335 width: 3px;1336}13371338.peach-vault-list::-webkit-scrollbar-thumb {1339 background: var(--peach-t3);1340 border-radius: 2px;1341}13421343.peach-entry-row {1344 width: 100%;1345 display: flex;1346 align-items: center;1347 gap: 10px;1348 padding: 9px 16px;1349 background: transparent;1350 border: none;1351 border-bottom: 1px solid var(--peach-t3);1352 cursor: pointer;1353 color: inherit;1354 text-align: left;1355 transition: background 80ms ease;1356}1357.peach-entry-row:hover { background: rgba(240,232,216,0.03); }1358.peach-entry-row:last-child { border-bottom: none; }1359.peach-entry-row.is-active {1360 box-shadow: inset 2px 0 0 var(--peach-accent);1361 background: rgba(240,232,216,0.03);1362}1363.peach-entry-row:focus-visible {1364 outline: none;1365 box-shadow: 0 0 0 1px var(--peach-border-accent);1366 background: rgba(240,232,216,0.03);1367}1368.peach-entry-row-icon {1369 width: 26px; height: 26px;1370 border-radius: 7px;1371 border: 1px solid var(--peach-t3);1372 display: flex; align-items: center; justify-content: center;1373 color: var(--peach-t2);1374 flex-shrink: 0;1375}1376.peach-entry-row-icon.is-breach {1377 border-color: rgba(220,80,60,0.3);1378 color: rgba(220,80,60,0.7);1379}1380.peach-entry-row-info { flex: 1; min-width: 0; }1381.peach-entry-row-name {1382 display: block;1383 font-family: "Cormorant Garamond", serif;1384 font-size: 17px;1385 font-style: italic;1386 font-weight: 400;1387 color: var(--peach-t0);1388 line-height: 1.2;1389 white-space: nowrap;1390 overflow: hidden;1391 text-overflow: ellipsis;1392}1393.peach-entry-row-meta {1394 display: block;1395 font-family: "IBM Plex Mono", monospace;1396 font-size: 9px;1397 color: var(--peach-t2);1398 margin-top: 1px;1399 letter-spacing: 0.05em;1400}1401.peach-entry-row-dot {1402 width: 5px; height: 5px;1403 border-radius: 50%;1404 background: rgba(220,80,60,0.7);1405 flex-shrink: 0;1406}1407.peach-new-entry-row {1408 display: flex;1409 align-items: center;1410 justify-content: center;1411 gap: 6px;1412 width: 100%;1413 padding: 11px;1414 background: transparent;1415 border: none;1416 border-top: 1px solid var(--peach-t3);1417 color: var(--peach-t2);1418 font-family: "IBM Plex Mono", monospace;1419 font-size: 9px;1420 text-transform: uppercase;1421 letter-spacing: 0.14em;1422 cursor: pointer;1423 flex-shrink: 0;1424 transition: color 120ms ease, background 120ms ease;1425}1426.peach-new-entry-row:hover { color: var(--peach-t0); background: rgba(240,232,216,0.02); }14271428142914301431.peach-sort-select-btn {1432 display: flex;1433 align-items: center;1434 justify-content: center;1435 padding: 3px 5px;1436 background: transparent;1437 border: none;1438 cursor: pointer;1439 color: var(--peach-t2);1440 border-radius: 4px;1441 transition: color 140ms ease, background 140ms ease;1442}1443.peach-sort-select-btn:hover {1444 color: var(--peach-t1);1445 background: var(--peach-t3);1446}144714481449.peach-select-cancel-btn {1450 background: transparent;1451 border: none;1452 padding: 0 4px;1453 cursor: pointer;1454 font-family: "IBM Plex Mono", monospace;1455 font-size: 9px;1456 letter-spacing: 0.12em;1457 text-transform: uppercase;1458 color: var(--peach-t2);1459 transition: color 140ms ease;1460 flex-shrink: 0;1461}1462.peach-select-cancel-btn:hover { color: var(--peach-t0); }14631464.peach-select-count-label {1465 flex: 1;1466 text-align: center;1467 font-family: "IBM Plex Mono", monospace;1468 font-size: 9px;1469 letter-spacing: 0.14em;1470 text-transform: uppercase;1471 color: var(--peach-t1);1472}14731474.peach-select-all-btn {1475 background: transparent;1476 border: none;1477 padding: 0 4px;1478 cursor: pointer;1479 font-family: "IBM Plex Mono", monospace;1480 font-size: 9px;1481 letter-spacing: 0.12em;1482 text-transform: uppercase;1483 color: var(--peach-t2);1484 transition: color 140ms ease;1485 flex-shrink: 0;1486}1487.peach-select-all-btn:hover { color: var(--peach-accent); }148814891490.peach-vault-list.is-selecting .peach-entry-row {1491 cursor: default;1492}1493.peach-vault-list.is-selecting .peach-entry-row:hover {1494 background: rgba(240,232,216,0.02);1495}1496.peach-vault-list.is-selecting .peach-entry-row.is-selected {1497 background: color-mix(in srgb, var(--peach-accent) 6%, transparent);1498}1499.peach-vault-list.is-selecting .peach-entry-row.is-selected:hover {1500 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);1501}150215031504.peach-entry-row-icon.is-select-icon {1505 color: var(--peach-t2);1506}1507.peach-entry-row.is-selected .peach-entry-row-icon.is-select-icon {1508 color: var(--peach-accent);1509}151015111512.peach-select-action-bar {1513 display: flex;1514 align-items: center;1515 justify-content: center;1516 gap: 7px;1517 width: 100%;1518 padding: 11px;1519 background: transparent;1520 border: none;1521 border-top: 1px solid var(--peach-t3);1522 color: var(--peach-t1);1523 font-family: "IBM Plex Mono", monospace;1524 font-size: 9px;1525 text-transform: uppercase;1526 letter-spacing: 0.14em;1527 cursor: pointer;1528 flex-shrink: 0;1529 transition: color 120ms ease, background 120ms ease;1530}1531.peach-select-action-bar:not(:disabled):hover {1532 color: var(--peach-t0);1533 background: rgba(220,80,60,0.06);1534}1535.peach-select-action-bar:not(:disabled):hover svg {1536 stroke: rgba(220,80,60,0.8);1537}1538.peach-select-action-bar:disabled,1539.peach-select-action-bar.is-empty {1540 color: var(--peach-t2);1541 cursor: default;1542 opacity: 0.5;1543}1544.peach-search-counter-list {1545 white-space: nowrap;1546 flex-shrink: 0;1547}1548.peach-list-empty {1549 min-height: 180px;1550 display: grid;1551 place-items: center;1552 color: var(--peach-t2);1553 font-family: "IBM Plex Mono", monospace;1554 font-size: 11px;1555}155615571558.peach-settings-body {1559 flex: 1;1560 overflow-y: auto;1561 min-height: 0;1562 display: flex;1563 flex-direction: column;1564 padding: 2px 0 10px;1565}1566.peach-settings-group {1567 padding: 9px 16px 11px;1568 border-bottom: 1px solid var(--peach-t3);1569}1570.peach-export-intro {1571 padding-bottom: 8px;1572}1573.peach-export-card {1574 display: grid;1575 gap: 10px;1576}1577.peach-export-card--primary {1578 background:1579 linear-gradient(180deg, color-mix(in srgb, var(--peach-accent) 8%, transparent), color-mix(in srgb, var(--peach-accent) 2%, transparent));1580}1581.peach-export-card-head {1582 display: flex;1583 align-items: center;1584 justify-content: space-between;1585 gap: 10px;1586}1587.peach-export-card-copy {1588 margin: 0;1589 font-size: 12px;1590 line-height: 1.55;1591 color: var(--peach-t1);1592}1593.peach-export-note {1594 margin: 0;1595 font-size: 10px;1596 line-height: 1.5;1597 color: var(--peach-t2);1598}1599.peach-export-pill {1600 display: inline-flex;1601 align-items: center;1602 padding: 4px 8px;1603 border-radius: 999px;1604 border: 1px solid color-mix(in srgb, var(--peach-accent) 22%, transparent);1605 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);1606 color: var(--peach-accent);1607 font-family: "IBM Plex Mono", monospace;1608 font-size: 8px;1609 letter-spacing: 0.12em;1610 text-transform: uppercase;1611 white-space: nowrap;1612}1613.peach-export-pill--danger {1614 border-color: rgba(220,80,60,0.22);1615 background: rgba(220,80,60,0.08);1616 color: var(--peach-breach);1617}1618.peach-export-password-stack {1619 gap: 8px;1620}1621.peach-settings-label {1622 margin: 0 0 6px;1623 font-family: "IBM Plex Mono", monospace;1624 font-size: 8px;1625 text-transform: uppercase;1626 letter-spacing: 0.18em;1627 color: var(--peach-t2);1628}1629.peach-settings-row {1630 display: flex;1631 align-items: center;1632 justify-content: space-between;1633 gap: 12px;1634 min-height: 34px;1635 padding: 6px 0;1636 font-size: 13px;1637 color: var(--peach-t1);1638}1639.peach-settings-row--meta { color: var(--peach-t2); font-size: 12px; }1640.peach-settings-value {1641 font-family: "IBM Plex Mono", monospace;1642 font-size: 10px;1643 color: var(--peach-t2);1644}16451646.peach-settings-value--status {1647 display: flex;1648 align-items: center;1649 gap: 6px;1650}16511652.peach-settings-link {1653 font-family: "IBM Plex Mono", monospace;1654 font-size: 10px;1655 color: var(--peach-accent);1656 text-decoration: none;1657 cursor: pointer;1658}1659.peach-settings-link:hover {1660 text-decoration: underline;1661}16621663.peach-settings-row--stack {1664 flex-direction: column;1665 align-items: stretch;1666 gap: 6px;1667}16681669.peach-settings-row--top {1670 align-items: flex-start;1671}16721673.peach-settings-row-main {1674 display: flex;1675 flex-direction: column;1676 gap: 4px;1677 flex: 1;1678}1679.peach-toggle {1680 width: 28px; height: 16px;1681 border-radius: 999px;1682 background: var(--peach-t3);1683 border: 1px solid var(--peach-t3);1684 display: flex; align-items: center; justify-content: flex-start; padding: 2px;1685 flex-shrink: 0;1686 transition: background 200ms ease, border-color 200ms ease;1687 cursor: pointer;1688}1689.peach-toggle.is-on {1690 background: color-mix(in srgb, var(--peach-accent) 22%, transparent);1691 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);1692}1693.peach-toggle-knob {1694 width: 10px; height: 10px;1695 border-radius: 50%;1696 background: var(--peach-t2);1697 flex-shrink: 0;1698 transform: translateX(0px);1699 transition: background 200ms ease, transform 200ms var(--peach-curve-settle);1700}1701.peach-toggle.is-on .peach-toggle-knob {1702 background: var(--peach-accent);1703 transform: translateX(12px);1704}1705.peach-settings-footer {1706 display: flex;1707 align-items: center;1708 gap: 8px;1709 margin-top: auto;1710 padding: 14px 16px 8px;1711 font-family: "IBM Plex Mono", monospace;1712 font-size: 9px;1713 color: var(--peach-t2);1714}171517161717.peach-settings-nav-label {1718 margin: 0 0 2px;1719 padding: 12px 16px 4px;1720 font-family: "IBM Plex Mono", monospace;1721 font-size: 8px;1722 text-transform: uppercase;1723 letter-spacing: 0.18em;1724 color: var(--peach-t2);1725}17261727.peach-settings-cat-row {1728 display: flex;1729 align-items: center;1730 gap: 10px;1731 width: 100%;1732 padding: 9px 16px;1733 background: none;1734 border: none;1735 border-bottom: 1px solid var(--peach-t3);1736 cursor: pointer;1737 text-align: left;1738 color: inherit;1739 transition: background var(--peach-dur-80) ease;1740}1741.peach-settings-cat-row:hover {1742 background: var(--peach-t3);1743}1744.peach-settings-cat-row:last-child {1745 border-bottom: none;1746}17471748.peach-settings-cat-icon {1749 width: 28px;1750 height: 28px;1751 border-radius: 7px;1752 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);1753 color: var(--peach-accent);1754 display: flex;1755 align-items: center;1756 justify-content: center;1757 flex-shrink: 0;1758}17591760.peach-settings-cat-content {1761 flex: 1;1762 display: flex;1763 flex-direction: column;1764 gap: 2px;1765 min-width: 0;1766}17671768.peach-settings-cat-name {1769 font-size: 13px;1770 font-weight: 450;1771 color: var(--peach-t0);1772 line-height: 1.2;1773}17741775.peach-settings-cat-desc {1776 font-size: 10px;1777 color: var(--peach-t2);1778 line-height: 1.3;1779 white-space: nowrap;1780 overflow: hidden;1781 text-overflow: ellipsis;1782}17831784.peach-settings-cat-chevron {1785 color: var(--peach-t2);1786 flex-shrink: 0;1787 opacity: 0.5;1788}178917901791.peach-settings-sub-label {1792 margin: 12px 0 4px;1793 font-family: "IBM Plex Mono", monospace;1794 font-size: 8px;1795 text-transform: uppercase;1796 letter-spacing: 0.18em;1797 color: var(--peach-t2);1798}1799.peach-settings-sub-label:first-child {1800 margin-top: 4px;1801}180218031804.peach-feedback-intro {1805 margin: 4px 0 14px;1806 font-size: 12px;1807 line-height: 1.55;1808 color: var(--peach-t1);1809}18101811.peach-feedback-chips {1812 display: flex;1813 flex-wrap: wrap;1814 gap: 6px;1815 margin-bottom: 14px;1816}18171818.peach-feedback-chip {1819 padding: 4px 10px;1820 border-radius: 999px;1821 border: 1px solid var(--peach-t3);1822 background: none;1823 color: var(--peach-t2);1824 font-size: 11px;1825 font-family: var(--font-ui);1826 cursor: pointer;1827 transition: border-color var(--peach-dur-80) ease, color var(--peach-dur-80) ease,1828 background var(--peach-dur-80) ease;1829}1830.peach-feedback-chip:hover {1831 border-color: var(--peach-t2);1832 color: var(--peach-t1);1833}1834.peach-feedback-chip.is-active {1835 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);1836 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);1837 color: var(--peach-accent);1838}18391840.peach-feedback-textarea {1841 width: 100%;1842 box-sizing: border-box;1843 background: var(--peach-t3);1844 border: 1px solid var(--peach-t3);1845 border-radius: 6px;1846 color: var(--peach-t0);1847 font-size: 12px;1848 font-family: var(--font-ui);1849 line-height: 1.5;1850 padding: 8px 10px;1851 resize: none;1852 outline: none;1853 transition: border-color var(--peach-dur-150) ease;1854}1855.peach-feedback-textarea:focus {1856 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);1857}1858.peach-feedback-textarea::placeholder {1859 color: var(--peach-t2);1860}18611862.peach-feedback-meta {1863 margin: 6px 0 0;1864 font-size: 10px;1865 color: var(--peach-t2);1866 font-family: "IBM Plex Mono", monospace;1867}18681869.peach-feedback-result {1870 margin: 8px 0 0;1871 font-size: 11px;1872 font-family: "IBM Plex Mono", monospace;1873}1874.peach-feedback-result--ok { color: var(--peach-sync-ok); }1875.peach-feedback-result--err { color: var(--peach-breach); }18761877.peach-feedback-submit {1878 width: 100%;1879 margin-top: 12px;1880 justify-content: center;1881}18821883.peach-feedback-anon {1884 margin: 8px 0 0;1885 font-size: 10px;1886 color: var(--peach-t2);1887 text-align: center;1888}18891890.peach-passkey-badge {1891 margin-left: 8px;1892 font-size: 10px;1893 letter-spacing: 0.06em;1894 text-transform: uppercase;1895 color: var(--peach-t2);1896 font-family: var(--font-ui);1897 vertical-align: middle;1898}18991900.peach-passkey-delete-btn {1901 color: var(--peach-breach);1902 border-color: rgba(229, 85, 85, 0.25);1903}19041905.peach-passkey-delete-confirm {1906 display: flex;1907 align-items: center;1908 gap: 8px;1909 padding: 8px 10px;1910 background: rgba(229, 85, 85, 0.06);1911 border: 1px solid rgba(229, 85, 85, 0.2);1912 border-radius: 6px;1913}19141915.peach-passkey-delete-confirm-copy {1916 flex: 1;1917 font-size: 11px;1918 color: var(--peach-t1);1919}19201921.peach-passkey-delete-btn--confirm {1922 color: var(--peach-breach);1923 border-color: rgba(229, 85, 85, 0.4);1924}19251926.peach-passkey-activity {1927 flex-direction: column;1928 align-items: flex-start;1929 gap: 4px;1930}19311932.peach-passkey-meta {1933 font-size: 11px;1934 color: var(--peach-t2);1935}19361937.peach-passkey-actions {1938 position: relative;1939 z-index: 1;1940 margin-top: 14px;1941 display: flex;1942 flex-direction: column;1943 gap: 8px;1944}19451946.peach-passkey-approval {1947 display: flex;1948 flex-direction: column;1949 align-items: center;1950 padding: 28px 22px 22px;1951 gap: 14px;1952 text-align: center;1953}19541955.peach-passkey-approval-icon {1956 width: 46px;1957 height: 46px;1958 border-radius: 12px;1959 background: var(--peach-s2);1960 border: 1px solid var(--peach-t3);1961 display: flex;1962 align-items: center;1963 justify-content: center;1964 flex-shrink: 0;1965 color: var(--peach-accent);1966}19671968.peach-passkey-approval-icon img,1969.peach-passkey-approval-icon svg {1970 width: 28px;1971 height: 28px;1972 border-radius: 6px;1973}19741975.peach-passkey-approval-rp {1976 font-family: var(--font-ui);1977 font-size: 12px;1978 color: var(--peach-t2);1979 letter-spacing: 0.03em;1980}19811982.peach-passkey-approval-action {1983 font-family: var(--font-display);1984 font-style: italic;1985 font-weight: 300;1986 font-size: 26px;1987 color: var(--peach-t0);1988 line-height: 1;1989}19901991.peach-passkey-approval-user {1992 font-family: var(--font-mono);1993 font-size: 11px;1994 color: var(--peach-t1);1995 background: var(--peach-s2);1996 border: 1px solid var(--peach-t3);1997 border-radius: 4px;1998 padding: 3px 8px;1999}20002001.peach-passkey-approval-notice {2002 font-size: 10px;2003 color: var(--peach-t2);2004 line-height: 1.5;2005 max-width: 220px;2006}20072008.peach-passkey-approval-actions {2009 display: flex;2010 gap: 8px;2011 width: 100%;2012 margin-top: 6px;2013}20142015.peach-passkey-approval-actions .peach-btn {2016 flex: 1;2017}201820192020.peach-generator-drawer {2021 display: grid;2022 grid-template-rows: 0fr;2023 transition: grid-template-rows 320ms var(--peach-curve-arrival);2024 overflow: hidden;2025}2026.peach-generator-drawer.is-open {2027 grid-template-rows: 1fr;2028}2029.peach-generator-drawer-inner {2030 min-height: 0;2031 overflow: hidden;2032}2033.peach-generator-drawer-content {2034 border-top: 1px solid var(--peach-t3);2035 padding: 8px 0 4px;2036 display: flex;2037 flex-direction: column;2038 gap: 8px;2039}204020412042.peach-generator-drawer-content--compact {2043 border-top: 1px solid var(--peach-t3);2044 padding: 8px 0 2px;2045 gap: 7px;2046}2047.peach-pwgen-compact-display-row {2048 display: flex;2049 align-items: center;2050 gap: 6px;2051}2052.peach-pwgen-compact-output {2053 flex: 1;2054 min-width: 0;2055 font-family: "IBM Plex Mono", monospace;2056 font-size: 11px;2057 font-weight: 400;2058 letter-spacing: 0.04em;2059 color: var(--peach-t0);2060 background: rgba(240, 232, 216, 0.04);2061 border: 1px solid var(--peach-t3);2062 border-radius: 5px;2063 padding: 5px 8px;2064 word-break: break-all;2065 line-height: 1.5;2066}2067.peach-pwgen-compact-controls {2068 display: flex;2069 align-items: center;2070 gap: 6px;2071}2072.peach-pwgen-compact-slider {2073 flex: 1;2074 min-width: 0;2075 height: 2px !important;2076}2077.peach-pwgen-compact-controls .peach-pwgen-len-num {2078 flex-shrink: 0;2079 min-width: 18px;2080 text-align: right;2081}2082.peach-pwgen-compact-pills {2083 display: flex;2084 gap: 3px;2085 flex-shrink: 0;2086}2087.peach-pwgen-compact-pills .peach-pwgen-pill {2088 padding: 2px 7px;2089 font-size: 8px;2090}2091.peach-pwgen-compact-use {2092 flex-shrink: 0;2093 font-size: 10px !important;2094 padding: 3px 9px !important;2095 min-height: 22px !important;2096 border-radius: 5px !important;2097}209820992100.peach-password-edit-row {2101 display: flex;2102 align-items: center;2103 gap: 6px;2104}2105.peach-password-edit-row .peach-inline-input {2106 flex: 1;2107 min-width: 0;2108}210921102111.peach-generate-toggle-link {2112 display: inline-flex;2113 align-items: center;2114 gap: 5px;2115 background: none;2116 border: none;2117 padding: 0;2118 cursor: pointer;2119 font-family: "IBM Plex Mono", monospace;2120 font-size: 10px;2121 color: var(--peach-t2);2122 letter-spacing: 0.04em;2123 transition: color 120ms ease;2124 align-self: flex-start;2125}2126.peach-generate-toggle-link:hover {2127 color: var(--peach-accent);2128}212921302131.peach-entry-body {2132 flex: 1;2133 overflow-y: auto;2134 overflow-x: hidden;2135 scrollbar-width: none;2136 -ms-overflow-style: none;2137 overscroll-behavior: contain;2138 display: grid;2139 gap: 10px;2140 align-content: start;2141 padding: 10px 20px 14px;2142 min-width: 0;2143 min-height: 0;2144}2145.peach-entry-body::-webkit-scrollbar { display: none; }214621472148.peach-new-type-row {2149 display: flex;2150 align-items: center;2151 gap: 6px;2152 margin-bottom: 2px;2153}2154.peach-new-type-btn {2155 background: transparent;2156 border: 1px solid var(--peach-t3);2157 border-radius: 12px;2158 padding: 3px 10px;2159 font-family: "IBM Plex Mono", monospace;2160 font-size: 9px;2161 letter-spacing: 0.12em;2162 text-transform: uppercase;2163 color: var(--peach-t2);2164 cursor: pointer;2165 transition: color 140ms ease, border-color 140ms ease, background 140ms ease;2166}2167.peach-new-type-btn.is-active {2168 color: var(--peach-t0);2169 border-color: var(--peach-accent);2170 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);2171}2172.peach-new-type-btn:not(.is-active):hover {2173 color: var(--peach-t1);2174 border-color: var(--peach-t2);2175}217621772178.peach-new-title-wrap { margin: 0 0 2px; }2179.peach-new-title-input {2180 background: transparent;2181 border: none;2182 outline: none;2183 width: 100%;2184 color: var(--peach-t0);2185 font-family: "Cormorant Garamond", Georgia, serif;2186 font-style: italic;2187 font-weight: 400;2188 font-size: 40px;2189 line-height: 0.95;2190 caret-color: var(--peach-accent);2191}2192.peach-new-title-input::placeholder { color: var(--peach-t2); }219321942195.peach-domain-value--edit {2196 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;2197 font-size: 10px;2198 font-style: italic;2199 letter-spacing: 0.12em;2200 color: var(--peach-t1);2201 background: transparent;2202 border: none;2203 border-bottom: 1px solid var(--peach-t3);2204 outline: none;2205 width: 100%;2206 padding: 2px 0;2207 caret-color: var(--peach-accent);2208 transition: border-color 140ms ease, color 140ms ease;2209}2210.peach-domain-value--edit::placeholder { color: var(--peach-t2); opacity: 0.6; }2211.peach-domain-value--edit:focus {2212 border-bottom-color: rgba(240, 232, 216, 0.28);2213 color: var(--peach-t0);2214}221522162217.peach-field-value--edit {2218 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;2219 font-size: 13px;2220 color: var(--peach-t0);2221 background: transparent;2222 border: none;2223 border-bottom: 1px solid var(--peach-t3);2224 outline: none;2225 flex: 1;2226 min-width: 0;2227 padding: 3px 0;2228 caret-color: var(--peach-accent);2229 transition: border-color 140ms ease, color 140ms ease;2230}2231.peach-field-value--edit::placeholder { color: var(--peach-t2); opacity: 0.6; }2232.peach-field-value--edit[type="password"] { letter-spacing: 0.12em; }2233.peach-field-value--edit:focus {2234 border-bottom-color: rgba(240, 232, 216, 0.28);2235 color: var(--peach-t0);2236}223722382239.peach-entry-add-links {2240 display: flex;2241 gap: 12px;2242 flex-wrap: wrap;2243 margin-top: -2px;2244}2245.peach-add-field-link {2246 background: transparent;2247 border: none;2248 padding: 0;2249 cursor: pointer;2250 font-family: "IBM Plex Mono", monospace;2251 font-size: 9px;2252 letter-spacing: 0.1em;2253 text-transform: uppercase;2254 color: var(--peach-t2);2255 transition: color 140ms ease;2256}2257.peach-add-field-link:hover { color: var(--peach-accent); }225822592260.peach-new-body {2261 flex: 1;2262 overflow-y: auto;2263 padding: 10px 20px 14px;2264}2265.peach-new-name-input {2266 background: transparent;2267 border: none;2268 outline: none;2269 width: 100%;2270 color: var(--peach-t0);2271 font-family: "Cormorant Garamond", Georgia, serif;2272 font-style: italic;2273 font-weight: 400;2274 font-size: 40px;2275 line-height: 0.95;2276 caret-color: var(--peach-accent);2277}2278.peach-new-name-input::placeholder { color: var(--peach-t2); }2279.peach-new-field-input {2280 background: transparent;2281 border: none;2282 outline: none;2283 flex: 1;2284 min-width: 0;2285 caret-color: var(--peach-accent);2286}2287.peach-new-field-input::placeholder { color: var(--peach-t2); opacity: 0.7; }228822892290.peach-canary-card {2291 border: 1px solid rgba(217, 160, 48, 0.2);2292 background: rgba(217, 160, 48, 0.03);2293 border-radius: 8px;2294 padding: 12px;2295}22962297.peach-canary-settings-header {2298 display: flex;2299 align-items: center;2300 justify-content: space-between;2301 cursor: pointer;2302 user-select: none;2303}23042305.peach-canary-card .peach-label {2306 color: rgba(217, 160, 48, 0.85);2307}23082309.peach-canary-card .peach-new-field-input {2310 border-color: rgba(217, 160, 48, 0.25);2311}23122313.peach-canary-card .peach-new-field-input:focus {2314 border-color: rgba(217, 160, 48, 0.5);2315}23162317.peach-canary-body {2318 margin-top: 12px;2319 display: flex;2320 flex-direction: column;2321 gap: 10px;2322}23232324.peach-canary-explainer {2325 display: flex;2326 gap: 10px;2327 padding: 10px 12px;2328 border-radius: 10px;2329 background: rgba(217, 160, 48, 0.06);2330 border: 1px solid rgba(217, 160, 48, 0.22);2331 margin-bottom: 4px;2332}23332334.peach-canary-explainer-icon {2335 font-size: 16px;2336 flex-shrink: 0;2337 line-height: 1.2;2338}23392340.peach-canary-explainer-title {2341 font-family: var(--font-ui);2342 font-size: 11px;2343 font-weight: 500;2344 color: rgba(217, 160, 48, 0.9);2345 margin: 0 0 3px;2346}23472348.peach-canary-explainer-copy {2349 font-family: var(--font-ui);2350 font-size: 10px;2351 color: var(--peach-t2);2352 line-height: 1.55;2353 margin: 0;2354}23552356.peach-canary-hint {2357 font-size: 10px;2358 color: var(--peach-t2);2359 font-family: Inter, system-ui, sans-serif;2360 line-height: 1.5;2361 margin-top: 4px;2362}23632364.peach-canary-actions-row {2365 display: flex;2366 align-items: center;2367 gap: 8px;2368}23692370.peach-canary-test-btn {2371 border-color: rgba(217, 160, 48, 0.3);2372 color: rgba(217, 160, 48, 0.85);2373}23742375.peach-canary-test-result {2376 font-size: 10px;2377 font-family: Inter, system-ui, sans-serif;2378}23792380.peach-canary-test-result.ok { color: rgba(100, 210, 100, 0.9); }2381.peach-canary-test-result.err { color: rgba(220, 80, 60, 0.9); }23822383.peach-canary-badge {2384 display: flex;2385 position: relative;2386 z-index: 1;2387 align-items: center;2388 gap: 5px;2389 padding: 4px 10px;2390 background: rgba(217, 160, 48, 0.12);2391 border: 1px solid rgba(217, 160, 48, 0.35);2392 border-radius: 6px;2393 margin-bottom: 6px;2394 width: fit-content;2395}23962397.peach-canary-badge-label {2398 font-size: 10px;2399 letter-spacing: 0.06em;2400 color: rgba(217, 160, 48, 0.9);2401 font-family: var(--font-ui);2402 text-transform: uppercase;2403}24042405.peach-canary-badge-icon {2406 font-size: 11px;2407}24082409.peach-canary-suppress-row {2410 display: flex;2411 align-items: center;2412 gap: 8px;2413 padding: 6px 10px;2414 background: rgba(217, 160, 48, 0.08);2415 border-radius: 6px;2416 margin-bottom: 8px;2417}24182419.peach-canary-suppress-label {2420 font-size: 11px;2421 color: rgba(217, 160, 48, 0.85);2422 cursor: pointer;2423 font-family: var(--font-ui);2424 letter-spacing: 0.04em;2425}24262427.peach-regen-panel {2428 position: relative;2429 z-index: 1;2430 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);2431 border: 1px solid color-mix(in srgb, var(--peach-accent) 25%, transparent);2432 border-radius: 8px;2433 padding: 12px;2434 margin-bottom: 8px;2435}24362437.peach-regen-panel-header {2438 display: flex;2439 align-items: center;2440 justify-content: space-between;2441 margin-bottom: 10px;2442}24432444.peach-regen-panel-title {2445 font-size: 11px;2446 font-weight: 600;2447 letter-spacing: 0.06em;2448 text-transform: uppercase;2449 color: color-mix(in srgb, var(--peach-accent) 90%, transparent);2450}24512452.peach-regen-output {2453 background: rgba(0, 0, 0, 0.2);2454 border-radius: 6px;2455 padding: 10px;2456 margin-bottom: 10px;2457 font-family: var(--font-mono);2458 font-size: 13px;2459 word-break: break-all;2460 color: var(--peach-t1);2461}24622463.peach-regen-actions {2464 display: flex;2465 gap: 6px;2466}24672468.peach-regen-actions--spaced {2469 margin-bottom: 8px;2470}24712472.peach-regen-action-grow {2473 flex: 1;2474}24752476.peach-regen-copy-btn {2477 padding: 0 8px;2478}24792480.peach-regen-success {2481 position: relative;2482 z-index: 1;2483 background: rgba(40, 180, 80, 0.1);2484 border: 1px solid rgba(40, 180, 80, 0.3);2485 border-radius: 8px;2486 padding: 10px 12px;2487 margin-bottom: 8px;2488 display: flex;2489 align-items: center;2490 gap: 8px;2491 font-size: 11px;2492 color: rgba(40, 180, 80, 0.9);2493}249424952496.peach-note-editor {2497 position: absolute;2498 inset: 0;2499 z-index: 200;2500 display: flex;2501 flex-direction: column;2502 background:2503 radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--peach-accent) 7%, transparent) 0%, transparent 65%),2504 var(--peach-bg);2505 animation: overlay-in 180ms cubic-bezier(0.4, 0, 0.2, 1) both;2506}25072508.peach-note-editor-header {2509 display: flex;2510 align-items: center;2511 gap: 10px;2512 padding: 14px 16px 10px;2513 border-bottom: 1px solid var(--peach-t3);2514 flex-shrink: 0;2515}25162517.peach-note-editor-back {2518 background: transparent;2519 border: none;2520 cursor: pointer;2521 color: var(--peach-t2);2522 padding: 4px 6px;2523 border-radius: 6px;2524 display: flex;2525 align-items: center;2526 transition: color 120ms ease, background 120ms ease;2527 flex-shrink: 0;2528}2529.peach-note-editor-back:hover { color: var(--peach-t0); background: var(--peach-t4); }25302531.peach-note-editor-label {2532 flex: 1;2533 font-family: "Cormorant Garamond", "Times New Roman", serif;2534 font-style: italic;2535 font-size: 15px;2536 color: var(--peach-t1);2537 letter-spacing: 0.02em;2538}25392540.peach-note-editor-save-btn {2541 background: transparent;2542 border: 1px solid color-mix(in srgb, var(--peach-accent) 40%, transparent);2543 border-radius: 8px;2544 color: var(--peach-accent);2545 font-family: "IBM Plex Mono", monospace;2546 font-size: 10px;2547 letter-spacing: 0.06em;2548 text-transform: uppercase;2549 padding: 3px 10px;2550 cursor: pointer;2551 transition: background 120ms ease, border-color 120ms ease;2552}2553.peach-note-editor-save-btn:hover:not(:disabled) {2554 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);2555 border-color: color-mix(in srgb, var(--peach-accent) 65%, transparent);2556}2557.peach-note-editor-save-btn:disabled { opacity: 0.4; cursor: not-allowed; }25582559.peach-note-toolbar {2560 display: flex;2561 align-items: center;2562 gap: 3px;2563 padding: 6px 14px 5px;2564 border-bottom: 1px solid var(--peach-t3);2565 flex-shrink: 0;2566}25672568.peach-note-tool-btn {2569 background: transparent;2570 border: 1px solid transparent;2571 border-radius: 5px;2572 color: var(--peach-t2);2573 font-family: "IBM Plex Mono", monospace;2574 font-size: 10px;2575 letter-spacing: 0.04em;2576 padding: 2px 8px;2577 cursor: pointer;2578 line-height: 1.6;2579 transition: background 100ms ease, color 100ms ease, border-color 100ms ease;2580}2581.peach-note-tool-btn:hover {2582 background: var(--peach-t4);2583 color: var(--peach-t0);2584 border-color: var(--peach-t3);2585}25862587.peach-note-tool-icon {2588 padding: 3px 7px;2589 display: inline-flex;2590 align-items: center;2591 justify-content: center;2592}25932594.peach-note-tool-divider {2595 width: 1px;2596 height: 14px;2597 background: var(--peach-t3);2598 margin: 0 4px;2599 flex-shrink: 0;2600}26012602.peach-note-editor-body {2603 flex: 1;2604 overflow-y: auto;2605 padding: 16px 20px 20px;2606 outline: none;2607 font-family: "Cormorant Garamond", "Times New Roman", serif;2608 font-size: 16px;2609 line-height: 1.75;2610 color: var(--peach-t0);2611 scrollbar-width: none;2612 word-break: break-word;2613}2614.peach-note-editor-body:empty::before {2615 content: "write your note…";2616 color: var(--peach-t3);2617 font-style: italic;2618 pointer-events: none;2619}262026212622.peach-note-editor-inline {2623 display: flex;2624 flex-direction: column;2625 flex: 1;2626 min-height: 0;2627}2628.peach-note-editor-body--inline {2629 flex: 1;2630 min-height: 0;2631 font-size: 15px;2632 padding: 10px 20px 14px;2633}2634263526362637.peach-note-toolbar-body {2638 display: flex;2639 align-items: center;2640 gap: 3px;2641 padding: 5px 20px 4px;2642 margin: 2px -20px 0;2643 border-bottom: 1px solid var(--peach-t3);2644 flex-shrink: 0;2645}26462647264826492650.peach-note-toolbar-inline {2651 display: flex;2652 align-items: center;2653 gap: 3px;2654 margin-left: auto;2655 padding-left: 10px;2656 border-left: 1px solid var(--peach-t3);2657 min-height: 22px;2658}265926602661.peach-entry-note-toolbar-row {2662 display: flex;2663 align-items: center;2664 margin: 4px 0 6px;2665 position: relative;2666 z-index: 1;2667}2668.peach-entry-note-toolbar-row .peach-note-toolbar-inline {2669 border-left: none;2670 padding-left: 0;2671 margin-left: 0;2672}267326742675.peach-note-body {2676 display: flex;2677 flex-direction: column;2678 flex: 1;2679 min-height: 0;2680 margin: 4px 0 0;2681}2682.peach-entry-body--new .peach-note-body {2683 margin: 8px -20px 0;2684}2685268626872688.peach-entry-body--new:has(.peach-note-body) {2689 display: flex;2690 flex-direction: column;2691}269226932694.peach-note-editor-body h2,2695.peach-note-content h2 {2696 font-family: "Cormorant Garamond", serif;2697 font-size: 20px;2698 font-weight: 600;2699 font-style: italic;2700 color: var(--peach-t0);2701 margin: 6px 0 2px;2702 line-height: 1.3;2703}2704.peach-note-editor-body ul,2705.peach-note-content ul {2706 padding-left: 18px;2707 margin: 3px 0;2708 list-style: disc;2709}2710.peach-note-editor-body ol,2711.peach-note-content ol {2712 padding-left: 18px;2713 margin: 3px 0;2714 list-style: decimal;2715}2716.peach-note-editor-body li,2717.peach-note-content li { margin: 2px 0; }2718.peach-note-editor-body hr,2719.peach-note-content hr {2720 border: none;2721 border-top: 1px solid var(--peach-t3);2722 margin: 10px 0;2723}272427252726.peach-note-editor-body font[size="1"],2727.peach-note-content font[size="1"] { font-size: 11px; line-height: 1.6; }2728.peach-note-editor-body font[size="2"],2729.peach-note-content font[size="2"] { font-size: 13px; }2730.peach-note-editor-body font[size="3"],2731.peach-note-content font[size="3"] { font-size: 16px; }2732.peach-note-editor-body font[size="4"],2733.peach-note-content font[size="4"] { font-size: 20px; }2734.peach-note-editor-body font[size="5"],2735.peach-note-content font[size="5"] { font-size: 26px; line-height: 1.4; }273627372738.peach-note-editor-body b, .peach-note-editor-body strong,2739.peach-note-content b, .peach-note-content strong { font-weight: 700; }2740.peach-note-editor-body em, .peach-note-editor-body i,2741.peach-note-content em, .peach-note-content i { font-style: italic; }274227432744.peach-note-content {2745 overflow: auto;2746 max-height: 340px;2747 word-break: break-word;2748}274927502751.peach-note-textarea {2752 width: 100%;2753 min-height: 180px;2754 max-height: 280px;2755 resize: vertical;2756 background: var(--peach-t4);2757 border: 1px solid var(--peach-t3);2758 border-radius: 8px;2759 padding: 10px 12px;2760 font-family: "IBM Plex Mono", monospace;2761 font-size: 12px;2762 line-height: 1.7;2763 color: var(--peach-t1);2764 outline: none;2765 transition: border-color 150ms ease;2766}27672768.peach-note-textarea:focus {2769 border-color: var(--peach-t2);2770}27712772.peach-note-char-count {2773 font-family: "IBM Plex Mono", monospace;2774 font-size: 9px;2775 color: var(--peach-t3);2776 text-align: right;2777 margin-top: 4px;2778 letter-spacing: 0.1em;2779}278027812782.peach-new-field-input {2783 width: 100%;2784 background: transparent;2785 border: none;2786 border-bottom: 1px solid var(--peach-t3);2787 padding: 4px 0;2788 color: var(--peach-t1);2789 font-family: "IBM Plex Mono", monospace;2790 font-size: 13px;2791 outline: none;2792 transition: border-color 150ms ease;2793}27942795.peach-new-field-input:focus {2796 border-bottom-color: var(--peach-t0);2797 color: var(--peach-t0);2798}27992800.peach-new-name-input {2801 width: 100%;2802 background: transparent;2803 border: none;2804 border-bottom: 1px solid var(--peach-t3);2805 padding: 6px 0;2806 font-family: "Cormorant Garamond", Georgia, serif;2807 font-style: italic;2808 font-size: 28px;2809 color: var(--peach-t0);2810 outline: none;2811 transition: border-color 150ms ease;2812}28132814.peach-new-name-input:focus {2815 border-bottom-color: var(--peach-t1);2816}28172818.peach-new-name-input::placeholder {2819 color: var(--peach-t2);2820 font-style: italic;2821}28222823.peach-new-field-input::placeholder {2824 color: var(--peach-t3);2825}282628272828#hd-shell {2829 animation: hd-shell-enter 700ms cubic-bezier(0.34, 1.56, 0.64, 1) 200ms both;2830}2831@keyframes hd-shell-enter {2832 from { opacity: 0; transform: scale(0.96) translateY(16px); }2833 to { opacity: 1; transform: scale(1) translateY(0); }2834}283528362837@keyframes peach-char-enter {2838 from { opacity: 0; transform: translateY(0.22em); }2839 to { opacity: 1; transform: translateY(0); }2840}2841@keyframes peach-content-enter {2842 from { opacity: 0.96; transform: translateY(4px); }2843 to { opacity: 1; transform: translateY(0); }2844}2845@keyframes peach-content-exit {2846 from { opacity: 1; transform: translateY(0); }2847 to { opacity: 0.92; transform: translateY(-3px); }2848}2849@keyframes peach-screen-enter {2850 from { opacity: 0; transform: translateY(14px); }2851 to { opacity: 1; transform: translateY(0); }2852}2853@keyframes peach-shell-fade-in {2854 from { opacity: 0; }2855 to { opacity: 1; }2856}2857@keyframes peach-veil-in {2858 from { opacity: 0; }2859 to { opacity: 1; }2860}2861@keyframes peach-lock-settle {2862 0% { transform: scale(0.9); }2863 65% { transform: scale(1.08); }2864 100% { transform: scale(1); }2865}2866@keyframes peach-copy-confirm {2867 from { color: var(--peach-t2); border-color: var(--peach-t3); background-color: transparent; box-shadow: none; }2868 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); }2869}2870@keyframes peach-copy-retreat {2871 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); }2872 to { color: var(--peach-t2); border-color: var(--peach-t3); background-color: transparent; box-shadow: none; }2873}2874@keyframes peach-copy-flood {2875 from { opacity: 0; transform: scaleX(0.15); }2876 to { opacity: 1; transform: scaleX(1); }2877}2878@keyframes peach-copy-icon-settle {2879 from { transform: scale(0.84); }2880 70% { transform: scale(1.08); }2881 to { transform: scale(1); }2882}2883@keyframes peach-copy-sheen-retreat {2884 from { opacity: 1; transform: scaleX(1); }2885 to { opacity: 0; transform: scaleX(0.15); }2886}2887@keyframes peach-copy-drain {2888 from { width: 100%; }2889 to { width: 0; }2890}2891@keyframes peach-shake {2892 0%, 100% { transform: translateX(0); }2893 20% { transform: translateX(-6px); }2894 40% { transform: translateX(6px); }2895 60% { transform: translateX(-4px); }2896 80% { transform: translateX(4px); }2897}28982899@keyframes pip-pulse {2900 0% { transform: scale(1); }2901 40% { transform: scale(2.2); }2902 100% { transform: scale(1); }2903}2904290529062907.peach-pwgen-body {2908 flex: 1; overflow-y: auto;2909 display: flex; flex-direction: column;2910}2911.peach-policy-badge {2912 display: flex; align-items: center;2913 padding: 6px 20px 0;2914 font-size: 10px; font-family: Inter, sans-serif;2915 color: var(--peach-t2); letter-spacing: 0.04em;2916}2917.peach-pwgen-display {2918 padding: 14px 20px 12px;2919 border-bottom: 1px solid var(--peach-t3);2920 display: flex; align-items: flex-start; gap: 10px;2921}2922.peach-pwgen-display-row {2923 display: flex;2924 align-items: flex-start;2925 gap: 8px;2926 padding-bottom: 8px;2927 border-bottom: 1px solid var(--peach-t3);2928}2929.peach-pwgen-output {2930 flex: 1; min-width: 0; margin: 0;2931 font-family: "IBM Plex Mono", monospace;2932 font-size: 13px; color: var(--peach-t0);2933 line-height: 1.6; word-break: break-all; overflow-wrap: break-word;2934 white-space: normal;2935 padding: 10px 12px;2936 background: var(--peach-t4);2937 border-radius: 6px;2938 min-height: 36px;2939}2940.peach-pwgen-output-display {2941 flex: 1;2942 min-width: 0;2943 margin: 0;2944 font-family: "Cormorant Garamond", "Times New Roman", serif;2945 font-style: italic;2946 font-weight: 300;2947 font-size: 32px;2948 line-height: 1.05;2949 color: var(--peach-t0);2950 word-break: break-all;2951 overflow-wrap: break-word;2952 white-space: normal;2953 letter-spacing: 0.02em;2954}2955.peach-pwgen-display-actions {2956 display: flex;2957 flex-direction: column;2958 gap: 4px;2959 flex-shrink: 0;2960 margin-top: 2px;2961}2962.peach-pwgen-settings { padding: 12px 20px 14px; display: flex; flex-direction: column; gap: 14px; }2963.peach-pwgen-length-row { display: flex; flex-direction: column; gap: 6px; }2964.peach-pwgen-length-labels { display: flex; justify-content: space-between; align-items: center; }2965.peach-pwgen-len-num {2966 font-family: "IBM Plex Mono", monospace;2967 font-size: 12px; color: var(--peach-accent);2968}2969.peach-pwgen-slider { width: 100%; accent-color: var(--peach-accent); cursor: pointer; height: 2px; }2970.peach-pwgen-toggles { display: flex; flex-direction: column; }2971.peach-pwgen-charset-pills {2972 display: flex;2973 gap: 6px;2974 flex-wrap: wrap;2975}2976.peach-pwgen-pill {2977 padding: 4px 11px;2978 border-radius: 999px;2979 border: 1px solid var(--peach-t3);2980 background: transparent;2981 color: var(--peach-t2);2982 font-family: "IBM Plex Mono", monospace;2983 font-size: 9px;2984 letter-spacing: 0.08em;2985 cursor: pointer;2986 transition: all 150ms ease;2987}2988.peach-pwgen-pill.is-on {2989 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);2990 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);2991 color: var(--peach-accent);2992}2993.peach-pwgen-pill:not(.is-on):hover {2994 color: var(--peach-t1);2995 border-color: var(--peach-t2);2996}2997.peach-pwgen-use-btn {2998 width: 100%;2999 min-height: 34px;3000 border-radius: 8px;3001 margin-top: 2px;3002}3003.peach-pwgen-toggle-row {3004 display: flex; align-items: center; justify-content: space-between;3005 padding: 6px 0; border-bottom: 1px solid var(--peach-t3);3006}3007.peach-pwgen-toggle-row:last-child { border-bottom: none; }3008.peach-pwgen-toggle-label { font-size: 13px; color: var(--peach-t1); }30093010.peach-screen-prelock {3011 z-index: 10;3012}30133014.prelock-form {3015 display: grid;3016 gap: 12px;3017}301830193020.peach-settings-body,3021.peach-new-body,3022.peach-pwgen-body,3023.lock-screen,3024.peach-import-preview {3025 scrollbar-width: none;3026 -ms-overflow-style: none;3027 overscroll-behavior: contain;3028}3029.peach-settings-body::-webkit-scrollbar,3030.peach-new-body::-webkit-scrollbar,3031.peach-pwgen-body::-webkit-scrollbar,3032.lock-screen::-webkit-scrollbar,3033.peach-import-preview::-webkit-scrollbar {3034 width: 0;3035 height: 0;3036 display: none;3037}30383039.lock-screen {3040 height: 100%;3041 min-height: 100%;3042 overflow-y: auto;3043 padding: 18px 18px 16px;3044 gap: 14px;3045 grid-template-rows: auto auto auto 1fr auto;3046 align-content: stretch;3047 position: relative;3048 isolation: isolate;3049}3050.peach-screen.lock-screen--vault-stage {3051 display: flex;3052 flex-direction: column;3053 justify-content: flex-start;3054 gap: 18px;3055 padding: 20px 18px 18px;3056 overflow: hidden;3057}3058.peach-screen.lock-screen--vault-stage .peach-lock-panel {3059 margin-top: auto;3060}3061.lock-screen--onboarding {3062 display: flex;3063 flex-direction: column;3064 gap: 12px;3065 justify-content: flex-start;3066}30673068.lock-screen::before {3069 content: "";3070 position: absolute;3071 inset: 12px 18px auto auto;3072 width: 160px;3073 height: 160px;3074 border-radius: 999px;3075 background:3076 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%);3077 filter: blur(6px);3078 opacity: 0.7;3079 pointer-events: none;3080 z-index: 0;3081}30823083.lock-screen-header {3084 display: flex;3085 align-items: center;3086 justify-content: space-between;3087 position: relative;3088 z-index: 1;3089}30903091.lock-password-input.shake {3092 animation: peach-shake 300ms ease-in-out;3093}30943095.peach-hint-error {3096 color: rgba(220, 80, 60, 0.92);3097}30983099.peach-onboarding-headline {3100 margin: 0;3101 font-family: "Cormorant Garamond", "Times New Roman", serif;3102 font-size: 35px;3103 line-height: 0.88;3104 font-style: italic;3105 font-weight: 400;3106 max-width: 252px;3107}31083109.peach-lock-copy {3110 display: grid;3111 gap: 8px;3112 position: relative;3113 z-index: 1;3114}31153116.peach-lock-copy--onboarding {3117 gap: 10px;3118}31193120.peach-lock-hero {3121 position: relative;3122 z-index: 1;3123 display: grid;3124 gap: 8px;3125 min-height: 0;3126 padding: 4px 2px 0;3127 border: none;3128 border-radius: 0;3129 background: transparent;3130 box-shadow: none;3131}3132.peach-lock-hero-art {3133 position: absolute;3134 right: -8px;3135 top: -6px;3136 width: 120px;3137 height: 120px;3138 display: flex;3139 align-items: center;3140 justify-content: center;3141 pointer-events: none;3142 opacity: 0.12;3143 filter: saturate(0.9);3144}3145.peach-lock-hero-mark {3146 width: 100%;3147 height: 100%;3148}3149315031513152.peach-lock-hero-mark path:nth-child(2),3153.peach-lock-hero-mark path:nth-child(3) {3154 stroke: rgba(123, 144, 96, 0.88);3155 fill: rgba(123, 144, 96, 0.88);3156}3157.peach-lock-hero > *:not(.peach-lock-hero-art) {3158 position: relative;3159 z-index: 1;3160}31613162.peach-lock-eyebrow {3163 display: inline-flex;3164 align-items: center;3165 width: fit-content;3166 padding: 4px 9px;3167 border-radius: 999px;3168 border: 1px solid color-mix(in srgb, var(--peach-accent) 22%, transparent);3169 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);3170 color: var(--peach-t0);3171 font-family: "IBM Plex Mono", monospace;3172 font-size: 8px;3173 letter-spacing: 0.18em;3174 text-transform: uppercase;3175}31763177.peach-lock-label-row {3178 display: flex;3179 align-items: center;3180 justify-content: space-between;3181 margin-bottom: 0;3182}31833184.peach-lock-reveal-btn {3185 display: inline-flex;3186 align-items: center;3187 gap: 4px;3188 background: none;3189 border: none;3190 cursor: pointer;3191 font-family: "IBM Plex Mono", monospace;3192 font-size: 9px;3193 letter-spacing: 0.06em;3194 color: var(--peach-t2);3195 padding: 2px 0;3196 transition: color 150ms ease;3197}31983199.peach-lock-reveal-btn:hover {3200 color: var(--peach-t1);3201}32023203.peach-lock-warning {3204 color: rgba(220, 80, 60, 0.85) !important;3205 line-height: 1.5;3206}32073208.peach-onboarding-cards {3209 display: grid;3210 gap: 8px;3211 position: relative;3212 z-index: 1;3213}32143215.peach-lock-panel {3216 position: relative;3217 z-index: 1;3218 display: grid;3219 gap: 9px;3220 padding: 14px 16px 15px;3221 border-radius: 18px;3222 border: 1px solid var(--peach-t3);3223 background:3224 linear-gradient(180deg, rgba(240, 232, 216, 0.03), rgba(240, 232, 216, 0.015));3225 box-shadow:3226 inset 0 1px 0 rgba(240, 232, 216, 0.04),3227 0 12px 28px rgba(0, 0, 0, 0.12);3228}32293230.peach-lock-panel--secondary {3231 gap: 12px;3232}32333234.peach-lock-panel-header {3235 display: flex;3236 align-items: baseline;3237 justify-content: space-between;3238 gap: 12px;3239}32403241.peach-lock-option-grid {3242 display: grid;3243 gap: 10px;3244}32453246.peach-lock-option {3247 width: 100%;3248 display: grid;3249 gap: 6px;3250 padding: 14px 15px;3251 border-radius: 16px;3252 border: 1px solid rgba(240, 232, 216, 0.08);3253 background: rgba(240, 232, 216, 0.02);3254 color: var(--peach-t0);3255 text-align: left;3256 transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;3257}32583259.peach-lock-option:hover {3260 border-color: color-mix(in srgb, var(--peach-accent) 28%, transparent);3261 background: rgba(240, 232, 216, 0.04);3262 transform: translateY(-1px);3263}32643265.peach-lock-option-title {3266 font-size: 12px;3267 color: var(--peach-t0);3268}32693270.peach-lock-option-copy {3271 font-size: 11px;3272 line-height: 1.55;3273 color: var(--peach-t1);3274}32753276.peach-onboarding-stack {3277 margin-top: 2px;3278}3279.peach-lock-panel-footer {3280 display: grid;3281 gap: 6px;3282 margin-top: 2px;3283 padding-top: 10px;3284 border-top: 1px solid rgba(240, 232, 216, 0.06);3285}328632873288.peach-lock-panel--restore {3289 gap: 10px;3290}3291.peach-lock-option--history {3292 border-color: rgba(240, 232, 216, 0.06);3293 opacity: 0.85;3294}329532963297.peach-snapshot-panel {3298 gap: 10px;3299 overflow-y: auto;3300 max-height: 340px;3301}3302.peach-snapshot-list {3303 display: flex;3304 flex-direction: column;3305 gap: 4px;3306}3307.peach-snapshot-row {3308 display: flex;3309 align-items: center;3310 justify-content: space-between;3311 width: 100%;3312 padding: 8px 10px;3313 border-radius: 8px;3314 border: 1px solid rgba(240, 232, 216, 0.07);3315 background: transparent;3316 cursor: pointer;3317 transition: border-color 120ms, background 120ms;3318 text-align: left;3319 gap: 8px;3320}3321.peach-snapshot-row:hover {3322 border-color: rgba(240, 232, 216, 0.14);3323 background: rgba(240, 232, 216, 0.03);3324}3325.peach-snapshot-row.is-selected {3326 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);3327 background: color-mix(in srgb, var(--peach-accent) 7%, transparent);3328}3329.peach-snapshot-time {3330 font-size: 11.5px;3331 color: var(--peach-t0);3332 flex: 1;3333}3334.peach-snapshot-count {3335 font-family: "IBM Plex Mono", monospace;3336 font-size: 10px;3337 color: var(--peach-t2);3338 flex-shrink: 0;3339}3340.peach-snapshot-confirm {3341 display: flex;3342 flex-direction: column;3343 gap: 8px;3344 padding-top: 10px;3345 border-top: 1px solid rgba(240, 232, 216, 0.06);3346}3347.peach-snapshot-warning {3348 display: flex;3349 align-items: flex-start;3350 gap: 6px;3351 font-size: 10.5px;3352 color: rgba(220, 80, 60, 0.85);3353 line-height: 1.55;3354}3355.peach-snapshot-warning svg { flex-shrink: 0; margin-top: 2px; }3356.peach-snapshot-confirm-row {3357 display: flex;3358 gap: 6px;3359 align-items: center;3360}3361.peach-snapshot-restore-btn {3362 width: 100%;3363}3364.peach-lock-hero--unlock .peach-lock-hero-art {3365 width: 112px;3366 height: 112px;3367 right: 0;3368 top: 2px;3369 opacity: 0.1;3370}33713372.peach-card {3373 border: 1px solid var(--peach-t3);3374 border-radius: 18px;3375 background:3376 linear-gradient(180deg, rgba(240, 232, 216, 0.03) 0%, rgba(240, 232, 216, 0.015) 100%);3377 box-shadow:3378 inset 0 0 0 1px var(--peach-border-accent),3379 inset 0 1px 0 rgba(240, 232, 216, 0.04),3380 0 12px 32px rgba(0, 0, 0, 0.14);3381 overflow: hidden;3382}33833384.peach-card-active {3385 border-color: color-mix(in srgb, var(--peach-accent) 35%, transparent);3386 box-shadow:3387 inset 0 1px 0 rgba(240, 232, 216, 0.05),3388 0 16px 38px rgba(0, 0, 0, 0.18),3389 0 0 0 1px color-mix(in srgb, var(--peach-accent) 8%, transparent);3390}33913392.peach-card-disabled {3393 opacity: 0.72;3394}33953396.peach-card-header {3397 width: 100%;3398 padding: 13px 16px 11px;3399 background: transparent;3400 color: var(--peach-t0);3401 display: flex;3402 justify-content: space-between;3403 align-items: center;3404 text-align: left;3405 font-size: 12px;3406}34073408.peach-card-body {3409 padding: 0 16px 16px;3410 display: grid;3411 gap: 9px;3412}34133414.peach-card-tag {3415 color: var(--peach-t2);3416 font-family: "IBM Plex Mono", monospace;3417 font-size: 9px;3418 letter-spacing: 0.12em;3419 text-transform: uppercase;3420}34213422.peach-empty-copy {3423 display: grid;3424 gap: 6px;3425 color: var(--peach-t1);3426 font-size: 13px;3427}34283429.peach-lock-submit {3430 width: 100%;3431 box-shadow:3432 0 1px 0 rgba(255,255,255,0.10) inset,3433 0 0 0 1px color-mix(in srgb, var(--peach-accent) 19%, transparent),3434 0 12px 32px color-mix(in srgb, var(--peach-accent) 19%, transparent),3435 0 0 48px color-mix(in srgb, var(--peach-accent) 10%, transparent);3436}34373438.peach-lock-secondary {3439 width: 100%;3440 border-color: var(--peach-t3);3441 background: rgba(240, 232, 216, 0.02);3442}34433444.peach-lock-secondary:hover {3445 background: rgba(240, 232, 216, 0.04);3446}34473448.peach-lock-note {3449 max-width: none;3450 line-height: 1.55;3451 margin: 0;3452}34533454.peach-overlay-action {3455 font-size: 10px;3456 padding: 4px 8px;3457 letter-spacing: 0.06em;3458 min-width: 44px;3459 text-align: center;3460}34613462.peach-overlay-spacer {3463 width: 32px;3464}34653466.peach-inline-action {3467 flex-shrink: 0;3468 font-size: 9px;3469 letter-spacing: 0.1em;3470 text-transform: uppercase;3471 padding: 4px 7px;3472}3473.peach-password-toggle-btn {3474 display: inline-flex;3475 align-items: center;3476 justify-content: center;3477 min-width: 30px;3478 min-height: 26px;3479 padding: 0 7px;3480 border: 1px solid var(--peach-t3);3481 border-radius: 999px;3482 background: rgba(240, 232, 216, 0.04);3483 color: var(--peach-t2);3484 transition: border-color 140ms ease, color 140ms ease, background 140ms ease;3485}3486.peach-password-toggle-btn:hover {3487 border-color: var(--peach-t2);3488 color: var(--peach-t0);3489 background: rgba(240, 232, 216, 0.06);3490}34913492.peach-new-textarea {3493 width: 100%;3494 min-height: 88px;3495 resize: vertical;3496 border: 0;3497 outline: none;3498 background: transparent;3499 color: var(--peach-t1);3500 font-family: "IBM Plex Mono", monospace;3501 font-size: 12px;3502 line-height: 1.65;3503 caret-color: var(--peach-accent);3504}35053506.peach-new-textarea::placeholder {3507 color: var(--peach-t2);3508 opacity: 0.7;3509}35103511.peach-settings-actions {3512 display: grid;3513 gap: 8px;3514}35153516.peach-sync-section-label {3517 font-size: 11px;3518 color: var(--peach-t2);3519 text-transform: uppercase;3520 letter-spacing: 0.05em;3521}35223523.peach-sync-device-row {3524 display: flex;3525 justify-content: space-between;3526 align-items: center;3527 padding: 6px 0;3528 border-bottom: 1px solid var(--peach-t3);3529}35303531.peach-sync-device-info {3532 display: flex;3533 flex-direction: column;3534 gap: 2px;3535}35363537.peach-sync-device-name {3538 font-size: 13px;3539 color: var(--peach-t0);3540}35413542.peach-sync-device-meta {3543 font-size: 11px;3544 color: var(--peach-t2);3545}35463547.peach-sync-status-dot {3548 display: inline-block;3549 width: 8px;3550 height: 8px;3551 border-radius: 50%;3552 vertical-align: middle;3553}35543555.peach-sync-remove-btn {3556 color: var(--peach-breach);3557}35583559.peach-import-preview {3560 margin-bottom: 12px;3561 max-height: 152px;3562 overflow-y: auto;3563 border: 1px solid var(--peach-t3);3564 border-radius: 10px;3565 padding: 8px 10px;3566 display: grid;3567 gap: 8px;3568 background: rgba(240, 232, 216, 0.02);3569}35703571.peach-import-preview-row {3572 display: flex;3573 justify-content: space-between;3574 gap: 10px;3575 font-size: 11px;3576 color: var(--peach-t1);3577}35783579.peach-import-preview-title {3580 color: var(--peach-t0);3581 flex: 1;3582 min-width: 0;3583 overflow: hidden;3584 text-overflow: ellipsis;3585 white-space: nowrap;3586}35873588.peach-import-preview-meta {3589 color: var(--peach-t2);3590 flex-shrink: 0;3591 max-width: 42%;3592 overflow: hidden;3593 text-overflow: ellipsis;3594 white-space: nowrap;3595}35963597.peach-import-preview-more {3598 color: var(--peach-t2);3599 font-size: 10px;3600}36013602.peach-restore-copy {3603 margin: 0;3604 color: var(--peach-t1);3605 font-size: 11px;3606 line-height: 1.6;3607}36083609.peach-restore-warning {3610 padding: 10px 12px;3611 border-radius: 12px;3612 border: 1px solid rgba(220, 80, 60, 0.22);3613 background: rgba(220, 80, 60, 0.08);3614 color: rgba(240, 232, 216, 0.86);3615 font-size: 11px;3616 line-height: 1.55;3617}36183619.peach-provider-chips {3620 display: flex;3621 flex-wrap: wrap;3622 gap: 6px;3623}36243625.peach-provider-chip {3626 display: inline-flex;3627 align-items: center;3628 padding: 5px 8px;3629 border-radius: 999px;3630 border: 1px solid var(--peach-t3);3631 background: rgba(240, 232, 216, 0.02);3632 color: var(--peach-t1);3633 font-family: "IBM Plex Mono", monospace;3634 font-size: 8px;3635 letter-spacing: 0.08em;3636 text-transform: uppercase;3637}36383639.peach-restore-file,3640.peach-restore-input {3641 width: 100%;3642 border-radius: 10px;3643 border: 1px solid var(--peach-t3);3644 background: var(--peach-s2);3645 color: var(--peach-t0);3646 font-size: 12px;3647}36483649.peach-restore-file {3650 padding: 9px 10px;3651}36523653.peach-restore-file::file-selector-button {3654 margin-right: 10px;3655 padding: 7px 10px;3656 border: 1px solid color-mix(in srgb, var(--peach-accent) 28%, transparent);3657 border-radius: 999px;3658 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);3659 color: var(--peach-t0);3660 font-size: 10px;3661 letter-spacing: 0.08em;3662 text-transform: uppercase;3663 cursor: pointer;3664}36653666.peach-restore-input {3667 padding: 10px 12px;3668}36693670.peach-auth-grid {3671 display: grid;3672 gap: 10px;3673}36743675.peach-import-summary {3676 color: var(--peach-t1);3677 font-size: 12px;3678 line-height: 1.6;3679 margin-bottom: 12px;3680}36813682.peach-restore-error {3683 color: rgba(220, 80, 60, 0.95);3684 font-size: 12px;3685 line-height: 1.55;3686}36873688.peach-cjk-qr-panel {3689 margin-top: 14px;3690 padding: 12px;3691 border-radius: 16px;3692 border: 1px solid var(--peach-t3);3693 background: rgba(240, 232, 216, 0.02);3694 display: grid;3695 gap: 10px;3696}36973698.peach-cjk-qr-frame {3699 display: grid;3700 place-items: center;3701 min-height: 212px;3702 border-radius: 14px;3703 background: #fff;3704 overflow: hidden;3705}37063707.peach-cjk-qr-frame svg {3708 display: block;3709 width: 196px;3710 height: 196px;3711}37123713.peach-cjk-qr-error,3714.peach-cjk-qr-caption {3715 color: var(--peach-t1);3716 font-size: 11px;3717 line-height: 1.55;3718}37193720.peach-cjk-qr-card {3721 max-width: 400px;3722 margin: auto;3723}37243725.peach-cjk-qr-body {3726 padding: 0 20px 20px;3727 text-align: center;3728}37293730.peach-cjk-qr-hint {3731 font-size: 11px;3732 color: var(--peach-t2);3733 margin: 0 0 14px;3734}37353736.peach-cjk-qr-image {3737 border-radius: 4px;3738 display: block;3739 margin: 0 auto;3740 width: 100%;3741 max-width: 320px;3742 height: auto;3743}37443745.peach-pro-badge {3746 padding: 2px 6px;3747 border-radius: 999px;3748 font-family: var(--font-ui);3749 font-size: 10px;3750 letter-spacing: 0.08em;3751 text-transform: uppercase;3752 background: color-mix(in srgb, var(--peach-accent) 14%, transparent);3753 color: var(--peach-accent);3754}37553756.peach-loading {3757 position: absolute;3758 inset: 0;3759 display: flex;3760 align-items: center;3761 justify-content: center;3762 background: var(--bg);3763 animation: peach-loading-pulse 1.2s ease-in-out infinite;3764}37653766@keyframes peach-loading-pulse {3767 0%, 100% { opacity: 0.6; }3768 50% { opacity: 1; }3769}377037713772.peach-health-body {3773 flex: 1;3774 overflow-y: auto;3775 display: flex;3776 flex-direction: column;3777}37783779.peach-health-summary {3780 padding: 10px 16px 6px;3781 font-family: "IBM Plex Mono", monospace;3782 font-size: 11px;3783}3784.peach-health-summary-warn { color: rgba(220,80,60,0.9); }3785.peach-health-summary-ok { color: var(--peach-t2); }37863787.peach-health-check-row {3788 padding: 0 16px 10px;3789}3790.peach-health-check-btn {3791 width: 100%;3792 display: flex;3793 align-items: center;3794 justify-content: center;3795}37963797.peach-health-sections {3798 flex: 1;3799 display: flex;3800 flex-direction: column;3801}38023803.peach-health-section {3804 border-bottom: 1px solid var(--peach-t3);3805}38063807.peach-health-section-header {3808 width: 100%;3809 display: flex;3810 align-items: center;3811 justify-content: space-between;3812 padding: 9px 16px;3813 background: transparent;3814 cursor: pointer;3815 color: var(--peach-t0);3816}38173818.peach-health-section-title-row {3819 display: flex;3820 align-items: center;3821 gap: 8px;3822}38233824.peach-health-count-badge {3825 display: inline-flex;3826 align-items: center;3827 justify-content: center;3828 min-width: 20px;3829 height: 18px;3830 padding: 0 5px;3831 border-radius: 999px;3832 background: rgba(220,80,60,0.15);3833 border: 1px solid rgba(220,80,60,0.25);3834 font-family: "IBM Plex Mono", monospace;3835 font-size: 9px;3836 color: rgba(220,80,60,0.9);3837}38383839.peach-health-section-title {3840 font-family: "IBM Plex Mono", monospace;3841 font-size: 11px;3842 text-transform: uppercase;3843 letter-spacing: 0.1em;3844 color: var(--peach-t1);3845}38463847.peach-health-chevron {3848 color: var(--peach-t2);3849 transition: transform 200ms ease;3850 flex-shrink: 0;3851}3852.peach-health-chevron.is-expanded {3853 transform: rotate(180deg);3854}38553856.peach-health-section-body {3857 padding: 0 16px 10px;3858 display: flex;3859 flex-direction: column;3860 gap: 4px;3861}38623863.peach-health-row {3864 display: flex;3865 align-items: flex-start;3866 justify-content: space-between;3867 gap: 8px;3868 padding: 6px 8px;3869 border-radius: 8px;3870 background: rgba(240,232,216,0.02);3871}38723873.peach-health-row-info {3874 flex: 1;3875 min-width: 0;3876 display: flex;3877 flex-direction: column;3878 gap: 2px;3879}38803881.peach-health-row-name {3882 font-family: "Cormorant Garamond", serif;3883 font-size: 15px;3884 font-style: italic;3885 font-weight: 400;3886 color: var(--peach-t0);3887 white-space: nowrap;3888 overflow: hidden;3889 text-overflow: ellipsis;3890}38913892.peach-health-row-meta {3893 font-family: "IBM Plex Mono", monospace;3894 font-size: 9px;3895 color: var(--peach-t2);3896 letter-spacing: 0.05em;3897}38983899.peach-health-fix-btn {3900 font-size: 9px;3901 letter-spacing: 0.08em;3902 text-transform: uppercase;3903 padding: 4px 7px;3904 flex-shrink: 0;3905 display: flex;3906 align-items: center;3907}39083909.peach-health-empty {3910 font-family: "IBM Plex Mono", monospace;3911 font-size: 10px;3912 color: var(--peach-t2);3913 padding: 6px 0;3914}39153916.peach-health-loading {3917 font-family: "IBM Plex Mono", monospace;3918 font-size: 10px;3919 color: var(--peach-t2);3920 padding: 6px 0;3921 display: flex;3922 align-items: center;3923 gap: 6px;3924}39253926.peach-health-loading::before {3927 content: "";3928 width: 10px;3929 height: 10px;3930 border: 1.5px solid var(--peach-t3);3931 border-top-color: var(--peach-accent);3932 border-radius: 50%;3933 animation: peach-spin 600ms linear infinite;3934}39353936@keyframes peach-spin {3937 to { transform: rotate(360deg); }3938}39393940.peach-spinner {3941 width: 32px;3942 height: 32px;3943 border: 2px solid var(--peach-s2);3944 border-top-color: var(--peach-accent);3945 border-radius: 50%;3946 margin: 0 auto 16px;3947 animation: peach-spin 0.8s linear infinite;3948}39493950.peach-progress-screen {3951 text-align: center;3952 padding: 32px 16px;3953}39543955.peach-progress-screen-title {3956 font-size: 13px;3957 color: var(--peach-t0);3958 margin-bottom: 16px;3959}39603961.peach-progress-screen-stage {3962 font-size: 11px;3963 color: var(--peach-t2);3964 min-height: 14px;3965}39663967.peach-progress-screen-note {3968 font-size: 10px;3969 color: var(--peach-t2);3970 margin-top: 8px;3971}39723973.peach-pairing-body {3974 flex: 1;3975 overflow-y: auto;3976 display: flex;3977 flex-direction: column;3978}39793980.peach-pairing-content {3981 flex: 1;3982 display: flex;3983 flex-direction: column;3984 align-items: center;3985 justify-content: center;3986 gap: 14px;3987 padding: 28px 20px;3988 text-align: center;3989}39903991.peach-pairing-headline {3992 font-family: var(--font-display);3993 font-style: italic;3994 font-weight: 300;3995 font-size: 28px;3996 color: var(--peach-t0);3997 margin: 0;3998 line-height: 1;3999}40004001.peach-pairing-subline {4002 font-size: 12px;4003 color: var(--peach-t2);4004 max-width: 220px;4005 line-height: 1.5;4006 margin: 0;4007}40084009.peach-pairing-subline--center {4010 text-align: center;4011}40124013.peach-pairing-code-display {4014 display: flex;4015 gap: 6px;4016}40174018.peach-pairing-code-digit {4019 display: flex;4020 align-items: center;4021 justify-content: center;4022 width: 36px;4023 height: 48px;4024 background: var(--peach-s2);4025 border: 1px solid var(--peach-t3);4026 border-radius: 6px;4027 font-family: var(--font-mono);4028 font-size: 22px;4029 color: var(--peach-t0);4030 letter-spacing: 0;4031}40324033.peach-pairing-countdown-ring {4034 position: relative;4035 display: inline-flex;4036 align-items: center;4037 justify-content: center;4038}40394040.peach-pairing-countdown-num {4041 position: absolute;4042 font-family: var(--font-mono);4043 font-size: 14px;4044 color: var(--peach-t1);4045}40464047.peach-pairing-ring-track {4048 fill: none;4049 stroke: var(--peach-t3);4050 stroke-width: 2;4051}40524053.peach-pairing-ring-progress {4054 fill: none;4055 stroke: var(--peach-accent);4056 stroke-width: 2;4057 stroke-linecap: round;4058 transform: rotate(-90deg);4059 transform-origin: 50% 50%;4060 transition: stroke-dashoffset 0.5s linear;4061}40624063.peach-pairing-code-inputs {4064 display: flex;4065 gap: 8px;4066}40674068.peach-pairing-code-box {4069 width: 36px;4070 height: 48px;4071 text-align: center;4072 background: var(--peach-s2);4073 border: 1px solid var(--peach-t3);4074 border-radius: 6px;4075 font-family: var(--font-mono);4076 font-size: 20px;4077 color: var(--peach-t0);4078 outline: none;4079 transition: border-color 120ms ease;4080}40814082.peach-pairing-code-box:focus {4083 border-color: var(--peach-accent);4084}40854086.peach-pairing-code-box.has-error {4087 border-color: rgba(220, 80, 60, 0.45);4088}40894090.peach-pairing-status {4091 display: flex;4092 align-items: center;4093 gap: 8px;4094 margin: 0;4095 font-size: 12px;4096 color: var(--peach-t1);4097}40984099.peach-pairing-error {4100 margin: 0;4101 font-size: 11px;4102 color: var(--peach-breach);4103}41044105.peach-pairing-error-msg {4106 color: var(--peach-t1);4107}41084109.peach-pairing-spinner {4110 width: 12px;4111 height: 12px;4112 border: 1.5px solid var(--peach-t3);4113 border-top-color: var(--peach-accent);4114 border-radius: 50%;4115 animation: peach-spin 0.8s linear infinite;4116}41174118.peach-pairing-success-icon,4119.peach-pairing-error-icon,4120.peach-pairing-hero {4121 display: inline-flex;4122 align-items: center;4123 justify-content: center;4124}412541264127.peach-tag-chip {4128 display: inline-flex;4129 align-items: center;4130 gap: 4px;4131 padding: 3px 8px;4132 border-radius: 999px;4133 border: 1px solid color-mix(in srgb, var(--peach-accent) 28%, transparent);4134 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);4135 color: rgba(240, 232, 216, 0.85);4136 font-family: "IBM Plex Mono", monospace;4137 font-size: 10px;4138 letter-spacing: 0.04em;4139}41404141.peach-tag-chip-remove {4142 background: transparent;4143 border: none;4144 color: inherit;4145 opacity: 0.6;4146 cursor: pointer;4147 padding: 0;4148 font-size: 12px;4149 line-height: 1;4150}41514152.peach-tag-chip-remove:hover {4153 opacity: 1;4154}415541564157.peach-tag-input-wrap {4158 border-bottom: 1px solid var(--peach-t3);4159}41604161.peach-tag-suggestions {4162 display: flex;4163 flex-wrap: wrap;4164 gap: 4px;4165 padding: 6px 0;4166}41674168.peach-tag-suggestion {4169 padding: 2px 8px;4170 border-radius: 999px;4171 border: 1px solid var(--peach-t3);4172 background: var(--peach-s2);4173 color: var(--peach-t1);4174 font-family: "IBM Plex Mono", monospace;4175 font-size: 10px;4176 cursor: pointer;4177 transition: border-color 80ms ease, background 80ms ease;4178}41794180.peach-tag-suggestion:hover {4181 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);4182 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);4183}418441854186.peach-tag-filter-strip {4187 border-bottom: 1px solid var(--peach-t3);4188 flex-shrink: 0;4189}41904191.peach-tag-filter-chip {4192 display: inline-flex;4193 align-items: center;4194 padding: 4px 10px;4195 border-radius: 999px;4196 border: 1px solid var(--peach-t3);4197 background: transparent;4198 color: var(--peach-t2);4199 font-family: "IBM Plex Mono", monospace;4200 font-size: 9px;4201 letter-spacing: 0.06em;4202 text-transform: uppercase;4203 cursor: pointer;4204 transition: border-color 120ms ease, color 120ms ease, background 120ms ease;4205 white-space: nowrap;4206}42074208.peach-tag-filter-chip:hover {4209 border-color: color-mix(in srgb, var(--peach-accent) 35%, transparent);4210 color: var(--peach-t1);4211}42124213.peach-tag-filter-chip.is-selected {4214 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);4215 background: color-mix(in srgb, var(--peach-accent) 12%, transparent);4216 color: rgba(240, 232, 216, 0.9);4217}4218421942204221422242234224.peach-sort-bar {4225 display: flex;4226 align-items: center;4227 gap: 4px;4228 padding: 5px 12px;4229 border-bottom: 1px solid var(--peach-t3);4230 flex-shrink: 0;4231 overflow-x: auto;4232 scrollbar-width: none;4233}42344235.peach-sort-btn {4236 padding: 2px 9px;4237 border-radius: 999px;4238 border: 1px solid transparent;4239 background: transparent;4240 color: var(--peach-t2);4241 font-family: "IBM Plex Mono", monospace;4242 font-size: 9px;4243 letter-spacing: 0.07em;4244 text-transform: uppercase;4245 cursor: pointer;4246 transition: border-color 120ms ease, color 120ms ease, background 120ms ease;4247 white-space: nowrap;4248}42494250.peach-sort-btn:hover {4251 border-color: color-mix(in srgb, var(--peach-accent) 30%, transparent);4252 color: var(--peach-t1);4253}42544255.peach-sort-btn.is-active {4256 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);4257 background: color-mix(in srgb, var(--peach-accent) 12%, transparent);4258 color: rgba(240, 232, 216, 0.9);4259}42604261.peach-sort-domain-hint {4262 margin-left: auto;4263 font-family: "IBM Plex Mono", monospace;4264 font-size: 9px;4265 color: color-mix(in srgb, var(--peach-accent) 60%, transparent);4266 white-space: nowrap;4267 overflow: hidden;4268 text-overflow: ellipsis;4269 max-width: 110px;4270}427142724273.peach-tab-match-badge {4274 display: inline-block;4275 width: 6px;4276 height: 6px;4277 border-radius: 50%;4278 background: color-mix(in srgb, var(--peach-accent) 75%, transparent);4279 margin-left: 5px;4280 vertical-align: middle;4281 flex-shrink: 0;4282 box-shadow: 0 0 4px color-mix(in srgb, var(--peach-accent) 40%, transparent);4283}42844285.peach-entry-row.is-tab-match {4286 background: color-mix(in srgb, var(--peach-accent) 4%, transparent);4287 border-bottom-color: color-mix(in srgb, var(--peach-accent) 8%, transparent);4288}42894290.peach-entry-row.is-tab-match:hover {4291 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);4292}429342944295@keyframes peach-entry-fadein {4296 from { opacity: 0; transform: translateY(4px); }4297 to { opacity: 1; transform: translateY(0); }4298}42994300.peach-vault-list .peach-entry-row {4301 animation: peach-entry-fadein 220ms cubic-bezier(0.16, 1, 0.3, 1) both;4302 content-visibility: auto;4303 contain-intrinsic-size: auto 44px;4304}430543064307.peach-btn:active {4308 transform: scale(0.95);4309 transition: transform 80ms cubic-bezier(0.34, 1.56, 0.64, 1);4310}43114312.peach-sort-btn:active,4313.peach-tag-filter-chip:active {4314 transform: scale(0.93);4315 transition: transform 80ms cubic-bezier(0.34, 1.56, 0.64, 1);4316}431743184319.peach-password-strength {4320 display: flex;4321 align-items: center;4322 gap: 8px;4323 margin-top: 6px;4324}43254326.peach-strength-bar {4327 flex: 1;4328 height: 3px;4329 border-radius: 2px;4330 background: var(--peach-t3);4331 overflow: hidden;4332}43334334.peach-strength-fill {4335 height: 100%;4336 border-radius: 2px;4337 transition: width 300ms cubic-bezier(0.34, 1.56, 0.64, 1),4338 background 300ms ease;4339}43404341.peach-strength-bar--weak .peach-strength-fill { width: 25%; background: rgba(220, 80, 60, 0.65); }4342.peach-strength-bar--fair .peach-strength-fill { width: 50%; background: rgba(200, 140, 60, 0.6); }4343.peach-strength-bar--good .peach-strength-fill { width: 75%; background: rgba(180, 162, 100, 0.55); }4344.peach-strength-bar--strong .peach-strength-fill { width: 100%; background: rgba(150, 175, 110, 0.6); }43454346.peach-strength-label {4347 font-family: "IBM Plex Mono", monospace;4348 font-style: italic;4349 font-size: 9px;4350 font-weight: 300;4351 letter-spacing: 0.06em;4352 color: var(--peach-t2);4353 min-width: 36px;4354 text-align: right;4355}43564357.peach-strength-bar--weak + .peach-strength-label { color: rgba(220, 80, 60, 0.65); }4358.peach-strength-bar--fair + .peach-strength-label { color: rgba(200, 140, 60, 0.6); }4359.peach-strength-bar--good + .peach-strength-label { color: rgba(180, 162, 100, 0.55); }4360.peach-strength-bar--strong + .peach-strength-label { color: rgba(150, 175, 110, 0.6); }436143624363.peach-duress-status {4364 padding: 2px 8px;4365 border-radius: 999px;4366 border: 1px solid var(--peach-t3);4367 font-family: "IBM Plex Mono", monospace;4368 font-size: 9px;4369 letter-spacing: 0.07em;4370 text-transform: uppercase;4371 color: var(--peach-t2);4372 flex-shrink: 0;4373}43744375.peach-duress-status.is-active {4376 border-color: color-mix(in srgb, var(--peach-accent) 45%, transparent);4377 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);4378 color: rgba(240, 232, 216, 0.85);4379}43804381.peach-duress-form {4382 padding: 8px 0 4px;4383 display: flex;4384 flex-direction: column;4385 gap: 6px;4386}43874388.peach-duress-form .peach-label {4389 margin-top: 4px;4390}43914392.peach-duress-actions {4393 display: flex;4394 gap: 6px;4395 align-items: center;4396 margin-top: 4px;4397}43984399.peach-duress-actions .peach-btn:first-child {4400 margin-right: auto;4401}440244034404.peach-overlay-view.ov-enter-up {4405 animation: ov-enter-up-spring 300ms cubic-bezier(0.34, 1.56, 0.64, 1) both;4406}44074408@keyframes ov-enter-up-spring {4409 from { opacity: 0; transform: translateY(16px) scale(0.98); }4410 to { opacity: 1; transform: translateY(0) scale(1); }4411}44124413.peach-overlay-view.ov-enter-right {4414 animation: ov-enter-right-spring 280ms cubic-bezier(0.34, 1.56, 0.64, 1) both;4415}44164417@keyframes ov-enter-right-spring {4418 from { opacity: 0; transform: translateX(18px) scale(0.98); }4419 to { opacity: 1; transform: translateX(0) scale(1); }4420}44214422442344244425.peach-lock-view {4426 position: absolute;4427 inset: 0;4428 display: flex;4429 flex-direction: column;4430 background:4431 radial-gradient(120% 80% at 0% 0%, var(--shell-accent-a) 0%, transparent 65%),4432 radial-gradient(85% 100% at 100% 100%, var(--shell-accent-b) 0%, transparent 70%),4433 var(--peach-bg);4434 z-index: 2;4435 overflow: hidden;4436 animation: peach-screen-enter 280ms cubic-bezier(0.16, 1, 0.3, 1) both;4437}44384439.peach-lock-view-header {4440 display: flex;4441 align-items: center;4442 justify-content: space-between;4443 padding: 16px 18px 12px;4444 flex-shrink: 0;4445}444644474448.peach-settings-select {4449 font-family: "IBM Plex Mono", monospace;4450 font-size: 11px;4451 background: transparent;4452 border: 1px solid var(--peach-t3);4453 border-radius: 4px;4454 color: var(--peach-t1);4455 padding: 3px 6px;4456 cursor: pointer;4457 outline: none;4458}4459.peach-settings-select:focus {4460 border-color: var(--peach-accent);4461}446244634464.peach-duress-status-pill {4465 font-family: "IBM Plex Mono", monospace;4466 font-size: 9px;4467 text-transform: uppercase;4468 letter-spacing: 0.12em;4469 padding: 2px 8px;4470 border-radius: 12px;4471 background: var(--peach-t3);4472 color: var(--peach-t2);4473 flex-shrink: 0;4474}4475.peach-duress-status-pill.is-active {4476 background: color-mix(in srgb, var(--peach-accent) 15%, transparent);4477 color: var(--peach-accent);4478}447944804481.peach-entry-advanced {4482 margin-top: 12px;4483 border-top: 1px solid var(--peach-t3);4484 padding-top: 10px;4485 position: relative;4486 z-index: 1;4487}4488.peach-entry-advanced-toggle {4489 display: flex;4490 align-items: center;4491 justify-content: space-between;4492 width: 100%;4493 background: transparent;4494 border: none;4495 cursor: pointer;4496 padding: 0;4497 color: var(--peach-t2);4498}4499.peach-canary-section {4500 margin-top: 10px;4501 display: grid;4502 gap: 6px;4503}450445054506.peach-import-choice {4507 display: flex;4508 align-items: flex-start;4509 gap: 10px;4510 padding: 8px 10px;4511 border: 1px solid var(--peach-t3);4512 border-radius: 10px;4513 cursor: pointer;4514 margin-bottom: 6px;4515 transition: border-color 120ms ease, background 120ms ease;4516}4517.peach-import-choice:hover {4518 border-color: var(--peach-accent);4519}4520.peach-import-choice input[type="radio"] {4521 margin-top: 3px;4522 accent-color: var(--peach-accent);4523 flex-shrink: 0;4524}4525.peach-import-choice-main {4526 display: flex;4527 flex-direction: column;4528 gap: 2px;4529 min-width: 0;4530}4531.peach-import-choice-label {4532 font-size: 12px;4533 color: var(--peach-t0);4534}4535.peach-import-choice-sub {4536 font-size: 11px;4537 color: var(--peach-t2);4538 line-height: 1.5;4539}454045414542.peach-export-success {4543 display: flex;4544 align-items: flex-start;4545 gap: 10px;4546 padding: 12px;4547 border-radius: 12px;4548 border: 1px solid rgba(150, 175, 110, 0.3);4549 background: rgba(150, 175, 110, 0.08);4550 color: var(--peach-t0);4551 font-size: 12px;4552 line-height: 1.55;4553}4554.peach-export-success-check {4555 color: rgba(150, 175, 110, 0.9);4556 font-size: 14px;4557 flex-shrink: 0;4558}455945604561.peach-trash-entry-row {4562 display: flex;4563 align-items: center;4564 justify-content: space-between;4565 gap: 8px;4566 padding: 8px 0;4567 border-bottom: 1px solid var(--peach-t3);4568}4569.peach-trash-entry-row:last-child { border-bottom: none; }4570.peach-trash-entry-info {4571 flex: 1;4572 min-width: 0;4573 display: flex;4574 flex-direction: column;4575 gap: 2px;4576}4577.peach-trash-entry-title {4578 font-size: 12px;4579 color: var(--peach-t1);4580 overflow: hidden;4581 text-overflow: ellipsis;4582 white-space: nowrap;4583}4584.peach-trash-entry-meta {4585 font-family: var(--font-mono);4586 font-size: 9px;4587 color: var(--peach-t2);4588 letter-spacing: 0.06em;4589}4590.peach-trash-entry-actions {4591 display: flex;4592 align-items: center;4593 gap: 4px;4594 flex-shrink: 0;4595}459645974598.peach-shortcuts-grid {4599 display: grid;4600 grid-template-columns: auto 1fr;4601 gap: 6px 12px;4602 align-items: center;4603 padding: 4px 0;4604}4605.peach-shortcut-key {4606 font-family: var(--font-mono);4607 font-size: 10px;4608 color: var(--peach-t0);4609 background: var(--peach-t3);4610 border-radius: 4px;4611 padding: 2px 6px;4612 white-space: nowrap;4613 text-align: center;4614}4615.peach-shortcut-desc {4616 font-size: 11px;4617 color: var(--peach-t1);4618}461946204621.peach-sort-trash-btn {4622 display: flex;4623 align-items: center;4624 justify-content: center;4625 padding: 3px 5px;4626 background: transparent;4627 border: none;4628 cursor: pointer;4629 color: var(--peach-t2);4630 border-radius: 4px;4631 transition: color 140ms ease, background 140ms ease;4632}4633.peach-sort-trash-btn:hover {4634 color: var(--peach-t1);4635 background: var(--peach-t3);4636}4637.peach-sort-trash-btn.is-active {4638 color: var(--peach-accent);4639}464046414642.peach-settings-row--accent { align-items: flex-start; padding-top: 10px; }4643.peach-accent-picker {4644 display: flex;4645 flex-wrap: wrap;4646 gap: 7px;4647 padding: 2px 0;4648}4649.peach-accent-swatch {4650 width: 22px;4651 height: 22px;4652 border-radius: 50%;4653 border: 2px solid transparent;4654 cursor: pointer;4655 padding: 0;4656 transition: transform 100ms;4657 outline-offset: 2px;4658}4659.peach-accent-swatch:hover { transform: scale(1.15); }4660.peach-accent-swatch.is-active {4661 border-color: var(--peach-t0);4662 transform: scale(1.1);4663}466446654666.peach-card-number {4667 font-family: var(--peach-mono);4668 letter-spacing: 0.08em;4669}46704671.peach-card-network-badge {4672 font-size: 10px;4673 padding: 1px 5px;4674 border-radius: 4px;4675 border: 0.5px solid var(--peach-border);4676 color: var(--peach-text-dim);4677 margin-left: 6px;4678 vertical-align: middle;4679}46804681.peach-card-expiry-row {4682 display: flex;4683 align-items: center;4684 gap: 8px;4685}46864687.peach-card-expiry-sep {4688 color: var(--peach-text-dim);4689}