1html,2body,3#app,4#pre-lock,5.popup-root {6 width: 320px;7 min-height: 520px;8 height: 520px;9 margin: 0;10}1112.peach-mobile-root,13body.peach-mobile,14.peach-mobile #app,15.peach-mobile #pre-lock,16.peach-mobile .popup-root {17 width: 100vw;18 min-height: 100dvh;19 height: 100dvh;20 margin: 0;21}2223body {24 overflow: hidden;25 background: var(--bg);26 color: var(--t0);27 font-family: var(--font-ui);28 font-weight: 300;29 position: relative;30}3132body.peach-mobile {33 min-height: 100dvh;34 height: 100dvh;35 overflow: hidden;36 transition: padding-bottom 180ms ease;37}3839* {40 box-sizing: border-box;41}4243button,44input,45textarea,46select {47 font: inherit;48}4950button {51 border: 0;52}5354#pre-lock {55 position: absolute;56 inset: 0;57 z-index: 10;58}5960#pre-lock[hidden] {61 display: none;62}6364.popup-root {65 position: relative;66 overflow: hidden;67}6869body.peach-mobile .popup-root {70 padding:71 env(safe-area-inset-top)72 env(safe-area-inset-right)73 env(safe-area-inset-bottom)74 env(safe-area-inset-left);75 overflow: hidden;76}7778.peach-theme {79 color: var(--peach-t0);80 font-family: var(--font-ui);81 font-weight: 300;82 box-sizing: border-box;83 text-align: left;84}85.peach-theme, .peach-theme * { box-sizing: inherit; }8687.peach-brand-mark {88 width: 14px;89 height: 14px;90 flex-shrink: 0;91}9293.peach-status-pip.is-hidden {94 display: none;95}9697.peach-status-pip.unlocked {98 background: var(--peach-health-ok);99 box-shadow: 0 0 6px rgba(100, 210, 100, 0.6);100}101102.peach-status-pip.pulse {103 animation: pip-pulse 400ms var(--peach-curve-settle) both;104}105106107.peach-shell, .peach-screen {108 background:109 radial-gradient(120% 80% at 0% 0%, var(--shell-accent-a) 0%, transparent 65%),110 radial-gradient(85% 100% at 100% 100%, var(--shell-accent-b) 0%, transparent 70%),111 var(--peach-bg);112 border: 1px solid var(--peach-t3);113 box-shadow:114 0 2px 8px rgba(0,0,0,0.55),115 0 14px 48px rgba(0,0,0,0.7),116 0 0 0 1px rgba(240,232,216,0.04);117 overflow: hidden;118}119.peach-shell {120 display: grid;121 grid-template-rows: auto 1fr;122 min-height: 520px;123 position: relative;124 isolation: isolate;125}126127.peach-shell[data-surface="extension"] {128 width: min(320px, 100vw);129 border-radius: 0;130 height: 520px;131 max-height: 520px;132 overflow: hidden;133}134135body.peach-mobile .peach-shell[data-surface="extension"],136body.peach-mobile .peach-screen {137 width: 100%;138 height: 100%;139 max-height: none;140 min-height: 100%;141 border: 0;142 box-shadow: none;143}144145body.peach-mobile .peach-shell[data-surface="extension"] {146 grid-template-rows: auto minmax(0, 1fr);147}148149body.peach-mobile .peach-stage,150body.peach-mobile .peach-overlay-view,151body.peach-mobile .peach-settings-content {152 overscroll-behavior: contain;153}154155156.lock-screen--vault-stage {157 display: flex;158 flex-direction: column;159 gap: 18px;160 padding: 20px 18px 18px;161 justify-content: flex-start;162}163.lock-screen--vault-stage .peach-lock-panel {164 margin-top: auto;165}166.peach-lock-headline--unlock {167 max-width: 220px;168}169.peach-lock-hero--unlock {170 padding-top: 14px;171}172.peach-lock-panel--unlock {173 gap: 10px;174}175176.peach-lock-restore-link {177 background: transparent;178 border: none;179 cursor: pointer;180 font-family: var(--font-mono);181 font-size: 0.625rem;182 letter-spacing: 0.08em;183 color: var(--t1);184 padding: 5px 0;185 text-align: left;186 transition: color 150ms ease;187}188189.peach-lock-restore-link:hover {190 color: var(--t0);191}192.peach-shell[data-surface="extension"] .peach-stage {193 min-height: 250px;194}195196197.peach-screen {198 width: min(320px, 100vw);199 min-height: 100%;200 height: 100%;201 border-radius: 0;202 padding: 16px 20px 18px;203 display: grid;204 gap: 14px;205}206.peach-screen[data-motion-phase="enter"] {207 animation: peach-screen-enter var(--peach-dur-600) var(--peach-curve-arrival) both;208}209.peach-screen-header { min-height: 20px; }210211212.peach-wordmark {213 margin: 0;214 font-family: var(--font-display);215 font-size: 0.9375rem;216 font-style: italic;217 letter-spacing: 0.03em;218 color: var(--peach-t0);219 display: inline-flex;220 min-height: 1em;221}222223224.peach-motion-text { display: inline-flex; min-height: 1em; }225.peach-motion-char {226 display: inline-block;227 white-space: pre;228 opacity: 0;229 transform: translateY(0.22em);230 animation: peach-char-enter var(--peach-motion-duration, 380ms) var(--peach-curve-arrival) forwards;231 animation-delay: calc(var(--peach-char-index, 0) * 20ms);232}233234235.peach-chrome {236 position: relative;237 z-index: 10;238 padding: 16px 20px 0;239 display: flex;240 justify-content: space-between;241 align-items: center;242 243244245246 pointer-events: none;247}248.peach-chrome .peach-btn { pointer-events: auto; }249.peach-chrome.is-hidden-for-overlay,250.peach-search-wrap.is-hidden-for-overlay {251 opacity: 0;252 visibility: hidden;253 pointer-events: none;254}255.peach-wordmark-wrap { display: flex; align-items: center; gap: 5px; }256.peach-status-pip {257 width: 5px;258 height: 5px;259 border-radius: 50%;260 background: var(--peach-t3);261 display: inline-flex;262 flex-shrink: 0;263 transition: background 400ms ease, box-shadow 400ms ease;264}265.peach-chrome-actions { display: flex; gap: 6px; }266267268.peach-shell-body {269 position: relative;270 display: grid;271 grid-template-rows: 1fr auto;272 min-height: 0;273 min-width: 0;274 width: 100%;275 overflow: hidden;276 height: 100%;277}278.peach-shell-veil {279 position: absolute; inset: 0;280 background: #000; opacity: 0;281 pointer-events: none; z-index: 1;282}283.peach-shell[data-motion-phase="enter"] .peach-shell-body {284 animation: peach-shell-fade-in var(--peach-dur-600) var(--peach-curve-arrival) both;285}286.peach-shell[data-motion-phase="exit"] .peach-shell-veil {287 animation: peach-veil-in 300ms var(--peach-curve-departure) forwards;288}289290291.peach-content-frame {292 display: grid;293 grid-template-rows: 1fr auto;294 grid-template-columns: minmax(0, 1fr);295 align-content: start;296 min-height: 0;297 min-width: 0;298 overflow: hidden;299 transition: opacity 80ms ease, transform 80ms ease;300}301.peach-content-frame.navigating {302 opacity: 0.93;303 transform: translateX(2px);304}305.peach-content-frame[data-content-phase="enter"] {306 animation: peach-content-enter 135ms ease-out both;307}308.peach-content-frame[data-content-phase="exit"] {309 animation: peach-content-exit 95ms ease-in forwards;310}311.peach-content-frame[data-content-phase="idle"] { opacity: 1; transform: none; }312313314.peach-stage {315 padding: 10px 20px 12px;316 display: grid;317 gap: 12px;318 align-content: start;319 min-width: 0;320 min-height: 0;321 max-width: 100%;322 overflow-y: auto;323 overflow-x: hidden;324 scrollbar-width: none;325 -ms-overflow-style: none;326 overscroll-behavior: contain;327}328.peach-stage::-webkit-scrollbar { display: none; }329330331.peach-entry-name-wrap { position: relative; overflow: hidden; max-width: 100%; }332.peach-entry-header {333 position: relative;334 z-index: 1;335 display: flex;336 align-items: flex-start;337 gap: 6px;338 min-width: 0;339}340.peach-entry-header-name {341 flex: 1;342 min-width: 0;343}344.peach-entry-name {345 margin: 0;346 padding-bottom: 0.12em;347 font-family: var(--font-display);348 font-style: italic; font-weight: 400;349 font-size: 44px; line-height: 0.95;350 color: var(--peach-t0);351 display: -webkit-box;352 -webkit-line-clamp: 2;353 -webkit-box-orient: vertical;354 overflow: hidden;355 text-wrap: balance;356}357.peach-entry-name--lg { font-size: 40px; }358.peach-entry-name--xl { font-size: 34px; line-height: 0.98; }359.peach-entry-name--xxl { font-size: 30px; line-height: 1.02; }360.peach-entry-name-text { display: block; overflow: hidden; max-width: 100%; overflow-wrap: anywhere; padding-bottom: 0.12em; }361362363.peach-entry-trash-btn {364 flex-shrink: 0;365 padding: 4px;366 margin-top: 4px;367 background: transparent;368 border: none;369 cursor: pointer;370 color: var(--peach-t2);371 border-radius: 4px;372 transition: color 140ms ease, background 140ms ease;373 display: flex;374 align-items: center;375 justify-content: center;376}377.peach-entry-trash-btn:hover {378 color: var(--peach-t1);379 background: var(--peach-t3);380}381.peach-entry-trash-confirm {382 display: flex;383 align-items: center;384 gap: 6px;385 flex-shrink: 0;386 margin-top: 6px;387 flex-wrap: nowrap;388}389.peach-entry-trash-confirm-label {390 font-family: var(--font-mono);391 font-size: 0.5625rem;392 letter-spacing: 0.1em;393 color: var(--peach-t2);394 white-space: nowrap;395}396.peach-entry-name-button {397 padding: 0;398 background: transparent;399 text-align: left;400 cursor: pointer;401 max-width: 100%;402 overflow: hidden;403 display: block;404}405.peach-entry-name-char {406 display: inline-block;407 white-space: pre;408 opacity: 0;409 transform: translateY(0.22em);410 animation: peach-char-enter 380ms var(--peach-curve-arrival) forwards;411 animation-delay: calc(var(--char-index, 0) * 20ms);412}413414415.peach-domain { border-top: 1px solid var(--peach-t3); padding-top: 9px; }416.peach-domain-row {417 width: 100%; border: 0; background: transparent; color: inherit;418 padding: 0; display: flex; justify-content: space-between; align-items: baseline;419 cursor: default;420}421.peach-domain-value {422 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;423 font-size: 0.625rem; font-style: italic;424 letter-spacing: 0.12em; color: var(--peach-t1);425}426427428.peach-fields { display: grid; gap: 10px; }429.peach-field-card { display: grid; gap: 7px; }430.peach-label {431 font-family: Inter, system-ui, sans-serif;432 text-transform: uppercase; letter-spacing: 0.2em;433 font-size: 0.5rem; color: var(--peach-t2);434}435.peach-field-value-row {436 display: flex; justify-content: space-between;437 align-items: center; gap: 8px;438 min-width: 0;439}440.peach-field-value {441 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;442 font-size: 0.8125rem; color: var(--peach-t1);443 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;444 flex: 1;445 min-width: 0;446}447.peach-password-value {448 display: inline-flex;449 align-items: center;450 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;451 font-size: 1rem; letter-spacing: 0.3em; color: var(--peach-t0);452 overflow: hidden;453 text-overflow: ellipsis;454 white-space: nowrap;455 flex: 1;456 min-width: 0;457 max-width: 100%;458}459.peach-password-value.is-revealed {460 font-size: 0.875rem;461 letter-spacing: 0.08em;462}463.peach-password-text,464.peach-password-mask {465 display: block;466 width: 100%;467 overflow: hidden;468 white-space: nowrap;469 470 font-family: Inter, system-ui, sans-serif;471 font-size: 0.625rem;472 letter-spacing: 3px;473 user-select: none;474}475.peach-field-actions { display: flex; gap: 4px; align-items: center; }476.peach-password-strength { display: flex; align-items: center; gap: 8px; }477.peach-strength-bar { display: flex; gap: 3px; }478.peach-strength-seg { width: 28px; height: 4px; border-radius: 2px; background: #eee; }479.peach-strength-label {480 font-family: "IBM Plex Mono", monospace;481 font-style: italic;482 font-size: 0.5625rem;483 font-weight: 300;484 min-width: 36px;485 text-align: right;486 color: var(--peach-t2);487 letter-spacing: 0.06em;488}489490.peach-strength-hairline {491 display: flex;492 align-items: center;493 gap: 10px;494 margin-top: -2px;495}496497.peach-strength-hairline-track {498 flex: 1;499 height: 3px;500 border-radius: 2px;501 background: var(--peach-s2);502 overflow: hidden;503}504505.peach-strength-hairline-fill {506 height: 100%;507 border-radius: 2px;508 transition: width 400ms cubic-bezier(0.16, 1, 0.3, 1),509 background 400ms ease;510}511512513.peach-note-content {514 border-top: 1px solid var(--peach-t3);515 padding-top: 10px;516 font-family: var(--font-display);517 font-size: 0.9375rem;518 line-height: 1.75;519 color: var(--peach-t1);520}521522523524525.peach-inline-clickable {526 cursor: text;527 border-radius: 3px;528 transition: background 150ms ease;529}530.peach-inline-clickable:hover {531 background: rgba(240, 232, 216, 0.05);532}533534535.peach-inline-edit-hint {536 font-family: Inter, system-ui, sans-serif;537 font-size: 0.5625rem;538 text-transform: uppercase;539 letter-spacing: 0.14em;540 color: var(--peach-t2);541 opacity: 0;542 transition: opacity 120ms ease;543 pointer-events: none;544 margin-left: 6px;545 flex-shrink: 0;546}547.peach-domain-row:hover .peach-inline-edit-hint {548 opacity: 1;549}550551552.peach-inline-title-wrap {553 display: flex;554 flex-direction: column;555 gap: 6px;556}557.peach-inline-title-input {558 font-family: var(--font-display);559 font-style: italic;560 font-weight: 400;561 font-size: 40px;562 line-height: 0.95;563 color: var(--peach-t0);564 background: transparent;565 border: none;566 border-bottom: 1px solid var(--peach-accent);567 outline: none;568 width: 100%;569 padding: 2px 0;570}571572573.peach-inline-field-wrap {574 display: flex;575 flex-direction: column;576 gap: 6px;577}578.peach-inline-input {579 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;580 font-size: 0.8125rem;581 color: var(--peach-t0);582 background: transparent;583 border: none;584 border-bottom: 1px solid var(--peach-accent);585 outline: none;586 width: 100%;587 padding: 3px 0;588}589.peach-inline-textarea {590 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;591 font-size: 0.6875rem;592 line-height: 1.7;593 color: var(--peach-t0);594 background: rgba(240, 232, 216, 0.04);595 border: 1px solid var(--peach-accent);596 border-radius: 4px;597 outline: none;598 width: 100%;599 padding: 8px;600 resize: vertical;601 min-height: 80px;602}603604605.peach-inline-actions {606 display: flex;607 gap: 6px;608 align-items: center;609}610.peach-inline-save-btn,611.peach-inline-cancel-btn {612 display: inline-flex;613 align-items: center;614 justify-content: center;615 width: 26px;616 height: 26px;617 border-radius: 4px;618 border: none;619 cursor: pointer;620 transition: background 140ms ease, opacity 140ms ease;621 flex-shrink: 0;622}623.peach-inline-save-btn {624 background: rgba(var(--ac-r, 217), var(--ac-g, 104), var(--ac-b, 48), 0.18);625 color: var(--peach-accent);626}627.peach-inline-save-btn:hover:not(:disabled) {628 background: rgba(var(--ac-r, 217), var(--ac-g, 104), var(--ac-b, 48), 0.30);629}630.peach-inline-cancel-btn {631 background: rgba(240, 232, 216, 0.06);632 color: var(--peach-t2);633}634.peach-inline-cancel-btn:hover:not(:disabled) {635 background: rgba(240, 232, 216, 0.12);636 color: var(--peach-t1);637}638.peach-inline-save-btn:disabled,639.peach-inline-cancel-btn:disabled {640 opacity: 0.4;641 cursor: not-allowed;642}643644645.peach-inline-generator-wrap {646 margin-top: 10px;647 padding-top: 10px;648 border-top: 1px solid var(--peach-t3);649 display: flex;650 flex-direction: column;651 gap: 8px;652}653.peach-inline-generator-cancel {654 align-self: flex-start;655 font-size: 0.6875rem;656 color: var(--peach-t2);657}658659660.peach-field-card.is-editing {661 background: rgba(240, 232, 216, 0.02);662 border-radius: 6px;663 padding: 8px;664 margin: -8px;665}666667668.peach-inline-tag-editor {669 display: flex;670 flex-direction: column;671 gap: 6px;672}673674675.peach-entry-add-link {676 justify-self: start;677 margin-top: 8px;678}679680681.peach-additional-urls {682 display: flex;683 flex-direction: column;684 gap: 6px;685 margin-top: 8px;686}687.peach-additional-urls-label {688 font-size: 0.5625rem;689 letter-spacing: 0.1em;690 text-transform: uppercase;691 color: var(--peach-t2);692 margin-bottom: 2px;693}694.peach-additional-url-row {695 display: flex;696 align-items: center;697 gap: 6px;698}699.peach-additional-url-row .peach-inline-input { flex: 1; min-width: 0; }700.peach-additional-url-remove {701 background: transparent;702 border: 1px solid var(--peach-t3);703 color: var(--peach-t2);704 width: 22px;705 height: 22px;706 border-radius: 4px;707 cursor: pointer;708 font-size: 0.875rem;709 line-height: 1;710 display: inline-flex;711 align-items: center;712 justify-content: center;713 flex-shrink: 0;714 transition: color 120ms ease, border-color 120ms ease;715}716.peach-additional-url-remove:hover:not(:disabled) {717 color: var(--peach-accent);718 border-color: var(--peach-border-accent);719}720.peach-additional-urls-add { align-self: flex-start; }721722723.peach-entry-delete-row {724 display: flex;725 align-items: center;726 gap: 8px;727 padding-top: 18px;728 margin-top: 8px;729 border-top: 1px solid var(--peach-t3);730}731.peach-delete-btn {732 font-size: 0.6875rem;733 color: var(--peach-t2);734 padding: 4px 0;735}736.peach-delete-confirm-text {737 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;738 font-size: 0.6875rem;739 font-style: italic;740 color: var(--peach-t2);741 flex-shrink: 0;742}743744745.peach-totp-band {746 border-top: 1px solid var(--peach-t3);747 padding: 12px 20px 14px;748 position: relative;749 display: grid;750 grid-template-columns: 1fr auto;751 gap: 10px;752}753.peach-totp-main {754 min-width: 0;755 cursor: pointer;756 user-select: none;757}758.peach-totp-code.is-copied { opacity: 0.55; transition: opacity 140ms ease; }759.peach-totp-code-row {760 display: flex;761 align-items: flex-end;762 gap: 10px;763 min-width: 0;764}765.peach-totp-code {766 margin: 2px 0 0;767 font-family: var(--font-display);768 font-style: italic;769 font-weight: 300;770 font-size: 38px; color: var(--peach-accent);771 line-height: 0.95; min-height: 1em;772 min-width: 0;773}774.peach-totp-code-text {775 display: inline-flex;776 overflow: hidden;777 text-overflow: ellipsis;778 white-space: nowrap;779}780.peach-totp-copy-btn {781 margin-bottom: 2px;782 flex-shrink: 0;783 border-color: transparent;784}785.peach-totp-meta { display: grid; justify-items: end; align-content: start; gap: 4px; }786.peach-totp-countdown {787 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;788 font-size: 22px; color: var(--peach-t1);789}790.peach-totp-ring { transform: rotate(-90deg); }791.peach-totp-ring-track { fill: none; stroke: var(--peach-t3); stroke-width: 2; }792.peach-totp-ring-progress {793 fill: none; stroke: var(--peach-accent); stroke-width: 2;794 stroke-linecap: round;795 transition: stroke-dashoffset 1s linear, stroke 500ms ease;796}797798.peach-search-wrap {799 border-top: 1px solid var(--peach-t3);800 background: var(--peach-s1);801 min-height: 54px; position: relative;802 box-shadow: inset 0 6px 18px transparent;803 transition: box-shadow 700ms ease;804}805.peach-search-wrap::before {806 content: "";807 position: absolute;808 left: 0;809 top: 0;810 height: 2px;811 width: var(--peach-totp-progress, 0%);812 background: var(--peach-accent);813 opacity: 0;814 transition: width 1s linear, opacity 180ms ease;815 pointer-events: none;816}817.peach-shell[data-totp-active="true"] .peach-search-wrap::before {818 opacity: 0.9;819}820.peach-shell[data-totp-active="true"] .peach-search-wrap {821 box-shadow: inset 0 6px 18px rgba(180, 140, 110, 0.07);822}823824@keyframes peach-totp-code-flare {825 0% { filter: brightness(1); }826 25% { filter: brightness(1.3); }827 100% { filter: brightness(1); }828}829.peach-totp-code.is-hot {830 animation: peach-totp-code-flare 3000ms ease-in-out both;831}832.peach-search-bar {833 min-height: 54px;834 display: grid;835 grid-template-columns: auto minmax(0, 1fr) auto;836 align-items: center;837 gap: 8px; padding: 0 9px 0 12px;838}839.peach-search-icon { color: var(--peach-t2); display: inline-flex; align-items: center; }840.peach-search-input {841 border: 0; background: transparent; color: var(--peach-t0);842 font-family: var(--font-display);843 font-style: italic; font-size: 18px;844 outline: none; width: 100%; min-width: 0; padding: 0;845 caret-color: var(--peach-accent);846}847.peach-search-input::placeholder { color: var(--peach-t2); }848.peach-search-meta {849 display: grid;850 grid-auto-flow: column;851 align-items: center;852 justify-content: end;853 gap: 6px;854 min-width: max-content;855}856.peach-search-counter {857 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;858 font-size: 0.625rem; color: var(--peach-t2);859 display: inline-flex;860 align-items: center;861 line-height: 1;862}863.peach-divider { width: 1px; height: 12px; background: var(--peach-t3); display: inline-block; flex-shrink: 0; }864865866.peach-btn {867 border: 1px solid transparent; border-radius: 12px;868 background: transparent; color: var(--peach-t0);869 font-family: Inter, system-ui, sans-serif;870 font-size: 0.75rem; letter-spacing: 0.02em; padding: 8px 12px;871 cursor: pointer;872 transition:873 background-color var(--peach-dur-80) var(--peach-curve-arrival),874 color var(--peach-dur-80) var(--peach-curve-arrival),875 border-color var(--peach-dur-150) var(--peach-curve-arrival);876}877.peach-btn:hover:not(:disabled) { background: var(--peach-s2); }878.peach-btn:disabled {879 opacity: 0.45;880 cursor: not-allowed;881}882.peach-btn--sm { min-height: 32px; padding: 6px 9px; font-size: 0.6875rem; }883.peach-btn--md { min-height: 38px; }884.peach-btn--accent {885 background: var(--peach-accent);886 color: rgba(0,0,0,0.78);887 box-shadow:888 0 1px 0 rgba(255,255,255,0.08) inset,889 0 0 0 1px color-mix(in srgb, var(--peach-accent) 21%, transparent),890 0 3px 16px var(--peach-glow),891 0 0 24px color-mix(in srgb, var(--peach-accent) 10%, transparent);892}893.peach-btn--accent:hover:not(:disabled) {894 background: var(--peach-accent);895 filter: brightness(1.10) saturate(1.05);896 box-shadow:897 0 1px 0 rgba(255,255,255,0.10) inset,898 0 0 0 1px color-mix(in srgb, var(--peach-accent) 25%, transparent),899 0 4px 20px color-mix(in srgb, var(--peach-accent) 21%, transparent),900 0 0 30px color-mix(in srgb, var(--peach-accent) 14%, transparent);901}902.peach-btn--ghost { border-color: var(--peach-t3); color: var(--peach-t1); }903.peach-btn--subtle { color: var(--peach-t2); border-color: var(--peach-t3); }904.peach-icon-btn {905 min-width: 32px; min-height: 32px; border-radius: 8px; padding: 6px;906 display: inline-flex; align-items: center; justify-content: center;907}908909.peach-btn:focus-visible {910 outline: none;911 box-shadow: 0 0 0 2px var(--peach-bg), 0 0 0 4px color-mix(in srgb, var(--peach-accent) 50%, transparent);912}913914915.peach-lock-icon { transform-origin: center; }916.peach-lock-btn.is-locking { color: var(--peach-accent); }917.peach-lock-btn.is-locking .peach-lock-icon {918 animation: peach-lock-settle var(--peach-dur-600) var(--peach-curve-arrival);919}920921922.peach-biometric-btn {923 display: flex;924 align-items: center;925 justify-content: center;926 gap: 6px;927 margin-top: 8px;928 width: 100%;929}930931932.peach-copy-btn {933 position: relative; overflow: hidden;934 color: var(--peach-t2); border-color: var(--peach-t3);935}936.peach-copy-icon {937 display: inline-flex; align-items: center; justify-content: center;938 position: relative; z-index: 1;939}940.peach-copy-icon-svg { display: block; }941.peach-copy-sheen {942 position: absolute; inset: 0;943 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%);944 opacity: 0; transform: scaleX(0.15); transform-origin: left center;945}946.peach-copy-btn.is-copied {947 animation: peach-copy-confirm var(--peach-dur-150) var(--peach-curve-settle) forwards;948 box-shadow:949 0 0 0 1px color-mix(in srgb, var(--peach-accent) 22%, transparent),950 0 0 18px color-mix(in srgb, var(--peach-accent) 20%, transparent),951 inset 0 0 20px color-mix(in srgb, var(--peach-accent) 12%, transparent);952}953.peach-copy-btn.is-copied .peach-copy-icon {954 animation: peach-copy-icon-settle var(--peach-dur-150) var(--peach-curve-settle) both;955}956.peach-copy-btn.is-copied .peach-copy-sheen {957 animation: peach-copy-flood var(--peach-dur-150) var(--peach-curve-settle) forwards;958}959.peach-copy-btn.is-retreat {960 animation: peach-copy-retreat var(--peach-dur-150) var(--peach-curve-departure) forwards;961}962.peach-copy-btn.is-retreat .peach-copy-sheen {963 animation: peach-copy-sheen-retreat var(--peach-dur-150) var(--peach-curve-departure) forwards;964}965.peach-copy-drain { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; overflow: hidden; }966.peach-copy-drain-bar {967 display: block; width: 100%; height: 100%;968 background: var(--peach-accent); opacity: 0.7;969 animation: peach-copy-drain var(--peach-copy-clear, 1.8s) linear forwards;970}971972973.peach-unlock-headline {974 margin: 2px 0 0;975 font-family: var(--font-display);976 font-size: 52px; line-height: 0.95;977 font-style: italic; font-weight: 400;978}979.peach-subline {980 margin: 0;981 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;982 font-size: 0.625rem; color: var(--peach-t2); font-style: italic;983}984.peach-subline--lock {985 max-width: 248px;986 line-height: 1.5;987}988.peach-underline-input {989 width: 100%; border: 0; border-bottom: 1px solid var(--peach-t3);990 padding: 6px 0; background: transparent; color: var(--peach-t0);991 outline: none;992 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;993 font-size: 0.8125rem;994 caret-color: var(--peach-accent);995}996.peach-unlock-input { font-size: 22px; letter-spacing: 0.24em; }997.peach-unlock-input::placeholder { letter-spacing: 0.04em; color: var(--peach-t2); }998.peach-hint {999 margin: 0;1000 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;1001 font-size: 0.625rem; color: var(--peach-t2);1002}1003.peach-unlock-footer {1004 margin-top: 4px; display: flex; align-items: center; gap: 7px;1005 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;1006 font-size: 0.625rem; color: var(--peach-t2);1007}1008.peach-unlock-footer--lock {1009 padding-top: 2px;1010}101110121013.peach-breach-badge {1014 display: flex;1015 position: relative;1016 z-index: 1;1017 align-items: center;1018 gap: 7px;1019 font-size: 0.5625rem;1020 color: var(--peach-breach);1021 padding: 5px 10px;1022 margin-bottom: 4px;1023 border-radius: 8px;1024 background: rgba(220, 80, 60, 0.07);1025 border: 1px solid rgba(220, 80, 60, 0.18);1026 letter-spacing: 0.04em;1027}10281029.peach-breach-action {1030 margin-left: auto;1031 font-size: 0.625rem;1032 padding: 3px 8px;1033}10341035.peach-password-value.is-breached {1036 color: rgba(220, 80, 60, 0.75);1037 border-bottom: 1px solid rgba(220, 80, 60, 0.22);1038}103910401041.peach-overlay-view {1042 position: absolute;1043 inset: 0;1044 display: flex;1045 flex-direction: column;1046 background:1047 radial-gradient(120% 80% at 0% 0%, var(--shell-accent-a) 0%, transparent 65%),1048 radial-gradient(85% 100% at 100% 100%, var(--shell-accent-b) 0%, transparent 70%),1049 var(--peach-bg);1050 z-index: 2;1051 overflow: hidden;1052 animation: overlay-in 180ms cubic-bezier(0.4, 0, 0.2, 1) both;1053}1054@keyframes overlay-in {1055 from { opacity: 0; transform: translateY(8px); }1056 to { opacity: 1; transform: translateY(0); }1057}1058.peach-overlay-view.ov-enter-up {1059 animation: ov-enter-up 280ms cubic-bezier(0.16, 1, 0.3, 1) both;1060}1061.peach-overlay-view.ov-exit-up {1062 animation: ov-exit-up 200ms cubic-bezier(0.4, 0, 1, 1) both;1063}1064.peach-overlay-view.ov-enter-right {1065 animation: ov-enter-right 280ms cubic-bezier(0.16, 1, 0.3, 1) both;1066}1067.peach-overlay-view.ov-exit-right {1068 animation: ov-exit-right 200ms cubic-bezier(0.4, 0, 1, 1) both;1069}10701071@keyframes ov-enter-up {1072 from { opacity: 0; transform: translateY(18px); }1073 to { opacity: 1; transform: translateY(0); }1074}1075@keyframes ov-exit-up {1076 from { opacity: 1; transform: translateY(0); }1077 to { opacity: 0; transform: translateY(-12px); }1078}1079@keyframes ov-enter-right {1080 from { opacity: 0; transform: translateX(20px); }1081 to { opacity: 1; transform: translateX(0); }1082}1083@keyframes ov-exit-right {1084 from { opacity: 1; transform: translateX(0); }1085 to { opacity: 0; transform: translateX(20px); }1086}108710881089.peach-overlay-header {1090 padding: 10px 12px;1091 display: flex;1092 align-items: center;1093 gap: 8px;1094 border-bottom: 1px solid var(--peach-t3);1095 flex-shrink: 0;1096}1097.peach-overlay-title {1098 font-family: "IBM Plex Mono", monospace;1099 font-size: 0.5625rem;1100 text-transform: uppercase;1101 letter-spacing: 0.18em;1102 color: var(--peach-t2);1103 flex: 1;1104 text-align: center;1105}11061107.peach-overlay-card {1108 background: var(--peach-s1);1109 border: 1px solid var(--peach-t3);1110 border-radius: 12px;1111 overflow: hidden;1112 width: 100%;1113}11141115.peach-onboarding-alt-actions {1116 display: flex;1117 flex-direction: column;1118 gap: 4px;1119 padding: 0;1120}11211122.peach-settings-copy {1123 margin: 0 0 10px;1124 font-size: 0.6875rem;1125 line-height: 1.5;1126 color: var(--peach-t2);1127}11281129.peach-settings-copy strong {1130 color: var(--peach-t0);1131}11321133.peach-settings-copy--spacious {1134 margin-bottom: 12px;1135}11361137.peach-settings-copy--result {1138 color: var(--peach-accent);1139 font-size: 0.8125rem;1140 text-align: center;1141 padding: 8px 0;1142}11431144.peach-settings-copy--danger {1145 color: var(--peach-breach);1146}11471148.peach-settings-copy--success {1149 color: var(--peach-accent);1150}11511152.peach-inline-feedback {1153 font-size: 0.6875rem;1154 margin: 10px 0 0;1155}11561157.peach-inline-feedback--ok {1158 color: var(--peach-accent);1159}11601161.peach-inline-feedback--error {1162 color: var(--peach-breach);1163}11641165.peach-inline-feedback--muted {1166 color: var(--peach-t2);1167 font-size: 0.625rem;1168 margin: 4px 0;1169}11701171.peach-inline-feedback--spaced {1172 margin-top: 12px;1173}11741175.peach-settings-actions--row {1176 display: flex;1177 gap: 6px;1178}11791180.peach-settings-actions--end {1181 margin-top: 14px;1182 justify-content: flex-end;1183}11841185.peach-settings-stack {1186 display: flex;1187 flex-direction: column;1188 gap: 6px;1189}11901191.peach-settings-stack--tight {1192 gap: 4px;1193}11941195.peach-settings-stack--spacious {1196 gap: 8px;1197}11981199.peach-settings-input {1200 width: 100%;1201 box-sizing: border-box;1202 padding: 8px 10px;1203 background: rgba(0, 0, 0, 0.22);1204 border: 1px solid transparent;1205 border-radius: 6px;1206 color: var(--peach-t0);1207 font-family: var(--font-ui);1208 font-size: 0.75rem;1209 outline: none;1210 transition: border-color 120ms ease, background 120ms ease;1211}12121213.peach-settings-input:focus {1214 border-color: color-mix(in srgb, var(--peach-accent) 55%, transparent);1215 background: rgba(0, 0, 0, 0.28);1216}12171218.peach-settings-input[type="password"] {1219 font-family: var(--font-mono);1220 letter-spacing: 0.04em;1221}12221223.peach-hidden-file-input {1224 display: none;1225}12261227.peach-checkbox-note {1228 display: flex;1229 align-items: flex-start;1230 gap: 8px;1231 font-size: 0.6875rem;1232 color: var(--peach-t1);1233 cursor: pointer;1234 margin: 12px 0;1235}12361237.peach-checkbox-note input {1238 margin-top: 1px;1239}12401241.peach-danger-notice {1242 background: rgba(220, 80, 60, 0.08);1243 border: 1px solid rgba(220, 80, 60, 0.2);1244 border-radius: 6px;1245 padding: 9px 11px;1246 font-size: 0.6875rem;1247 color: var(--peach-t1);1248 line-height: 1.5;1249}12501251.peach-info-notice {1252 font-size: 0.6875rem;1253 color: var(--peach-t1);1254 line-height: 1.5;1255 background: var(--surface-card);1256 border: 1px solid var(--peach-t3);1257 border-radius: 6px;1258 padding: 8px 10px;1259}12601261.peach-info-notice--warn {1262 border-color: rgba(220, 38, 38, 0.4);1263 background: rgba(220, 38, 38, 0.06);1264 color: rgba(220, 38, 38, 0.92);1265 margin-bottom: 8px;1266}12671268.peach-strength-row {1269 display: flex;1270 align-items: center;1271 gap: 8px;1272 margin-bottom: 10px;1273}12741275.peach-strength-track {1276 flex: 1;1277 height: 4px;1278 background: var(--peach-s2);1279 border-radius: 2px;1280 overflow: hidden;1281}12821283.peach-strength-fill {1284 height: 100%;1285 border-radius: 2px;1286 transition: width 120ms ease, background 120ms ease;1287}128812891290.peach-type-tabs {1291 display: flex;1292 gap: 0;1293 background: var(--peach-t4);1294 border-radius: 8px;1295 padding: 3px;1296}12971298.peach-type-tab {1299 flex: 1;1300 display: flex;1301 align-items: center;1302 justify-content: center;1303 gap: 6px;1304 padding: 6px 10px;1305 border-radius: 6px;1306 border: none;1307 background: transparent;1308 cursor: pointer;1309 font-family: Inter, system-ui, sans-serif;1310 font-size: 0.6875rem;1311 font-weight: 400;1312 letter-spacing: 0.04em;1313 color: var(--peach-t1);1314 transition: background 150ms ease, color 150ms ease;1315}13161317.peach-type-tab.is-active {1318 background: var(--peach-s2);1319 color: var(--peach-t0);1320 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);1321}13221323.peach-type-tab:not(.is-active):hover {1324 color: var(--peach-t0);1325}13261327.peach-type-tab svg {1328 opacity: 0.7;1329 flex-shrink: 0;1330}13311332.peach-type-tab.is-active svg {1333 opacity: 1;1334}133513361337.peach-list-top {1338 padding: 0 10px;1339 min-height: 46px;1340 display: flex;1341 align-items: center;1342 gap: 6px;1343 border-bottom: 1px solid var(--peach-t3);1344 flex-shrink: 0;1345 background: var(--peach-s1);1346}1347.peach-vault-list {1348 flex: 1;1349 overflow-y: auto;1350 scrollbar-width: none;1351}1352.peach-vault-list::-webkit-scrollbar { display: none; }135313541355.peach-vault-list {1356 scrollbar-width: thin;1357 scrollbar-color: var(--peach-t3) transparent;1358}13591360.peach-vault-list::-webkit-scrollbar {1361 width: 3px;1362}13631364.peach-vault-list::-webkit-scrollbar-thumb {1365 background: var(--peach-t3);1366 border-radius: 2px;1367}13681369.peach-entry-row {1370 width: 100%;1371 display: flex;1372 align-items: center;1373 gap: 10px;1374 padding: 9px 16px;1375 background: transparent;1376 border: none;1377 border-bottom: 1px solid var(--peach-t3);1378 cursor: pointer;1379 color: inherit;1380 text-align: left;1381 transition: background 80ms ease;1382}1383.peach-entry-row:hover { background: rgba(240,232,216,0.03); }1384.peach-entry-row:last-child { border-bottom: none; }1385.peach-entry-row.is-active {1386 box-shadow: inset 2px 0 0 var(--peach-accent);1387 background: rgba(240,232,216,0.03);1388}1389.peach-entry-row:focus-visible {1390 outline: none;1391 box-shadow: 0 0 0 1px var(--peach-border-accent);1392 background: rgba(240,232,216,0.03);1393}1394.peach-entry-row-icon {1395 width: 26px; height: 26px;1396 border-radius: 7px;1397 border: 1px solid var(--peach-t3);1398 display: flex; align-items: center; justify-content: center;1399 color: var(--peach-t2);1400 flex-shrink: 0;1401}1402.peach-entry-row-icon.is-breach {1403 border-color: rgba(220,80,60,0.3);1404 color: rgba(220,80,60,0.7);1405}1406140714081409141014111412.peach-favicon-initials {1413 display: inline-flex;1414 align-items: center;1415 justify-content: center;1416 width: 100%;1417 height: 100%;1418 border-radius: 4px;1419 font-family: "IBM Plex Mono", monospace;1420 font-size: 0.5625rem;1421 font-weight: 600;1422 letter-spacing: 0.04em;1423 color: rgba(240, 232, 216, 0.92);1424 text-transform: uppercase;1425 user-select: none;1426}1427.peach-entry-row-info { flex: 1; min-width: 0; }1428.peach-entry-row-name {1429 display: block;1430 font-family: var(--font-display);1431 font-size: 1.0625rem;1432 font-style: italic;1433 font-weight: 400;1434 color: var(--peach-t0);1435 line-height: 1.2;1436 white-space: nowrap;1437 overflow: hidden;1438 text-overflow: ellipsis;1439}1440.peach-entry-row-meta {1441 display: block;1442 font-family: "IBM Plex Mono", monospace;1443 font-size: 0.5625rem;1444 color: var(--peach-t2);1445 margin-top: 1px;1446 letter-spacing: 0.05em;1447}1448.peach-entry-row-dot {1449 width: 5px; height: 5px;1450 border-radius: 50%;1451 background: rgba(220,80,60,0.7);1452 flex-shrink: 0;1453}1454.peach-new-entry-row {1455 display: flex;1456 align-items: center;1457 justify-content: center;1458 gap: 6px;1459 width: 100%;1460 padding: 11px;1461 background: transparent;1462 border: none;1463 border-top: 1px solid var(--peach-t3);1464 color: var(--peach-t2);1465 font-family: "IBM Plex Mono", monospace;1466 font-size: 0.5625rem;1467 text-transform: uppercase;1468 letter-spacing: 0.14em;1469 cursor: pointer;1470 flex-shrink: 0;1471 transition: color 120ms ease, background 120ms ease;1472}1473.peach-new-entry-row:hover { color: var(--peach-t0); background: rgba(240,232,216,0.02); }14741475147614771478.peach-sort-select-btn {1479 display: flex;1480 align-items: center;1481 justify-content: center;1482 padding: 3px 5px;1483 background: transparent;1484 border: none;1485 cursor: pointer;1486 color: var(--peach-t2);1487 border-radius: 4px;1488 transition: color 140ms ease, background 140ms ease;1489}1490.peach-sort-select-btn:hover {1491 color: var(--peach-t1);1492 background: var(--peach-t3);1493}149414951496.peach-select-cancel-btn {1497 background: transparent;1498 border: none;1499 padding: 0 4px;1500 cursor: pointer;1501 font-family: "IBM Plex Mono", monospace;1502 font-size: 0.5625rem;1503 letter-spacing: 0.12em;1504 text-transform: uppercase;1505 color: var(--peach-t2);1506 transition: color 140ms ease;1507 flex-shrink: 0;1508}1509.peach-select-cancel-btn:hover { color: var(--peach-t0); }15101511.peach-select-count-label {1512 flex: 1;1513 text-align: center;1514 font-family: "IBM Plex Mono", monospace;1515 font-size: 0.5625rem;1516 letter-spacing: 0.14em;1517 text-transform: uppercase;1518 color: var(--peach-t1);1519}15201521.peach-select-all-btn {1522 background: transparent;1523 border: none;1524 padding: 0 4px;1525 cursor: pointer;1526 font-family: "IBM Plex Mono", monospace;1527 font-size: 0.5625rem;1528 letter-spacing: 0.12em;1529 text-transform: uppercase;1530 color: var(--peach-t2);1531 transition: color 140ms ease;1532 flex-shrink: 0;1533}1534.peach-select-all-btn:hover { color: var(--peach-accent); }153515361537.peach-vault-list.is-selecting .peach-entry-row {1538 cursor: default;1539}1540.peach-vault-list.is-selecting .peach-entry-row:hover {1541 background: rgba(240,232,216,0.02);1542}1543.peach-vault-list.is-selecting .peach-entry-row.is-selected {1544 background: color-mix(in srgb, var(--peach-accent) 6%, transparent);1545}1546.peach-vault-list.is-selecting .peach-entry-row.is-selected:hover {1547 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);1548}154915501551.peach-entry-row-icon.is-select-icon {1552 color: var(--peach-t2);1553}1554.peach-entry-row.is-selected .peach-entry-row-icon.is-select-icon {1555 color: var(--peach-accent);1556}155715581559.peach-select-action-bar {1560 display: flex;1561 align-items: center;1562 justify-content: center;1563 gap: 7px;1564 width: 100%;1565 padding: 11px;1566 background: transparent;1567 border: none;1568 border-top: 1px solid var(--peach-t3);1569 color: var(--peach-t1);1570 font-family: "IBM Plex Mono", monospace;1571 font-size: 0.5625rem;1572 text-transform: uppercase;1573 letter-spacing: 0.14em;1574 cursor: pointer;1575 flex-shrink: 0;1576 transition: color 120ms ease, background 120ms ease;1577}1578.peach-select-action-bar:not(:disabled):hover {1579 color: var(--peach-t0);1580 background: rgba(220,80,60,0.06);1581}1582.peach-select-action-bar:not(:disabled):hover svg {1583 stroke: rgba(220,80,60,0.8);1584}1585.peach-select-action-bar:disabled,1586.peach-select-action-bar.is-empty {1587 color: var(--peach-t2);1588 cursor: default;1589 opacity: 0.5;1590}1591.peach-search-counter-list {1592 white-space: nowrap;1593 flex-shrink: 0;1594}1595.peach-list-empty {1596 min-height: 180px;1597 display: grid;1598 place-items: center;1599 color: var(--peach-t2);1600 font-family: "IBM Plex Mono", monospace;1601 font-size: 0.6875rem;1602}160316041605.peach-settings-body {1606 flex: 1;1607 overflow-y: auto;1608 min-height: 0;1609 display: flex;1610 flex-direction: column;1611 padding: 2px 0 10px;1612}1613.peach-settings-group {1614 margin: 4px 10px;1615 padding: 9px 14px 11px;1616 border-radius: 12px;1617 border: 1px solid rgba(255, 255, 255, 0.07);1618 background: rgba(26, 20, 16, 0.60);1619 backdrop-filter: blur(10px) saturate(1.3);1620 -webkit-backdrop-filter: blur(10px) saturate(1.3);1621}16221623.peach-settings-group + .peach-settings-group {1624 margin-top: 6px;1625}16261627@supports not (backdrop-filter: blur(1px)) {1628 .peach-settings-group {1629 background: rgba(26, 20, 16, 0.90);1630 border-color: rgba(255, 255, 255, 0.09);1631 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 4px 20px rgba(0, 0, 0, 0.35);1632 }1633}16341635.light .peach-settings-group,1636[data-theme="light"] .peach-settings-group {1637 background: rgba(253, 248, 244, 0.68);1638 border-color: rgba(0, 0, 0, 0.07);1639 backdrop-filter: blur(10px) saturate(1.2);1640 -webkit-backdrop-filter: blur(10px) saturate(1.2);1641}16421643@supports not (backdrop-filter: blur(1px)) {1644 .light .peach-settings-group,1645 [data-theme="light"] .peach-settings-group {1646 background: rgba(253, 248, 244, 0.95);1647 border-color: rgba(0, 0, 0, 0.09);1648 }1649}1650.peach-export-intro {1651 padding-bottom: 8px;1652}1653.peach-export-card {1654 display: grid;1655 gap: 10px;1656}1657.peach-rune-canvas {1658 border-radius: 8px;1659 background: rgba(0, 0, 0, 0.22);1660 flex: 1;1661 align-self: center;1662}1663.peach-script-input {1664 font-family: "PeachScript", monospace;1665 font-size: 0.6875rem;1666 line-height: 1.9;1667 letter-spacing: 0.06em;1668 color: var(--peach-t0);1669 background: rgba(0, 0, 0, 0.22);1670 border: none;1671 border-radius: 6px;1672 padding: 12px;1673 width: 100%;1674 min-height: 96px;1675 resize: vertical;1676 word-break: break-all;1677 scrollbar-width: none;1678 -ms-overflow-style: none;1679}16801681.peach-script-input::-webkit-scrollbar { display: none; }1682.peach-qr-canvas-wrap {1683 display: flex;1684 justify-content: center;1685 padding: 12px 0 6px;1686}1687.peach-qr-canvas-wrap canvas {1688 display: block;1689 background: #ffffff;1690 border-radius: 6px;1691 max-width: 100%;1692 height: auto;1693}1694.peach-csv-warning {1695 background: color-mix(in srgb, var(--peach-breach) 14%, transparent);1696 border: 1px solid color-mix(in srgb, var(--peach-breach) 40%, transparent);1697 color: var(--peach-t0);1698 border-radius: 6px;1699 padding: 10px 12px;1700 margin-bottom: 8px;1701 font-size: 0.75rem;1702 line-height: 1.45;1703}1704.peach-export-card--primary {1705 background:1706 linear-gradient(180deg, color-mix(in srgb, var(--peach-accent) 8%, transparent), color-mix(in srgb, var(--peach-accent) 2%, transparent));1707}170817091710.peach-export-menu {1711 display: flex;1712 flex-direction: column;1713 flex: 1;1714 min-height: 0;1715}1716.peach-export-menu .peach-settings-group {1717 flex: 1;1718 display: flex;1719 flex-direction: column;1720 justify-content: center;1721 gap: 10px;1722}172317241725.peach-export-result-group {1726 flex: 1;1727 display: flex;1728 flex-direction: column;1729 min-height: 0;1730 border-bottom: none;1731}1732.peach-export-result-group .peach-export-card {1733 flex: 1;1734 min-height: 0;1735 display: flex;1736 flex-direction: column;1737 gap: 10px;1738}1739.peach-export-result-group .peach-export-card-copy {1740 flex-shrink: 0;1741}1742.peach-export-result-group .peach-settings-label {1743 flex-shrink: 0;1744}1745.peach-export-result-group button {1746 flex-shrink: 0;1747}1748.peach-export-card-head {1749 display: flex;1750 align-items: center;1751 justify-content: space-between;1752 gap: 10px;1753}1754.peach-export-card-copy {1755 margin: 0;1756 font-size: 0.75rem;1757 line-height: 1.55;1758 color: var(--peach-t1);1759}1760.peach-export-note {1761 margin: 0;1762 font-size: 0.625rem;1763 line-height: 1.5;1764 color: var(--peach-t2);1765}1766.peach-export-pill {1767 display: inline-flex;1768 align-items: center;1769 padding: 4px 8px;1770 border-radius: 999px;1771 border: 1px solid color-mix(in srgb, var(--peach-accent) 22%, transparent);1772 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);1773 color: var(--peach-accent);1774 font-family: "IBM Plex Mono", monospace;1775 font-size: 0.5rem;1776 letter-spacing: 0.12em;1777 text-transform: uppercase;1778 white-space: nowrap;1779}1780.peach-export-pill--danger {1781 border-color: rgba(220,80,60,0.22);1782 background: rgba(220,80,60,0.08);1783 color: var(--peach-breach);1784}1785.peach-export-password-stack {1786 gap: 8px;1787}1788.peach-settings-label {1789 margin: 0 0 6px;1790 font-family: "IBM Plex Mono", monospace;1791 font-size: 0.5rem;1792 text-transform: uppercase;1793 letter-spacing: 0.18em;1794 color: var(--peach-t2);1795}1796.peach-settings-row {1797 display: flex;1798 align-items: center;1799 justify-content: space-between;1800 gap: 12px;1801 min-height: 34px;1802 padding: 6px 0;1803 font-size: 0.8125rem;1804 color: var(--peach-t1);1805}1806.peach-settings-row--meta { color: var(--peach-t2); font-size: 0.75rem; }1807.peach-settings-value {1808 font-family: "IBM Plex Mono", monospace;1809 font-size: 0.625rem;1810 color: var(--peach-t2);1811}18121813.peach-settings-value--status {1814 display: flex;1815 align-items: center;1816 gap: 6px;1817}18181819.peach-settings-link {1820 font-family: "IBM Plex Mono", monospace;1821 font-size: 0.625rem;1822 color: var(--peach-accent);1823 text-decoration: none;1824 cursor: pointer;1825}1826.peach-settings-link:hover {1827 text-decoration: underline;1828}18291830.peach-settings-row--stack {1831 flex-direction: column;1832 align-items: stretch;1833 gap: 6px;1834}18351836.peach-settings-row--top {1837 align-items: flex-start;1838}18391840.peach-settings-row-main {1841 display: flex;1842 flex-direction: column;1843 gap: 4px;1844 flex: 1;1845}1846.peach-toggle {1847 width: 28px; height: 16px;1848 border-radius: 999px;1849 background: var(--peach-t3);1850 border: 1px solid var(--peach-t3);1851 display: flex; align-items: center; justify-content: flex-start; padding: 2px;1852 flex-shrink: 0;1853 transition: background 200ms ease, border-color 200ms ease;1854 cursor: pointer;1855}1856.peach-toggle.is-on {1857 background: color-mix(in srgb, var(--peach-accent) 22%, transparent);1858 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);1859}1860.peach-toggle-knob {1861 width: 10px; height: 10px;1862 border-radius: 50%;1863 background: var(--peach-t2);1864 flex-shrink: 0;1865 transform: translateX(0px);1866 transition: background 200ms ease, transform 200ms var(--peach-curve-settle);1867}1868.peach-toggle.is-on .peach-toggle-knob {1869 background: var(--peach-accent);1870 transform: translateX(12px);1871}1872.peach-settings-footer {1873 display: flex;1874 align-items: center;1875 gap: 8px;1876 margin-top: auto;1877 padding: 14px 16px 8px;1878 font-family: "IBM Plex Mono", monospace;1879 font-size: 0.5625rem;1880 color: var(--peach-t2);1881}188218831884.peach-settings-nav-label {1885 margin: 0 0 2px;1886 padding: 12px 16px 4px;1887 font-family: "IBM Plex Mono", monospace;1888 font-size: 0.5rem;1889 text-transform: uppercase;1890 letter-spacing: 0.18em;1891 color: var(--peach-t2);1892}18931894.peach-settings-cat-row {1895 display: flex;1896 align-items: center;1897 gap: 10px;1898 width: 100%;1899 padding: 9px 16px;1900 background: none;1901 border: none;1902 border-bottom: 1px solid var(--peach-t3);1903 cursor: pointer;1904 text-align: left;1905 color: inherit;1906 transition: background var(--peach-dur-80) ease;1907}1908.peach-settings-cat-row:hover {1909 background: var(--peach-t3);1910}1911.peach-settings-cat-row:last-child {1912 border-bottom: none;1913}19141915.peach-settings-cat-icon {1916 width: 28px;1917 height: 28px;1918 border-radius: 7px;1919 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);1920 color: var(--peach-accent);1921 display: flex;1922 align-items: center;1923 justify-content: center;1924 flex-shrink: 0;1925}1926192719281929.light .peach-settings-cat-icon {1930 background: color-mix(in srgb, var(--peach-accent) 18%, transparent);1931 color: color-mix(in srgb, var(--peach-accent) 50%, var(--peach-t0));1932}19331934.peach-settings-cat-content {1935 flex: 1;1936 display: flex;1937 flex-direction: column;1938 gap: 2px;1939 min-width: 0;1940}19411942.peach-settings-cat-name {1943 font-size: 0.8125rem;1944 font-weight: 450;1945 color: var(--peach-t0);1946 line-height: 1.2;1947}19481949.peach-settings-cat-desc {1950 font-size: 0.625rem;1951 color: var(--peach-t2);1952 line-height: 1.3;1953 white-space: nowrap;1954 overflow: hidden;1955 text-overflow: ellipsis;1956}19571958.peach-settings-cat-chevron {1959 color: var(--peach-t2);1960 flex-shrink: 0;1961 opacity: 0.5;1962}196319641965.peach-settings-sub-label {1966 margin: 12px 0 4px;1967 font-family: "IBM Plex Mono", monospace;1968 font-size: 0.5rem;1969 text-transform: uppercase;1970 letter-spacing: 0.18em;1971 color: var(--peach-t2);1972}1973.peach-settings-sub-label:first-child {1974 margin-top: 4px;1975}197619771978.peach-settings-advanced-toggle {1979 display: flex;1980 align-items: center;1981 justify-content: space-between;1982 width: 100%;1983 background: none;1984 border: none;1985 cursor: pointer;1986 padding: 12px 0 4px;1987 margin: 0;1988 color: inherit;1989}1990.peach-settings-advanced-toggle:hover .peach-settings-advanced-chevron {1991 color: var(--peach-t1);1992}1993.peach-settings-advanced-chevron {1994 font-size: 0.5625rem;1995 color: var(--peach-t3);1996 letter-spacing: 0;1997 transition: color 120ms ease;1998}199920002001.peach-feedback-group {2002 flex: 1;2003 display: flex;2004 flex-direction: column;2005 border-bottom: none;2006}20072008.peach-feedback-intro {2009 margin: 4px 0 14px;2010 font-size: 0.75rem;2011 line-height: 1.55;2012 color: var(--peach-t1);2013}20142015.peach-feedback-chips {2016 display: flex;2017 flex-wrap: wrap;2018 gap: 6px;2019 margin-bottom: 14px;2020}20212022.peach-feedback-chip {2023 padding: 4px 10px;2024 border-radius: 999px;2025 border: 1px solid var(--peach-t3);2026 background: none;2027 color: var(--peach-t2);2028 font-size: 0.6875rem;2029 font-family: var(--font-ui);2030 cursor: pointer;2031 transition: border-color var(--peach-dur-80) ease, color var(--peach-dur-80) ease,2032 background var(--peach-dur-80) ease;2033}2034.peach-feedback-chip:hover {2035 border-color: var(--peach-t2);2036 color: var(--peach-t1);2037}2038.peach-feedback-chip.is-active {2039 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);2040 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);2041 color: var(--peach-accent);2042}20432044.peach-feedback-textarea {2045 flex: 1;2046 width: 100%;2047 min-height: 120px;2048 box-sizing: border-box;2049 background: rgba(0, 0, 0, 0.22);2050 border: 1px solid transparent;2051 border-radius: 6px;2052 color: var(--peach-t0);2053 font-size: 0.75rem;2054 font-family: var(--font-ui);2055 line-height: 1.5;2056 padding: 8px 10px;2057 resize: none;2058 outline: none;2059 transition: border-color var(--peach-dur-150) ease, background var(--peach-dur-150) ease;2060}2061.peach-feedback-textarea:focus {2062 border-color: color-mix(in srgb, var(--peach-accent) 55%, transparent);2063 background: rgba(0, 0, 0, 0.28);2064}2065.peach-feedback-textarea:focus {2066 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);2067}2068.peach-feedback-textarea::placeholder {2069 color: var(--peach-t2);2070}20712072.peach-feedback-meta {2073 margin: 6px 0 0;2074 font-size: 0.625rem;2075 color: var(--peach-t2);2076 font-family: "IBM Plex Mono", monospace;2077}20782079.peach-feedback-result {2080 margin: 8px 0 0;2081 font-size: 0.6875rem;2082 font-family: "IBM Plex Mono", monospace;2083}2084.peach-feedback-result--ok { color: var(--peach-sync-ok); }2085.peach-feedback-result--err { color: var(--peach-breach); }20862087.peach-feedback-submit {2088 width: 100%;2089 margin-top: 12px;2090 justify-content: center;2091}20922093.peach-feedback-anon {2094 margin: 8px 0 0;2095 font-size: 0.625rem;2096 color: var(--peach-t2);2097 text-align: center;2098}20992100.peach-passkey-badge {2101 margin-left: 8px;2102 font-size: 0.625rem;2103 letter-spacing: 0.06em;2104 text-transform: uppercase;2105 color: var(--peach-t2);2106 font-family: var(--font-ui);2107 vertical-align: middle;2108}21092110.peach-passkey-delete-btn {2111 color: var(--peach-breach);2112 border-color: rgba(229, 85, 85, 0.25);2113}21142115.peach-passkey-delete-confirm {2116 display: flex;2117 align-items: center;2118 gap: 8px;2119 padding: 8px 10px;2120 background: rgba(229, 85, 85, 0.06);2121 border: 1px solid rgba(229, 85, 85, 0.2);2122 border-radius: 6px;2123}21242125.peach-passkey-delete-confirm-copy {2126 flex: 1;2127 font-size: 0.6875rem;2128 color: var(--peach-t1);2129}21302131.peach-passkey-delete-btn--confirm {2132 color: var(--peach-breach);2133 border-color: rgba(229, 85, 85, 0.4);2134}21352136.peach-passkey-activity {2137 flex-direction: column;2138 align-items: flex-start;2139 gap: 4px;2140}21412142.peach-passkey-meta {2143 font-size: 0.6875rem;2144 color: var(--peach-t2);2145}21462147.peach-passkey-actions {2148 position: relative;2149 z-index: 1;2150 margin-top: 14px;2151 display: flex;2152 flex-direction: column;2153 gap: 8px;2154}21552156.peach-passkey-approval {2157 display: flex;2158 flex-direction: column;2159 align-items: center;2160 padding: 22px 20px 18px;2161 gap: 10px;2162 text-align: center;2163}21642165.peach-passkey-approval-icon {2166 width: 46px;2167 height: 46px;2168 border-radius: 12px;2169 background: var(--peach-s2);2170 border: 1px solid var(--peach-t3);2171 display: flex;2172 align-items: center;2173 justify-content: center;2174 flex-shrink: 0;2175 color: var(--peach-accent);2176}21772178.peach-passkey-approval-icon img,2179.peach-passkey-approval-icon svg {2180 width: 28px;2181 height: 28px;2182 border-radius: 6px;2183}21842185.peach-passkey-approval-rp {2186 font-family: var(--font-ui);2187 font-size: 0.75rem;2188 color: var(--peach-t2);2189 letter-spacing: 0.03em;2190}21912192.peach-passkey-approval-action {2193 font-family: var(--font-display);2194 font-style: italic;2195 font-weight: 300;2196 font-size: 22px;2197 color: var(--peach-t0);2198 line-height: 1.1;2199 margin: 2px 0;2200}22012202.peach-passkey-approval-user {2203 font-family: var(--font-mono);2204 font-size: 0.6875rem;2205 color: var(--peach-t1);2206 background: var(--peach-s2);2207 border: 1px solid var(--peach-t3);2208 border-radius: 4px;2209 padding: 3px 8px;2210}22112212.peach-passkey-approval-notice {2213 font-size: 0.625rem;2214 color: var(--peach-t2);2215 line-height: 1.5;2216 max-width: 220px;2217}22182219.peach-passkey-approval-actions {2220 display: flex;2221 gap: 8px;2222 width: 100%;2223 margin-top: 6px;2224}22252226.peach-passkey-approval-actions .peach-btn {2227 flex: 1;2228}222922302231.peach-generator-drawer {2232 display: grid;2233 grid-template-rows: 0fr;2234 transition: grid-template-rows 320ms var(--peach-curve-arrival);2235 overflow: hidden;2236}2237.peach-generator-drawer.is-open {2238 grid-template-rows: 1fr;2239}2240.peach-generator-drawer-inner {2241 min-height: 0;2242 overflow: hidden;2243}2244.peach-generator-drawer-content {2245 border-top: 1px solid var(--peach-t3);2246 padding: 8px 0 4px;2247 display: flex;2248 flex-direction: column;2249 gap: 8px;2250}225122522253.peach-generator-drawer-content--compact {2254 border-top: 1px solid var(--peach-t3);2255 padding: 8px 0 2px;2256 gap: 7px;2257}2258.peach-pwgen-compact-display-row {2259 display: flex;2260 align-items: center;2261 gap: 6px;2262}2263.peach-pwgen-compact-output {2264 flex: 1;2265 min-width: 0;2266 font-family: "IBM Plex Mono", monospace;2267 font-size: 0.6875rem;2268 font-weight: 400;2269 letter-spacing: 0.04em;2270 color: var(--peach-t0);2271 background: rgba(240, 232, 216, 0.04);2272 border: 1px solid var(--peach-t3);2273 border-radius: 5px;2274 padding: 5px 8px;2275 word-break: break-all;2276 line-height: 1.5;2277}2278.peach-pwgen-compact-controls {2279 display: flex;2280 align-items: center;2281 gap: 6px;2282}2283.peach-pwgen-compact-slider {2284 flex: 1;2285 min-width: 0;2286 height: 2px !important;2287}2288.peach-pwgen-compact-controls .peach-pwgen-len-num {2289 flex-shrink: 0;2290 min-width: 18px;2291 text-align: right;2292}2293.peach-pwgen-compact-pills {2294 display: flex;2295 gap: 3px;2296 flex-shrink: 0;2297}2298.peach-pwgen-compact-pills .peach-pwgen-pill {2299 padding: 2px 7px;2300 font-size: 0.5rem;2301}2302.peach-pwgen-compact-use {2303 flex-shrink: 0;2304 font-size: 0.625rem !important;2305 padding: 3px 9px !important;2306 min-height: 22px !important;2307 border-radius: 5px !important;2308}230923102311.peach-password-edit-row {2312 display: flex;2313 align-items: center;2314 gap: 6px;2315}2316.peach-password-edit-row .peach-inline-input {2317 flex: 1;2318 min-width: 0;2319}232023212322.peach-generate-toggle-link {2323 display: inline-flex;2324 align-items: center;2325 gap: 5px;2326 background: none;2327 border: none;2328 padding: 0;2329 cursor: pointer;2330 font-family: "IBM Plex Mono", monospace;2331 font-size: 0.625rem;2332 color: var(--peach-t2);2333 letter-spacing: 0.04em;2334 transition: color 120ms ease;2335 align-self: flex-start;2336}2337.peach-generate-toggle-link:hover {2338 color: var(--peach-accent);2339}234023412342.peach-entry-body {2343 flex: 1;2344 overflow-y: auto;2345 overflow-x: hidden;2346 scrollbar-width: none;2347 -ms-overflow-style: none;2348 overscroll-behavior: contain;2349 display: grid;2350 gap: 10px;2351 align-content: start;2352 padding: 10px 20px 14px;2353 min-width: 0;2354 min-height: 0;2355}2356.peach-entry-body::-webkit-scrollbar { display: none; }235723582359.peach-new-type-row {2360 display: flex;2361 align-items: center;2362 gap: 6px;2363 margin-bottom: 2px;2364}2365.peach-new-type-btn {2366 background: transparent;2367 border: 1px solid var(--peach-t3);2368 border-radius: 12px;2369 padding: 3px 10px;2370 font-family: "IBM Plex Mono", monospace;2371 font-size: 0.5625rem;2372 letter-spacing: 0.12em;2373 text-transform: uppercase;2374 color: var(--peach-t2);2375 cursor: pointer;2376 transition: color 140ms ease, border-color 140ms ease, background 140ms ease;2377}2378.peach-new-type-btn.is-active {2379 color: var(--peach-t0);2380 border-color: var(--peach-accent);2381 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);2382}2383.peach-new-type-btn:not(.is-active):hover {2384 color: var(--peach-t1);2385 border-color: var(--peach-t2);2386}238723882389.peach-new-title-wrap { margin: 0 0 2px; }2390.peach-new-title-input {2391 background: transparent;2392 border: none;2393 outline: none;2394 width: 100%;2395 color: var(--peach-t0);2396 font-family: var(--font-display);2397 font-style: italic;2398 font-weight: 400;2399 font-size: 40px;2400 line-height: 0.95;2401 caret-color: var(--peach-accent);2402}2403.peach-new-title-input::placeholder { color: var(--peach-t2); }240424052406.peach-domain-value--edit {2407 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;2408 font-size: 0.625rem;2409 font-style: italic;2410 letter-spacing: 0.12em;2411 color: var(--peach-t1);2412 background: transparent;2413 border: none;2414 border-bottom: 1px solid var(--peach-t3);2415 outline: none;2416 width: 100%;2417 padding: 2px 0;2418 caret-color: var(--peach-accent);2419 transition: border-color 140ms ease, color 140ms ease;2420}2421.peach-domain-value--edit::placeholder { color: var(--peach-t2); opacity: 0.6; }2422.peach-domain-value--edit:focus {2423 border-bottom-color: rgba(240, 232, 216, 0.28);2424 color: var(--peach-t0);2425}242624272428.peach-field-value--edit {2429 font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;2430 font-size: 0.8125rem;2431 color: var(--peach-t0);2432 background: transparent;2433 border: none;2434 border-bottom: 1px solid var(--peach-t3);2435 outline: none;2436 flex: 1;2437 min-width: 0;2438 padding: 3px 0;2439 caret-color: var(--peach-accent);2440 transition: border-color 140ms ease, color 140ms ease;2441}2442.peach-field-value--edit::placeholder { color: var(--peach-t2); opacity: 0.6; }2443.peach-field-value--edit[type="password"] { letter-spacing: 0.12em; }2444.peach-field-value--edit:focus {2445 border-bottom-color: rgba(240, 232, 216, 0.28);2446 color: var(--peach-t0);2447}244824492450.peach-entry-add-links {2451 display: flex;2452 gap: 12px;2453 flex-wrap: wrap;2454 margin-top: -2px;2455}2456.peach-add-field-link {2457 background: transparent;2458 border: none;2459 padding: 0;2460 cursor: pointer;2461 font-family: "IBM Plex Mono", monospace;2462 font-size: 0.5625rem;2463 letter-spacing: 0.1em;2464 text-transform: uppercase;2465 color: var(--peach-t2);2466 transition: color 140ms ease;2467}2468.peach-add-field-link:hover { color: var(--peach-accent); }246924702471.peach-new-body {2472 flex: 1;2473 overflow-y: auto;2474 padding: 10px 20px 14px;2475}2476.peach-new-name-input {2477 background: transparent;2478 border: none;2479 outline: none;2480 width: 100%;2481 color: var(--peach-t0);2482 font-family: var(--font-display);2483 font-style: italic;2484 font-weight: 400;2485 font-size: 40px;2486 line-height: 0.95;2487 caret-color: var(--peach-accent);2488}2489.peach-new-name-input::placeholder { color: var(--peach-t2); }2490.peach-new-field-input {2491 background: transparent;2492 border: none;2493 outline: none;2494 flex: 1;2495 min-width: 0;2496 caret-color: var(--peach-accent);2497}2498.peach-new-field-input::placeholder { color: var(--peach-t2); opacity: 0.7; }249925002501.peach-canary-card {2502 border: 1px solid rgba(217, 160, 48, 0.2);2503 background: rgba(217, 160, 48, 0.03);2504 border-radius: 8px;2505 padding: 12px;2506}25072508.peach-canary-settings-header {2509 display: flex;2510 align-items: center;2511 justify-content: space-between;2512 cursor: pointer;2513 user-select: none;2514}25152516.peach-canary-card .peach-label {2517 color: rgba(217, 160, 48, 0.85);2518}25192520.peach-canary-card .peach-new-field-input {2521 border-color: rgba(217, 160, 48, 0.25);2522}25232524.peach-canary-card .peach-new-field-input:focus {2525 border-color: rgba(217, 160, 48, 0.5);2526}25272528.peach-canary-body {2529 margin-top: 12px;2530 display: flex;2531 flex-direction: column;2532 gap: 10px;2533}25342535.peach-canary-explainer {2536 display: flex;2537 gap: 10px;2538 padding: 10px 12px;2539 border-radius: 10px;2540 background: rgba(217, 160, 48, 0.06);2541 border: 1px solid rgba(217, 160, 48, 0.22);2542 margin-bottom: 4px;2543}25442545.peach-canary-explainer-icon {2546 font-size: 1rem;2547 flex-shrink: 0;2548 line-height: 1.2;2549}25502551.peach-canary-explainer-title {2552 font-family: var(--font-ui);2553 font-size: 0.6875rem;2554 font-weight: 500;2555 color: rgba(217, 160, 48, 0.9);2556 margin: 0 0 3px;2557}25582559.peach-canary-explainer-copy {2560 font-family: var(--font-ui);2561 font-size: 0.625rem;2562 color: var(--peach-t2);2563 line-height: 1.55;2564 margin: 0;2565}25662567.peach-canary-hint {2568 font-size: 0.625rem;2569 color: var(--peach-t2);2570 font-family: Inter, system-ui, sans-serif;2571 line-height: 1.5;2572 margin-top: 4px;2573}25742575.peach-canary-actions-row {2576 display: flex;2577 align-items: center;2578 gap: 8px;2579}25802581.peach-canary-test-btn {2582 border-color: rgba(217, 160, 48, 0.3);2583 color: rgba(217, 160, 48, 0.85);2584}25852586.peach-canary-test-result {2587 font-size: 0.625rem;2588 font-family: Inter, system-ui, sans-serif;2589}25902591.peach-canary-test-result.ok { color: rgba(100, 210, 100, 0.9); }2592.peach-canary-test-result.err { color: rgba(220, 80, 60, 0.9); }25932594.peach-canary-badge {2595 display: flex;2596 position: relative;2597 z-index: 1;2598 align-items: center;2599 gap: 5px;2600 padding: 4px 10px;2601 background: rgba(217, 160, 48, 0.12);2602 border: 1px solid rgba(217, 160, 48, 0.35);2603 border-radius: 6px;2604 margin-bottom: 6px;2605 width: fit-content;2606}26072608.peach-canary-badge-label {2609 font-size: 0.625rem;2610 letter-spacing: 0.06em;2611 color: rgba(217, 160, 48, 0.9);2612 font-family: var(--font-ui);2613 text-transform: uppercase;2614}26152616.peach-canary-badge-icon {2617 font-size: 0.6875rem;2618}26192620.peach-canary-suppress-row {2621 display: flex;2622 align-items: center;2623 gap: 8px;2624 padding: 6px 10px;2625 background: rgba(217, 160, 48, 0.08);2626 border-radius: 6px;2627 margin-bottom: 8px;2628}26292630.peach-canary-suppress-label {2631 font-size: 0.6875rem;2632 color: rgba(217, 160, 48, 0.85);2633 cursor: pointer;2634 font-family: var(--font-ui);2635 letter-spacing: 0.04em;2636}26372638.peach-regen-panel {2639 position: relative;2640 z-index: 1;2641 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);2642 border: 1px solid color-mix(in srgb, var(--peach-accent) 25%, transparent);2643 border-radius: 8px;2644 padding: 12px;2645 margin-bottom: 8px;2646}26472648.peach-regen-panel-header {2649 display: flex;2650 align-items: center;2651 justify-content: space-between;2652 margin-bottom: 10px;2653}26542655.peach-regen-panel-title {2656 font-size: 0.6875rem;2657 font-weight: 600;2658 letter-spacing: 0.06em;2659 text-transform: uppercase;2660 color: color-mix(in srgb, var(--peach-accent) 90%, transparent);2661}26622663.peach-regen-output {2664 background: rgba(0, 0, 0, 0.2);2665 border-radius: 6px;2666 padding: 10px;2667 margin-bottom: 10px;2668 font-family: var(--font-mono);2669 font-size: 0.8125rem;2670 word-break: break-all;2671 color: var(--peach-t1);2672}26732674.peach-regen-actions {2675 display: flex;2676 gap: 6px;2677}26782679.peach-regen-actions--spaced {2680 margin-bottom: 8px;2681}26822683.peach-regen-action-grow {2684 flex: 1;2685}26862687.peach-regen-copy-btn {2688 padding: 0 8px;2689}26902691.peach-regen-success {2692 position: relative;2693 z-index: 1;2694 background: rgba(40, 180, 80, 0.1);2695 border: 1px solid rgba(40, 180, 80, 0.3);2696 border-radius: 8px;2697 padding: 10px 12px;2698 margin-bottom: 8px;2699 display: flex;2700 align-items: center;2701 gap: 8px;2702 font-size: 0.6875rem;2703 color: rgba(40, 180, 80, 0.9);2704}270527062707.peach-note-editor {2708 position: absolute;2709 inset: 0;2710 z-index: 200;2711 display: flex;2712 flex-direction: column;2713 background:2714 radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--peach-accent) 7%, transparent) 0%, transparent 65%),2715 var(--peach-bg);2716 animation: overlay-in 180ms cubic-bezier(0.4, 0, 0.2, 1) both;2717}27182719.peach-note-editor-header {2720 display: flex;2721 align-items: center;2722 gap: 10px;2723 padding: 14px 16px 10px;2724 border-bottom: 1px solid var(--peach-t3);2725 flex-shrink: 0;2726}27272728.peach-note-editor-back {2729 background: transparent;2730 border: none;2731 cursor: pointer;2732 color: var(--peach-t2);2733 padding: 4px 6px;2734 border-radius: 6px;2735 display: flex;2736 align-items: center;2737 transition: color 120ms ease, background 120ms ease;2738 flex-shrink: 0;2739}2740.peach-note-editor-back:hover { color: var(--peach-t0); background: var(--peach-t4); }27412742.peach-note-editor-label {2743 flex: 1;2744 font-family: var(--font-display);2745 font-style: italic;2746 font-size: 0.9375rem;2747 color: var(--peach-t1);2748 letter-spacing: 0.02em;2749}27502751.peach-note-editor-save-btn {2752 background: transparent;2753 border: 1px solid color-mix(in srgb, var(--peach-accent) 40%, transparent);2754 border-radius: 8px;2755 color: var(--peach-accent);2756 font-family: "IBM Plex Mono", monospace;2757 font-size: 0.625rem;2758 letter-spacing: 0.06em;2759 text-transform: uppercase;2760 padding: 3px 10px;2761 cursor: pointer;2762 transition: background 120ms ease, border-color 120ms ease;2763}2764.peach-note-editor-save-btn:hover:not(:disabled) {2765 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);2766 border-color: color-mix(in srgb, var(--peach-accent) 65%, transparent);2767}2768.peach-note-editor-save-btn:disabled { opacity: 0.4; cursor: not-allowed; }27692770.peach-note-toolbar {2771 display: flex;2772 align-items: center;2773 gap: 3px;2774 padding: 6px 14px 5px;2775 border-bottom: 1px solid var(--peach-t3);2776 flex-shrink: 0;2777}27782779.peach-note-tool-btn {2780 background: transparent;2781 border: 1px solid transparent;2782 border-radius: 5px;2783 color: var(--peach-t2);2784 font-family: "IBM Plex Mono", monospace;2785 font-size: 0.625rem;2786 letter-spacing: 0.04em;2787 padding: 2px 8px;2788 cursor: pointer;2789 line-height: 1.6;2790 transition: background 100ms ease, color 100ms ease, border-color 100ms ease;2791}2792.peach-note-tool-btn:hover {2793 background: var(--peach-t4);2794 color: var(--peach-t0);2795 border-color: var(--peach-t3);2796}27972798.peach-note-tool-icon {2799 padding: 3px 7px;2800 display: inline-flex;2801 align-items: center;2802 justify-content: center;2803}28042805.peach-note-tool-divider {2806 width: 1px;2807 height: 14px;2808 background: var(--peach-t3);2809 margin: 0 4px;2810 flex-shrink: 0;2811}28122813.peach-note-editor-body {2814 flex: 1;2815 overflow-y: auto;2816 padding: 16px 20px 20px;2817 outline: none;2818 font-family: var(--font-display);2819 font-size: 1rem;2820 line-height: 1.75;2821 color: var(--peach-t0);2822 scrollbar-width: none;2823 word-break: break-word;2824}2825.peach-note-editor-body:empty::before {2826 content: "write your note…";2827 color: var(--peach-t3);2828 font-style: italic;2829 pointer-events: none;2830}283128322833.peach-note-editor-inline {2834 display: flex;2835 flex-direction: column;2836 flex: 1;2837 min-height: 0;2838}2839.peach-note-editor-body--inline {2840 flex: 1;2841 min-height: 0;2842 font-size: 0.9375rem;2843 padding: 10px 20px 14px;2844}2845284628472848.peach-note-toolbar-body {2849 display: flex;2850 align-items: center;2851 gap: 3px;2852 padding: 5px 20px 4px;2853 margin: 2px -20px 0;2854 border-bottom: 1px solid var(--peach-t3);2855 flex-shrink: 0;2856}28572858285928602861.peach-note-toolbar-inline {2862 display: flex;2863 align-items: center;2864 gap: 3px;2865 margin-left: auto;2866 padding-left: 10px;2867 border-left: 1px solid var(--peach-t3);2868 min-height: 22px;2869}287028712872.peach-entry-note-toolbar-row {2873 display: flex;2874 align-items: center;2875 margin: 4px 0 6px;2876 position: relative;2877 z-index: 1;2878}2879.peach-entry-note-toolbar-row .peach-note-toolbar-inline {2880 border-left: none;2881 padding-left: 0;2882 margin-left: 0;2883}288428852886.peach-note-body {2887 display: flex;2888 flex-direction: column;2889 flex: 1;2890 min-height: 0;2891 margin: 4px 0 0;2892}2893.peach-entry-body--new .peach-note-body {2894 margin: 8px -20px 0;2895}2896289728982899.peach-entry-body--new:has(.peach-note-body) {2900 display: flex;2901 flex-direction: column;2902}290329042905.peach-note-editor-body h2,2906.peach-note-content h2 {2907 font-family: var(--font-display);2908 font-size: 20px;2909 font-weight: 600;2910 font-style: italic;2911 color: var(--peach-t0);2912 margin: 6px 0 2px;2913 line-height: 1.3;2914}2915.peach-note-editor-body ul,2916.peach-note-content ul {2917 padding-left: 18px;2918 margin: 3px 0;2919 list-style: disc;2920}2921.peach-note-editor-body ol,2922.peach-note-content ol {2923 padding-left: 18px;2924 margin: 3px 0;2925 list-style: decimal;2926}2927.peach-note-editor-body li,2928.peach-note-content li { margin: 2px 0; }2929.peach-note-editor-body hr,2930.peach-note-content hr {2931 border: none;2932 border-top: 1px solid var(--peach-t3);2933 margin: 10px 0;2934}293529362937.peach-note-editor-body font[size="1"],2938.peach-note-content font[size="1"] { font-size: 0.6875rem; line-height: 1.6; }2939.peach-note-editor-body font[size="2"],2940.peach-note-content font[size="2"] { font-size: 0.8125rem; }2941.peach-note-editor-body font[size="3"],2942.peach-note-content font[size="3"] { font-size: 1rem; }2943.peach-note-editor-body font[size="4"],2944.peach-note-content font[size="4"] { font-size: 20px; }2945.peach-note-editor-body font[size="5"],2946.peach-note-content font[size="5"] { font-size: 26px; line-height: 1.4; }294729482949.peach-note-editor-body b, .peach-note-editor-body strong,2950.peach-note-content b, .peach-note-content strong { font-weight: 700; }2951.peach-note-editor-body em, .peach-note-editor-body i,2952.peach-note-content em, .peach-note-content i { font-style: italic; }295329542955.peach-note-content {2956 overflow: auto;2957 max-height: 340px;2958 word-break: break-word;2959}296029612962.peach-note-textarea {2963 width: 100%;2964 min-height: 180px;2965 max-height: 280px;2966 resize: vertical;2967 background: var(--peach-t4);2968 border: 1px solid var(--peach-t3);2969 border-radius: 8px;2970 padding: 10px 12px;2971 font-family: "IBM Plex Mono", monospace;2972 font-size: 0.75rem;2973 line-height: 1.7;2974 color: var(--peach-t1);2975 outline: none;2976 transition: border-color 150ms ease;2977}29782979.peach-note-textarea:focus {2980 border-color: var(--peach-t2);2981}29822983.peach-note-char-count {2984 font-family: "IBM Plex Mono", monospace;2985 font-size: 0.5625rem;2986 color: var(--peach-t3);2987 text-align: right;2988 margin-top: 4px;2989 letter-spacing: 0.1em;2990}299129922993.peach-new-field-input {2994 width: 100%;2995 background: transparent;2996 border: none;2997 border-bottom: 1px solid var(--peach-t3);2998 padding: 4px 0;2999 color: var(--peach-t1);3000 font-family: "IBM Plex Mono", monospace;3001 font-size: 0.8125rem;3002 outline: none;3003 transition: border-color 150ms ease;3004}30053006.peach-new-field-input:focus {3007 border-bottom-color: var(--peach-t0);3008 color: var(--peach-t0);3009}30103011.peach-new-name-input {3012 width: 100%;3013 background: transparent;3014 border: none;3015 border-bottom: 1px solid var(--peach-t3);3016 padding: 6px 0;3017 font-family: var(--font-display);3018 font-style: italic;3019 font-size: 28px;3020 color: var(--peach-t0);3021 outline: none;3022 transition: border-color 150ms ease;3023}30243025.peach-new-name-input:focus {3026 border-bottom-color: var(--peach-t1);3027}30283029.peach-new-name-input::placeholder {3030 color: var(--peach-t2);3031 font-style: italic;3032}30333034.peach-new-field-input::placeholder {3035 color: var(--peach-t3);3036}303730383039#hd-shell {3040 animation: hd-shell-enter 700ms cubic-bezier(0.34, 1.56, 0.64, 1) 200ms both;3041}3042@keyframes hd-shell-enter {3043 from { opacity: 0; transform: scale(0.96) translateY(16px); }3044 to { opacity: 1; transform: scale(1) translateY(0); }3045}304630473048@keyframes peach-char-enter {3049 from { opacity: 0; transform: translateY(0.22em); }3050 to { opacity: 1; transform: translateY(0); }3051}3052@keyframes peach-content-enter {3053 from { opacity: 0.96; transform: translateY(4px); }3054 to { opacity: 1; transform: translateY(0); }3055}3056@keyframes peach-content-exit {3057 from { opacity: 1; transform: translateY(0); }3058 to { opacity: 0.92; transform: translateY(-3px); }3059}3060@keyframes peach-screen-enter {3061 from { opacity: 0; transform: translateY(14px); }3062 to { opacity: 1; transform: translateY(0); }3063}3064@keyframes peach-shell-fade-in {3065 from { opacity: 0; }3066 to { opacity: 1; }3067}3068@keyframes peach-veil-in {3069 from { opacity: 0; }3070 to { opacity: 1; }3071}3072@keyframes peach-lock-settle {3073 0% { transform: scale(0.9); }3074 65% { transform: scale(1.08); }3075 100% { transform: scale(1); }3076}3077@keyframes peach-copy-confirm {3078 from { color: var(--peach-t2); border-color: var(--peach-t3); background-color: transparent; box-shadow: none; }3079 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); }3080}3081@keyframes peach-copy-retreat {3082 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); }3083 to { color: var(--peach-t2); border-color: var(--peach-t3); background-color: transparent; box-shadow: none; }3084}3085@keyframes peach-copy-flood {3086 from { opacity: 0; transform: scaleX(0.15); }3087 to { opacity: 1; transform: scaleX(1); }3088}3089@keyframes peach-copy-icon-settle {3090 from { transform: scale(0.84); }3091 70% { transform: scale(1.08); }3092 to { transform: scale(1); }3093}3094@keyframes peach-copy-sheen-retreat {3095 from { opacity: 1; transform: scaleX(1); }3096 to { opacity: 0; transform: scaleX(0.15); }3097}3098@keyframes peach-copy-drain {3099 from { width: 100%; }3100 to { width: 0; }3101}3102@keyframes peach-shake {3103 0%, 100% { transform: translateX(0); }3104 20% { transform: translateX(-6px); }3105 40% { transform: translateX(6px); }3106 60% { transform: translateX(-4px); }3107 80% { transform: translateX(4px); }3108}31093110@keyframes pip-pulse {3111 0% { transform: scale(1); }3112 40% { transform: scale(2.2); }3113 100% { transform: scale(1); }3114}3115311631173118.peach-pwgen-body {3119 flex: 1; overflow-y: auto;3120 display: flex; flex-direction: column;3121}3122.peach-policy-badge {3123 display: flex; align-items: center;3124 padding: 6px 20px 0;3125 font-size: 0.625rem; font-family: Inter, sans-serif;3126 color: var(--peach-t2); letter-spacing: 0.04em;3127}3128.peach-pwgen-display {3129 padding: 14px 20px 12px;3130 border-bottom: 1px solid var(--peach-t3);3131 display: flex; align-items: flex-start; gap: 10px;3132}3133.peach-pwgen-display-row {3134 display: flex;3135 align-items: flex-start;3136 gap: 8px;3137 padding-bottom: 8px;3138 border-bottom: 1px solid var(--peach-t3);3139}3140.peach-pwgen-output {3141 flex: 1; min-width: 0; margin: 0;3142 font-family: "IBM Plex Mono", monospace;3143 font-size: 0.8125rem; color: var(--peach-t0);3144 line-height: 1.6; word-break: break-all; overflow-wrap: break-word;3145 white-space: normal;3146 padding: 10px 12px;3147 background: var(--peach-t4);3148 border-radius: 6px;3149 min-height: 36px;3150}3151.peach-pwgen-output-display {3152 flex: 1;3153 min-width: 0;3154 margin: 0;3155 font-family: var(--font-display);3156 font-style: italic;3157 font-weight: 300;3158 font-size: 32px;3159 line-height: 1.05;3160 color: var(--peach-t0);3161 word-break: break-all;3162 overflow-wrap: break-word;3163 white-space: normal;3164 letter-spacing: 0.02em;3165}3166.peach-pwgen-display-actions {3167 display: flex;3168 flex-direction: column;3169 gap: 4px;3170 flex-shrink: 0;3171 margin-top: 2px;3172}3173.peach-pwgen-settings { padding: 12px 20px 14px; display: flex; flex-direction: column; gap: 14px; }3174.peach-pwgen-length-row { display: flex; flex-direction: column; gap: 6px; }3175.peach-pwgen-length-labels { display: flex; justify-content: space-between; align-items: center; }3176.peach-pwgen-len-num {3177 font-family: "IBM Plex Mono", monospace;3178 font-size: 0.75rem; color: var(--peach-accent);3179}3180.peach-pwgen-slider { width: 100%; accent-color: var(--peach-accent); cursor: pointer; height: 2px; }3181.peach-pwgen-toggles { display: flex; flex-direction: column; }3182.peach-pwgen-charset-pills {3183 display: flex;3184 gap: 6px;3185 flex-wrap: wrap;3186}3187.peach-pwgen-pill {3188 padding: 4px 11px;3189 border-radius: 999px;3190 border: 1px solid var(--peach-t3);3191 background: transparent;3192 color: var(--peach-t2);3193 font-family: "IBM Plex Mono", monospace;3194 font-size: 0.5625rem;3195 letter-spacing: 0.08em;3196 cursor: pointer;3197 transition: all 150ms ease;3198}3199.peach-pwgen-pill.is-on {3200 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);3201 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);3202 color: var(--peach-accent);3203}3204.peach-pwgen-pill:not(.is-on):hover {3205 color: var(--peach-t1);3206 border-color: var(--peach-t2);3207}3208.peach-pwgen-use-btn {3209 width: 100%;3210 min-height: 34px;3211 border-radius: 8px;3212 margin-top: 2px;3213}3214.peach-pwgen-toggle-row {3215 display: flex; align-items: center; justify-content: space-between;3216 padding: 6px 0; border-bottom: 1px solid var(--peach-t3);3217}3218.peach-pwgen-toggle-row:last-child { border-bottom: none; }3219.peach-pwgen-toggle-label { font-size: 0.8125rem; color: var(--peach-t1); }32203221.peach-screen-prelock {3222 z-index: 10;3223}32243225.prelock-form {3226 display: grid;3227 gap: 12px;3228}322932303231.peach-settings-body,3232.peach-new-body,3233.peach-pwgen-body,3234.lock-screen,3235.peach-import-preview {3236 scrollbar-width: none;3237 -ms-overflow-style: none;3238 overscroll-behavior: contain;3239}3240.peach-settings-body::-webkit-scrollbar,3241.peach-new-body::-webkit-scrollbar,3242.peach-pwgen-body::-webkit-scrollbar,3243.lock-screen::-webkit-scrollbar,3244.peach-import-preview::-webkit-scrollbar {3245 width: 0;3246 height: 0;3247 display: none;3248}32493250.lock-screen {3251 height: 100%;3252 min-height: 100%;3253 overflow-y: auto;3254 padding: 18px 18px 16px;3255 gap: 14px;3256 grid-template-rows: auto auto auto 1fr auto;3257 align-content: stretch;3258 position: relative;3259 isolation: isolate;3260}3261.peach-screen.lock-screen--vault-stage {3262 display: flex;3263 flex-direction: column;3264 justify-content: flex-start;3265 gap: 18px;3266 padding: 20px 18px 18px;3267 overflow: hidden;3268}3269.peach-screen.lock-screen--vault-stage .peach-lock-panel {3270 margin-top: 0;3271}3272.lock-screen--onboarding {3273 display: flex;3274 flex-direction: column;3275 gap: 12px;3276 justify-content: flex-start;3277}32783279.lock-screen::before {3280 content: "";3281 position: absolute;3282 inset: 12px 18px auto auto;3283 width: 160px;3284 height: 160px;3285 border-radius: 999px;3286 background:3287 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%);3288 filter: blur(6px);3289 opacity: 0.7;3290 pointer-events: none;3291 z-index: 0;3292}32933294.peach-lock-rune-string {3295 flex: 1;3296 display: flex;3297 align-items: center;3298 justify-content: center;3299 gap: 6px;3300 font-family: PeachScript, monospace;3301 font-size: 0.8125rem;3302 letter-spacing: 0.05em;3303 pointer-events: none;3304 user-select: none;3305 position: relative;3306 z-index: 1;3307}33083309.peach-lock-rune-string span {3310 color: color-mix(in srgb, var(--peach-t0) 12%, transparent);3311 text-shadow:3312 0 0 0 color-mix(in srgb, var(--peach-accent) 0%, transparent),3313 0 0 0 color-mix(in srgb, var(--peach-accent) 0%, transparent);3314 transition: color 0.9s ease, text-shadow 0.9s ease;3315}33163317.peach-lock-rune-string span.is-glowing {3318 color: color-mix(in srgb, var(--peach-accent) 65%, transparent);3319 text-shadow:3320 0 0 8px color-mix(in srgb, var(--peach-accent) 50%, transparent),3321 0 0 20px color-mix(in srgb, var(--peach-accent) 22%, transparent);3322}33233324.lock-screen-header {3325 display: flex;3326 align-items: center;3327 justify-content: space-between;3328 position: relative;3329 z-index: 1;3330}33313332.lock-password-input.shake {3333 animation: peach-shake 300ms ease-in-out;3334}33353336.peach-hint-error {3337 color: rgba(220, 80, 60, 0.92);3338}33393340.peach-onboarding-headline {3341 margin: 0;3342 font-family: var(--font-display);3343 font-size: 35px;3344 line-height: 0.88;3345 font-style: italic;3346 font-weight: 400;3347 max-width: 252px;3348}33493350.peach-lock-copy {3351 display: grid;3352 gap: 8px;3353 position: relative;3354 z-index: 1;3355}33563357.peach-lock-copy--onboarding {3358 gap: 10px;3359}33603361.peach-lock-hero {3362 position: relative;3363 z-index: 1;3364 display: grid;3365 gap: 8px;3366 min-height: 0;3367 padding: 4px 2px 0;3368 border: none;3369 border-radius: 0;3370 background: transparent;3371 box-shadow: none;3372}3373.peach-lock-hero-art {3374 position: absolute;3375 right: -8px;3376 top: -6px;3377 width: 120px;3378 height: 120px;3379 display: flex;3380 align-items: center;3381 justify-content: center;3382 pointer-events: none;3383 opacity: 0.12;3384 filter: saturate(0.9);3385}3386.peach-lock-hero-mark {3387 width: 100%;3388 height: 100%;3389}3390339133923393.peach-lock-hero-mark path:nth-child(2),3394.peach-lock-hero-mark path:nth-child(3) {3395 stroke: rgba(123, 144, 96, 0.88);3396 fill: rgba(123, 144, 96, 0.88);3397}3398.peach-lock-hero > *:not(.peach-lock-hero-art) {3399 position: relative;3400 z-index: 1;3401}34023403.peach-lock-eyebrow {3404 display: inline-flex;3405 align-items: center;3406 width: fit-content;3407 padding: 4px 9px;3408 border-radius: 999px;3409 border: 1px solid color-mix(in srgb, var(--peach-accent) 22%, transparent);3410 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);3411 color: var(--peach-t0);3412 font-family: "IBM Plex Mono", monospace;3413 font-size: 0.5rem;3414 letter-spacing: 0.18em;3415 text-transform: uppercase;3416}34173418.peach-lock-label-row {3419 display: flex;3420 align-items: center;3421 justify-content: space-between;3422 margin-bottom: 0;3423}34243425.peach-lock-reveal-btn {3426 display: inline-flex;3427 align-items: center;3428 gap: 4px;3429 background: none;3430 border: none;3431 cursor: pointer;3432 font-family: "IBM Plex Mono", monospace;3433 font-size: 0.5625rem;3434 letter-spacing: 0.06em;3435 color: var(--peach-t2);3436 padding: 2px 0;3437 transition: color 150ms ease;3438}34393440.peach-lock-reveal-btn:hover {3441 color: var(--peach-t1);3442}34433444.peach-lock-warning {3445 color: rgba(220, 80, 60, 0.85) !important;3446 line-height: 1.5;3447}34483449.peach-onboarding-cards {3450 display: grid;3451 gap: 8px;3452 position: relative;3453 z-index: 1;3454}34553456.peach-lock-panel {3457 position: relative;3458 z-index: 1;3459 display: grid;3460 gap: 9px;3461 padding: 14px 16px 15px;3462 border-radius: 18px;3463 border: 1px solid var(--peach-t3);3464 background:3465 linear-gradient(180deg, rgba(240, 232, 216, 0.03), rgba(240, 232, 216, 0.015));3466 box-shadow:3467 inset 0 1px 0 rgba(240, 232, 216, 0.04),3468 0 12px 28px rgba(0, 0, 0, 0.12);3469}347034713472.peach-glass {3473 background: rgba(26, 20, 16, 0.65);3474 border: 1px solid rgba(255, 255, 255, 0.08);3475 border-radius: 12px;3476 backdrop-filter: blur(12px) saturate(1.4);3477 -webkit-backdrop-filter: blur(12px) saturate(1.4);3478}34793480@supports not (backdrop-filter: blur(1px)) {3481 .peach-glass {3482 background: rgba(26, 20, 16, 0.92);3483 border: 1px solid rgba(255, 255, 255, 0.10);3484 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 4px 24px rgba(0, 0, 0, 0.4);3485 }3486}34873488.light .peach-glass,3489[data-theme="light"] .peach-glass {3490 background: rgba(253, 248, 244, 0.70);3491 border: 1px solid rgba(0, 0, 0, 0.07);3492 backdrop-filter: blur(12px) saturate(1.2);3493 -webkit-backdrop-filter: blur(12px) saturate(1.2);3494}34953496@supports not (backdrop-filter: blur(1px)) {3497 .light .peach-glass,3498 [data-theme="light"] .peach-glass {3499 background: rgba(253, 248, 244, 0.95);3500 border: 1px solid rgba(0, 0, 0, 0.09);3501 }3502}350335043505.peach-lock-panel.peach-glass {3506 border-radius: 18px;3507 background: rgba(26, 20, 16, 0.65);3508 border: 1px solid rgba(255, 255, 255, 0.08);3509 box-shadow:3510 inset 0 1px 0 rgba(255, 255, 255, 0.05),3511 0 12px 28px rgba(0, 0, 0, 0.3);3512}35133514.light .peach-lock-panel.peach-glass,3515[data-theme="light"] .peach-lock-panel.peach-glass {3516 background: rgba(238, 227, 204, 0.75);3517 border: 1px solid rgba(34, 24, 9, 0.10);3518 box-shadow:3519 inset 0 1px 0 rgba(255, 255, 255, 0.5),3520 0 8px 24px rgba(80, 56, 32, 0.15);3521}35223523@supports not (backdrop-filter: blur(1px)) {3524 .peach-lock-panel.peach-glass {3525 background: rgba(26, 20, 16, 0.92);3526 box-shadow:3527 inset 0 1px 0 rgba(255, 255, 255, 0.05),3528 0 12px 28px rgba(0, 0, 0, 0.4);3529 }3530 .light .peach-lock-panel.peach-glass,3531 [data-theme="light"] .peach-lock-panel.peach-glass {3532 background: rgba(238, 227, 204, 0.96);3533 }3534}35353536.peach-lock-panel--secondary {3537 gap: 12px;3538}35393540.peach-lock-panel-header {3541 display: flex;3542 align-items: baseline;3543 justify-content: space-between;3544 gap: 12px;3545}35463547.peach-lock-option-grid {3548 display: grid;3549 gap: 10px;3550}35513552.peach-lock-option {3553 width: 100%;3554 display: grid;3555 gap: 6px;3556 padding: 14px 15px;3557 border-radius: 16px;3558 border: 1px solid rgba(240, 232, 216, 0.08);3559 background: rgba(240, 232, 216, 0.02);3560 color: var(--peach-t0);3561 text-align: left;3562 transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;3563}35643565.peach-lock-option:hover {3566 border-color: color-mix(in srgb, var(--peach-accent) 28%, transparent);3567 background: rgba(240, 232, 216, 0.04);3568 transform: translateY(-1px);3569}35703571.peach-lock-option-title {3572 font-size: 0.75rem;3573 color: var(--peach-t0);3574}35753576.peach-lock-option-copy {3577 font-size: 0.6875rem;3578 line-height: 1.55;3579 color: var(--peach-t1);3580}35813582.peach-onboarding-stack {3583 margin-top: 2px;3584}3585.peach-lock-panel-footer {3586 display: grid;3587 gap: 6px;3588 margin-top: 2px;3589 padding-top: 10px;3590 border-top: 1px solid rgba(240, 232, 216, 0.06);3591}35923593359435953596.peach-lock-panel--restore {3597 gap: 10px;3598}3599.peach-lock-option--history {3600 border-color: rgba(240, 232, 216, 0.06);3601 opacity: 0.85;3602}360336043605360636073608.peach-restore-screen {3609 36103611 overflow-y: auto !important;3612 padding-bottom: 14px;3613}36143615.peach-restore-screen .peach-lock-hero {3616 margin-bottom: 4px;3617}36183619.peach-restore-stack {3620 position: relative;3621 z-index: 1;3622 display: flex;3623 flex-direction: column;3624 gap: 9px;3625 margin-top: 4px;3626}36273628.peach-restore-card {3629 position: relative;3630 width: 100%;3631 display: flex;3632 flex-direction: column;3633 gap: 6px;3634 padding: 14px 16px 13px;3635 border-radius: 14px;3636 border: 1px solid var(--peach-t3);3637 background:3638 linear-gradient(180deg, rgba(240, 232, 216, 0.035), rgba(240, 232, 216, 0.012));3639 backdrop-filter: blur(3px);3640 -webkit-backdrop-filter: blur(3px);3641 box-shadow:3642 inset 0 1px 0 rgba(240, 232, 216, 0.04),3643 0 8px 18px rgba(0, 0, 0, 0.18);3644 color: var(--peach-t0);3645 text-align: left;3646 cursor: pointer;3647 transition:3648 border-color 160ms ease,3649 transform 160ms ease,3650 box-shadow 160ms ease,3651 background 160ms ease;3652 animation: peach-card-in 240ms cubic-bezier(0.16, 1, 0.3, 1) both;3653}36543655.peach-restore-card:hover {3656 border-color: color-mix(in srgb, var(--peach-accent) 32%, transparent);3657 background:3658 linear-gradient(180deg, rgba(240, 232, 216, 0.05), rgba(240, 232, 216, 0.02));3659 transform: translateY(-1px);3660 box-shadow:3661 inset 0 1px 0 rgba(240, 232, 216, 0.05),3662 0 12px 24px rgba(0, 0, 0, 0.22);3663}36643665.peach-restore-card:focus-visible {3666 outline: none;3667 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);3668 box-shadow:3669 inset 0 1px 0 rgba(240, 232, 216, 0.05),3670 0 0 0 2px color-mix(in srgb, var(--peach-accent) 24%, transparent);3671}3672367336743675.peach-restore-card:has(.peach-restore-card-soon) {3676 opacity: 0.78;3677}3678.peach-restore-card:has(.peach-restore-card-soon):hover {3679 opacity: 0.92;3680}368136823683.peach-restore-card--static {3684 cursor: default;3685}3686.peach-restore-card--static:hover {3687 border-color: var(--peach-t3);3688 transform: none;3689 background:3690 linear-gradient(180deg, rgba(240, 232, 216, 0.035), rgba(240, 232, 216, 0.012));3691 box-shadow:3692 inset 0 1px 0 rgba(240, 232, 216, 0.04),3693 0 8px 18px rgba(0, 0, 0, 0.18);3694}36953696.peach-restore-card-headline {3697 margin: 0;3698 font-family: var(--font-display);3699 font-style: italic;3700 font-weight: 400;3701 font-size: 19px;3702 line-height: 1.05;3703 color: var(--peach-t0);3704}37053706.peach-restore-card-divider {3707 margin: 1px 0 3px;3708 border: 0;3709 border-top: 1px solid var(--peach-t3);3710 width: 100%;3711}37123713.peach-restore-card-body {3714 margin: 0;3715 font-size: 0.75rem;3716 line-height: 1.55;3717 color: var(--peach-t1);3718}37193720.peach-restore-card-body code {3721 font-family: "IBM Plex Mono", monospace;3722 font-size: 0.6875rem;3723 padding: 1px 5px;3724 border-radius: 4px;3725 background: rgba(240, 232, 216, 0.06);3726 color: var(--peach-t0);3727}37283729.peach-restore-card-meta {3730 margin: 2px 0 0;3731 font-family: "IBM Plex Mono", monospace;3732 font-size: 0.5625rem;3733 letter-spacing: 0.14em;3734 text-transform: uppercase;3735 color: var(--peach-t2);3736}37373738.peach-restore-card-soon {3739 position: absolute;3740 top: 12px;3741 right: 12px;3742 display: inline-flex;3743 align-items: center;3744 padding: 2px 7px;3745 border-radius: 999px;3746 border: 1px solid color-mix(in srgb, var(--peach-accent) 26%, transparent);3747 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);3748 color: var(--peach-t0);3749 font-family: "IBM Plex Mono", monospace;3750 font-size: 0.5rem;3751 letter-spacing: 0.18em;3752 text-transform: uppercase;3753}37543755.peach-restore-footer {3756 position: relative;3757 z-index: 1;3758 margin-top: 6px;3759 padding-top: 10px;3760 border-top: 1px solid rgba(240, 232, 216, 0.06);3761 display: flex;3762 justify-content: center;3763}37643765.peach-restore-footer-link {3766 background: none;3767 border: none;3768 padding: 4px 0;3769 cursor: pointer;3770 font-family: "IBM Plex Mono", monospace;3771 font-size: 0.625rem;3772 letter-spacing: 0.06em;3773 color: var(--peach-t2);3774 transition: color 150ms ease;3775}37763777.peach-restore-footer-link:hover {3778 color: var(--peach-t0);3779}378037813782.peach-snapshot-panel {3783 gap: 10px;3784 overflow-y: auto;3785 max-height: 340px;3786}3787.peach-snapshot-list {3788 display: flex;3789 flex-direction: column;3790 gap: 4px;3791}3792.peach-snapshot-row {3793 display: flex;3794 align-items: center;3795 justify-content: space-between;3796 width: 100%;3797 padding: 8px 10px;3798 border-radius: 8px;3799 border: 1px solid rgba(240, 232, 216, 0.07);3800 background: transparent;3801 cursor: pointer;3802 transition: border-color 120ms, background 120ms;3803 text-align: left;3804 gap: 8px;3805}3806.peach-snapshot-row:hover {3807 border-color: rgba(240, 232, 216, 0.14);3808 background: rgba(240, 232, 216, 0.03);3809}3810.peach-snapshot-row.is-selected {3811 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);3812 background: color-mix(in srgb, var(--peach-accent) 7%, transparent);3813}3814.peach-snapshot-time {3815 font-size: 11.5px;3816 color: var(--peach-t0);3817 flex: 1;3818}3819.peach-snapshot-count {3820 font-family: "IBM Plex Mono", monospace;3821 font-size: 0.625rem;3822 color: var(--peach-t2);3823 flex-shrink: 0;3824}3825.peach-snapshot-confirm {3826 display: flex;3827 flex-direction: column;3828 gap: 8px;3829 padding-top: 10px;3830 border-top: 1px solid rgba(240, 232, 216, 0.06);3831}3832.peach-snapshot-warning {3833 display: flex;3834 align-items: flex-start;3835 gap: 6px;3836 font-size: 10.5px;3837 color: rgba(220, 80, 60, 0.85);3838 line-height: 1.55;3839}3840.peach-snapshot-warning svg { flex-shrink: 0; margin-top: 2px; }3841.peach-snapshot-confirm-row {3842 display: flex;3843 gap: 6px;3844 align-items: center;3845}3846.peach-snapshot-restore-btn {3847 width: 100%;3848}3849.peach-lock-hero--unlock .peach-lock-hero-art {3850 width: 112px;3851 height: 112px;3852 right: 0;3853 top: 2px;3854 opacity: 0.1;3855}38563857.peach-card {3858 border: 1px solid var(--peach-t3);3859 border-radius: 18px;3860 background:3861 linear-gradient(180deg, rgba(240, 232, 216, 0.03) 0%, rgba(240, 232, 216, 0.015) 100%);3862 box-shadow:3863 inset 0 0 0 1px var(--peach-border-accent),3864 inset 0 1px 0 rgba(240, 232, 216, 0.04),3865 0 12px 32px rgba(0, 0, 0, 0.14);3866 overflow: hidden;3867}38683869.peach-card-active {3870 border-color: color-mix(in srgb, var(--peach-accent) 35%, transparent);3871 box-shadow:3872 inset 0 1px 0 rgba(240, 232, 216, 0.05),3873 0 16px 38px rgba(0, 0, 0, 0.18),3874 0 0 0 1px color-mix(in srgb, var(--peach-accent) 8%, transparent);3875}38763877.peach-card-disabled {3878 opacity: 0.72;3879}38803881.peach-card-header {3882 width: 100%;3883 padding: 13px 16px 11px;3884 background: transparent;3885 color: var(--peach-t0);3886 display: flex;3887 justify-content: space-between;3888 align-items: center;3889 text-align: left;3890 font-size: 0.75rem;3891}38923893.peach-card-body {3894 padding: 0 16px 16px;3895 display: grid;3896 gap: 9px;3897}38983899.peach-card-tag {3900 color: var(--peach-t2);3901 font-family: "IBM Plex Mono", monospace;3902 font-size: 0.5625rem;3903 letter-spacing: 0.12em;3904 text-transform: uppercase;3905}39063907.peach-empty-copy {3908 display: grid;3909 gap: 6px;3910 color: var(--peach-t1);3911 font-size: 0.8125rem;3912}39133914.peach-lock-submit {3915 width: 100%;3916 box-shadow:3917 0 1px 0 rgba(255,255,255,0.10) inset,3918 0 0 0 1px color-mix(in srgb, var(--peach-accent) 19%, transparent),3919 0 12px 32px color-mix(in srgb, var(--peach-accent) 19%, transparent),3920 0 0 48px color-mix(in srgb, var(--peach-accent) 10%, transparent);3921}39223923.peach-lock-secondary {3924 width: 100%;3925 border-color: var(--peach-t3);3926 background: rgba(240, 232, 216, 0.02);3927}39283929.peach-lock-secondary:hover {3930 background: rgba(240, 232, 216, 0.04);3931}39323933.peach-lock-note {3934 max-width: none;3935 line-height: 1.55;3936 margin: 0;3937}39383939.peach-overlay-action {3940 font-size: 0.625rem;3941 padding: 4px 8px;3942 letter-spacing: 0.06em;3943 min-width: 44px;3944 text-align: center;3945}39463947.peach-overlay-spacer {3948 width: 32px;3949}39503951.peach-inline-action {3952 flex-shrink: 0;3953 font-size: 0.5625rem;3954 letter-spacing: 0.1em;3955 text-transform: uppercase;3956 padding: 4px 7px;3957}3958.peach-password-toggle-btn {3959 display: inline-flex;3960 align-items: center;3961 justify-content: center;3962 min-width: 30px;3963 min-height: 26px;3964 padding: 0 7px;3965 border: 1px solid var(--peach-t3);3966 border-radius: 999px;3967 background: rgba(240, 232, 216, 0.04);3968 color: var(--peach-t2);3969 transition: border-color 140ms ease, color 140ms ease, background 140ms ease;3970}3971.peach-password-toggle-btn:hover {3972 border-color: var(--peach-t2);3973 color: var(--peach-t0);3974 background: rgba(240, 232, 216, 0.06);3975}39763977.peach-new-textarea {3978 width: 100%;3979 min-height: 88px;3980 resize: vertical;3981 border: 0;3982 outline: none;3983 background: transparent;3984 color: var(--peach-t1);3985 font-family: "IBM Plex Mono", monospace;3986 font-size: 0.75rem;3987 line-height: 1.65;3988 caret-color: var(--peach-accent);3989}39903991.peach-new-textarea::placeholder {3992 color: var(--peach-t2);3993 opacity: 0.7;3994}39953996.peach-settings-actions {3997 display: grid;3998 gap: 8px;3999}40004001.peach-sync-section-label {4002 font-size: 0.6875rem;4003 color: var(--peach-t2);4004 text-transform: uppercase;4005 letter-spacing: 0.05em;4006}40074008.peach-sync-device-row {4009 display: flex;4010 justify-content: space-between;4011 align-items: center;4012 padding: 6px 0;4013 border-bottom: 1px solid var(--peach-t3);4014}40154016.peach-sync-device-info {4017 display: flex;4018 flex-direction: column;4019 gap: 2px;4020}40214022.peach-sync-device-name {4023 font-size: 0.8125rem;4024 color: var(--peach-t0);4025}40264027.peach-sync-device-meta {4028 font-size: 0.6875rem;4029 color: var(--peach-t2);4030}40314032.peach-sync-status-dot {4033 display: inline-block;4034 width: 8px;4035 height: 8px;4036 border-radius: 50%;4037 vertical-align: middle;4038}40394040.peach-sync-remove-btn {4041 color: var(--peach-breach);4042}40434044.peach-sync-advanced-row {4045 display: flex;4046 justify-content: space-between;4047 align-items: center;4048 padding: 6px 0;4049 gap: 12px;4050}40514052.peach-sync-advanced-info {4053 display: flex;4054 flex-direction: column;4055 gap: 2px;4056 flex: 1;4057}40584059.peach-sync-advanced-name {4060 font-size: 0.8125rem;4061 color: var(--peach-t0);4062}40634064.peach-sync-reset-confirm {4065 display: flex;4066 flex-direction: column;4067 gap: 8px;4068 padding: 10px;4069 border: 1px solid var(--peach-breach);4070 border-radius: 10px;4071 background: color-mix(in srgb, var(--peach-breach) 6%, transparent);4072}40734074.peach-sync-reset-confirm-headline {4075 font-size: 0.8125rem;4076 font-weight: 600;4077 color: var(--peach-t0);4078 margin: 0;4079}40804081.peach-sync-reset-confirm-body {4082 font-size: 0.75rem;4083 color: var(--peach-t1);4084 margin: 0;4085 line-height: 1.4;4086}40874088.peach-btn--danger {4089 background: var(--peach-breach);4090 color: #fff;4091 border-color: var(--peach-breach);4092}4093.peach-btn--danger:hover:not(:disabled) {4094 background: color-mix(in srgb, var(--peach-breach) 88%, #000);4095}4096.peach-btn--danger:disabled {4097 opacity: 0.55;4098 cursor: not-allowed;4099}41004101.peach-sync-hero-icon {4102 color: var(--peach-t1);4103 opacity: 0.85;4104}41054106.peach-import-preview {4107 margin-bottom: 12px;4108 max-height: 152px;4109 overflow-y: auto;4110 border: 1px solid var(--peach-t3);4111 border-radius: 10px;4112 padding: 8px 10px;4113 display: grid;4114 gap: 8px;4115 background: rgba(240, 232, 216, 0.02);4116}41174118.peach-import-preview-row {4119 display: flex;4120 justify-content: space-between;4121 gap: 10px;4122 font-size: 0.6875rem;4123 color: var(--peach-t1);4124}41254126.peach-import-preview-title {4127 color: var(--peach-t0);4128 flex: 1;4129 min-width: 0;4130 overflow: hidden;4131 text-overflow: ellipsis;4132 white-space: nowrap;4133}41344135.peach-import-preview-meta {4136 color: var(--peach-t2);4137 flex-shrink: 0;4138 max-width: 42%;4139 overflow: hidden;4140 text-overflow: ellipsis;4141 white-space: nowrap;4142}41434144.peach-import-preview-more {4145 color: var(--peach-t2);4146 font-size: 0.625rem;4147}41484149.peach-restore-copy {4150 margin: 0;4151 color: var(--peach-t1);4152 font-size: 0.6875rem;4153 line-height: 1.6;4154}41554156.peach-restore-warning {4157 padding: 10px 12px;4158 border-radius: 12px;4159 border: 1px solid color-mix(in srgb, var(--peach-breach) 35%, transparent);4160 background: color-mix(in srgb, var(--peach-breach) 10%, transparent);4161 color: var(--peach-t0);4162 font-size: 0.6875rem;4163 line-height: 1.55;4164}41654166.peach-provider-chips {4167 display: flex;4168 flex-wrap: wrap;4169 gap: 6px;4170}41714172.peach-provider-chip {4173 display: inline-flex;4174 align-items: center;4175 padding: 5px 8px;4176 border-radius: 999px;4177 border: 1px solid var(--peach-t3);4178 background: rgba(240, 232, 216, 0.02);4179 color: var(--peach-t1);4180 font-family: "IBM Plex Mono", monospace;4181 font-size: 0.5rem;4182 letter-spacing: 0.08em;4183 text-transform: uppercase;4184}41854186.peach-restore-file,4187.peach-restore-input {4188 width: 100%;4189 border-radius: 10px;4190 border: 1px solid var(--peach-t3);4191 background: var(--peach-s2);4192 color: var(--peach-t0);4193 font-size: 0.75rem;4194}41954196.peach-restore-file {4197 padding: 9px 10px;4198}41994200.peach-restore-file::file-selector-button {4201 margin-right: 10px;4202 padding: 7px 10px;4203 border: 1px solid color-mix(in srgb, var(--peach-accent) 28%, transparent);4204 border-radius: 999px;4205 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);4206 color: var(--peach-t0);4207 font-size: 0.625rem;4208 letter-spacing: 0.08em;4209 text-transform: uppercase;4210 cursor: pointer;4211}42124213.peach-restore-input {4214 padding: 10px 12px;4215}42164217.peach-auth-grid {4218 display: grid;4219 gap: 10px;4220}42214222.peach-import-summary {4223 color: var(--peach-t1);4224 font-size: 0.75rem;4225 line-height: 1.6;4226 margin-bottom: 12px;4227}42284229.peach-restore-error {4230 color: rgba(220, 80, 60, 0.95);4231 font-size: 0.75rem;4232 line-height: 1.55;4233}42344235.peach-passkey-card {4236 max-width: 400px;4237 margin: auto 16px;4238 align-self: center;4239 width: calc(100% - 32px);4240}424142424243424442454246.peach-overlay-view:has(.peach-passkey-card) {4247 justify-content: center;4248}42494250.peach-pro-badge {4251 padding: 2px 6px;4252 border-radius: 999px;4253 font-family: var(--font-ui);4254 font-size: 0.625rem;4255 letter-spacing: 0.08em;4256 text-transform: uppercase;4257 background: color-mix(in srgb, var(--peach-accent) 14%, transparent);4258 color: var(--peach-accent);4259}426042614262.peach-shortcuts-group { display: flex; flex-direction: column; gap: 6px; }4263.peach-shortcut-row {4264 display: flex;4265 align-items: center;4266 gap: 10px;4267 padding: 6px 0;4268}4269.peach-shortcut-row-label {4270 flex: 1;4271 font-size: 0.75rem;4272 color: var(--peach-t0);4273}4274.peach-shortcut-chip {4275 min-width: 64px;4276 padding: 4px 10px;4277 border-radius: 6px;4278 border: 1px solid var(--peach-t3);4279 background: var(--peach-input-bg, var(--surface-card));4280 color: var(--peach-t0);4281 font-family: var(--font-mono);4282 font-size: 0.6875rem;4283 letter-spacing: 0.04em;4284 cursor: pointer;4285 text-align: center;4286 transition: border-color 120ms ease, background 120ms ease, color 120ms ease;4287}4288.peach-shortcut-chip:hover { border-color: color-mix(in srgb, var(--peach-accent) 35%, transparent); }4289.peach-shortcut-chip.is-custom {4290 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);4291 color: var(--peach-accent);4292}4293.peach-shortcut-chip.is-capturing {4294 border-color: var(--peach-accent);4295 background: color-mix(in srgb, var(--peach-accent) 14%, transparent);4296 color: var(--peach-accent);4297 animation: peach-shortcut-capture-pulse 1.4s ease-in-out infinite;4298}4299@keyframes peach-shortcut-capture-pulse {4300 0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--peach-accent) 30%, transparent); }4301 50% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--peach-accent) 12%, transparent); }4302}4303.peach-shortcut-reset {4304 background: transparent;4305 border: none;4306 cursor: pointer;4307 color: var(--peach-t2);4308 padding: 4px 6px;4309 border-radius: 5px;4310 font-size: 0.875rem;4311 line-height: 1;4312 transition: color 120ms ease, background 120ms ease;4313}4314.peach-shortcut-reset:hover {4315 color: var(--peach-t0);4316 background: color-mix(in srgb, var(--peach-text, var(--peach-t0)) 6%, transparent);4317}4318.peach-shortcuts-conflict {4319 margin: 4px 0 0;4320 padding: 8px 10px;4321 border-radius: 7px;4322 background: color-mix(in srgb, var(--peach-breach) 10%, transparent);4323 border: 1px solid color-mix(in srgb, var(--peach-breach) 30%, transparent);4324 font-family: var(--font-mono);4325 font-size: 0.6875rem;4326 color: var(--peach-t0);4327}432843294330.peach-shortcuts-help-backdrop {4331 position: fixed;4332 inset: 0;4333 background: rgba(0, 0, 0, 0.55);4334 backdrop-filter: blur(2px);4335 display: flex;4336 align-items: center;4337 justify-content: center;4338 z-index: 1000;4339 animation: peach-help-fade-in 140ms ease forwards;4340}4341@keyframes peach-help-fade-in { from { opacity: 0 } to { opacity: 1 } }4342.peach-shortcuts-help-card {4343 width: min(320px, 92vw);4344 max-height: 80vh;4345 overflow-y: auto;4346 border-radius: 14px;4347 border: 1px solid var(--peach-t3);4348 background: var(--peach-bg);4349 box-shadow: 0 12px 48px rgba(0, 0, 0, 0.5);4350 padding: 16px 18px 18px;4351 display: flex;4352 flex-direction: column;4353 gap: 12px;4354}4355.peach-shortcuts-help-head {4356 display: flex; align-items: center; justify-content: space-between;4357}4358.peach-shortcuts-help-head h3 {4359 margin: 0;4360 font-family: var(--font-display);4361 font-style: italic;4362 font-weight: 400;4363 font-size: 22px;4364 color: var(--peach-t0);4365}4366.peach-shortcuts-help-close {4367 background: transparent;4368 border: none;4369 color: var(--peach-t2);4370 cursor: pointer;4371 font-size: 0.875rem;4372 padding: 4px 8px;4373 border-radius: 5px;4374}4375.peach-shortcuts-help-close:hover { color: var(--peach-t0); background: var(--surface-card); }4376.peach-shortcuts-help-body ul {4377 list-style: none; padding: 0; margin: 4px 0 12px;4378 display: grid; gap: 8px;4379}4380.peach-shortcuts-help-body li {4381 display: flex; align-items: center; justify-content: space-between; gap: 12px;4382 font-size: 0.75rem; color: var(--peach-t0);4383}4384.peach-shortcuts-help-body kbd {4385 font-family: var(--font-mono);4386 font-size: 0.6875rem;4387 padding: 3px 8px;4388 border-radius: 6px;4389 background: var(--surface-card);4390 border: 1px solid var(--peach-t3);4391 color: var(--peach-accent);4392 letter-spacing: 0.04em;4393}439443954396.peach-pro-promo {4397 position: relative;4398 border-radius: 14px;4399 border: 1px solid color-mix(in srgb, var(--peach-accent) 22%, transparent);4400 background:4401 radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--peach-accent) 10%, transparent) 0%, transparent 60%),4402 radial-gradient(85% 100% at 100% 100%, color-mix(in srgb, var(--peach-accent) 6%, transparent) 0%, transparent 65%),4403 var(--surface-card);4404 overflow: hidden;4405 margin-bottom: 14px;4406}4407.peach-pro-promo-glow {4408 position: absolute;4409 inset: -40% -20% auto auto;4410 width: 220px; height: 220px;4411 background: radial-gradient(closest-side, var(--peach-glow), transparent 70%);4412 pointer-events: none;4413 filter: blur(8px);4414}4415.peach-pro-promo-inner {4416 position: relative;4417 padding: 18px 18px 16px;4418}4419.peach-pro-promo-title {4420 font-family: var(--font-display);4421 font-style: italic;4422 font-weight: 400;4423 font-size: 28px;4424 line-height: 1;4425 letter-spacing: -0.005em;4426 color: var(--peach-t0);4427 margin: 0 0 4px;4428}4429.peach-pro-promo-tagline {4430 font-family: var(--font-mono);4431 font-size: 0.625rem;4432 letter-spacing: 0.06em;4433 color: var(--peach-t2);4434 margin: 0 0 14px;4435}4436.peach-pro-promo-list {4437 list-style: none;4438 margin: 0 0 16px;4439 padding: 0;4440 display: grid;4441 gap: 9px;4442}4443.peach-pro-promo-list li {4444 display: flex;4445 align-items: flex-start;4446 gap: 9px;4447 font-size: 0.75rem;4448 color: var(--peach-t1);4449 line-height: 1.4;4450}4451.peach-pro-promo-list svg {4452 width: 14px;4453 height: 14px;4454 flex-shrink: 0;4455 color: var(--peach-accent);4456 margin-top: 2px;4457}4458.peach-pro-promo-list span {4459 color: var(--peach-t0);4460}4461.peach-pro-promo-cta {4462 width: 100%;4463 background: var(--peach-accent);4464 color: #fff;4465 border: none;4466 padding: 9px 12px;4467 border-radius: 9px;4468 font-size: 0.75rem;4469 font-weight: 500;4470 font-family: var(--font-ui);4471 letter-spacing: 0.02em;4472 text-decoration: none;4473 display: inline-flex;4474 align-items: center;4475 justify-content: center;4476 cursor: pointer;4477 transition: filter 120ms ease, box-shadow 120ms ease, transform 80ms ease;4478 box-shadow: 0 2px 16px var(--peach-glow);4479}4480.peach-pro-promo-cta:hover {4481 filter: brightness(1.07);4482 box-shadow: 0 4px 24px var(--peach-glow);4483 transform: translateY(-1px);4484}4485.peach-pro-promo-cta:active { transform: translateY(0); filter: brightness(0.96); }44864487.peach-pro-or-divider {4488 display: flex;4489 align-items: center;4490 gap: 10px;4491 margin: 4px 0 12px;4492 font-family: var(--font-mono);4493 font-size: 0.625rem;4494 letter-spacing: 0.06em;4495 color: var(--peach-t2);4496 text-transform: uppercase;4497}4498.peach-pro-or-divider::before,4499.peach-pro-or-divider::after {4500 content: "";4501 flex: 1;4502 height: 1px;4503 background: var(--peach-t3);4504}45054506.peach-loading {4507 position: absolute;4508 inset: 0;4509 display: flex;4510 align-items: center;4511 justify-content: center;4512 background: var(--bg);4513 animation: peach-loading-pulse 1.2s ease-in-out infinite;4514}45154516@keyframes peach-loading-pulse {4517 0%, 100% { opacity: 0.6; }4518 50% { opacity: 1; }4519}452045214522.peach-health-body {4523 flex: 1;4524 overflow-y: auto;4525 display: flex;4526 flex-direction: column;4527 452845294530 scrollbar-width: none;4531 -ms-overflow-style: none;4532}4533.peach-health-body::-webkit-scrollbar { display: none; }453445354536453745384539.peach-health-loading-screen {4540 flex: 1;4541 display: flex;4542 flex-direction: column;4543 align-items: center;4544 justify-content: center;4545 gap: 14px;4546 padding: 32px 28px;4547 text-align: center;4548}45494550.peach-health-loading-glyph {4551 width: 48px;4552 height: 48px;4553 display: flex;4554 align-items: center;4555 justify-content: center;4556 border-radius: 14px;4557 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);4558 color: var(--peach-accent);4559}45604561.peach-health-loading-title {4562 margin: 0;4563 font-family: var(--font-display);4564 font-style: italic;4565 font-weight: 300;4566 font-size: 19px;4567 line-height: 1.2;4568 color: var(--peach-t0);4569}45704571.peach-health-loading-copy {4572 margin: 0;4573 max-width: 240px;4574 font-size: 0.75rem;4575 line-height: 1.55;4576 color: var(--peach-t2);4577}45784579.peach-health-loading-track {4580 width: 200px;4581 height: 3px;4582 margin-top: 6px;4583 border-radius: 999px;4584 background: rgba(240, 232, 216, 0.06);4585 overflow: hidden;4586}45874588.peach-health-loading-fill {4589 width: 40%;4590 height: 100%;4591 border-radius: inherit;4592 background: linear-gradient(4593 90deg,4594 transparent 0%,4595 var(--peach-accent) 50%,4596 transparent 100%4597 );4598 animation: peach-health-loading-sweep 1.4s ease-in-out infinite;4599}46004601@keyframes peach-health-loading-sweep {4602 0% { transform: translateX(-100%); }4603 100% { transform: translateX(350%); }4604}46054606[data-motion="reduce"] .peach-health-loading-fill,4607[data-motion="reduce"] .peach-health-loading-glyph svg path {4608 animation: none;4609}46104611.peach-health-summary {4612 padding: 10px 16px 6px;4613 font-family: "IBM Plex Mono", monospace;4614 font-size: 0.6875rem;4615}4616.peach-health-summary-warn { color: rgba(220,80,60,0.9); }4617.peach-health-summary-ok { color: var(--peach-t2); }46184619.peach-health-check-row {4620 padding: 0 16px 10px;4621}4622.peach-health-check-btn {4623 width: 100%;4624 display: flex;4625 align-items: center;4626 justify-content: center;4627}46284629.peach-health-sections {4630 flex: 1;4631 display: flex;4632 flex-direction: column;4633}46344635.peach-health-section {4636 border-bottom: 1px solid var(--peach-t3);4637}46384639.peach-health-section-header {4640 width: 100%;4641 display: flex;4642 align-items: center;4643 justify-content: space-between;4644 padding: 9px 16px;4645 background: transparent;4646 cursor: pointer;4647 color: var(--peach-t0);4648}46494650.peach-health-section-title-row {4651 display: flex;4652 align-items: center;4653 gap: 8px;4654}46554656.peach-health-count-badge {4657 display: inline-flex;4658 align-items: center;4659 justify-content: center;4660 min-width: 20px;4661 height: 18px;4662 padding: 0 5px;4663 border-radius: 999px;4664 background: rgba(220,80,60,0.15);4665 border: 1px solid rgba(220,80,60,0.25);4666 font-family: "IBM Plex Mono", monospace;4667 font-size: 0.5625rem;4668 color: rgba(220,80,60,0.9);4669}46704671.peach-health-section-title {4672 font-family: "IBM Plex Mono", monospace;4673 font-size: 0.6875rem;4674 text-transform: uppercase;4675 letter-spacing: 0.1em;4676 color: var(--peach-t1);4677}46784679.peach-health-chevron {4680 color: var(--peach-t2);4681 transition: transform 200ms ease;4682 flex-shrink: 0;4683}4684.peach-health-chevron.is-expanded {4685 transform: rotate(180deg);4686}46874688.peach-health-section-body {4689 padding: 0 16px 10px;4690 display: flex;4691 flex-direction: column;4692 gap: 4px;4693}46944695.peach-health-row {4696 display: flex;4697 align-items: flex-start;4698 justify-content: space-between;4699 gap: 8px;4700 padding: 6px 8px;4701 border-radius: 8px;4702 background: rgba(240,232,216,0.02);4703}47044705.peach-health-row-info {4706 flex: 1;4707 min-width: 0;4708 display: flex;4709 flex-direction: column;4710 gap: 2px;4711}47124713.peach-health-row-name {4714 font-family: var(--font-display);4715 font-size: 0.9375rem;4716 font-style: italic;4717 font-weight: 400;4718 color: var(--peach-t0);4719 white-space: nowrap;4720 overflow: hidden;4721 text-overflow: ellipsis;4722}47234724.peach-health-row-meta {4725 font-family: "IBM Plex Mono", monospace;4726 font-size: 0.5625rem;4727 color: var(--peach-t2);4728 letter-spacing: 0.05em;4729}47304731.peach-health-fix-btn {4732 font-size: 0.5625rem;4733 letter-spacing: 0.08em;4734 text-transform: uppercase;4735 padding: 4px 7px;4736 flex-shrink: 0;4737 display: flex;4738 align-items: center;4739}47404741.peach-health-empty {4742 font-family: "IBM Plex Mono", monospace;4743 font-size: 0.625rem;4744 color: var(--peach-t2);4745 padding: 6px 0;4746}47474748.peach-health-loading {4749 font-family: "IBM Plex Mono", monospace;4750 font-size: 0.625rem;4751 color: var(--peach-t2);4752 padding: 6px 0;4753 display: flex;4754 align-items: center;4755 gap: 6px;4756}47574758.peach-health-loading::before {4759 content: "";4760 width: 10px;4761 height: 10px;4762 border: 1.5px solid var(--peach-t3);4763 border-top-color: var(--peach-accent);4764 border-radius: 50%;4765 animation: peach-spin 600ms linear infinite;4766}47674768@keyframes peach-spin {4769 to { transform: rotate(360deg); }4770}47714772.peach-spinner {4773 width: 32px;4774 height: 32px;4775 border: 2px solid var(--peach-s2);4776 border-top-color: var(--peach-accent);4777 border-radius: 50%;4778 margin: 0 auto 16px;4779 animation: peach-spin 0.8s linear infinite;4780}47814782.peach-progress-screen {4783 text-align: center;4784 padding: 32px 16px;4785}47864787.peach-progress-screen-title {4788 font-size: 0.8125rem;4789 color: var(--peach-t0);4790 margin-bottom: 16px;4791}47924793.peach-progress-screen-stage {4794 font-size: 0.6875rem;4795 color: var(--peach-t2);4796 min-height: 14px;4797}47984799.peach-progress-screen-note {4800 font-size: 0.625rem;4801 color: var(--peach-t2);4802 margin-top: 8px;4803}48044805.peach-pairing-body {4806 flex: 1;4807 overflow-y: auto;4808 display: flex;4809 flex-direction: column;4810}48114812.peach-pairing-content {4813 flex: 1;4814 display: flex;4815 flex-direction: column;4816 align-items: center;4817 justify-content: center;4818 gap: 14px;4819 padding: 28px 20px;4820 text-align: center;4821}48224823.peach-pairing-code-screen {4824 gap: 18px;4825}48264827.peach-pairing-headline {4828 font-family: var(--font-display);4829 font-style: italic;4830 font-weight: 300;4831 font-size: 28px;4832 color: var(--peach-t0);4833 margin: 0;4834 line-height: 1;4835}48364837.peach-pairing-subline {4838 font-size: 0.75rem;4839 color: var(--peach-t2);4840 max-width: 220px;4841 line-height: 1.5;4842 margin: 0;4843}48444845.peach-pairing-subline--center {4846 text-align: center;4847}48484849485048514852.peach-pairing-code {4853 font-family: "IBM Plex Mono", monospace;4854 font-size: 36px;4855 letter-spacing: 0.25em;4856 color: var(--peach-t0);4857 text-align: center;4858 padding: 24px 0;4859 text-shadow:4860 0 0 24px color-mix(in srgb, var(--peach-accent) 22%, transparent),4861 0 0 48px color-mix(in srgb, var(--peach-accent) 12%, transparent);4862 background: transparent;4863 border: 0;4864 cursor: default;4865 user-select: text;4866}48674868.peach-pairing-code--loading,4869.peach-pairing-code--expired {4870 font-size: 18px;4871 letter-spacing: 0.04em;4872 color: var(--peach-t2);4873 cursor: pointer;4874 text-shadow: none;4875}48764877.peach-pairing-code-input {4878 font-family: "IBM Plex Mono", monospace;4879 font-size: 36px;4880 letter-spacing: 0.25em;4881 color: var(--peach-t0);4882 background: transparent;4883 border: 0;4884 border-bottom: 1px solid var(--peach-t3);4885 outline: none;4886 text-align: center;4887 padding: 18px 0;4888 width: 220px;4889 caret-color: var(--peach-accent);4890 transition: border-color 160ms ease;4891}48924893.peach-pairing-code-input::placeholder {4894 color: var(--peach-t3);4895}48964897.peach-pairing-code-input:focus {4898 border-bottom-color: var(--peach-accent);4899}49004901.peach-pairing-toggle {4902 background: transparent;4903 border: 0;4904 color: var(--peach-t2);4905 font-size: 0.75rem;4906 padding: 8px 4px;4907 cursor: pointer;4908 transition: color 120ms ease;4909}49104911.peach-pairing-toggle:hover:not(:disabled) {4912 color: var(--peach-t1);4913}49144915.peach-pairing-toggle:disabled {4916 opacity: 0.5;4917 cursor: default;4918}49194920.peach-pairing-hint {4921 font-size: 0.6875rem;4922 color: var(--peach-t2);4923 margin: 0;4924 text-align: center;4925}49264927.peach-pairing-status {4928 display: flex;4929 align-items: center;4930 gap: 8px;4931 margin: 0;4932 font-size: 0.75rem;4933 color: var(--peach-t1);4934}49354936.peach-pairing-error {4937 margin: 0;4938 font-size: 0.6875rem;4939 color: var(--peach-breach);4940}49414942.peach-pairing-error--muted {4943 color: var(--peach-t2);4944}49454946.peach-pairing-spinner {4947 width: 12px;4948 height: 12px;4949 border: 1.5px solid var(--peach-t3);4950 border-top-color: var(--peach-accent);4951 border-radius: 50%;4952 animation: peach-spin 0.8s linear infinite;4953}49544955.peach-pairing-success-icon,4956.peach-pairing-error-icon,4957.peach-pairing-hero {4958 display: inline-flex;4959 align-items: center;4960 justify-content: center;4961}496249634964.peach-tag-chip {4965 display: inline-flex;4966 align-items: center;4967 gap: 4px;4968 padding: 3px 8px;4969 border-radius: 999px;4970 border: 1px solid color-mix(in srgb, var(--peach-accent) 28%, transparent);4971 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);4972 color: var(--peach-t0);4973 font-family: "IBM Plex Mono", monospace;4974 font-size: 0.625rem;4975 letter-spacing: 0.04em;4976}49774978.peach-tag-chip-remove {4979 background: transparent;4980 border: none;4981 color: inherit;4982 opacity: 0.6;4983 cursor: pointer;4984 padding: 0;4985 font-size: 0.75rem;4986 line-height: 1;4987}49884989.peach-tag-chip-remove:hover {4990 opacity: 1;4991}499249934994.peach-tag-input-wrap {4995 border-bottom: 1px solid var(--peach-t3);4996}49974998.peach-tag-suggestions {4999 display: flex;5000 flex-wrap: wrap;5001 gap: 4px;5002 padding: 6px 0;5003}50045005.peach-tag-suggestion {5006 padding: 2px 8px;5007 border-radius: 999px;5008 border: 1px solid var(--peach-t3);5009 background: var(--peach-s2);5010 color: var(--peach-t1);5011 font-family: "IBM Plex Mono", monospace;5012 font-size: 0.625rem;5013 cursor: pointer;5014 transition: border-color 80ms ease, background 80ms ease;5015}50165017.peach-tag-suggestion:hover {5018 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);5019 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);5020}502150225023.peach-tag-filter-strip {5024 border-bottom: 1px solid var(--peach-t3);5025 flex-shrink: 0;5026}50275028.peach-tag-filter-chip {5029 display: inline-flex;5030 align-items: center;5031 padding: 4px 10px;5032 border-radius: 999px;5033 border: 1px solid var(--peach-t3);5034 background: transparent;5035 color: var(--peach-t2);5036 font-family: "IBM Plex Mono", monospace;5037 font-size: 0.5625rem;5038 letter-spacing: 0.06em;5039 text-transform: uppercase;5040 cursor: pointer;5041 transition: border-color 120ms ease, color 120ms ease, background 120ms ease;5042 white-space: nowrap;5043}50445045.peach-tag-filter-chip:hover {5046 border-color: color-mix(in srgb, var(--peach-accent) 35%, transparent);5047 color: var(--peach-t1);5048}50495050.peach-tag-filter-chip.is-selected {5051 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);5052 background: color-mix(in srgb, var(--peach-accent) 12%, transparent);5053 color: var(--peach-t0);5054}5055505650575058505950605061.peach-sort-bar {5062 display: flex;5063 align-items: center;5064 gap: 4px;5065 padding: 5px 12px;5066 border-bottom: 1px solid var(--peach-t3);5067 flex-shrink: 0;5068 overflow-x: auto;5069 scrollbar-width: none;5070}50715072.peach-sort-btn {5073 padding: 2px 9px;5074 border-radius: 999px;5075 border: 1px solid transparent;5076 background: transparent;5077 color: var(--peach-t2);5078 font-family: "IBM Plex Mono", monospace;5079 font-size: 0.5625rem;5080 letter-spacing: 0.07em;5081 text-transform: uppercase;5082 cursor: pointer;5083 transition: border-color 120ms ease, color 120ms ease, background 120ms ease;5084 white-space: nowrap;5085}50865087.peach-sort-btn:hover {5088 border-color: color-mix(in srgb, var(--peach-accent) 30%, transparent);5089 color: var(--peach-t1);5090}50915092.peach-sort-btn.is-active {5093 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);5094 background: color-mix(in srgb, var(--peach-accent) 12%, transparent);5095 color: var(--peach-t0);5096}50975098.peach-sort-domain-hint {5099 margin-left: auto;5100 font-family: "IBM Plex Mono", monospace;5101 font-size: 0.5625rem;5102 color: color-mix(in srgb, var(--peach-accent) 60%, transparent);5103 white-space: nowrap;5104 overflow: hidden;5105 text-overflow: ellipsis;5106 max-width: 110px;5107}510851095110.peach-tab-match-badge {5111 display: inline-block;5112 width: 6px;5113 height: 6px;5114 border-radius: 50%;5115 background: color-mix(in srgb, var(--peach-accent) 75%, transparent);5116 margin-left: 5px;5117 vertical-align: middle;5118 flex-shrink: 0;5119 box-shadow: 0 0 4px color-mix(in srgb, var(--peach-accent) 40%, transparent);5120}51215122.peach-entry-row.is-tab-match {5123 background: color-mix(in srgb, var(--peach-accent) 4%, transparent);5124 border-bottom-color: color-mix(in srgb, var(--peach-accent) 8%, transparent);5125}51265127.peach-entry-row.is-tab-match:hover {5128 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);5129}513051315132@keyframes peach-entry-fadein {5133 from { opacity: 0; transform: translateY(4px); }5134 to { opacity: 1; transform: translateY(0); }5135}51365137.peach-vault-list .peach-entry-row {5138 animation: peach-entry-fadein 220ms cubic-bezier(0.16, 1, 0.3, 1) both;5139 content-visibility: auto;5140 contain-intrinsic-size: auto 44px;5141}514251435144.peach-btn:active {5145 transform: scale(0.95);5146 transition: transform 80ms cubic-bezier(0.34, 1.56, 0.64, 1);5147}51485149.peach-sort-btn:active,5150.peach-tag-filter-chip:active {5151 transform: scale(0.93);5152 transition: transform 80ms cubic-bezier(0.34, 1.56, 0.64, 1);5153}515451555156.peach-password-strength {5157 display: flex;5158 align-items: center;5159 gap: 8px;5160 margin-top: 6px;5161}51625163.peach-strength-bar {5164 flex: 1;5165 height: 3px;5166 border-radius: 2px;5167 background: var(--peach-t3);5168 overflow: hidden;5169}51705171.peach-strength-fill {5172 height: 100%;5173 border-radius: 2px;5174 transition: width 300ms cubic-bezier(0.34, 1.56, 0.64, 1),5175 background 300ms ease;5176}51775178.peach-strength-bar--weak .peach-strength-fill { width: 25%; background: rgba(220, 80, 60, 0.65); }5179.peach-strength-bar--fair .peach-strength-fill { width: 50%; background: rgba(200, 140, 60, 0.6); }5180.peach-strength-bar--good .peach-strength-fill { width: 75%; background: rgba(180, 162, 100, 0.55); }5181.peach-strength-bar--strong .peach-strength-fill { width: 100%; background: rgba(150, 175, 110, 0.6); }51825183.peach-strength-label {5184 font-family: "IBM Plex Mono", monospace;5185 font-style: italic;5186 font-size: 0.5625rem;5187 font-weight: 300;5188 letter-spacing: 0.06em;5189 color: var(--peach-t2);5190 min-width: 36px;5191 text-align: right;5192}51935194.peach-strength-bar--weak + .peach-strength-label { color: rgba(220, 80, 60, 0.65); }5195.peach-strength-bar--fair + .peach-strength-label { color: rgba(200, 140, 60, 0.6); }5196.peach-strength-bar--good + .peach-strength-label { color: rgba(180, 162, 100, 0.55); }5197.peach-strength-bar--strong + .peach-strength-label { color: rgba(150, 175, 110, 0.6); }519851995200.peach-duress-status {5201 padding: 2px 8px;5202 border-radius: 999px;5203 border: 1px solid var(--peach-t3);5204 font-family: "IBM Plex Mono", monospace;5205 font-size: 0.5625rem;5206 letter-spacing: 0.07em;5207 text-transform: uppercase;5208 color: var(--peach-t2);5209 flex-shrink: 0;5210}52115212.peach-duress-status.is-active {5213 border-color: color-mix(in srgb, var(--peach-accent) 45%, transparent);5214 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);5215 color: var(--peach-t0);5216}52175218.peach-duress-form {5219 padding: 8px 0 4px;5220 display: flex;5221 flex-direction: column;5222 gap: 6px;5223}52245225.peach-duress-form .peach-label {5226 margin-top: 4px;5227}52285229.peach-duress-actions {5230 display: flex;5231 gap: 6px;5232 align-items: center;5233 margin-top: 4px;5234}52355236.peach-duress-actions .peach-btn:first-child {5237 margin-right: auto;5238}523952405241.peach-overlay-view.ov-enter-up {5242 animation: ov-enter-up-spring 300ms cubic-bezier(0.34, 1.56, 0.64, 1) both;5243}52445245@keyframes ov-enter-up-spring {5246 from { opacity: 0; transform: translateY(16px) scale(0.98); }5247 to { opacity: 1; transform: translateY(0) scale(1); }5248}52495250.peach-overlay-view.ov-enter-right {5251 animation: ov-enter-right-spring 280ms cubic-bezier(0.34, 1.56, 0.64, 1) both;5252}52535254@keyframes ov-enter-right-spring {5255 from { opacity: 0; transform: translateX(18px) scale(0.98); }5256 to { opacity: 1; transform: translateX(0) scale(1); }5257}52585259526052615262.peach-lock-view {5263 position: absolute;5264 inset: 0;5265 display: flex;5266 flex-direction: column;5267 background:5268 radial-gradient(120% 80% at 0% 0%, var(--shell-accent-a) 0%, transparent 65%),5269 radial-gradient(85% 100% at 100% 100%, var(--shell-accent-b) 0%, transparent 70%),5270 var(--peach-bg);5271 z-index: 2;5272 overflow: hidden;5273 animation: peach-screen-enter 280ms cubic-bezier(0.16, 1, 0.3, 1) both;5274}52755276.peach-lock-view-header {5277 display: flex;5278 align-items: center;5279 justify-content: space-between;5280 padding: 16px 18px 12px;5281 flex-shrink: 0;5282}528352845285.peach-settings-select {5286 font-family: "IBM Plex Mono", monospace;5287 font-size: 0.6875rem;5288 background: transparent;5289 border: 1px solid var(--peach-t3);5290 border-radius: 4px;5291 color: var(--peach-t1);5292 padding: 3px 6px;5293 cursor: pointer;5294 outline: none;5295}5296.peach-settings-select:focus {5297 border-color: var(--peach-accent);5298}529953005301.peach-duress-status-pill {5302 font-family: "IBM Plex Mono", monospace;5303 font-size: 0.5625rem;5304 text-transform: uppercase;5305 letter-spacing: 0.12em;5306 padding: 2px 8px;5307 border-radius: 12px;5308 background: var(--peach-t3);5309 color: var(--peach-t2);5310 flex-shrink: 0;5311}5312.peach-duress-status-pill.is-active {5313 background: color-mix(in srgb, var(--peach-accent) 15%, transparent);5314 color: var(--peach-accent);5315}531653175318.peach-entry-advanced {5319 margin-top: 12px;5320 border-top: 1px solid var(--peach-t3);5321 padding-top: 10px;5322 position: relative;5323 z-index: 1;5324}5325.peach-entry-advanced-toggle {5326 display: flex;5327 align-items: center;5328 justify-content: space-between;5329 width: 100%;5330 background: transparent;5331 border: none;5332 cursor: pointer;5333 padding: 0;5334 color: var(--peach-t2);5335}5336.peach-canary-section {5337 margin-top: 10px;5338 display: grid;5339 gap: 6px;5340}534153425343.peach-import-choice {5344 display: flex;5345 align-items: flex-start;5346 gap: 10px;5347 padding: 8px 10px;5348 border: 1px solid var(--peach-t3);5349 border-radius: 10px;5350 cursor: pointer;5351 margin-bottom: 6px;5352 transition: border-color 120ms ease, background 120ms ease;5353}5354.peach-import-choice:hover {5355 border-color: var(--peach-accent);5356}5357.peach-import-choice input[type="radio"] {5358 margin-top: 3px;5359 accent-color: var(--peach-accent);5360 flex-shrink: 0;5361}5362.peach-import-choice-main {5363 display: flex;5364 flex-direction: column;5365 gap: 2px;5366 min-width: 0;5367}5368.peach-import-choice-label {5369 font-size: 0.75rem;5370 color: var(--peach-t0);5371}5372.peach-import-choice-sub {5373 font-size: 0.6875rem;5374 color: var(--peach-t2);5375 line-height: 1.5;5376}537753785379.peach-export-success {5380 display: flex;5381 align-items: flex-start;5382 gap: 10px;5383 padding: 12px;5384 border-radius: 12px;5385 border: 1px solid rgba(150, 175, 110, 0.3);5386 background: rgba(150, 175, 110, 0.08);5387 color: var(--peach-t0);5388 font-size: 0.75rem;5389 line-height: 1.55;5390}5391.peach-export-success-check {5392 color: rgba(150, 175, 110, 0.9);5393 font-size: 0.875rem;5394 flex-shrink: 0;5395}539653975398.peach-trash-entry-row {5399 display: flex;5400 align-items: center;5401 justify-content: space-between;5402 gap: 8px;5403 padding: 8px 0;5404 border-bottom: 1px solid var(--peach-border);5405}5406.peach-trash-entry-info {5407 flex: 1;5408 min-width: 0;5409 display: flex;5410 flex-direction: column;5411 gap: 2px;5412}5413.peach-trash-entry-title {5414 font-size: 0.8125rem;5415 color: var(--peach-t0);5416 overflow: hidden;5417 text-overflow: ellipsis;5418 white-space: nowrap;5419}5420.peach-trash-entry-meta {5421 font-family: var(--font-mono);5422 font-size: 0.5625rem;5423 color: var(--peach-t2);5424 letter-spacing: 0.04em;5425}5426.peach-trash-entry-actions {5427 display: flex;5428 align-items: center;5429 gap: 4px;5430 flex-shrink: 0;5431}5432.peach-trash-delete-btn {5433 background: transparent;5434 border: 0;5435 color: var(--peach-t3);5436 font-size: 1rem;5437 line-height: 1;5438 cursor: pointer;5439 padding: 2px 5px;5440 transition: color 0.15s;5441}5442.peach-trash-delete-btn:hover { color: var(--peach-breach); }5443.peach-trash-list {5444 overflow-y: auto;5445}5446.peach-trash-footer {5447 display: flex;5448 align-items: center;5449 gap: 8px;5450 padding: 8px 0 0;5451 border-top: 1px solid var(--peach-border);5452 margin-top: 4px;5453}5454.peach-trash-purge-all {5455 background: transparent;5456 border: 0;5457 color: var(--peach-t3);5458 font-size: 0.625rem;5459 cursor: pointer;5460 padding: 4px 0;5461 letter-spacing: 0.03em;5462 transition: color 0.2s;5463}5464.peach-trash-purge-all:hover { color: var(--peach-breach); }5465.peach-trash-purge-confirm-label {5466 font-size: 0.625rem;5467 color: var(--peach-t1);5468 flex: 1;5469}547054715472.peach-shortcuts-grid {5473 display: grid;5474 grid-template-columns: auto 1fr;5475 gap: 6px 12px;5476 align-items: center;5477 padding: 4px 0;5478}5479.peach-shortcut-key {5480 font-family: var(--font-mono);5481 font-size: 0.625rem;5482 color: var(--peach-t0);5483 background: var(--peach-t3);5484 border-radius: 4px;5485 padding: 2px 6px;5486 white-space: nowrap;5487 text-align: center;5488}5489.peach-shortcut-desc {5490 font-size: 0.6875rem;5491 color: var(--peach-t1);5492}549354945495.peach-sort-trash-btn {5496 display: flex;5497 align-items: center;5498 justify-content: center;5499 padding: 3px 5px;5500 background: transparent;5501 border: none;5502 cursor: pointer;5503 color: var(--peach-t2);5504 border-radius: 4px;5505 transition: color 140ms ease, background 140ms ease;5506}5507.peach-sort-trash-btn:hover {5508 color: var(--peach-t1);5509 background: var(--peach-t3);5510}5511.peach-sort-trash-btn.is-active {5512 color: var(--peach-accent);5513}551455155516.peach-settings-row--accent { align-items: flex-start; padding-top: 10px; }5517.peach-accent-picker {5518 display: flex;5519 flex-wrap: wrap;5520 gap: 7px;5521 padding: 2px 0;5522}5523.peach-accent-swatch {5524 width: 22px;5525 height: 22px;5526 border-radius: 50%;5527 border: 2px solid transparent;5528 cursor: pointer;5529 padding: 0;5530 transition: transform 100ms;5531 outline-offset: 2px;5532}5533.peach-accent-swatch:hover { transform: scale(1.15); }5534.peach-accent-swatch.is-active {5535 border-color: var(--peach-t0);5536 transform: scale(1.1);5537}5538553955405541.peach-settings-row--font { align-items: flex-start; padding-top: 10px; }5542.peach-font-picker {5543 display: flex;5544 flex-wrap: wrap;5545 gap: 6px;5546 padding: 2px 0;5547 flex: 1;5548 justify-content: flex-end;5549}5550.peach-font-swatch {5551 display: flex;5552 flex-direction: column;5553 align-items: center;5554 gap: 2px;5555 padding: 4px 8px;5556 background: transparent;5557 border: 1px solid var(--peach-t3);5558 border-radius: 6px;5559 cursor: pointer;5560 transition: border-color 100ms, background 100ms;5561 min-width: 56px;5562}5563.peach-font-swatch:hover {5564 border-color: var(--peach-accent-dim);5565 background: color-mix(in srgb, var(--peach-accent) 4%, transparent);5566}5567.peach-font-swatch.is-active {5568 border-color: var(--peach-accent);5569 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);5570}5571.peach-font-swatch-glyph {5572 font-size: 18px;5573 line-height: 1;5574 color: var(--peach-t0);5575}5576.peach-font-swatch[data-font-preview="cormorant-italic"] .peach-font-swatch-glyph {5577 font-family: "Cormorant Garamond", serif;5578 font-style: italic;5579 font-weight: 400;5580}5581.peach-font-swatch[data-font-preview="cormorant"] .peach-font-swatch-glyph {5582 font-family: "Cormorant Garamond", serif;5583 font-style: normal;5584 font-weight: 400;5585}5586.peach-font-swatch[data-font-preview="inter"] .peach-font-swatch-glyph {5587 font-family: "Inter Variable", "Inter", sans-serif;5588 font-style: normal;5589 font-weight: 400;5590}5591.peach-font-swatch[data-font-preview="system"] .peach-font-swatch-glyph {5592 font-family: system-ui, -apple-system, sans-serif;5593 font-style: normal;5594 font-weight: 400;5595}5596.peach-font-swatch-name {5597 font-family: var(--font-mono);5598 font-size: 0.5rem;5599 letter-spacing: 0.06em;5600 color: var(--peach-t2);5601 text-transform: lowercase;5602}56035604.peach-pill-group {5605 display: flex;5606 gap: 6px;5607}5608.peach-pill-group .peach-btn.is-active {5609 background: color-mix(in srgb, var(--peach-accent) 14%, transparent);5610 border-color: var(--peach-accent);5611 color: var(--peach-t0);5612}561356145615.peach-card-number {5616 font-family: var(--peach-mono);5617 letter-spacing: 0.08em;5618}56195620.peach-card-network-badge {5621 font-size: 0.625rem;5622 padding: 1px 5px;5623 border-radius: 4px;5624 border: 0.5px solid var(--peach-border);5625 color: var(--peach-text-dim);5626 margin-left: 6px;5627 vertical-align: middle;5628}56295630.peach-card-expiry-row {5631 display: flex;5632 align-items: center;5633 gap: 8px;5634}56355636.peach-card-expiry-sep {5637 color: var(--peach-text-dim);5638}563956405641.peach-pro-mark {5642 font-size: 0.5625rem;5643 color: var(--peach-accent);5644 margin-left: 6px;5645 vertical-align: super;5646 opacity: 0.7;5647}56485649.peach-pro-mini-badge {5650 display: block;5651 font-size: 0.625rem;5652 font-style: italic;5653 color: var(--peach-accent);5654 letter-spacing: 0.04em;5655 margin-top: -2px;5656 padding-left: 2px;5657 opacity: 0.85;5658 text-align: center;5659}56605661.peach-wordmark-stack {5662 display: inline-flex;5663 flex-direction: column;5664 align-items: center;5665}566656675668.peach-pro-upgrade {5669 display: flex;5670 flex-direction: column;5671 align-items: stretch;5672 gap: 10px;5673 padding: 0 4px 8px;5674}56755676.peach-pro-upgrade-hero {5677 display: flex;5678 flex-direction: column;5679 align-items: center;5680 gap: 4px;5681 padding: 10px 0 6px;5682}56835684.peach-pro-upgrade-mark-wrap {5685 display: flex;5686 align-items: center;5687 justify-content: center;5688 margin-bottom: 2px;5689}56905691.peach-pro-upgrade-mark {5692 width: 38px;5693 height: 38px;5694 filter:5695 drop-shadow(0 0 7px color-mix(in srgb, var(--peach-accent) 45%, transparent))5696 drop-shadow(0 0 18px color-mix(in srgb, var(--peach-accent) 18%, transparent));5697}56985699.peach-pro-upgrade-title {5700 font-family: var(--font-display, var(--font-ui));5701 font-size: 22px;5702 margin: 0;5703 color: var(--peach-t0);5704 letter-spacing: 0.01em;5705}57065707.peach-pro-upgrade-tagline {5708 margin: 0;5709 font-style: italic;5710 color: var(--peach-t2);5711 font-size: 0.6875rem;5712}57135714.peach-pro-features {5715 display: flex;5716 flex-direction: column;5717 gap: 8px;5718 border-top: 1px solid var(--peach-border);5719 border-bottom: 1px solid var(--peach-border);5720 padding: 10px 4px;5721}57225723.peach-pro-feature {5724 display: flex;5725 gap: 9px;5726 align-items: baseline;5727}57285729.peach-pro-feature-mark {5730 color: var(--peach-accent);5731 font-size: 0.6875rem;5732 flex-shrink: 0;5733 display: inline-block;5734 transform-origin: center;5735 opacity: 0.8;5736}57375738.peach-pro-feature-text {5739 display: flex;5740 flex-direction: column;5741 gap: 1px;5742}57435744.peach-pro-feature-name {5745 font-size: 0.75rem;5746 color: var(--peach-t0);5747}57485749.peach-pro-feature-desc {5750 font-size: 0.625rem;5751 color: var(--peach-t2);5752}57535754.peach-pro-feature.is-highlighted .peach-pro-feature-mark {5755 animation: peach-pulse-accent 600ms ease-out forwards;5756}57575758@keyframes peach-pulse-accent {5759 0% { opacity: 1; transform: scale(1.4); }5760 100% { opacity: 0.7; transform: scale(1); }5761}57625763.peach-pro-upgrade-actions {5764 display: flex;5765 flex-direction: column;5766 align-items: center;5767 gap: 8px;5768 padding-top: 2px;5769}57705771.peach-pro-pricing {5772 margin: 0;5773 text-align: center;5774 font-size: 0.6875rem;5775 color: var(--peach-t2);5776 letter-spacing: 0.04em;5777}57785779.peach-pro-upgrade-cta {5780 align-self: stretch;5781 text-align: center;5782 text-decoration: none;5783 display: block;5784 padding: 9px 20px;5785 font-size: 0.8125rem;5786 box-sizing: border-box;5787}57885789.peach-pro-key-divider {5790 display: flex;5791 align-items: center;5792 gap: 8px;5793 width: 100%;5794 color: var(--peach-t3);5795 font-size: 0.625rem;5796 letter-spacing: 0.08em;5797}57985799.peach-pro-key-divider::before,5800.peach-pro-key-divider::after {5801 content: "";5802 flex: 1;5803 height: 1px;5804 background: var(--peach-border);5805}58065807.peach-pro-key-link {5808 background: transparent;5809 border: 1px solid var(--peach-border);5810 border-radius: 8px;5811 color: var(--peach-t1);5812 font-size: 0.75rem;5813 cursor: pointer;5814 align-self: stretch;5815 padding: 8px 12px;5816 text-align: center;5817 transition: border-color 0.2s, color 0.2s;5818}58195820.peach-pro-key-link:hover {5821 border-color: var(--peach-accent);5822 color: var(--peach-accent);5823}582458255826.peach-pro-key-ceremony {5827 display: flex;5828 flex-direction: column;5829 align-items: center;5830 gap: 12px;5831 padding: 20px 4px 16px;5832}58335834.peach-pro-key-ceremony .peach-lock-rune-string {5835 font-size: 1rem;5836 gap: 12px;5837 flex: 0;5838 justify-content: center;5839}58405841.peach-pro-key-ceremony-label {5842 margin: 0;5843 font-size: 0.6875rem;5844 color: var(--peach-t2);5845 font-style: italic;5846 letter-spacing: 0.04em;5847}58485849.peach-pro-key-input {5850 font-family: var(--font-mono, monospace);5851 letter-spacing: 0.06em;5852 text-align: center;5853 width: 100%;5854 box-sizing: border-box;5855}58565857.peach-pro-key-error {5858 margin: 0;5859 font-size: 0.75rem;5860 text-align: center;5861 color: var(--peach-breach, #e55);5862 padding: 0;5863}58645865.peach-pro-key-activate {5866 width: 100%;5867 text-align: center;5868 box-sizing: border-box;5869 padding: 10px 20px;5870 font-size: 0.8125rem;5871}58725873.peach-pro-key-cancel {5874 background: transparent;5875 border: 0;5876 color: var(--peach-t2);5877 font-size: 0.6875rem;5878 cursor: pointer;5879 padding: 2px 8px;5880 transition: color 0.2s;5881}58825883.peach-pro-key-cancel:hover { color: var(--peach-accent); }588458855886.peach-pro-active {5887 display: flex;5888 flex-direction: column;5889 align-items: center;5890 gap: 0;5891 padding: 8px 4px 16px;5892 min-height: 280px;5893}58945895.peach-pro-active-hero {5896 display: flex;5897 flex-direction: column;5898 align-items: center;5899 gap: 6px;5900 padding: 20px 0 22px;5901}59025903.peach-pro-active-mark-wrap {5904 display: flex;5905 align-items: center;5906 justify-content: center;5907 margin-bottom: 4px;5908}59095910.peach-pro-active-mark {5911 width: 60px;5912 height: 60px;5913 filter:5914 drop-shadow(0 0 10px color-mix(in srgb, var(--peach-accent) 55%, transparent))5915 drop-shadow(0 0 26px color-mix(in srgb, var(--peach-accent) 22%, transparent));5916}59175918.peach-pro-active-title {5919 font-family: var(--font-display, var(--font-ui));5920 font-size: 26px;5921 margin: 0;5922 color: var(--peach-t0);5923 letter-spacing: 0.01em;5924}59255926.peach-pro-active-since {5927 margin: 0;5928 font-size: 0.6875rem;5929 color: var(--peach-t2);5930 font-style: italic;5931}59325933.peach-pro-active-features {5934 display: flex;5935 flex-direction: column;5936 gap: 8px;5937 width: 100%;5938 padding: 14px 8px 0;5939 border-top: 1px solid var(--peach-border);5940 flex: 1;5941}59425943.peach-pro-active-feature {5944 display: flex;5945 align-items: center;5946 gap: 9px;5947}59485949.peach-pro-active-feature-mark {5950 color: var(--peach-accent);5951 font-size: 0.625rem;5952 opacity: 0.65;5953 flex-shrink: 0;5954}59555956.peach-pro-active-feature-name {5957 font-size: 0.75rem;5958 color: var(--peach-t1);5959}59605961.peach-pro-deactivate {5962 align-self: center;5963 background: transparent;5964 border: 0;5965 color: var(--peach-t3);5966 font-size: 0.625rem;5967 cursor: pointer;5968 padding: 8px 0 0;5969 margin-top: 16px;5970 letter-spacing: 0.03em;5971 transition: color 0.2s;5972}59735974.peach-pro-deactivate:hover { color: var(--peach-t2); }59755976.peach-pro-deactivate:disabled {5977 opacity: 0.5;5978 cursor: default;5979}598059815982.peach-health-pro-queue {5983 display: flex;5984 flex-direction: column;5985 gap: 10px;5986 padding: 12px;5987 margin: 0 0 12px;5988 background: color-mix(in srgb, var(--peach-accent) 4%, transparent);5989 border: 1px solid color-mix(in srgb, var(--peach-accent) 18%, transparent);5990 border-radius: 10px;5991}59925993.peach-health-pro-queue-head {5994 display: flex;5995 justify-content: space-between;5996 align-items: baseline;5997}59985999.peach-health-pro-queue-title {6000 font-size: 0.75rem;6001 font-weight: 500;6002 letter-spacing: 0.04em;6003 text-transform: uppercase;6004 color: var(--peach-accent);6005}60066007.peach-health-pro-queue-score {6008 font-size: 0.6875rem;6009 color: var(--peach-t2);6010}60116012.peach-health-pro-row {6013 display: flex;6014 gap: 10px;6015 align-items: center;6016 padding: 8px 0;6017 border-top: 1px solid var(--peach-border);6018}60196020.peach-health-pro-row-info {6021 flex: 1;6022 display: flex;6023 flex-direction: column;6024 gap: 4px;6025 min-width: 0;6026}60276028.peach-health-pro-row-name {6029 font-size: 0.8125rem;6030 color: var(--peach-t0);6031 overflow: hidden;6032 text-overflow: ellipsis;6033 white-space: nowrap;6034}60356036.peach-health-pro-row-meta {6037 font-size: 0.6875rem;6038 color: var(--peach-t2);6039}60406041.peach-health-pro-bar {6042 height: 2px;6043 background: var(--peach-border);6044 border-radius: 2px;6045 overflow: hidden;6046 margin-top: 2px;6047}60486049.peach-health-pro-bar-fill {6050 height: 100%;6051 background: var(--peach-accent);6052 transition: width 200ms ease-out;6053}605460556056@keyframes peach-pro-bloom {6057 0% { filter: drop-shadow(0 0 0px var(--peach-glow)); }6058 40% { filter: drop-shadow(0 0 24px var(--peach-accent))6059 drop-shadow(0 0 48px var(--peach-glow)); }6060 100% { filter: drop-shadow(0 0 0px var(--peach-glow)); }6061}60626063@keyframes peach-pro-wordmark-in {6064 from { opacity: 0; transform: translateY(4px); }6065 to { opacity: 1; transform: translateY(0); }6066}60676068@keyframes peach-pro-fade-out {6069 from { opacity: 1; }6070 to { opacity: 0; }6071}60726073.peach-pro-celebration {6074 background:6075 radial-gradient(120% 80% at 0% 0%, var(--shell-accent-a) 0%, transparent 65%),6076 radial-gradient(85% 100% at 100% 100%, var(--shell-accent-b) 0%, transparent 70%),6077 var(--peach-bg);6078 border: 1px solid var(--peach-t3);6079 box-shadow:6080 0 2px 8px rgba(0,0,0,0.55),6081 0 14px 48px rgba(0,0,0,0.7),6082 0 0 0 1px rgba(240,232,216,0.04);6083 overflow: hidden;6084 width: 320px;6085 height: 520px;6086 display: flex;6087 flex-direction: column;6088 align-items: center;6089 justify-content: center;6090 gap: 8px;6091 padding: 32px 24px;6092 text-align: center;6093}60946095.peach-pro-celebration.is-leaving {6096 animation: peach-pro-fade-out 400ms ease forwards;6097}60986099.peach-pro-bloom-target {6100 font-size: 48px;6101 animation: peach-pro-bloom 600ms cubic-bezier(0.16, 1, 0.3, 1) forwards;6102 margin-bottom: 12px;6103}61046105.peach-pro-wordmark {6106 font-family: var(--font-display);6107 font-size: 22px;6108 font-style: italic;6109 font-weight: 400;6110 color: var(--peach-accent);6111 animation: peach-pro-wordmark-in 400ms cubic-bezier(0.16, 1, 0.3, 1) 500ms both;6112}61136114.peach-pro-thankyou {6115 font-size: 0.75rem;6116 font-style: italic;6117 color: var(--peach-t2);6118 animation: peach-pro-wordmark-in 400ms cubic-bezier(0.16, 1, 0.3, 1) 800ms both;6119}6120612161226123.peach-pro-notice-banner {6124 display: flex;6125 align-items: center;6126 gap: 8px;6127 padding: 7px 12px;6128 background: color-mix(in srgb, var(--peach-accent) 12%, var(--peach-bg-card));6129 border-bottom: 1px solid color-mix(in srgb, var(--peach-accent) 25%, transparent);6130 font-size: 0.6875rem;6131 color: var(--peach-t2);6132 font-family: "IBM Plex Mono", monospace;6133 flex-shrink: 0;6134}61356136.peach-pro-notice-link {6137 background: none;6138 border: none;6139 padding: 0;6140 cursor: pointer;6141 font-size: 0.6875rem;6142 color: var(--peach-accent);6143 font-family: "IBM Plex Mono", monospace;6144 margin-left: auto;6145 white-space: nowrap;6146}61476148.peach-pro-notice-close {6149 background: none;6150 border: none;6151 padding: 0 0 0 4px;6152 cursor: pointer;6153 font-size: 0.625rem;6154 color: var(--peach-t3);6155 line-height: 1;6156}61576158615961606161.peach-pair-request-banner {6162 display: flex;6163 flex-direction: column;6164 gap: 8px;6165 padding: 10px 12px;6166 background: color-mix(in srgb, var(--peach-accent) 14%, var(--peach-bg-card));6167 border-bottom: 1px solid color-mix(in srgb, var(--peach-accent) 32%, transparent);6168 font-family: "IBM Plex Mono", monospace;6169 flex-shrink: 0;6170}61716172.peach-pair-toast {6173 padding: 8px 12px;6174 font-family: "IBM Plex Mono", monospace;6175 font-size: 0.75rem;6176 color: var(--peach-t1);6177 background: color-mix(in srgb, var(--peach-accent) 10%, var(--peach-bg-card));6178 border-bottom: 1px solid color-mix(in srgb, var(--peach-accent) 22%, transparent);6179 flex-shrink: 0;6180 text-align: center;6181}61826183.peach-pair-toast strong {6184 color: var(--peach-t0);6185 font-weight: 500;6186}61876188.peach-pair-request-header {6189 display: flex;6190 align-items: center;6191 gap: 8px;6192 font-size: 0.75rem;6193 color: var(--peach-t1);6194}61956196.peach-pair-request-mark {6197 font-size: 0.875rem;6198}61996200.peach-pair-request-title {6201 font-weight: 600;6202 color: var(--peach-t0);6203}62046205.peach-pair-request-countdown {6206 margin-left: auto;6207 font-variant-numeric: tabular-nums;6208 color: var(--peach-t2);6209 font-size: 0.6875rem;6210}62116212.peach-pair-request-body {6213 margin: 0;6214 font-size: 0.75rem;6215 color: var(--peach-t1);6216 line-height: 1.4;6217}62186219.peach-pair-request-body strong {6220 color: var(--peach-t0);6221 font-weight: 600;6222}62236224.peach-pair-request-actions {6225 display: flex;6226 gap: 8px;6227 justify-content: flex-end;6228}622962306231623262336234623562366237.peach-onboarding {6238 position: relative;6239 display: flex;6240 flex-direction: column;6241 width: 100%;6242 height: 100%;6243 padding: 16px 16px 18px;6244 box-sizing: border-box;6245 overflow: hidden;6246 animation: peach-onboard-enter 300ms cubic-bezier(0.16, 1, 0.3, 1) both;6247}62486249.peach-onboarding.is-completing {6250 animation: peach-onboard-exit 200ms ease-out forwards;6251}62526253.peach-rune-background {6254 position: absolute;6255 inset: 0;6256 width: 100%;6257 height: 100%;6258 pointer-events: none;6259 z-index: 0;6260 transition: opacity 500ms ease-out;6261}62626263.peach-onboarding.is-completing .peach-rune-background {6264 opacity: 0;6265}62666267.peach-onboarding-header {6268 position: relative;6269 z-index: 1;6270 display: flex;6271 align-items: center;6272 margin-bottom: 14px;6273}62746275.peach-onboarding-card {6276 position: relative;6277 z-index: 1;6278 flex: 1;6279 display: flex;6280 flex-direction: column;6281 gap: 10px;6282 padding: 22px 20px;6283 border-radius: 16px;6284 border: 1px solid var(--peach-t3);6285 background:6286 linear-gradient(180deg, rgba(240, 232, 216, 0.03), rgba(240, 232, 216, 0.015));6287 backdrop-filter: blur(3px);6288 -webkit-backdrop-filter: blur(3px);6289 box-shadow:6290 inset 0 1px 0 rgba(240, 232, 216, 0.04),6291 0 12px 28px rgba(0, 0, 0, 0.12);6292 cursor: pointer;6293 user-select: none;6294 animation: peach-card-in 200ms cubic-bezier(0.16, 1, 0.3, 1) both;6295}62966297.peach-onboarding-card.is-exiting {6298 animation: peach-card-out 120ms ease-in forwards;6299 pointer-events: none;6300}63016302.peach-onboarding-card-headline {6303 margin: 0;6304 font-family: var(--font-display);6305 font-style: italic;6306 font-weight: 400;6307 font-size: 22px;6308 line-height: 1.05;6309 color: var(--peach-t0);6310 white-space: pre-line;6311}63126313.peach-onboarding-divider {6314 margin: 4px 0 6px;6315 border: 0;6316 border-top: 1px solid var(--peach-t3);6317 width: 100%;6318}63196320.peach-onboarding-body {6321 margin: 0;6322 font-size: 0.8125rem;6323 line-height: 1.6;6324 color: var(--peach-t1);6325}63266327.peach-onboarding-warning {6328 display: flex;6329 align-items: flex-start;6330 gap: 8px;6331 margin: 6px 0 0;6332 padding-top: 8px;6333 border-top: 1px dashed var(--peach-t3);6334 font-size: 0.8125rem;6335 line-height: 1.5;6336 color: var(--peach-t1);6337}63386339.peach-onboarding-warning-icon {6340 color: var(--peach-accent);6341 font-size: 0.8125rem;6342 line-height: 1.5;6343 flex: 0 0 auto;6344}63456346.peach-onboarding-nav {6347 position: relative;6348 z-index: 1;6349 display: flex;6350 align-items: center;6351 justify-content: space-between;6352 margin-top: 12px;6353 padding: 0 4px;6354}63556356.peach-onboarding-dots {6357 display: flex;6358 align-items: center;6359 gap: 6px;6360}63616362.peach-onboarding-dot {6363 width: 6px;6364 height: 6px;6365 border-radius: 50%;6366 background: var(--peach-t2);6367 transition: width 200ms ease, height 200ms ease, background 200ms ease;6368}63696370.peach-onboarding-dot.is-active {6371 width: 8px;6372 height: 8px;6373 background: var(--peach-accent);6374}63756376.peach-onboarding-next {6377 background: none;6378 border: none;6379 padding: 4px 0;6380 cursor: pointer;6381 font-family: "IBM Plex Mono", monospace;6382 font-size: 0.6875rem;6383 letter-spacing: 0.04em;6384 color: var(--peach-t1);6385 transition: color 150ms ease;6386}63876388.peach-onboarding-next:hover {6389 color: var(--peach-t0);6390}63916392.peach-onboarding-next:disabled {6393 opacity: 0.5;6394 cursor: default;6395}63966397.peach-onboarding-mobile-card-buttons {6398 display: flex;6399 flex-direction: column;6400 gap: 8px;6401 margin-top: 16px;6402}64036404@keyframes peach-onboard-enter {6405 from { opacity: 0; transform: translateY(20px); }6406 to { opacity: 1; transform: translateY(0); }6407}64086409@keyframes peach-onboard-exit {6410 from { opacity: 1; }6411 to { opacity: 0; }6412}64136414@keyframes peach-card-in {6415 from { opacity: 0; transform: translateX(12px); }6416 to { opacity: 1; transform: translateX(0); }6417}64186419@keyframes peach-card-out {6420 from { opacity: 1; transform: translateX(0); }6421 to { opacity: 0; transform: translateX(-12px); }6422}6423642464256426.peach-newvault {6427 position: relative;6428 display: flex;6429 flex-direction: column;6430 gap: 12px;6431 padding: 16px 16px 18px;6432 overflow: hidden;6433}6434643564366437.peach-newvault::before {6438 content: none;6439}64406441.peach-newvault-header {6442 position: relative;6443 z-index: 2;6444 display: flex;6445 align-items: center;6446 gap: 10px;6447 margin-bottom: 2px;6448}64496450.peach-newvault-back {6451 display: inline-flex;6452 align-items: center;6453 gap: 4px;6454 background: transparent;6455 border: none;6456 color: var(--peach-t2);6457 font-family: "IBM Plex Mono", monospace;6458 font-size: 0.625rem;6459 letter-spacing: 0.06em;6460 cursor: pointer;6461 padding: 4px 6px;6462 border-radius: 6px;6463 transition: color 120ms ease, background 120ms ease;6464}64656466.peach-newvault-back:hover {6467 color: var(--peach-t0);6468 background: rgba(240, 232, 216, 0.04);6469}64706471.peach-newvault-mark {6472 position: absolute;6473 right: -12px;6474 top: 6px;6475 width: 110px;6476 height: 110px;6477 pointer-events: none;6478 opacity: 0.10;6479 filter: saturate(0.9);6480 z-index: 0;6481}6482.peach-newvault-mark-art {6483 width: 100%;6484 height: 100%;6485}6486.peach-newvault-mark-art path:nth-child(2),6487.peach-newvault-mark-art path:nth-child(3) {6488 stroke: rgba(123, 144, 96, 0.88);6489 fill: rgba(123, 144, 96, 0.88);6490}64916492.peach-newvault-card {6493 position: relative;6494 z-index: 1;6495 display: flex;6496 flex-direction: column;6497 gap: 12px;6498 padding: 22px 20px 18px;6499 border-radius: 16px;6500 border: 1px solid var(--peach-t3);6501 background:6502 linear-gradient(180deg, rgba(240, 232, 216, 0.03), rgba(240, 232, 216, 0.015));6503 backdrop-filter: blur(3px);6504 -webkit-backdrop-filter: blur(3px);6505 box-shadow:6506 inset 0 1px 0 rgba(240, 232, 216, 0.04),6507 0 12px 28px rgba(0, 0, 0, 0.12);6508 animation: peach-onboard-enter 320ms cubic-bezier(0.16, 1, 0.3, 1) both;6509}65106511.peach-newvault-headline {6512 margin: 0;6513 font-family: var(--font-display);6514 font-style: italic;6515 font-weight: 400;6516 font-size: 24px;6517 line-height: 1.05;6518 color: var(--peach-t0);6519 white-space: pre-line;6520}65216522.peach-newvault-divider {6523 margin: 2px 0 4px;6524 border: 0;6525 border-top: 1px solid var(--peach-t3);6526 width: 100%;6527}65286529.peach-newvault-field {6530 display: flex;6531 flex-direction: column;6532 gap: 4px;6533}65346535.peach-newvault-label-row {6536 display: flex;6537 align-items: center;6538 justify-content: space-between;6539}65406541654265436544.peach-newvault-input {6545 font-size: 0.875rem;6546 letter-spacing: 0.18em;6547 padding: 8px 0;6548}6549.peach-newvault-input::placeholder {6550 letter-spacing: 0.18em;6551 color: var(--peach-t2);6552}65536554.peach-newvault-hint {6555 margin: 2px 0 0;6556 font-family: "IBM Plex Mono", monospace;6557 font-size: 0.625rem;6558 color: var(--peach-t2);6559 letter-spacing: 0.04em;6560}65616562.peach-newvault-submit {6563 margin-top: 4px;6564}65656566.peach-newvault-warning {6567 display: flex;6568 align-items: flex-start;6569 gap: 8px;6570 margin: 4px 0 0;6571 padding-top: 10px;6572 border-top: 1px dashed var(--peach-t3);6573 font-size: 0.75rem;6574 line-height: 1.5;6575 color: var(--peach-t1);6576}65776578.peach-newvault-warning-icon {6579 color: var(--peach-accent);6580 font-size: 0.8125rem;6581 line-height: 1.4;6582 flex: 0 0 auto;6583}65846585.peach-newvault-footer {6586 position: relative;6587 z-index: 1;6588 display: flex;6589 flex-direction: column;6590 gap: 4px;6591 padding: 4px 4px 0;6592}659365946595.peach-settings-body {6596 background:6597 radial-gradient(6598 ellipse at 30% 20%,6599 color-mix(in srgb, var(--peach-accent) 8%, transparent) 0%,6600 transparent 60%6601 );6602}6603660466056606660766086609661066116612.peach-danger-card {6613 --danger-tint: 235, 158, 52; 6614 display: flex;6615 flex-direction: column;6616 gap: 8px;6617 padding: 14px;6618 margin-top: 10px;6619 border-radius: 12px;6620 border: 1px solid rgba(var(--danger-tint), 0.32);6621 background:6622 radial-gradient(120% 120% at 0% 0%, rgba(var(--danger-tint), 0.10) 0%, transparent 60%),6623 rgba(var(--danger-tint), 0.04);6624 box-shadow:6625 inset 0 1px 0 rgba(var(--danger-tint), 0.08),6626 0 0 24px rgba(var(--danger-tint), 0.04);6627 transition: box-shadow 220ms ease, border-color 220ms ease, transform 180ms ease;6628}66296630.peach-danger-card:hover {6631 border-color: rgba(var(--danger-tint), 0.55);6632 box-shadow:6633 inset 0 1px 0 rgba(var(--danger-tint), 0.12),6634 0 0 36px rgba(var(--danger-tint), 0.10);6635}66366637.peach-danger-card--hazard {6638 --danger-tint: 220, 38, 38; 6639}66406641.peach-danger-card-head {6642 display: flex;6643 align-items: center;6644 gap: 10px;6645}66466647.peach-danger-card-glyph {6648 width: 28px;6649 height: 28px;6650 flex-shrink: 0;6651 display: flex;6652 align-items: center;6653 justify-content: center;6654 border-radius: 8px;6655 background: rgba(var(--danger-tint), 0.12);6656 color: rgba(var(--danger-tint), 0.95);6657 font-size: 1rem;6658 line-height: 1;6659}66606661.peach-danger-card-title {6662 margin: 0;6663 font-size: 0.8125rem;6664 font-weight: 600;6665 color: rgba(var(--danger-tint), 0.92);6666 letter-spacing: 0.01em;6667}66686669.peach-danger-card-copy {6670 margin: 0;6671 font-size: 0.6875rem;6672 line-height: 1.5;6673 color: var(--peach-t2);6674}66756676.peach-danger-card-button {6677 width: 100%;6678 padding: 9px;6679 margin-top: 4px;6680 background: transparent;6681 border: 1px solid rgba(var(--danger-tint), 0.45);6682 border-radius: 8px;6683 color: rgba(var(--danger-tint), 0.9);6684 font-size: 0.75rem;6685 font-weight: 500;6686 letter-spacing: 0.02em;6687 cursor: pointer;6688 transition: background 150ms ease, border-color 150ms ease, color 150ms ease;6689}66906691.peach-danger-card-button:hover {6692 background: rgba(var(--danger-tint), 0.10);6693 border-color: rgba(var(--danger-tint), 0.75);6694 color: rgb(var(--danger-tint));6695}669666976698.peach-panic {6699 display: flex;6700 flex-direction: column;6701 flex: 1;6702 min-height: 0;6703 padding: 28px 20px 20px;6704 gap: 18px;6705 overflow-y: auto;6706 scrollbar-width: none;6707 -ms-overflow-style: none;6708}67096710.peach-panic::-webkit-scrollbar { display: none; }67116712.peach-panic-step2 {6713 background: rgba(220, 38, 38, 0.04);6714}67156716.peach-panic-step3 {6717 position: relative;6718 background: #0f0505;6719 color: #ffffff;6720 overflow: hidden;6721}67226723.peach-panic-rune-bg {6724 position: absolute;6725 inset: 0;6726 opacity: 0.22;6727 pointer-events: none;6728 overflow: hidden;6729}67306731.peach-panic-rune-bg canvas {6732 width: 100% !important;6733 height: 100% !important;6734}67356736.peach-panic-icon {6737 font-size: 32px;6738 color: rgb(220, 38, 38);6739 line-height: 1;6740}67416742.peach-panic-title {6743 margin: 0;6744 font-size: 18px;6745 font-weight: 500;6746 color: var(--peach-t1);6747}67486749.peach-panic-title--severe {6750 font-size: 20px;6751 font-weight: 700;6752 color: rgb(220, 38, 38);6753}67546755.peach-panic-body {6756 margin: 0;6757 font-size: 0.8125rem;6758 line-height: 1.55;6759 color: var(--peach-t2);6760}67616762.peach-panic-body--severe {6763 color: rgba(220, 38, 38, 0.85);6764}67656766.peach-panic-body--final {6767 font-size: 1rem;6768 font-weight: 700;6769 color: rgb(255, 80, 80);6770 line-height: 1.4;6771}67726773.peach-panic-body--final-intro {6774 font-size: 1rem;6775 color: #ffffff;6776 font-weight: 400;6777}67786779.peach-panic-divider {6780 height: 1px;6781 background: rgba(255, 255, 255, 0.08);6782 margin: 4px 0;6783}67846785.peach-panic-confirm-input {6786 width: 100%;6787 padding: 10px 12px;6788 background: rgba(255, 255, 255, 0.02);6789 border: 1px solid rgba(220, 38, 38, 0.4);6790 border-radius: 8px;6791 color: var(--peach-t1);6792 font-family: "IBM Plex Mono", monospace;6793 font-size: 0.875rem;6794 letter-spacing: 0.12em;6795 text-transform: uppercase;6796}67976798.peach-panic-confirm-input:focus {6799 outline: none;6800 border-color: rgb(220, 38, 38);6801}68026803.peach-panic-confirm-input--match {6804 border-color: rgb(220, 38, 38);6805 color: rgb(220, 38, 38);6806}68076808.peach-panic-confirm-label {6809 font-size: 0.6875rem;6810 color: var(--peach-t2);6811 margin: 0 0 -8px;6812 letter-spacing: 0.06em;6813}68146815.peach-panic-actions {6816 display: flex;6817 flex-direction: column;6818 gap: 10px;6819 margin-top: auto;6820}68216822.peach-panic-button {6823 width: 100%;6824 padding: 12px;6825 border-radius: 8px;6826 font-size: 0.8125rem;6827 cursor: pointer;6828 transition: background 150ms ease, border-color 150ms ease, color 150ms ease;6829}68306831.peach-panic-button--primary {6832 background: var(--peach-accent);6833 border: 1px solid var(--peach-accent);6834 color: #ffffff;6835 font-weight: 600;6836}68376838.peach-panic-button--primary:hover {6839 background: color-mix(in srgb, var(--peach-accent) 88%, white);6840}68416842.peach-panic-button--danger {6843 background: rgb(220, 38, 38);6844 border: 1px solid rgb(220, 38, 38);6845 color: #ffffff;6846 font-weight: 600;6847}68486849.peach-panic-button--danger:disabled {6850 opacity: 0.35;6851 cursor: not-allowed;6852}68536854.peach-panic-button--ghost {6855 background: transparent;6856 border: 1px solid rgba(255, 255, 255, 0.18);6857 color: var(--peach-t2);6858}68596860.peach-panic-button--ghost:hover {6861 border-color: rgba(255, 255, 255, 0.32);6862 color: var(--peach-t1);6863}68646865.peach-panic-link {6866 background: transparent;6867 border: none;6868 padding: 4px 0;6869 color: rgba(220, 38, 38, 0.65);6870 font-size: 0.75rem;6871 cursor: pointer;6872 text-align: left;6873 text-decoration: underline;6874 text-underline-offset: 3px;6875}68766877.peach-panic-link:hover {6878 color: rgb(220, 38, 38);6879}68806881.peach-panic-bar {6882 background: rgb(220, 38, 38);6883 padding: 16px 20px;6884 margin: -28px -20px 0;6885 text-align: center;6886 font-size: 0.8125rem;6887 font-weight: 700;6888 letter-spacing: 0.12em;6889 color: #ffffff;6890}68916892.peach-panic-final-button {6893 width: 100%;6894 padding: 14px;6895 background: rgb(220, 38, 38);6896 border: none;6897 border-radius: 8px;6898 color: #ffffff;6899 font-size: 0.875rem;6900 font-weight: 700;6901 letter-spacing: 0.08em;6902 text-transform: uppercase;6903 cursor: pointer;6904 animation: peach-panic-pulse 2s ease-in-out infinite;6905}69066907.peach-settings-license {6908 margin-top: 10px;6909 padding-top: 10px;6910 border-top: 1px solid var(--peach-t3);6911}69126913.peach-settings-label {6914 font-size: 0.625rem;6915 letter-spacing: 0.08em;6916 color: var(--peach-t3);6917 display: block;6918 margin-bottom: 6px;6919}69206921.peach-settings-license-row {6922 display: flex;6923 align-items: center;6924 justify-content: space-between;6925 gap: 8px;6926}69276928.peach-settings-license-key {6929 font-family: 'IBM Plex Mono', monospace;6930 font-size: 0.75rem;6931 color: var(--peach-t0);6932 letter-spacing: 0.04em;6933 word-break: break-all;6934}69356936.peach-settings-license-copy {6937 font-size: 0.6875rem;6938 color: var(--peach-accent);6939 background: transparent;6940 border: none;6941 cursor: pointer;6942 padding: 4px 8px;6943 border-radius: 4px;6944 flex-shrink: 0;6945 transition: opacity 150ms ease;6946}69476948.peach-settings-license-copy:hover {6949 opacity: 0.75;6950}69516952@keyframes peach-panic-pulse {6953 0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.4); }6954 50% { box-shadow: 0 0 0 8px rgba(220, 38, 38, 0); }6955}69566957[data-motion="reduce"] .peach-panic-final-button {6958 animation: none;6959}69606961.peach-mobile-row {6962 display: flex;6963 align-items: center;6964 justify-content: space-between;6965 padding: 8px 0;6966}69676968.peach-mobile-status {6969 color: #9a8b7a;6970 font-size: 0.875rem;6971}6972697369746975.peach-history-list {6976 border: 1px solid var(--peach-border);6977 border-radius: 8px;6978 overflow: hidden;6979 margin: 8px 0 4px;6980}69816982.peach-history-row {6983 display: flex;6984 align-items: center;6985 justify-content: space-between;6986 padding: 9px 12px;6987 gap: 10px;6988 border-bottom: 1px solid var(--peach-border);6989}69906991.peach-history-row:last-child {6992 border-bottom: none;6993}69946995.peach-history-meta {6996 display: flex;6997 flex-direction: column;6998 gap: 2px;6999 min-width: 0;7000 flex: 1;7001}70027003.peach-history-time {7004 font-size: 0.75rem;7005 font-family: 'IBM Plex Mono', ui-monospace, monospace;7006 color: var(--peach-t0);7007 white-space: nowrap;7008 overflow: hidden;7009 text-overflow: ellipsis;7010}70117012.peach-history-sub {7013 font-size: 0.625rem;7014 color: var(--peach-t2);7015 letter-spacing: 0.06em;7016 text-transform: uppercase;7017 white-space: nowrap;7018 overflow: hidden;7019 text-overflow: ellipsis;7020}70217022.peach-history-btn {7023 flex-shrink: 0;7024 white-space: nowrap;7025 min-width: 56px;7026 text-align: center;7027}70287029.peach-history-btn.is-busy {7030 opacity: 0.65;7031}70327033.peach-history-footer {7034 font-size: 0.625rem;7035 color: var(--peach-t3);7036 letter-spacing: 0.05em;7037 text-align: right;7038 margin: 0;7039 padding: 2px 0 0;7040}7041704270437044704570467047704870497050body.peach-mobile.layout-medium .popup-root,7051body.peach-mobile.layout-expanded .popup-root {7052 max-width: 840px;7053 margin: 0 auto;7054}70557056body.peach-mobile.layout-medium .peach-shell[data-surface="extension"],7057body.peach-mobile.layout-expanded .peach-shell[data-surface="extension"] {7058 max-width: 840px;7059 margin: 0 auto;7060}70617062706370647065body.peach-mobile.layout-medium .peach-vault-twopane,7066body.peach-mobile.layout-expanded .peach-vault-twopane {7067 display: grid;7068 grid-template-columns: 320px minmax(0, 1fr);7069 gap: 0;7070 height: 100%;7071}70727073body.peach-mobile.layout-medium .peach-vault-twopane > .peach-vault-list-pane,7074body.peach-mobile.layout-expanded .peach-vault-twopane > .peach-vault-list-pane {7075 border-right: 1px solid var(--peach-border, var(--peach-t3));7076 overflow-y: auto;7077 scrollbar-width: none;7078}70797080body.peach-mobile.layout-medium .peach-vault-twopane > .peach-vault-detail-pane,7081body.peach-mobile.layout-expanded .peach-vault-twopane > .peach-vault-detail-pane {7082 overflow-y: auto;7083 scrollbar-width: none;7084}708570867087body.peach-mobile[data-posture="tabletop"] .peach-vault-twopane,7088body.peach-mobile[data-posture="tabletop"] .peach-stage,7089body.peach-mobile[data-posture="tabletop"] .peach-overlay-view {7090 padding-bottom: var(--peach-hinge-height, 0px);7091}709270937094@media (orientation: landscape) and (max-height: 500px) {7095 body.peach-mobile .popup-root {7096 padding-top: env(safe-area-inset-top);7097 }7098 body.peach-mobile .peach-shell[data-surface="extension"] {7099 grid-template-rows: auto minmax(0, 1fr);7100 }7101}710271037104@media (max-width: 320px) {7105 body.peach-mobile .peach-chrome,7106 body.peach-mobile .peach-stage,7107 body.peach-mobile .peach-overlay-view {7108 padding-left: 8px;7109 padding-right: 8px;7110 }7111}7112711371147115711671177118body.peach-mobile.layout-medium .peach-overlay-view,7119body.peach-mobile.layout-expanded .peach-overlay-view {7120 right: auto;7121 width: 320px;7122 border-right: 1px solid var(--peach-t3);7123 animation: none;7124 z-index: 2;7125}712671277128body.peach-mobile.layout-medium .peach-content-frame,7129body.peach-mobile.layout-expanded .peach-content-frame {7130 padding-left: 320px;7131}71327133713471357136body.peach-mobile.layout-medium .peach-search-wrap,7137body.peach-mobile.layout-expanded .peach-search-wrap {7138 padding-left: 320px;7139}714071417142body.peach-mobile.layout-expanded .peach-content-frame {7143 padding-left: 360px;7144}7145body.peach-mobile.layout-expanded .peach-overlay-view {7146 width: 360px;7147}7148body.peach-mobile.layout-expanded .peach-search-wrap {7149 padding-left: 360px;7150}715171527153.peach-context-menu-backdrop {7154 position: fixed;7155 inset: 0;7156 background: rgba(0, 0, 0, 0.45);7157 z-index: 100;7158 display: flex;7159 align-items: flex-end;7160 justify-content: center;7161 animation: peach-ctx-fade 140ms ease both;7162}7163.peach-context-menu {7164 width: min(360px, calc(100vw - 24px));7165 margin-bottom: max(env(safe-area-inset-bottom), 12px);7166 background: var(--peach-bg);7167 border: 1px solid var(--peach-t3);7168 border-radius: 14px;7169 padding: 6px;7170 display: flex;7171 flex-direction: column;7172 gap: 2px;7173 box-shadow: 0 24px 48px rgba(0, 0, 0, 0.55);7174 animation: peach-ctx-rise 200ms cubic-bezier(0.16, 1, 0.3, 1) both;7175}7176@keyframes peach-ctx-fade { from { opacity: 0; } to { opacity: 1; } }7177@keyframes peach-ctx-rise {7178 from { transform: translateY(16px); opacity: 0; }7179 to { transform: translateY(0); opacity: 1; }7180}7181.peach-context-menu-item {7182 background: transparent;7183 color: var(--peach-t0);7184 border: 0;7185 border-radius: 10px;7186 padding: 12px 14px;7187 text-align: left;7188 font: inherit;7189 cursor: pointer;7190}7191.peach-context-menu-item:hover,7192.peach-context-menu-item:focus-visible {7193 background: var(--peach-t3);7194}7195.peach-context-menu-item--danger {7196 color: var(--peach-health-bad, #d96868);7197}7198.peach-context-menu-item--cancel {7199 color: var(--peach-t2);7200 margin-top: 4px;7201 border-top: 1px solid var(--peach-t3);7202 border-radius: 0 0 10px 10px;7203}720472057206.peach-entry-row.is-copy-flash {7207 animation: peach-copy-flash 600ms ease both;7208}7209@keyframes peach-copy-flash {7210 0% { background: transparent; }7211 20% { background: rgba(217, 153, 51, 0.32); }7212 100% { background: transparent; }7213}7214721572167217721872197220html { font-size: 16px; }