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-restore-tabview {3597 overflow: hidden;3598}35993600.peach-restore-tabcard {3601 flex: 1;3602 display: flex;3603 flex-direction: column;3604 gap: 0;3605 padding: 0;3606 overflow: hidden;3607 cursor: default;3608 user-select: none;3609 animation: peach-onboard-enter 320ms cubic-bezier(0.16, 1, 0.3, 1) both;3610}3611361236133614.peach-restore-tabs {3615 display: flex;3616 justify-content: space-around;3617 padding: 14px 10px 10px;3618 border-bottom: 1px solid var(--peach-t3);3619 gap: 2px;3620 overflow: hidden;3621 scrollbar-width: none;3622}3623.peach-restore-tabs::-webkit-scrollbar { display: none; }36243625.peach-restore-tab {3626 background: none;3627 border: none;3628 cursor: pointer;3629 padding: 3px 4px;3630 font-family: 'Cormorant Garamond', Georgia, serif;3631 font-style: italic;3632 font-size: 13px;3633 color: var(--peach-t2);3634 transition: color 150ms ease, text-shadow 150ms ease;3635 flex: 1;3636 text-align: center;3637 white-space: nowrap;3638 overflow: hidden;3639}3640.peach-restore-tab:hover {3641 color: var(--peach-accent);3642 text-shadow:3643 0 0 8px color-mix(in srgb, var(--peach-accent) 50%, transparent),3644 0 0 18px color-mix(in srgb, var(--peach-accent) 25%, transparent);3645}3646.peach-restore-tab.is-active {3647 color: var(--peach-accent);3648 text-shadow:3649 0 0 10px color-mix(in srgb, var(--peach-accent) 60%, transparent),3650 0 0 22px color-mix(in srgb, var(--peach-accent) 30%, transparent);3651}3652365336543655.peach-restore-content {3656 padding: 16px 16px 14px;3657 display: flex;3658 flex-direction: column;3659 gap: 8px;3660 overflow: hidden;3661 scrollbar-width: none;3662 flex: 1;3663}3664.peach-restore-content::-webkit-scrollbar { display: none; }3665.peach-restore-content > * {3666 overflow: hidden;3667 scrollbar-width: none;3668}3669.peach-restore-content > *::-webkit-scrollbar { display: none; }3670367136723673.peach-rt-symbols,3674.peach-rt-mayan,3675.peach-rt-csv,3676.peach-rt-phone {3677 display: flex;3678 flex-direction: column;3679 gap: 8px;3680 overflow: hidden;3681}36823683.peach-rt-submit {3684 width: 100%;3685}36863687.peach-rt-error {3688 margin: 0;3689 font-size: 0.6875rem;3690 color: var(--peach-breach);3691 line-height: 1.4;3692}3693369436953696.peach-restore-symbols-textarea {3697 font-family: 'PeachScript', monospace;3698 font-size: 13px;3699 line-height: 1.9;3700 letter-spacing: 0.1em;3701 word-break: break-all;3702 resize: none;3703 width: 100%;3704 min-height: 56px;3705 max-height: 72px;3706 overflow: hidden;3707 scrollbar-width: none;3708 -ms-overflow-style: none;3709 box-sizing: border-box;3710 padding: 6px 8px;3711 border-radius: 8px;3712 border: 1px solid var(--peach-t3);3713 background: rgba(240, 232, 216, 0.03);3714 color: var(--peach-t0);3715}3716.peach-restore-symbols-textarea::-webkit-scrollbar { display: none; }3717.peach-restore-symbols-textarea:focus { outline: none; border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent); }37183719.peach-restore-symbols-pass {3720 width: 100%;3721 box-sizing: border-box;3722 padding: 7px 10px;3723 border-radius: 8px;3724 border: 1px solid var(--peach-t3);3725 background: rgba(240, 232, 216, 0.03);3726 color: var(--peach-t0);3727 font-size: 0.8125rem;3728}3729.peach-restore-symbols-pass::placeholder { color: var(--peach-t2); }3730.peach-restore-symbols-pass:focus { outline: none; border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent); }37313732.peach-rt-divider {3733 text-align: center;3734 font-size: 0.6875rem;3735 color: var(--peach-t2);3736 font-style: italic;3737}37383739.peach-rt-file-label {3740 width: 100%;3741 justify-content: center;3742}37433744.peach-rt-anim-canvas {3745 width: 100%;3746 height: 180px;3747 border-radius: 10px;3748 overflow: hidden;3749 display: block;3750}3751375237533754.peach-rt-upload-zone {3755 display: flex;3756 align-items: center;3757 justify-content: center;3758 height: 64px;3759 border-radius: 10px;3760 border: 1px dashed var(--peach-t3);3761 background: rgba(240, 232, 216, 0.02);3762 cursor: pointer;3763 transition: border-color 150ms ease, background 150ms ease;3764 overflow: hidden;3765}3766.peach-rt-upload-zone:hover {3767 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);3768 background: color-mix(in srgb, var(--peach-accent) 4%, transparent);3769}3770.peach-rt-upload-zone.is-busy {3771 cursor: default;3772 opacity: 0.6;3773}37743775.peach-rt-upload-label {3776 font-size: 0.75rem;3777 color: var(--peach-t2);3778 font-style: italic;3779}37803781.peach-rt-entry-line {3782 margin: 0;3783 font-size: 0.75rem;3784 color: var(--peach-t1);3785 font-style: italic;3786 text-align: center;3787}3788378937903791.peach-rt-csv-sources {3792 margin: 0;3793 font-size: 0.6875rem;3794 color: var(--peach-t2);3795 line-height: 1.5;3796 text-align: center;3797}37983799.peach-rt-csv-warning {3800 margin: 0;3801 font-family: "IBM Plex Mono", monospace;3802 font-size: 0.5625rem;3803 letter-spacing: 0.12em;3804 color: var(--peach-breach);3805 text-align: center;3806}3807380838093810.peach-rt-phone-code {3811 margin: 0;3812 text-align: center;3813 font-family: "IBM Plex Mono", monospace;3814 font-size: 22px;3815 letter-spacing: 0.18em;3816 color: var(--peach-t0);3817}38183819.peach-rt-phone-qr {3820 display: block;3821 width: 96px;3822 height: 96px;3823 margin: 0 auto;3824 border-radius: 6px;3825 image-rendering: pixelated;3826 overflow: hidden;3827}38283829.peach-rt-phone-hint {3830 margin: 0;3831 font-size: 0.6875rem;3832 color: var(--peach-t2);3833 line-height: 1.55;3834 text-align: center;3835}38363837.peach-rt-phone-gate-text {3838 margin: 0;3839 font-size: 0.8125rem;3840 color: var(--peach-t1);3841 text-align: center;3842}3843384438453846.peach-restore-intro-overlay {3847 position: absolute;3848 inset: 0;3849 z-index: 100;3850 display: flex;3851 align-items: center;3852 justify-content: center;3853 padding: 20px;3854 background: rgba(12, 10, 6, 0.7);3855 backdrop-filter: blur(4px);3856 animation: peach-card-in 280ms cubic-bezier(0.16, 1, 0.3, 1) both;3857}38583859.peach-restore-intro-card {3860 width: 100%;3861 display: flex;3862 flex-direction: column;3863 gap: 12px;3864 padding: 22px 20px 20px;3865 border-radius: 16px;3866 border: 1px solid var(--peach-t3);3867 background: linear-gradient(180deg, rgba(240, 232, 216, 0.05), rgba(240, 232, 216, 0.02));3868 backdrop-filter: blur(4px);3869 -webkit-backdrop-filter: blur(4px);3870 box-shadow: inset 0 1px 0 rgba(240, 232, 216, 0.06), 0 16px 36px rgba(0, 0, 0, 0.3);3871}38723873.peach-restore-intro-headline {3874 margin: 0;3875 font-family: var(--font-display);3876 font-style: italic;3877 font-size: 20px;3878 font-weight: 400;3879 color: var(--peach-t0);3880}38813882.peach-restore-intro-body {3883 display: flex;3884 flex-direction: column;3885 gap: 8px;3886}3887.peach-restore-intro-body p {3888 margin: 0;3889 font-size: 0.75rem;3890 color: var(--peach-t1);3891 line-height: 1.5;3892}38933894.peach-restore-intro-btn {3895 width: 100%;3896 margin-top: 4px;3897}389838993900.peach-snapshot-panel {3901 gap: 10px;3902 overflow-y: auto;3903 max-height: 340px;3904}3905.peach-snapshot-list {3906 display: flex;3907 flex-direction: column;3908 gap: 4px;3909}3910.peach-snapshot-row {3911 display: flex;3912 align-items: center;3913 justify-content: space-between;3914 width: 100%;3915 padding: 8px 10px;3916 border-radius: 8px;3917 border: 1px solid rgba(240, 232, 216, 0.07);3918 background: transparent;3919 cursor: pointer;3920 transition: border-color 120ms, background 120ms;3921 text-align: left;3922 gap: 8px;3923}3924.peach-snapshot-row:hover {3925 border-color: rgba(240, 232, 216, 0.14);3926 background: rgba(240, 232, 216, 0.03);3927}3928.peach-snapshot-row.is-selected {3929 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);3930 background: color-mix(in srgb, var(--peach-accent) 7%, transparent);3931}3932.peach-snapshot-time {3933 font-size: 11.5px;3934 color: var(--peach-t0);3935 flex: 1;3936}3937.peach-snapshot-count {3938 font-family: "IBM Plex Mono", monospace;3939 font-size: 0.625rem;3940 color: var(--peach-t2);3941 flex-shrink: 0;3942}3943.peach-snapshot-confirm {3944 display: flex;3945 flex-direction: column;3946 gap: 8px;3947 padding-top: 10px;3948 border-top: 1px solid rgba(240, 232, 216, 0.06);3949}3950.peach-snapshot-warning {3951 display: flex;3952 align-items: flex-start;3953 gap: 6px;3954 font-size: 10.5px;3955 color: rgba(220, 80, 60, 0.85);3956 line-height: 1.55;3957}3958.peach-snapshot-warning svg { flex-shrink: 0; margin-top: 2px; }3959.peach-snapshot-confirm-row {3960 display: flex;3961 gap: 6px;3962 align-items: center;3963}3964.peach-snapshot-restore-btn {3965 width: 100%;3966}3967.peach-lock-hero--unlock .peach-lock-hero-art {3968 width: 112px;3969 height: 112px;3970 right: 0;3971 top: 2px;3972 opacity: 0.1;3973}39743975.peach-card {3976 border: 1px solid var(--peach-t3);3977 border-radius: 18px;3978 background:3979 linear-gradient(180deg, rgba(240, 232, 216, 0.03) 0%, rgba(240, 232, 216, 0.015) 100%);3980 box-shadow:3981 inset 0 0 0 1px var(--peach-border-accent),3982 inset 0 1px 0 rgba(240, 232, 216, 0.04),3983 0 12px 32px rgba(0, 0, 0, 0.14);3984 overflow: hidden;3985}39863987.peach-card-active {3988 border-color: color-mix(in srgb, var(--peach-accent) 35%, transparent);3989 box-shadow:3990 inset 0 1px 0 rgba(240, 232, 216, 0.05),3991 0 16px 38px rgba(0, 0, 0, 0.18),3992 0 0 0 1px color-mix(in srgb, var(--peach-accent) 8%, transparent);3993}39943995.peach-card-disabled {3996 opacity: 0.72;3997}39983999.peach-card-header {4000 width: 100%;4001 padding: 13px 16px 11px;4002 background: transparent;4003 color: var(--peach-t0);4004 display: flex;4005 justify-content: space-between;4006 align-items: center;4007 text-align: left;4008 font-size: 0.75rem;4009}40104011.peach-card-body {4012 padding: 0 16px 16px;4013 display: grid;4014 gap: 9px;4015}40164017.peach-card-tag {4018 color: var(--peach-t2);4019 font-family: "IBM Plex Mono", monospace;4020 font-size: 0.5625rem;4021 letter-spacing: 0.12em;4022 text-transform: uppercase;4023}40244025.peach-empty-copy {4026 display: grid;4027 gap: 6px;4028 color: var(--peach-t1);4029 font-size: 0.8125rem;4030}40314032.peach-lock-submit {4033 width: 100%;4034 box-shadow:4035 0 1px 0 rgba(255,255,255,0.10) inset,4036 0 0 0 1px color-mix(in srgb, var(--peach-accent) 19%, transparent),4037 0 12px 32px color-mix(in srgb, var(--peach-accent) 19%, transparent),4038 0 0 48px color-mix(in srgb, var(--peach-accent) 10%, transparent);4039}40404041.peach-lock-secondary {4042 width: 100%;4043 border-color: var(--peach-t3);4044 background: rgba(240, 232, 216, 0.02);4045}40464047.peach-lock-secondary:hover {4048 background: rgba(240, 232, 216, 0.04);4049}40504051.peach-lock-note {4052 max-width: none;4053 line-height: 1.55;4054 margin: 0;4055}40564057.peach-overlay-action {4058 font-size: 0.625rem;4059 padding: 4px 8px;4060 letter-spacing: 0.06em;4061 min-width: 44px;4062 text-align: center;4063}40644065.peach-overlay-spacer {4066 width: 32px;4067}40684069.peach-inline-action {4070 flex-shrink: 0;4071 font-size: 0.5625rem;4072 letter-spacing: 0.1em;4073 text-transform: uppercase;4074 padding: 4px 7px;4075}4076.peach-password-toggle-btn {4077 display: inline-flex;4078 align-items: center;4079 justify-content: center;4080 min-width: 30px;4081 min-height: 26px;4082 padding: 0 7px;4083 border: 1px solid var(--peach-t3);4084 border-radius: 999px;4085 background: rgba(240, 232, 216, 0.04);4086 color: var(--peach-t2);4087 transition: border-color 140ms ease, color 140ms ease, background 140ms ease;4088}4089.peach-password-toggle-btn:hover {4090 border-color: var(--peach-t2);4091 color: var(--peach-t0);4092 background: rgba(240, 232, 216, 0.06);4093}40944095.peach-new-textarea {4096 width: 100%;4097 min-height: 88px;4098 resize: vertical;4099 border: 0;4100 outline: none;4101 background: transparent;4102 color: var(--peach-t1);4103 font-family: "IBM Plex Mono", monospace;4104 font-size: 0.75rem;4105 line-height: 1.65;4106 caret-color: var(--peach-accent);4107}41084109.peach-new-textarea::placeholder {4110 color: var(--peach-t2);4111 opacity: 0.7;4112}41134114.peach-settings-actions {4115 display: grid;4116 gap: 8px;4117}41184119.peach-sync-section-label {4120 font-size: 0.6875rem;4121 color: var(--peach-t2);4122 text-transform: uppercase;4123 letter-spacing: 0.05em;4124}41254126.peach-sync-device-row {4127 display: flex;4128 justify-content: space-between;4129 align-items: center;4130 padding: 6px 0;4131 border-bottom: 1px solid var(--peach-t3);4132}41334134.peach-sync-device-info {4135 display: flex;4136 flex-direction: column;4137 gap: 2px;4138}41394140.peach-sync-device-name {4141 font-size: 0.8125rem;4142 color: var(--peach-t0);4143}41444145.peach-sync-device-meta {4146 font-size: 0.6875rem;4147 color: var(--peach-t2);4148}41494150.peach-sync-status-dot {4151 display: inline-block;4152 width: 8px;4153 height: 8px;4154 border-radius: 50%;4155 vertical-align: middle;4156}41574158.peach-sync-remove-btn {4159 color: var(--peach-breach);4160}41614162.peach-sync-advanced-row {4163 display: flex;4164 justify-content: space-between;4165 align-items: center;4166 padding: 6px 0;4167 gap: 12px;4168}41694170.peach-sync-advanced-info {4171 display: flex;4172 flex-direction: column;4173 gap: 2px;4174 flex: 1;4175}41764177.peach-sync-advanced-name {4178 font-size: 0.8125rem;4179 color: var(--peach-t0);4180}41814182.peach-sync-reset-confirm {4183 display: flex;4184 flex-direction: column;4185 gap: 8px;4186 padding: 10px;4187 border: 1px solid var(--peach-breach);4188 border-radius: 10px;4189 background: color-mix(in srgb, var(--peach-breach) 6%, transparent);4190}41914192.peach-sync-reset-confirm-headline {4193 font-size: 0.8125rem;4194 font-weight: 600;4195 color: var(--peach-t0);4196 margin: 0;4197}41984199.peach-sync-reset-confirm-body {4200 font-size: 0.75rem;4201 color: var(--peach-t1);4202 margin: 0;4203 line-height: 1.4;4204}42054206.peach-btn--danger {4207 background: var(--peach-breach);4208 color: #fff;4209 border-color: var(--peach-breach);4210}4211.peach-btn--danger:hover:not(:disabled) {4212 background: color-mix(in srgb, var(--peach-breach) 88%, #000);4213}4214.peach-btn--danger:disabled {4215 opacity: 0.55;4216 cursor: not-allowed;4217}42184219.peach-sync-hero-icon {4220 color: var(--peach-t1);4221 opacity: 0.85;4222}42234224.peach-import-preview {4225 margin-bottom: 12px;4226 max-height: 152px;4227 overflow-y: auto;4228 border: 1px solid var(--peach-t3);4229 border-radius: 10px;4230 padding: 8px 10px;4231 display: grid;4232 gap: 8px;4233 background: rgba(240, 232, 216, 0.02);4234}42354236.peach-import-preview-row {4237 display: flex;4238 justify-content: space-between;4239 gap: 10px;4240 font-size: 0.6875rem;4241 color: var(--peach-t1);4242}42434244.peach-import-preview-title {4245 color: var(--peach-t0);4246 flex: 1;4247 min-width: 0;4248 overflow: hidden;4249 text-overflow: ellipsis;4250 white-space: nowrap;4251}42524253.peach-import-preview-meta {4254 color: var(--peach-t2);4255 flex-shrink: 0;4256 max-width: 42%;4257 overflow: hidden;4258 text-overflow: ellipsis;4259 white-space: nowrap;4260}42614262.peach-import-preview-more {4263 color: var(--peach-t2);4264 font-size: 0.625rem;4265}42664267.peach-restore-copy {4268 margin: 0;4269 color: var(--peach-t1);4270 font-size: 0.6875rem;4271 line-height: 1.6;4272}42734274.peach-restore-warning {4275 padding: 10px 12px;4276 border-radius: 12px;4277 border: 1px solid color-mix(in srgb, var(--peach-breach) 35%, transparent);4278 background: color-mix(in srgb, var(--peach-breach) 10%, transparent);4279 color: var(--peach-t0);4280 font-size: 0.6875rem;4281 line-height: 1.55;4282}42834284.peach-provider-chips {4285 display: flex;4286 flex-wrap: wrap;4287 gap: 6px;4288}42894290.peach-provider-chip {4291 display: inline-flex;4292 align-items: center;4293 padding: 5px 8px;4294 border-radius: 999px;4295 border: 1px solid var(--peach-t3);4296 background: rgba(240, 232, 216, 0.02);4297 color: var(--peach-t1);4298 font-family: "IBM Plex Mono", monospace;4299 font-size: 0.5rem;4300 letter-spacing: 0.08em;4301 text-transform: uppercase;4302}43034304.peach-restore-file,4305.peach-restore-input {4306 width: 100%;4307 border-radius: 10px;4308 border: 1px solid var(--peach-t3);4309 background: var(--peach-s2);4310 color: var(--peach-t0);4311 font-size: 0.75rem;4312}43134314.peach-restore-file {4315 padding: 9px 10px;4316}43174318.peach-restore-file::file-selector-button {4319 margin-right: 10px;4320 padding: 7px 10px;4321 border: 1px solid color-mix(in srgb, var(--peach-accent) 28%, transparent);4322 border-radius: 999px;4323 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);4324 color: var(--peach-t0);4325 font-size: 0.625rem;4326 letter-spacing: 0.08em;4327 text-transform: uppercase;4328 cursor: pointer;4329}43304331.peach-restore-input {4332 padding: 10px 12px;4333}43344335.peach-auth-grid {4336 display: grid;4337 gap: 10px;4338}43394340.peach-import-summary {4341 color: var(--peach-t1);4342 font-size: 0.75rem;4343 line-height: 1.6;4344 margin-bottom: 12px;4345}43464347.peach-restore-error {4348 color: rgba(220, 80, 60, 0.95);4349 font-size: 0.75rem;4350 line-height: 1.55;4351}43524353.peach-passkey-card {4354 max-width: 400px;4355 margin: auto 16px;4356 align-self: center;4357 width: calc(100% - 32px);4358}435943604361436243634364.peach-overlay-view:has(.peach-passkey-card) {4365 justify-content: center;4366}43674368.peach-pro-badge {4369 padding: 2px 6px;4370 border-radius: 999px;4371 font-family: var(--font-ui);4372 font-size: 0.625rem;4373 letter-spacing: 0.08em;4374 text-transform: uppercase;4375 background: color-mix(in srgb, var(--peach-accent) 14%, transparent);4376 color: var(--peach-accent);4377}437843794380.peach-shortcuts-group { display: flex; flex-direction: column; gap: 6px; }4381.peach-shortcut-row {4382 display: flex;4383 align-items: center;4384 gap: 10px;4385 padding: 6px 0;4386}4387.peach-shortcut-row-label {4388 flex: 1;4389 font-size: 0.75rem;4390 color: var(--peach-t0);4391}4392.peach-shortcut-chip {4393 min-width: 64px;4394 padding: 4px 10px;4395 border-radius: 6px;4396 border: 1px solid var(--peach-t3);4397 background: var(--peach-input-bg, var(--surface-card));4398 color: var(--peach-t0);4399 font-family: var(--font-mono);4400 font-size: 0.6875rem;4401 letter-spacing: 0.04em;4402 cursor: pointer;4403 text-align: center;4404 transition: border-color 120ms ease, background 120ms ease, color 120ms ease;4405}4406.peach-shortcut-chip:hover { border-color: color-mix(in srgb, var(--peach-accent) 35%, transparent); }4407.peach-shortcut-chip.is-custom {4408 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);4409 color: var(--peach-accent);4410}4411.peach-shortcut-chip.is-capturing {4412 border-color: var(--peach-accent);4413 background: color-mix(in srgb, var(--peach-accent) 14%, transparent);4414 color: var(--peach-accent);4415 animation: peach-shortcut-capture-pulse 1.4s ease-in-out infinite;4416}4417@keyframes peach-shortcut-capture-pulse {4418 0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--peach-accent) 30%, transparent); }4419 50% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--peach-accent) 12%, transparent); }4420}4421.peach-shortcut-reset {4422 background: transparent;4423 border: none;4424 cursor: pointer;4425 color: var(--peach-t2);4426 padding: 4px 6px;4427 border-radius: 5px;4428 font-size: 0.875rem;4429 line-height: 1;4430 transition: color 120ms ease, background 120ms ease;4431}4432.peach-shortcut-reset:hover {4433 color: var(--peach-t0);4434 background: color-mix(in srgb, var(--peach-text, var(--peach-t0)) 6%, transparent);4435}4436.peach-shortcuts-conflict {4437 margin: 4px 0 0;4438 padding: 8px 10px;4439 border-radius: 7px;4440 background: color-mix(in srgb, var(--peach-breach) 10%, transparent);4441 border: 1px solid color-mix(in srgb, var(--peach-breach) 30%, transparent);4442 font-family: var(--font-mono);4443 font-size: 0.6875rem;4444 color: var(--peach-t0);4445}444644474448.peach-shortcuts-help-backdrop {4449 position: fixed;4450 inset: 0;4451 background: rgba(0, 0, 0, 0.55);4452 backdrop-filter: blur(2px);4453 display: flex;4454 align-items: center;4455 justify-content: center;4456 z-index: 1000;4457 animation: peach-help-fade-in 140ms ease forwards;4458}4459@keyframes peach-help-fade-in { from { opacity: 0 } to { opacity: 1 } }4460.peach-shortcuts-help-card {4461 width: min(320px, 92vw);4462 max-height: 80vh;4463 overflow-y: auto;4464 border-radius: 14px;4465 border: 1px solid var(--peach-t3);4466 background: var(--peach-bg);4467 box-shadow: 0 12px 48px rgba(0, 0, 0, 0.5);4468 padding: 16px 18px 18px;4469 display: flex;4470 flex-direction: column;4471 gap: 12px;4472}4473.peach-shortcuts-help-head {4474 display: flex; align-items: center; justify-content: space-between;4475}4476.peach-shortcuts-help-head h3 {4477 margin: 0;4478 font-family: var(--font-display);4479 font-style: italic;4480 font-weight: 400;4481 font-size: 22px;4482 color: var(--peach-t0);4483}4484.peach-shortcuts-help-close {4485 background: transparent;4486 border: none;4487 color: var(--peach-t2);4488 cursor: pointer;4489 font-size: 0.875rem;4490 padding: 4px 8px;4491 border-radius: 5px;4492}4493.peach-shortcuts-help-close:hover { color: var(--peach-t0); background: var(--surface-card); }4494.peach-shortcuts-help-body ul {4495 list-style: none; padding: 0; margin: 4px 0 12px;4496 display: grid; gap: 8px;4497}4498.peach-shortcuts-help-body li {4499 display: flex; align-items: center; justify-content: space-between; gap: 12px;4500 font-size: 0.75rem; color: var(--peach-t0);4501}4502.peach-shortcuts-help-body kbd {4503 font-family: var(--font-mono);4504 font-size: 0.6875rem;4505 padding: 3px 8px;4506 border-radius: 6px;4507 background: var(--surface-card);4508 border: 1px solid var(--peach-t3);4509 color: var(--peach-accent);4510 letter-spacing: 0.04em;4511}451245134514.peach-pro-promo {4515 position: relative;4516 border-radius: 14px;4517 border: 1px solid color-mix(in srgb, var(--peach-accent) 22%, transparent);4518 background:4519 radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--peach-accent) 10%, transparent) 0%, transparent 60%),4520 radial-gradient(85% 100% at 100% 100%, color-mix(in srgb, var(--peach-accent) 6%, transparent) 0%, transparent 65%),4521 var(--surface-card);4522 overflow: hidden;4523 margin-bottom: 14px;4524}4525.peach-pro-promo-glow {4526 position: absolute;4527 inset: -40% -20% auto auto;4528 width: 220px; height: 220px;4529 background: radial-gradient(closest-side, var(--peach-glow), transparent 70%);4530 pointer-events: none;4531 filter: blur(8px);4532}4533.peach-pro-promo-inner {4534 position: relative;4535 padding: 18px 18px 16px;4536}4537.peach-pro-promo-title {4538 font-family: var(--font-display);4539 font-style: italic;4540 font-weight: 400;4541 font-size: 28px;4542 line-height: 1;4543 letter-spacing: -0.005em;4544 color: var(--peach-t0);4545 margin: 0 0 4px;4546}4547.peach-pro-promo-tagline {4548 font-family: var(--font-mono);4549 font-size: 0.625rem;4550 letter-spacing: 0.06em;4551 color: var(--peach-t2);4552 margin: 0 0 14px;4553}4554.peach-pro-promo-list {4555 list-style: none;4556 margin: 0 0 16px;4557 padding: 0;4558 display: grid;4559 gap: 9px;4560}4561.peach-pro-promo-list li {4562 display: flex;4563 align-items: flex-start;4564 gap: 9px;4565 font-size: 0.75rem;4566 color: var(--peach-t1);4567 line-height: 1.4;4568}4569.peach-pro-promo-list svg {4570 width: 14px;4571 height: 14px;4572 flex-shrink: 0;4573 color: var(--peach-accent);4574 margin-top: 2px;4575}4576.peach-pro-promo-list span {4577 color: var(--peach-t0);4578}4579.peach-pro-promo-cta {4580 width: 100%;4581 background: var(--peach-accent);4582 color: #fff;4583 border: none;4584 padding: 9px 12px;4585 border-radius: 9px;4586 font-size: 0.75rem;4587 font-weight: 500;4588 font-family: var(--font-ui);4589 letter-spacing: 0.02em;4590 text-decoration: none;4591 display: inline-flex;4592 align-items: center;4593 justify-content: center;4594 cursor: pointer;4595 transition: filter 120ms ease, box-shadow 120ms ease, transform 80ms ease;4596 box-shadow: 0 2px 16px var(--peach-glow);4597}4598.peach-pro-promo-cta:hover {4599 filter: brightness(1.07);4600 box-shadow: 0 4px 24px var(--peach-glow);4601 transform: translateY(-1px);4602}4603.peach-pro-promo-cta:active { transform: translateY(0); filter: brightness(0.96); }46044605.peach-pro-or-divider {4606 display: flex;4607 align-items: center;4608 gap: 10px;4609 margin: 4px 0 12px;4610 font-family: var(--font-mono);4611 font-size: 0.625rem;4612 letter-spacing: 0.06em;4613 color: var(--peach-t2);4614 text-transform: uppercase;4615}4616.peach-pro-or-divider::before,4617.peach-pro-or-divider::after {4618 content: "";4619 flex: 1;4620 height: 1px;4621 background: var(--peach-t3);4622}46234624.peach-loading {4625 position: absolute;4626 inset: 0;4627 display: flex;4628 align-items: center;4629 justify-content: center;4630 background: var(--bg);4631 animation: peach-loading-pulse 1.2s ease-in-out infinite;4632}46334634@keyframes peach-loading-pulse {4635 0%, 100% { opacity: 0.6; }4636 50% { opacity: 1; }4637}463846394640.peach-health-body {4641 flex: 1;4642 overflow-y: auto;4643 display: flex;4644 flex-direction: column;4645 464646474648 scrollbar-width: none;4649 -ms-overflow-style: none;4650}4651.peach-health-body::-webkit-scrollbar { display: none; }465246534654465546564657.peach-health-loading-screen {4658 flex: 1;4659 display: flex;4660 flex-direction: column;4661 align-items: center;4662 justify-content: center;4663 gap: 14px;4664 padding: 32px 28px;4665 text-align: center;4666}46674668.peach-health-loading-glyph {4669 width: 48px;4670 height: 48px;4671 display: flex;4672 align-items: center;4673 justify-content: center;4674 border-radius: 14px;4675 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);4676 color: var(--peach-accent);4677}46784679.peach-health-loading-title {4680 margin: 0;4681 font-family: var(--font-display);4682 font-style: italic;4683 font-weight: 300;4684 font-size: 19px;4685 line-height: 1.2;4686 color: var(--peach-t0);4687}46884689.peach-health-loading-copy {4690 margin: 0;4691 max-width: 240px;4692 font-size: 0.75rem;4693 line-height: 1.55;4694 color: var(--peach-t2);4695}46964697.peach-health-loading-track {4698 width: 200px;4699 height: 3px;4700 margin-top: 6px;4701 border-radius: 999px;4702 background: rgba(240, 232, 216, 0.06);4703 overflow: hidden;4704}47054706.peach-health-loading-fill {4707 width: 40%;4708 height: 100%;4709 border-radius: inherit;4710 background: linear-gradient(4711 90deg,4712 transparent 0%,4713 var(--peach-accent) 50%,4714 transparent 100%4715 );4716 animation: peach-health-loading-sweep 1.4s ease-in-out infinite;4717}47184719@keyframes peach-health-loading-sweep {4720 0% { transform: translateX(-100%); }4721 100% { transform: translateX(350%); }4722}47234724[data-motion="reduce"] .peach-health-loading-fill,4725[data-motion="reduce"] .peach-health-loading-glyph svg path {4726 animation: none;4727}47284729.peach-health-summary {4730 padding: 10px 16px 6px;4731 font-family: "IBM Plex Mono", monospace;4732 font-size: 0.6875rem;4733}4734.peach-health-summary-warn { color: rgba(220,80,60,0.9); }4735.peach-health-summary-ok { color: var(--peach-t2); }47364737.peach-health-check-row {4738 padding: 0 16px 10px;4739}4740.peach-health-check-btn {4741 width: 100%;4742 display: flex;4743 align-items: center;4744 justify-content: center;4745}47464747.peach-health-sections {4748 flex: 1;4749 display: flex;4750 flex-direction: column;4751}47524753.peach-health-section {4754 border-bottom: 1px solid var(--peach-t3);4755}47564757.peach-health-section-header {4758 width: 100%;4759 display: flex;4760 align-items: center;4761 justify-content: space-between;4762 padding: 9px 16px;4763 background: transparent;4764 cursor: pointer;4765 color: var(--peach-t0);4766}47674768.peach-health-section-title-row {4769 display: flex;4770 align-items: center;4771 gap: 8px;4772}47734774.peach-health-count-badge {4775 display: inline-flex;4776 align-items: center;4777 justify-content: center;4778 min-width: 20px;4779 height: 18px;4780 padding: 0 5px;4781 border-radius: 999px;4782 background: rgba(220,80,60,0.15);4783 border: 1px solid rgba(220,80,60,0.25);4784 font-family: "IBM Plex Mono", monospace;4785 font-size: 0.5625rem;4786 color: rgba(220,80,60,0.9);4787}47884789.peach-health-section-title {4790 font-family: "IBM Plex Mono", monospace;4791 font-size: 0.6875rem;4792 text-transform: uppercase;4793 letter-spacing: 0.1em;4794 color: var(--peach-t1);4795}47964797.peach-health-chevron {4798 color: var(--peach-t2);4799 transition: transform 200ms ease;4800 flex-shrink: 0;4801}4802.peach-health-chevron.is-expanded {4803 transform: rotate(180deg);4804}48054806.peach-health-section-body {4807 padding: 0 16px 10px;4808 display: flex;4809 flex-direction: column;4810 gap: 4px;4811}48124813.peach-health-row {4814 display: flex;4815 align-items: flex-start;4816 justify-content: space-between;4817 gap: 8px;4818 padding: 6px 8px;4819 border-radius: 8px;4820 background: rgba(240,232,216,0.02);4821}48224823.peach-health-row-info {4824 flex: 1;4825 min-width: 0;4826 display: flex;4827 flex-direction: column;4828 gap: 2px;4829}48304831.peach-health-row-name {4832 font-family: var(--font-display);4833 font-size: 0.9375rem;4834 font-style: italic;4835 font-weight: 400;4836 color: var(--peach-t0);4837 white-space: nowrap;4838 overflow: hidden;4839 text-overflow: ellipsis;4840}48414842.peach-health-row-meta {4843 font-family: "IBM Plex Mono", monospace;4844 font-size: 0.5625rem;4845 color: var(--peach-t2);4846 letter-spacing: 0.05em;4847}48484849.peach-health-fix-btn {4850 font-size: 0.5625rem;4851 letter-spacing: 0.08em;4852 text-transform: uppercase;4853 padding: 4px 7px;4854 flex-shrink: 0;4855 display: flex;4856 align-items: center;4857}48584859.peach-health-empty {4860 font-family: "IBM Plex Mono", monospace;4861 font-size: 0.625rem;4862 color: var(--peach-t2);4863 padding: 6px 0;4864}48654866.peach-health-loading {4867 font-family: "IBM Plex Mono", monospace;4868 font-size: 0.625rem;4869 color: var(--peach-t2);4870 padding: 6px 0;4871 display: flex;4872 align-items: center;4873 gap: 6px;4874}48754876.peach-health-loading::before {4877 content: "";4878 width: 10px;4879 height: 10px;4880 border: 1.5px solid var(--peach-t3);4881 border-top-color: var(--peach-accent);4882 border-radius: 50%;4883 animation: peach-spin 600ms linear infinite;4884}48854886@keyframes peach-spin {4887 to { transform: rotate(360deg); }4888}48894890.peach-spinner {4891 width: 32px;4892 height: 32px;4893 border: 2px solid var(--peach-s2);4894 border-top-color: var(--peach-accent);4895 border-radius: 50%;4896 margin: 0 auto 16px;4897 animation: peach-spin 0.8s linear infinite;4898}48994900.peach-progress-screen {4901 text-align: center;4902 padding: 32px 16px;4903}49044905.peach-progress-screen-title {4906 font-size: 0.8125rem;4907 color: var(--peach-t0);4908 margin-bottom: 16px;4909}49104911.peach-progress-screen-stage {4912 font-size: 0.6875rem;4913 color: var(--peach-t2);4914 min-height: 14px;4915}49164917.peach-progress-screen-note {4918 font-size: 0.625rem;4919 color: var(--peach-t2);4920 margin-top: 8px;4921}49224923.peach-pairing-body {4924 flex: 1;4925 overflow-y: auto;4926 display: flex;4927 flex-direction: column;4928}49294930.peach-pairing-content {4931 flex: 1;4932 display: flex;4933 flex-direction: column;4934 align-items: center;4935 justify-content: center;4936 gap: 14px;4937 padding: 28px 20px;4938 text-align: center;4939}49404941.peach-pairing-code-screen {4942 gap: 18px;4943}49444945.peach-pairing-headline {4946 font-family: var(--font-display);4947 font-style: italic;4948 font-weight: 300;4949 font-size: 28px;4950 color: var(--peach-t0);4951 margin: 0;4952 line-height: 1;4953}49544955.peach-pairing-subline {4956 font-size: 0.75rem;4957 color: var(--peach-t2);4958 max-width: 220px;4959 line-height: 1.5;4960 margin: 0;4961}49624963.peach-pairing-subline--center {4964 text-align: center;4965}49664967496849694970.peach-pairing-code {4971 font-family: "IBM Plex Mono", monospace;4972 font-size: 36px;4973 letter-spacing: 0.25em;4974 color: var(--peach-t0);4975 text-align: center;4976 padding: 24px 0;4977 text-shadow:4978 0 0 24px color-mix(in srgb, var(--peach-accent) 22%, transparent),4979 0 0 48px color-mix(in srgb, var(--peach-accent) 12%, transparent);4980 background: transparent;4981 border: 0;4982 cursor: default;4983 user-select: text;4984}49854986.peach-pairing-code--loading,4987.peach-pairing-code--expired {4988 font-size: 18px;4989 letter-spacing: 0.04em;4990 color: var(--peach-t2);4991 cursor: pointer;4992 text-shadow: none;4993}49944995.peach-pairing-code-input {4996 font-family: "IBM Plex Mono", monospace;4997 font-size: 36px;4998 letter-spacing: 0.25em;4999 color: var(--peach-t0);5000 background: transparent;5001 border: 0;5002 border-bottom: 1px solid var(--peach-t3);5003 outline: none;5004 text-align: center;5005 padding: 18px 0;5006 width: 220px;5007 caret-color: var(--peach-accent);5008 transition: border-color 160ms ease;5009}50105011.peach-pairing-code-input::placeholder {5012 color: var(--peach-t3);5013}50145015.peach-pairing-code-input:focus {5016 border-bottom-color: var(--peach-accent);5017}50185019.peach-pairing-toggle {5020 background: transparent;5021 border: 0;5022 color: var(--peach-t2);5023 font-size: 0.75rem;5024 padding: 8px 4px;5025 cursor: pointer;5026 transition: color 120ms ease;5027}50285029.peach-pairing-toggle:hover:not(:disabled) {5030 color: var(--peach-t1);5031}50325033.peach-pairing-toggle:disabled {5034 opacity: 0.5;5035 cursor: default;5036}50375038.peach-pairing-hint {5039 font-size: 0.6875rem;5040 color: var(--peach-t2);5041 margin: 0;5042 text-align: center;5043}50445045.peach-pairing-status {5046 display: flex;5047 align-items: center;5048 gap: 8px;5049 margin: 0;5050 font-size: 0.75rem;5051 color: var(--peach-t1);5052}50535054.peach-pairing-error {5055 margin: 0;5056 font-size: 0.6875rem;5057 color: var(--peach-breach);5058}50595060.peach-pairing-error--muted {5061 color: var(--peach-t2);5062}50635064.peach-pairing-spinner {5065 width: 12px;5066 height: 12px;5067 border: 1.5px solid var(--peach-t3);5068 border-top-color: var(--peach-accent);5069 border-radius: 50%;5070 animation: peach-spin 0.8s linear infinite;5071}50725073.peach-pairing-success-icon,5074.peach-pairing-error-icon,5075.peach-pairing-hero {5076 display: inline-flex;5077 align-items: center;5078 justify-content: center;5079}508050815082.peach-tag-chip {5083 display: inline-flex;5084 align-items: center;5085 gap: 4px;5086 padding: 3px 8px;5087 border-radius: 999px;5088 border: 1px solid color-mix(in srgb, var(--peach-accent) 28%, transparent);5089 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);5090 color: var(--peach-t0);5091 font-family: "IBM Plex Mono", monospace;5092 font-size: 0.625rem;5093 letter-spacing: 0.04em;5094}50955096.peach-tag-chip-remove {5097 background: transparent;5098 border: none;5099 color: inherit;5100 opacity: 0.6;5101 cursor: pointer;5102 padding: 0;5103 font-size: 0.75rem;5104 line-height: 1;5105}51065107.peach-tag-chip-remove:hover {5108 opacity: 1;5109}511051115112.peach-tag-input-wrap {5113 border-bottom: 1px solid var(--peach-t3);5114}51155116.peach-tag-suggestions {5117 display: flex;5118 flex-wrap: wrap;5119 gap: 4px;5120 padding: 6px 0;5121}51225123.peach-tag-suggestion {5124 padding: 2px 8px;5125 border-radius: 999px;5126 border: 1px solid var(--peach-t3);5127 background: var(--peach-s2);5128 color: var(--peach-t1);5129 font-family: "IBM Plex Mono", monospace;5130 font-size: 0.625rem;5131 cursor: pointer;5132 transition: border-color 80ms ease, background 80ms ease;5133}51345135.peach-tag-suggestion:hover {5136 border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);5137 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);5138}513951405141.peach-tag-filter-strip {5142 border-bottom: 1px solid var(--peach-t3);5143 flex-shrink: 0;5144}51455146.peach-tag-filter-chip {5147 display: inline-flex;5148 align-items: center;5149 padding: 4px 10px;5150 border-radius: 999px;5151 border: 1px solid var(--peach-t3);5152 background: transparent;5153 color: var(--peach-t2);5154 font-family: "IBM Plex Mono", monospace;5155 font-size: 0.5625rem;5156 letter-spacing: 0.06em;5157 text-transform: uppercase;5158 cursor: pointer;5159 transition: border-color 120ms ease, color 120ms ease, background 120ms ease;5160 white-space: nowrap;5161}51625163.peach-tag-filter-chip:hover {5164 border-color: color-mix(in srgb, var(--peach-accent) 35%, transparent);5165 color: var(--peach-t1);5166}51675168.peach-tag-filter-chip.is-selected {5169 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);5170 background: color-mix(in srgb, var(--peach-accent) 12%, transparent);5171 color: var(--peach-t0);5172}5173517451755176517751785179.peach-sort-bar {5180 display: flex;5181 align-items: center;5182 gap: 4px;5183 padding: 5px 12px;5184 border-bottom: 1px solid var(--peach-t3);5185 flex-shrink: 0;5186 overflow-x: auto;5187 scrollbar-width: none;5188}51895190.peach-sort-btn {5191 padding: 2px 9px;5192 border-radius: 999px;5193 border: 1px solid transparent;5194 background: transparent;5195 color: var(--peach-t2);5196 font-family: "IBM Plex Mono", monospace;5197 font-size: 0.5625rem;5198 letter-spacing: 0.07em;5199 text-transform: uppercase;5200 cursor: pointer;5201 transition: border-color 120ms ease, color 120ms ease, background 120ms ease;5202 white-space: nowrap;5203}52045205.peach-sort-btn:hover {5206 border-color: color-mix(in srgb, var(--peach-accent) 30%, transparent);5207 color: var(--peach-t1);5208}52095210.peach-sort-btn.is-active {5211 border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);5212 background: color-mix(in srgb, var(--peach-accent) 12%, transparent);5213 color: var(--peach-t0);5214}52155216.peach-sort-domain-hint {5217 margin-left: auto;5218 font-family: "IBM Plex Mono", monospace;5219 font-size: 0.5625rem;5220 color: color-mix(in srgb, var(--peach-accent) 60%, transparent);5221 white-space: nowrap;5222 overflow: hidden;5223 text-overflow: ellipsis;5224 max-width: 110px;5225}522652275228.peach-tab-match-badge {5229 display: inline-block;5230 width: 6px;5231 height: 6px;5232 border-radius: 50%;5233 background: color-mix(in srgb, var(--peach-accent) 75%, transparent);5234 margin-left: 5px;5235 vertical-align: middle;5236 flex-shrink: 0;5237 box-shadow: 0 0 4px color-mix(in srgb, var(--peach-accent) 40%, transparent);5238}52395240.peach-entry-row.is-tab-match {5241 background: color-mix(in srgb, var(--peach-accent) 4%, transparent);5242 border-bottom-color: color-mix(in srgb, var(--peach-accent) 8%, transparent);5243}52445245.peach-entry-row.is-tab-match:hover {5246 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);5247}524852495250@keyframes peach-entry-fadein {5251 from { opacity: 0; transform: translateY(4px); }5252 to { opacity: 1; transform: translateY(0); }5253}52545255.peach-vault-list .peach-entry-row {5256 animation: peach-entry-fadein 220ms cubic-bezier(0.16, 1, 0.3, 1) both;5257 content-visibility: auto;5258 contain-intrinsic-size: auto 44px;5259}526052615262.peach-btn:active {5263 transform: scale(0.95);5264 transition: transform 80ms cubic-bezier(0.34, 1.56, 0.64, 1);5265}52665267.peach-sort-btn:active,5268.peach-tag-filter-chip:active {5269 transform: scale(0.93);5270 transition: transform 80ms cubic-bezier(0.34, 1.56, 0.64, 1);5271}527252735274.peach-password-strength {5275 display: flex;5276 align-items: center;5277 gap: 8px;5278 margin-top: 6px;5279}52805281.peach-strength-bar {5282 flex: 1;5283 height: 3px;5284 border-radius: 2px;5285 background: var(--peach-t3);5286 overflow: hidden;5287}52885289.peach-strength-fill {5290 height: 100%;5291 border-radius: 2px;5292 transition: width 300ms cubic-bezier(0.34, 1.56, 0.64, 1),5293 background 300ms ease;5294}52955296.peach-strength-bar--weak .peach-strength-fill { width: 25%; background: rgba(220, 80, 60, 0.65); }5297.peach-strength-bar--fair .peach-strength-fill { width: 50%; background: rgba(200, 140, 60, 0.6); }5298.peach-strength-bar--good .peach-strength-fill { width: 75%; background: rgba(180, 162, 100, 0.55); }5299.peach-strength-bar--strong .peach-strength-fill { width: 100%; background: rgba(150, 175, 110, 0.6); }53005301.peach-strength-label {5302 font-family: "IBM Plex Mono", monospace;5303 font-style: italic;5304 font-size: 0.5625rem;5305 font-weight: 300;5306 letter-spacing: 0.06em;5307 color: var(--peach-t2);5308 min-width: 36px;5309 text-align: right;5310}53115312.peach-strength-bar--weak + .peach-strength-label { color: rgba(220, 80, 60, 0.65); }5313.peach-strength-bar--fair + .peach-strength-label { color: rgba(200, 140, 60, 0.6); }5314.peach-strength-bar--good + .peach-strength-label { color: rgba(180, 162, 100, 0.55); }5315.peach-strength-bar--strong + .peach-strength-label { color: rgba(150, 175, 110, 0.6); }531653175318.peach-duress-status {5319 padding: 2px 8px;5320 border-radius: 999px;5321 border: 1px solid var(--peach-t3);5322 font-family: "IBM Plex Mono", monospace;5323 font-size: 0.5625rem;5324 letter-spacing: 0.07em;5325 text-transform: uppercase;5326 color: var(--peach-t2);5327 flex-shrink: 0;5328}53295330.peach-duress-status.is-active {5331 border-color: color-mix(in srgb, var(--peach-accent) 45%, transparent);5332 background: color-mix(in srgb, var(--peach-accent) 10%, transparent);5333 color: var(--peach-t0);5334}53355336.peach-duress-form {5337 padding: 8px 0 4px;5338 display: flex;5339 flex-direction: column;5340 gap: 6px;5341}53425343.peach-duress-form .peach-label {5344 margin-top: 4px;5345}53465347.peach-duress-actions {5348 display: flex;5349 gap: 6px;5350 align-items: center;5351 margin-top: 4px;5352}53535354.peach-duress-actions .peach-btn:first-child {5355 margin-right: auto;5356}535753585359.peach-overlay-view.ov-enter-up {5360 animation: ov-enter-up-spring 300ms cubic-bezier(0.34, 1.56, 0.64, 1) both;5361}53625363@keyframes ov-enter-up-spring {5364 from { opacity: 0; transform: translateY(16px) scale(0.98); }5365 to { opacity: 1; transform: translateY(0) scale(1); }5366}53675368.peach-overlay-view.ov-enter-right {5369 animation: ov-enter-right-spring 280ms cubic-bezier(0.34, 1.56, 0.64, 1) both;5370}53715372@keyframes ov-enter-right-spring {5373 from { opacity: 0; transform: translateX(18px) scale(0.98); }5374 to { opacity: 1; transform: translateX(0) scale(1); }5375}53765377537853795380.peach-lock-view {5381 position: absolute;5382 inset: 0;5383 display: flex;5384 flex-direction: column;5385 background:5386 radial-gradient(120% 80% at 0% 0%, var(--shell-accent-a) 0%, transparent 65%),5387 radial-gradient(85% 100% at 100% 100%, var(--shell-accent-b) 0%, transparent 70%),5388 var(--peach-bg);5389 z-index: 2;5390 overflow: hidden;5391 animation: peach-screen-enter 280ms cubic-bezier(0.16, 1, 0.3, 1) both;5392}53935394.peach-lock-view-header {5395 display: flex;5396 align-items: center;5397 justify-content: space-between;5398 padding: 16px 18px 12px;5399 flex-shrink: 0;5400}540154025403.peach-settings-select {5404 font-family: "IBM Plex Mono", monospace;5405 font-size: 0.6875rem;5406 background: transparent;5407 border: 1px solid var(--peach-t3);5408 border-radius: 4px;5409 color: var(--peach-t1);5410 padding: 3px 6px;5411 cursor: pointer;5412 outline: none;5413}5414.peach-settings-select:focus {5415 border-color: var(--peach-accent);5416}541754185419.peach-duress-status-pill {5420 font-family: "IBM Plex Mono", monospace;5421 font-size: 0.5625rem;5422 text-transform: uppercase;5423 letter-spacing: 0.12em;5424 padding: 2px 8px;5425 border-radius: 12px;5426 background: var(--peach-t3);5427 color: var(--peach-t2);5428 flex-shrink: 0;5429}5430.peach-duress-status-pill.is-active {5431 background: color-mix(in srgb, var(--peach-accent) 15%, transparent);5432 color: var(--peach-accent);5433}543454355436.peach-entry-advanced {5437 margin-top: 12px;5438 border-top: 1px solid var(--peach-t3);5439 padding-top: 10px;5440 position: relative;5441 z-index: 1;5442}5443.peach-entry-advanced-toggle {5444 display: flex;5445 align-items: center;5446 justify-content: space-between;5447 width: 100%;5448 background: transparent;5449 border: none;5450 cursor: pointer;5451 padding: 0;5452 color: var(--peach-t2);5453}5454.peach-canary-section {5455 margin-top: 10px;5456 display: grid;5457 gap: 6px;5458}545954605461.peach-import-choice {5462 display: flex;5463 align-items: flex-start;5464 gap: 10px;5465 padding: 8px 10px;5466 border: 1px solid var(--peach-t3);5467 border-radius: 10px;5468 cursor: pointer;5469 margin-bottom: 6px;5470 transition: border-color 120ms ease, background 120ms ease;5471}5472.peach-import-choice:hover {5473 border-color: var(--peach-accent);5474}5475.peach-import-choice input[type="radio"] {5476 margin-top: 3px;5477 accent-color: var(--peach-accent);5478 flex-shrink: 0;5479}5480.peach-import-choice-main {5481 display: flex;5482 flex-direction: column;5483 gap: 2px;5484 min-width: 0;5485}5486.peach-import-choice-label {5487 font-size: 0.75rem;5488 color: var(--peach-t0);5489}5490.peach-import-choice-sub {5491 font-size: 0.6875rem;5492 color: var(--peach-t2);5493 line-height: 1.5;5494}549554965497.peach-export-success {5498 display: flex;5499 align-items: flex-start;5500 gap: 10px;5501 padding: 12px;5502 border-radius: 12px;5503 border: 1px solid rgba(150, 175, 110, 0.3);5504 background: rgba(150, 175, 110, 0.08);5505 color: var(--peach-t0);5506 font-size: 0.75rem;5507 line-height: 1.55;5508}5509.peach-export-success-check {5510 color: rgba(150, 175, 110, 0.9);5511 font-size: 0.875rem;5512 flex-shrink: 0;5513}551455155516.peach-trash-entry-row {5517 display: flex;5518 align-items: center;5519 justify-content: space-between;5520 gap: 8px;5521 padding: 8px 0;5522 border-bottom: 1px solid var(--peach-border);5523}5524.peach-trash-entry-info {5525 flex: 1;5526 min-width: 0;5527 display: flex;5528 flex-direction: column;5529 gap: 2px;5530}5531.peach-trash-entry-title {5532 font-size: 0.8125rem;5533 color: var(--peach-t0);5534 overflow: hidden;5535 text-overflow: ellipsis;5536 white-space: nowrap;5537}5538.peach-trash-entry-meta {5539 font-family: var(--font-mono);5540 font-size: 0.5625rem;5541 color: var(--peach-t2);5542 letter-spacing: 0.04em;5543}5544.peach-trash-entry-actions {5545 display: flex;5546 align-items: center;5547 gap: 4px;5548 flex-shrink: 0;5549}5550.peach-trash-delete-btn {5551 background: transparent;5552 border: 0;5553 color: var(--peach-t3);5554 font-size: 1rem;5555 line-height: 1;5556 cursor: pointer;5557 padding: 2px 5px;5558 transition: color 0.15s;5559}5560.peach-trash-delete-btn:hover { color: var(--peach-breach); }5561.peach-trash-list {5562 overflow-y: auto;5563}5564.peach-trash-footer {5565 display: flex;5566 align-items: center;5567 gap: 8px;5568 padding: 8px 0 0;5569 border-top: 1px solid var(--peach-border);5570 margin-top: 4px;5571}5572.peach-trash-purge-all {5573 background: transparent;5574 border: 0;5575 color: var(--peach-t3);5576 font-size: 0.625rem;5577 cursor: pointer;5578 padding: 4px 0;5579 letter-spacing: 0.03em;5580 transition: color 0.2s;5581}5582.peach-trash-purge-all:hover { color: var(--peach-breach); }5583.peach-trash-purge-confirm-label {5584 font-size: 0.625rem;5585 color: var(--peach-t1);5586 flex: 1;5587}558855895590.peach-shortcuts-grid {5591 display: grid;5592 grid-template-columns: auto 1fr;5593 gap: 6px 12px;5594 align-items: center;5595 padding: 4px 0;5596}5597.peach-shortcut-key {5598 font-family: var(--font-mono);5599 font-size: 0.625rem;5600 color: var(--peach-t0);5601 background: var(--peach-t3);5602 border-radius: 4px;5603 padding: 2px 6px;5604 white-space: nowrap;5605 text-align: center;5606}5607.peach-shortcut-desc {5608 font-size: 0.6875rem;5609 color: var(--peach-t1);5610}561156125613.peach-sort-trash-btn {5614 display: flex;5615 align-items: center;5616 justify-content: center;5617 padding: 3px 5px;5618 background: transparent;5619 border: none;5620 cursor: pointer;5621 color: var(--peach-t2);5622 border-radius: 4px;5623 transition: color 140ms ease, background 140ms ease;5624}5625.peach-sort-trash-btn:hover {5626 color: var(--peach-t1);5627 background: var(--peach-t3);5628}5629.peach-sort-trash-btn.is-active {5630 color: var(--peach-accent);5631}563256335634.peach-settings-row--accent { align-items: flex-start; padding-top: 10px; }5635.peach-accent-picker {5636 display: flex;5637 flex-wrap: wrap;5638 gap: 7px;5639 padding: 2px 0;5640}5641.peach-accent-swatch {5642 width: 22px;5643 height: 22px;5644 border-radius: 50%;5645 border: 2px solid transparent;5646 cursor: pointer;5647 padding: 0;5648 transition: transform 100ms;5649 outline-offset: 2px;5650}5651.peach-accent-swatch:hover { transform: scale(1.15); }5652.peach-accent-swatch.is-active {5653 border-color: var(--peach-t0);5654 transform: scale(1.1);5655}5656565756585659.peach-settings-row--font { align-items: flex-start; padding-top: 10px; }5660.peach-font-picker {5661 display: flex;5662 flex-wrap: wrap;5663 gap: 6px;5664 padding: 2px 0;5665 flex: 1;5666 justify-content: flex-end;5667}5668.peach-font-swatch {5669 display: flex;5670 flex-direction: column;5671 align-items: center;5672 gap: 2px;5673 padding: 4px 8px;5674 background: transparent;5675 border: 1px solid var(--peach-t3);5676 border-radius: 6px;5677 cursor: pointer;5678 transition: border-color 100ms, background 100ms;5679 min-width: 56px;5680}5681.peach-font-swatch:hover {5682 border-color: var(--peach-accent-dim);5683 background: color-mix(in srgb, var(--peach-accent) 4%, transparent);5684}5685.peach-font-swatch.is-active {5686 border-color: var(--peach-accent);5687 background: color-mix(in srgb, var(--peach-accent) 8%, transparent);5688}5689.peach-font-swatch-glyph {5690 font-size: 18px;5691 line-height: 1;5692 color: var(--peach-t0);5693}5694.peach-font-swatch[data-font-preview="cormorant-italic"] .peach-font-swatch-glyph {5695 font-family: "Cormorant Garamond", serif;5696 font-style: italic;5697 font-weight: 400;5698}5699.peach-font-swatch[data-font-preview="cormorant"] .peach-font-swatch-glyph {5700 font-family: "Cormorant Garamond", serif;5701 font-style: normal;5702 font-weight: 400;5703}5704.peach-font-swatch[data-font-preview="inter"] .peach-font-swatch-glyph {5705 font-family: "Inter Variable", "Inter", sans-serif;5706 font-style: normal;5707 font-weight: 400;5708}5709.peach-font-swatch[data-font-preview="system"] .peach-font-swatch-glyph {5710 font-family: system-ui, -apple-system, sans-serif;5711 font-style: normal;5712 font-weight: 400;5713}5714.peach-font-swatch-name {5715 font-family: var(--font-mono);5716 font-size: 0.5rem;5717 letter-spacing: 0.06em;5718 color: var(--peach-t2);5719 text-transform: lowercase;5720}57215722.peach-pill-group {5723 display: flex;5724 gap: 6px;5725}5726.peach-pill-group .peach-btn.is-active {5727 background: color-mix(in srgb, var(--peach-accent) 14%, transparent);5728 border-color: var(--peach-accent);5729 color: var(--peach-t0);5730}573157325733.peach-card-number {5734 font-family: var(--peach-mono);5735 letter-spacing: 0.08em;5736}57375738.peach-card-network-badge {5739 font-size: 0.625rem;5740 padding: 1px 5px;5741 border-radius: 4px;5742 border: 0.5px solid var(--peach-border);5743 color: var(--peach-text-dim);5744 margin-left: 6px;5745 vertical-align: middle;5746}57475748.peach-card-expiry-row {5749 display: flex;5750 align-items: center;5751 gap: 8px;5752}57535754.peach-card-expiry-sep {5755 color: var(--peach-text-dim);5756}575757585759.peach-pro-mark {5760 font-size: 0.5625rem;5761 color: var(--peach-accent);5762 margin-left: 6px;5763 vertical-align: super;5764 opacity: 0.7;5765}57665767.peach-pro-mini-badge {5768 display: block;5769 font-size: 0.625rem;5770 font-style: italic;5771 color: var(--peach-accent);5772 letter-spacing: 0.04em;5773 margin-top: -2px;5774 padding-left: 2px;5775 opacity: 0.85;5776 text-align: center;5777}57785779.peach-wordmark-stack {5780 display: inline-flex;5781 flex-direction: column;5782 align-items: center;5783}578457855786.peach-pro-upgrade {5787 display: flex;5788 flex-direction: column;5789 align-items: stretch;5790 gap: 10px;5791 padding: 0 4px 8px;5792}57935794.peach-pro-upgrade-hero {5795 display: flex;5796 flex-direction: column;5797 align-items: center;5798 gap: 4px;5799 padding: 10px 0 6px;5800}58015802.peach-pro-upgrade-mark-wrap {5803 display: flex;5804 align-items: center;5805 justify-content: center;5806 margin-bottom: 2px;5807}58085809.peach-pro-upgrade-mark {5810 width: 38px;5811 height: 38px;5812 filter:5813 drop-shadow(0 0 7px color-mix(in srgb, var(--peach-accent) 45%, transparent))5814 drop-shadow(0 0 18px color-mix(in srgb, var(--peach-accent) 18%, transparent));5815}58165817.peach-pro-upgrade-title {5818 font-family: var(--font-display, var(--font-ui));5819 font-size: 22px;5820 margin: 0;5821 color: var(--peach-t0);5822 letter-spacing: 0.01em;5823}58245825.peach-pro-upgrade-tagline {5826 margin: 0;5827 font-style: italic;5828 color: var(--peach-t2);5829 font-size: 0.6875rem;5830}58315832.peach-pro-features {5833 display: flex;5834 flex-direction: column;5835 gap: 8px;5836 border-top: 1px solid var(--peach-border);5837 border-bottom: 1px solid var(--peach-border);5838 padding: 10px 4px;5839}58405841.peach-pro-feature {5842 display: flex;5843 gap: 9px;5844 align-items: baseline;5845}58465847.peach-pro-feature-mark {5848 color: var(--peach-accent);5849 font-size: 0.6875rem;5850 flex-shrink: 0;5851 display: inline-block;5852 transform-origin: center;5853 opacity: 0.8;5854}58555856.peach-pro-feature-text {5857 display: flex;5858 flex-direction: column;5859 gap: 1px;5860}58615862.peach-pro-feature-name {5863 font-size: 0.75rem;5864 color: var(--peach-t0);5865}58665867.peach-pro-feature-desc {5868 font-size: 0.625rem;5869 color: var(--peach-t2);5870}58715872.peach-pro-feature.is-highlighted .peach-pro-feature-mark {5873 animation: peach-pulse-accent 600ms ease-out forwards;5874}58755876@keyframes peach-pulse-accent {5877 0% { opacity: 1; transform: scale(1.4); }5878 100% { opacity: 0.7; transform: scale(1); }5879}58805881.peach-pro-upgrade-actions {5882 display: flex;5883 flex-direction: column;5884 align-items: center;5885 gap: 8px;5886 padding-top: 2px;5887}58885889.peach-pro-pricing {5890 margin: 0;5891 text-align: center;5892 font-size: 0.6875rem;5893 color: var(--peach-t2);5894 letter-spacing: 0.04em;5895}58965897.peach-pro-upgrade-cta {5898 align-self: stretch;5899 text-align: center;5900 text-decoration: none;5901 display: block;5902 padding: 9px 20px;5903 font-size: 0.8125rem;5904 box-sizing: border-box;5905}59065907.peach-pro-key-divider {5908 display: flex;5909 align-items: center;5910 gap: 8px;5911 width: 100%;5912 color: var(--peach-t3);5913 font-size: 0.625rem;5914 letter-spacing: 0.08em;5915}59165917.peach-pro-key-divider::before,5918.peach-pro-key-divider::after {5919 content: "";5920 flex: 1;5921 height: 1px;5922 background: var(--peach-border);5923}59245925.peach-pro-key-link {5926 background: transparent;5927 border: 1px solid var(--peach-border);5928 border-radius: 8px;5929 color: var(--peach-t1);5930 font-size: 0.75rem;5931 cursor: pointer;5932 align-self: stretch;5933 padding: 8px 12px;5934 text-align: center;5935 transition: border-color 0.2s, color 0.2s;5936}59375938.peach-pro-key-link:hover {5939 border-color: var(--peach-accent);5940 color: var(--peach-accent);5941}594259435944.peach-pro-key-ceremony {5945 display: flex;5946 flex-direction: column;5947 align-items: center;5948 gap: 12px;5949 padding: 20px 4px 16px;5950}59515952.peach-pro-key-ceremony .peach-lock-rune-string {5953 font-size: 1rem;5954 gap: 12px;5955 flex: 0;5956 justify-content: center;5957}59585959.peach-pro-key-ceremony-label {5960 margin: 0;5961 font-size: 0.6875rem;5962 color: var(--peach-t2);5963 font-style: italic;5964 letter-spacing: 0.04em;5965}59665967.peach-pro-key-input {5968 font-family: var(--font-mono, monospace);5969 letter-spacing: 0.06em;5970 text-align: center;5971 width: 100%;5972 box-sizing: border-box;5973}59745975.peach-pro-key-error {5976 margin: 0;5977 font-size: 0.75rem;5978 text-align: center;5979 color: var(--peach-breach, #e55);5980 padding: 0;5981}59825983.peach-pro-key-activate {5984 width: 100%;5985 text-align: center;5986 box-sizing: border-box;5987 padding: 10px 20px;5988 font-size: 0.8125rem;5989}59905991.peach-pro-key-cancel {5992 background: transparent;5993 border: 0;5994 color: var(--peach-t2);5995 font-size: 0.6875rem;5996 cursor: pointer;5997 padding: 2px 8px;5998 transition: color 0.2s;5999}60006001.peach-pro-key-cancel:hover { color: var(--peach-accent); }600260036004.peach-pro-active {6005 display: flex;6006 flex-direction: column;6007 align-items: center;6008 gap: 0;6009 padding: 8px 4px 16px;6010 min-height: 280px;6011}60126013.peach-pro-active-hero {6014 display: flex;6015 flex-direction: column;6016 align-items: center;6017 gap: 6px;6018 padding: 20px 0 22px;6019}60206021.peach-pro-active-mark-wrap {6022 display: flex;6023 align-items: center;6024 justify-content: center;6025 margin-bottom: 4px;6026}60276028.peach-pro-active-mark {6029 width: 60px;6030 height: 60px;6031 filter:6032 drop-shadow(0 0 10px color-mix(in srgb, var(--peach-accent) 55%, transparent))6033 drop-shadow(0 0 26px color-mix(in srgb, var(--peach-accent) 22%, transparent));6034}60356036.peach-pro-active-title {6037 font-family: var(--font-display, var(--font-ui));6038 font-size: 26px;6039 margin: 0;6040 color: var(--peach-t0);6041 letter-spacing: 0.01em;6042}60436044.peach-pro-active-since {6045 margin: 0;6046 font-size: 0.6875rem;6047 color: var(--peach-t2);6048 font-style: italic;6049}60506051.peach-pro-active-features {6052 display: flex;6053 flex-direction: column;6054 gap: 8px;6055 width: 100%;6056 padding: 14px 8px 0;6057 border-top: 1px solid var(--peach-border);6058 flex: 1;6059}60606061.peach-pro-active-feature {6062 display: flex;6063 align-items: center;6064 gap: 9px;6065}60666067.peach-pro-active-feature-mark {6068 color: var(--peach-accent);6069 font-size: 0.625rem;6070 opacity: 0.65;6071 flex-shrink: 0;6072}60736074.peach-pro-active-feature-name {6075 font-size: 0.75rem;6076 color: var(--peach-t1);6077}60786079.peach-pro-deactivate {6080 align-self: center;6081 background: transparent;6082 border: 0;6083 color: var(--peach-t3);6084 font-size: 0.625rem;6085 cursor: pointer;6086 padding: 8px 0 0;6087 margin-top: 16px;6088 letter-spacing: 0.03em;6089 transition: color 0.2s;6090}60916092.peach-pro-deactivate:hover { color: var(--peach-t2); }60936094.peach-pro-deactivate:disabled {6095 opacity: 0.5;6096 cursor: default;6097}609860996100.peach-health-pro-queue {6101 display: flex;6102 flex-direction: column;6103 gap: 10px;6104 padding: 12px;6105 margin: 0 0 12px;6106 background: color-mix(in srgb, var(--peach-accent) 4%, transparent);6107 border: 1px solid color-mix(in srgb, var(--peach-accent) 18%, transparent);6108 border-radius: 10px;6109}61106111.peach-health-pro-queue-head {6112 display: flex;6113 justify-content: space-between;6114 align-items: baseline;6115}61166117.peach-health-pro-queue-title {6118 font-size: 0.75rem;6119 font-weight: 500;6120 letter-spacing: 0.04em;6121 text-transform: uppercase;6122 color: var(--peach-accent);6123}61246125.peach-health-pro-queue-score {6126 font-size: 0.6875rem;6127 color: var(--peach-t2);6128}61296130.peach-health-pro-row {6131 display: flex;6132 gap: 10px;6133 align-items: center;6134 padding: 8px 0;6135 border-top: 1px solid var(--peach-border);6136}61376138.peach-health-pro-row-info {6139 flex: 1;6140 display: flex;6141 flex-direction: column;6142 gap: 4px;6143 min-width: 0;6144}61456146.peach-health-pro-row-name {6147 font-size: 0.8125rem;6148 color: var(--peach-t0);6149 overflow: hidden;6150 text-overflow: ellipsis;6151 white-space: nowrap;6152}61536154.peach-health-pro-row-meta {6155 font-size: 0.6875rem;6156 color: var(--peach-t2);6157}61586159.peach-health-pro-bar {6160 height: 2px;6161 background: var(--peach-border);6162 border-radius: 2px;6163 overflow: hidden;6164 margin-top: 2px;6165}61666167.peach-health-pro-bar-fill {6168 height: 100%;6169 background: var(--peach-accent);6170 transition: width 200ms ease-out;6171}617261736174@keyframes peach-pro-bloom {6175 0% { filter: drop-shadow(0 0 0px var(--peach-glow)); }6176 40% { filter: drop-shadow(0 0 24px var(--peach-accent))6177 drop-shadow(0 0 48px var(--peach-glow)); }6178 100% { filter: drop-shadow(0 0 0px var(--peach-glow)); }6179}61806181@keyframes peach-pro-wordmark-in {6182 from { opacity: 0; transform: translateY(4px); }6183 to { opacity: 1; transform: translateY(0); }6184}61856186@keyframes peach-pro-fade-out {6187 from { opacity: 1; }6188 to { opacity: 0; }6189}61906191.peach-pro-celebration {6192 background:6193 radial-gradient(120% 80% at 0% 0%, var(--shell-accent-a) 0%, transparent 65%),6194 radial-gradient(85% 100% at 100% 100%, var(--shell-accent-b) 0%, transparent 70%),6195 var(--peach-bg);6196 border: 1px solid var(--peach-t3);6197 box-shadow:6198 0 2px 8px rgba(0,0,0,0.55),6199 0 14px 48px rgba(0,0,0,0.7),6200 0 0 0 1px rgba(240,232,216,0.04);6201 overflow: hidden;6202 width: 320px;6203 height: 520px;6204 display: flex;6205 flex-direction: column;6206 align-items: center;6207 justify-content: center;6208 gap: 8px;6209 padding: 32px 24px;6210 text-align: center;6211}62126213.peach-pro-celebration.is-leaving {6214 animation: peach-pro-fade-out 400ms ease forwards;6215}62166217.peach-pro-bloom-target {6218 font-size: 48px;6219 animation: peach-pro-bloom 600ms cubic-bezier(0.16, 1, 0.3, 1) forwards;6220 margin-bottom: 12px;6221}62226223.peach-pro-wordmark {6224 font-family: var(--font-display);6225 font-size: 22px;6226 font-style: italic;6227 font-weight: 400;6228 color: var(--peach-accent);6229 animation: peach-pro-wordmark-in 400ms cubic-bezier(0.16, 1, 0.3, 1) 500ms both;6230}62316232.peach-pro-thankyou {6233 font-size: 0.75rem;6234 font-style: italic;6235 color: var(--peach-t2);6236 animation: peach-pro-wordmark-in 400ms cubic-bezier(0.16, 1, 0.3, 1) 800ms both;6237}6238623962406241.peach-pro-notice-banner {6242 display: flex;6243 align-items: center;6244 gap: 8px;6245 padding: 7px 12px;6246 background: color-mix(in srgb, var(--peach-accent) 12%, var(--peach-bg-card));6247 border-bottom: 1px solid color-mix(in srgb, var(--peach-accent) 25%, transparent);6248 font-size: 0.6875rem;6249 color: var(--peach-t2);6250 font-family: "IBM Plex Mono", monospace;6251 flex-shrink: 0;6252}62536254.peach-pro-notice-link {6255 background: none;6256 border: none;6257 padding: 0;6258 cursor: pointer;6259 font-size: 0.6875rem;6260 color: var(--peach-accent);6261 font-family: "IBM Plex Mono", monospace;6262 margin-left: auto;6263 white-space: nowrap;6264}62656266.peach-pro-notice-close {6267 background: none;6268 border: none;6269 padding: 0 0 0 4px;6270 cursor: pointer;6271 font-size: 0.625rem;6272 color: var(--peach-t3);6273 line-height: 1;6274}62756276627762786279.peach-pair-request-banner {6280 display: flex;6281 flex-direction: column;6282 gap: 8px;6283 padding: 10px 12px;6284 background: color-mix(in srgb, var(--peach-accent) 14%, var(--peach-bg-card));6285 border-bottom: 1px solid color-mix(in srgb, var(--peach-accent) 32%, transparent);6286 font-family: "IBM Plex Mono", monospace;6287 flex-shrink: 0;6288}62896290.peach-pair-toast {6291 padding: 8px 12px;6292 font-family: "IBM Plex Mono", monospace;6293 font-size: 0.75rem;6294 color: var(--peach-t1);6295 background: color-mix(in srgb, var(--peach-accent) 10%, var(--peach-bg-card));6296 border-bottom: 1px solid color-mix(in srgb, var(--peach-accent) 22%, transparent);6297 flex-shrink: 0;6298 text-align: center;6299}63006301.peach-pair-toast strong {6302 color: var(--peach-t0);6303 font-weight: 500;6304}63056306.peach-pair-request-header {6307 display: flex;6308 align-items: center;6309 gap: 8px;6310 font-size: 0.75rem;6311 color: var(--peach-t1);6312}63136314.peach-pair-request-mark {6315 font-size: 0.875rem;6316}63176318.peach-pair-request-title {6319 font-weight: 600;6320 color: var(--peach-t0);6321}63226323.peach-pair-request-countdown {6324 margin-left: auto;6325 font-variant-numeric: tabular-nums;6326 color: var(--peach-t2);6327 font-size: 0.6875rem;6328}63296330.peach-pair-request-body {6331 margin: 0;6332 font-size: 0.75rem;6333 color: var(--peach-t1);6334 line-height: 1.4;6335}63366337.peach-pair-request-body strong {6338 color: var(--peach-t0);6339 font-weight: 600;6340}63416342.peach-pair-request-actions {6343 display: flex;6344 gap: 8px;6345 justify-content: flex-end;6346}634763486349635063516352635363546355.peach-onboarding {6356 position: relative;6357 display: flex;6358 flex-direction: column;6359 width: 100%;6360 height: 100%;6361 padding: 16px 16px 18px;6362 box-sizing: border-box;6363 overflow: hidden;6364 animation: peach-onboard-enter 300ms cubic-bezier(0.16, 1, 0.3, 1) both;6365}63666367.peach-onboarding.is-completing {6368 animation: peach-onboard-exit 200ms ease-out forwards;6369}63706371.peach-rune-background {6372 position: absolute;6373 inset: 0;6374 width: 100%;6375 height: 100%;6376 pointer-events: none;6377 z-index: 0;6378 transition: opacity 500ms ease-out;6379}63806381.peach-onboarding.is-completing .peach-rune-background {6382 opacity: 0;6383}63846385.peach-onboarding-header {6386 position: relative;6387 z-index: 1;6388 display: flex;6389 align-items: center;6390 margin-bottom: 14px;6391}63926393.peach-onboarding-card {6394 position: relative;6395 z-index: 1;6396 flex: 1;6397 display: flex;6398 flex-direction: column;6399 gap: 10px;6400 padding: 22px 20px;6401 border-radius: 16px;6402 border: 1px solid var(--peach-t3);6403 background:6404 linear-gradient(180deg, rgba(240, 232, 216, 0.03), rgba(240, 232, 216, 0.015));6405 backdrop-filter: blur(3px);6406 -webkit-backdrop-filter: blur(3px);6407 box-shadow:6408 inset 0 1px 0 rgba(240, 232, 216, 0.04),6409 0 12px 28px rgba(0, 0, 0, 0.12);6410 cursor: pointer;6411 user-select: none;6412 animation: peach-card-in 200ms cubic-bezier(0.16, 1, 0.3, 1) both;6413}64146415.peach-onboarding-card.is-exiting {6416 animation: peach-card-out 120ms ease-in forwards;6417 pointer-events: none;6418}64196420.peach-onboarding-card-headline {6421 margin: 0;6422 font-family: var(--font-display);6423 font-style: italic;6424 font-weight: 400;6425 font-size: 22px;6426 line-height: 1.05;6427 color: var(--peach-t0);6428 white-space: pre-line;6429}64306431.peach-onboarding-divider {6432 margin: 4px 0 6px;6433 border: 0;6434 border-top: 1px solid var(--peach-t3);6435 width: 100%;6436}64376438.peach-onboarding-body {6439 margin: 0;6440 font-size: 0.8125rem;6441 line-height: 1.6;6442 color: var(--peach-t1);6443}64446445.peach-onboarding-warning {6446 display: flex;6447 align-items: flex-start;6448 gap: 8px;6449 margin: 6px 0 0;6450 padding-top: 8px;6451 border-top: 1px dashed var(--peach-t3);6452 font-size: 0.8125rem;6453 line-height: 1.5;6454 color: var(--peach-t1);6455}64566457.peach-onboarding-warning-icon {6458 color: var(--peach-accent);6459 font-size: 0.8125rem;6460 line-height: 1.5;6461 flex: 0 0 auto;6462}64636464.peach-onboarding-nav {6465 position: relative;6466 z-index: 1;6467 display: flex;6468 align-items: center;6469 justify-content: space-between;6470 margin-top: 12px;6471 padding: 0 4px;6472}64736474.peach-onboarding-dots {6475 display: flex;6476 align-items: center;6477 gap: 6px;6478}64796480.peach-onboarding-dot {6481 width: 6px;6482 height: 6px;6483 border-radius: 50%;6484 background: var(--peach-t2);6485 transition: width 200ms ease, height 200ms ease, background 200ms ease;6486}64876488.peach-onboarding-dot.is-active {6489 width: 8px;6490 height: 8px;6491 background: var(--peach-accent);6492}64936494.peach-onboarding-next {6495 background: none;6496 border: none;6497 padding: 4px 0;6498 cursor: pointer;6499 font-family: "IBM Plex Mono", monospace;6500 font-size: 0.6875rem;6501 letter-spacing: 0.04em;6502 color: var(--peach-t1);6503 transition: color 150ms ease;6504}65056506.peach-onboarding-next:hover {6507 color: var(--peach-t0);6508}65096510.peach-onboarding-next:disabled {6511 opacity: 0.5;6512 cursor: default;6513}65146515.peach-onboarding-mobile-card-buttons {6516 display: flex;6517 flex-direction: column;6518 gap: 8px;6519 margin-top: 16px;6520}65216522@keyframes peach-onboard-enter {6523 from { opacity: 0; transform: translateY(20px); }6524 to { opacity: 1; transform: translateY(0); }6525}65266527@keyframes peach-onboard-exit {6528 from { opacity: 1; }6529 to { opacity: 0; }6530}65316532@keyframes peach-card-in {6533 from { opacity: 0; transform: translateX(12px); }6534 to { opacity: 1; transform: translateX(0); }6535}65366537@keyframes peach-card-out {6538 from { opacity: 1; transform: translateX(0); }6539 to { opacity: 0; transform: translateX(-12px); }6540}6541654265436544.peach-newvault {6545 position: relative;6546 display: flex;6547 flex-direction: column;6548 gap: 12px;6549 padding: 16px 16px 18px;6550 overflow: hidden;6551}6552655365546555.peach-newvault::before {6556 content: none;6557}65586559.peach-newvault-header {6560 position: relative;6561 z-index: 2;6562 display: flex;6563 align-items: center;6564 gap: 10px;6565 margin-bottom: 2px;6566}65676568.peach-newvault-back {6569 display: inline-flex;6570 align-items: center;6571 gap: 4px;6572 background: transparent;6573 border: none;6574 color: var(--peach-t2);6575 font-family: "IBM Plex Mono", monospace;6576 font-size: 0.625rem;6577 letter-spacing: 0.06em;6578 cursor: pointer;6579 padding: 4px 6px;6580 border-radius: 6px;6581 transition: color 120ms ease, background 120ms ease;6582}65836584.peach-newvault-back:hover {6585 color: var(--peach-t0);6586 background: rgba(240, 232, 216, 0.04);6587}65886589.peach-newvault-mark {6590 position: absolute;6591 right: -12px;6592 top: 6px;6593 width: 110px;6594 height: 110px;6595 pointer-events: none;6596 opacity: 0.10;6597 filter: saturate(0.9);6598 z-index: 0;6599}6600.peach-newvault-mark-art {6601 width: 100%;6602 height: 100%;6603}6604.peach-newvault-mark-art path:nth-child(2),6605.peach-newvault-mark-art path:nth-child(3) {6606 stroke: rgba(123, 144, 96, 0.88);6607 fill: rgba(123, 144, 96, 0.88);6608}66096610.peach-newvault-card {6611 position: relative;6612 z-index: 1;6613 display: flex;6614 flex-direction: column;6615 gap: 12px;6616 padding: 22px 20px 18px;6617 border-radius: 16px;6618 border: 1px solid var(--peach-t3);6619 background:6620 linear-gradient(180deg, rgba(240, 232, 216, 0.03), rgba(240, 232, 216, 0.015));6621 backdrop-filter: blur(3px);6622 -webkit-backdrop-filter: blur(3px);6623 box-shadow:6624 inset 0 1px 0 rgba(240, 232, 216, 0.04),6625 0 12px 28px rgba(0, 0, 0, 0.12);6626 animation: peach-onboard-enter 320ms cubic-bezier(0.16, 1, 0.3, 1) both;6627}66286629.peach-newvault-headline {6630 margin: 0;6631 font-family: var(--font-display);6632 font-style: italic;6633 font-weight: 400;6634 font-size: 24px;6635 line-height: 1.05;6636 color: var(--peach-t0);6637 white-space: pre-line;6638}66396640.peach-newvault-divider {6641 margin: 2px 0 4px;6642 border: 0;6643 border-top: 1px solid var(--peach-t3);6644 width: 100%;6645}66466647.peach-newvault-field {6648 display: flex;6649 flex-direction: column;6650 gap: 4px;6651}66526653.peach-newvault-label-row {6654 display: flex;6655 align-items: center;6656 justify-content: space-between;6657}66586659666066616662.peach-newvault-input {6663 font-size: 0.875rem;6664 letter-spacing: 0.18em;6665 padding: 8px 0;6666}6667.peach-newvault-input::placeholder {6668 letter-spacing: 0.18em;6669 color: var(--peach-t2);6670}66716672.peach-newvault-hint {6673 margin: 2px 0 0;6674 font-family: "IBM Plex Mono", monospace;6675 font-size: 0.625rem;6676 color: var(--peach-t2);6677 letter-spacing: 0.04em;6678}66796680.peach-newvault-submit {6681 margin-top: 4px;6682}66836684.peach-newvault-warning {6685 display: flex;6686 align-items: flex-start;6687 gap: 8px;6688 margin: 4px 0 0;6689 padding-top: 10px;6690 border-top: 1px dashed var(--peach-t3);6691 font-size: 0.75rem;6692 line-height: 1.5;6693 color: var(--peach-t1);6694}66956696.peach-newvault-warning-icon {6697 color: var(--peach-accent);6698 font-size: 0.8125rem;6699 line-height: 1.4;6700 flex: 0 0 auto;6701}67026703.peach-newvault-footer {6704 position: relative;6705 z-index: 1;6706 display: flex;6707 flex-direction: column;6708 gap: 4px;6709 padding: 4px 4px 0;6710}671167126713.peach-settings-body {6714 background:6715 radial-gradient(6716 ellipse at 30% 20%,6717 color-mix(in srgb, var(--peach-accent) 8%, transparent) 0%,6718 transparent 60%6719 );6720}6721672267236724672567266727672867296730.peach-danger-card {6731 --danger-tint: 235, 158, 52; 6732 display: flex;6733 flex-direction: column;6734 gap: 8px;6735 padding: 14px;6736 margin-top: 10px;6737 border-radius: 12px;6738 border: 1px solid rgba(var(--danger-tint), 0.32);6739 background:6740 radial-gradient(120% 120% at 0% 0%, rgba(var(--danger-tint), 0.10) 0%, transparent 60%),6741 rgba(var(--danger-tint), 0.04);6742 box-shadow:6743 inset 0 1px 0 rgba(var(--danger-tint), 0.08),6744 0 0 24px rgba(var(--danger-tint), 0.04);6745 transition: box-shadow 220ms ease, border-color 220ms ease, transform 180ms ease;6746}67476748.peach-danger-card:hover {6749 border-color: rgba(var(--danger-tint), 0.55);6750 box-shadow:6751 inset 0 1px 0 rgba(var(--danger-tint), 0.12),6752 0 0 36px rgba(var(--danger-tint), 0.10);6753}67546755.peach-danger-card--hazard {6756 --danger-tint: 220, 38, 38; 6757}67586759.peach-danger-card-head {6760 display: flex;6761 align-items: center;6762 gap: 10px;6763}67646765.peach-danger-card-glyph {6766 width: 28px;6767 height: 28px;6768 flex-shrink: 0;6769 display: flex;6770 align-items: center;6771 justify-content: center;6772 border-radius: 8px;6773 background: rgba(var(--danger-tint), 0.12);6774 color: rgba(var(--danger-tint), 0.95);6775 font-size: 1rem;6776 line-height: 1;6777}67786779.peach-danger-card-title {6780 margin: 0;6781 font-size: 0.8125rem;6782 font-weight: 600;6783 color: rgba(var(--danger-tint), 0.92);6784 letter-spacing: 0.01em;6785}67866787.peach-danger-card-copy {6788 margin: 0;6789 font-size: 0.6875rem;6790 line-height: 1.5;6791 color: var(--peach-t2);6792}67936794.peach-danger-card-button {6795 width: 100%;6796 padding: 9px;6797 margin-top: 4px;6798 background: transparent;6799 border: 1px solid rgba(var(--danger-tint), 0.45);6800 border-radius: 8px;6801 color: rgba(var(--danger-tint), 0.9);6802 font-size: 0.75rem;6803 font-weight: 500;6804 letter-spacing: 0.02em;6805 cursor: pointer;6806 transition: background 150ms ease, border-color 150ms ease, color 150ms ease;6807}68086809.peach-danger-card-button:hover {6810 background: rgba(var(--danger-tint), 0.10);6811 border-color: rgba(var(--danger-tint), 0.75);6812 color: rgb(var(--danger-tint));6813}681468156816.peach-panic {6817 display: flex;6818 flex-direction: column;6819 flex: 1;6820 min-height: 0;6821 padding: 28px 20px 20px;6822 gap: 18px;6823 overflow-y: auto;6824 scrollbar-width: none;6825 -ms-overflow-style: none;6826}68276828.peach-panic::-webkit-scrollbar { display: none; }68296830.peach-panic-step2 {6831 background: rgba(220, 38, 38, 0.04);6832}68336834.peach-panic-step3 {6835 position: relative;6836 background: #0f0505;6837 color: #ffffff;6838 overflow: hidden;6839}68406841.peach-panic-rune-bg {6842 position: absolute;6843 inset: 0;6844 opacity: 0.22;6845 pointer-events: none;6846 overflow: hidden;6847}68486849.peach-panic-rune-bg canvas {6850 width: 100% !important;6851 height: 100% !important;6852}68536854.peach-panic-icon {6855 font-size: 32px;6856 color: rgb(220, 38, 38);6857 line-height: 1;6858}68596860.peach-panic-title {6861 margin: 0;6862 font-size: 18px;6863 font-weight: 500;6864 color: var(--peach-t1);6865}68666867.peach-panic-title--severe {6868 font-size: 20px;6869 font-weight: 700;6870 color: rgb(220, 38, 38);6871}68726873.peach-panic-body {6874 margin: 0;6875 font-size: 0.8125rem;6876 line-height: 1.55;6877 color: var(--peach-t2);6878}68796880.peach-panic-body--severe {6881 color: rgba(220, 38, 38, 0.85);6882}68836884.peach-panic-body--final {6885 font-size: 1rem;6886 font-weight: 700;6887 color: rgb(255, 80, 80);6888 line-height: 1.4;6889}68906891.peach-panic-body--final-intro {6892 font-size: 1rem;6893 color: #ffffff;6894 font-weight: 400;6895}68966897.peach-panic-divider {6898 height: 1px;6899 background: rgba(255, 255, 255, 0.08);6900 margin: 4px 0;6901}69026903.peach-panic-confirm-input {6904 width: 100%;6905 padding: 10px 12px;6906 background: rgba(255, 255, 255, 0.02);6907 border: 1px solid rgba(220, 38, 38, 0.4);6908 border-radius: 8px;6909 color: var(--peach-t1);6910 font-family: "IBM Plex Mono", monospace;6911 font-size: 0.875rem;6912 letter-spacing: 0.12em;6913 text-transform: uppercase;6914}69156916.peach-panic-confirm-input:focus {6917 outline: none;6918 border-color: rgb(220, 38, 38);6919}69206921.peach-panic-confirm-input--match {6922 border-color: rgb(220, 38, 38);6923 color: rgb(220, 38, 38);6924}69256926.peach-panic-confirm-label {6927 font-size: 0.6875rem;6928 color: var(--peach-t2);6929 margin: 0 0 -8px;6930 letter-spacing: 0.06em;6931}69326933.peach-panic-actions {6934 display: flex;6935 flex-direction: column;6936 gap: 10px;6937 margin-top: auto;6938}69396940.peach-panic-button {6941 width: 100%;6942 padding: 12px;6943 border-radius: 8px;6944 font-size: 0.8125rem;6945 cursor: pointer;6946 transition: background 150ms ease, border-color 150ms ease, color 150ms ease;6947}69486949.peach-panic-button--primary {6950 background: var(--peach-accent);6951 border: 1px solid var(--peach-accent);6952 color: #ffffff;6953 font-weight: 600;6954}69556956.peach-panic-button--primary:hover {6957 background: color-mix(in srgb, var(--peach-accent) 88%, white);6958}69596960.peach-panic-button--danger {6961 background: rgb(220, 38, 38);6962 border: 1px solid rgb(220, 38, 38);6963 color: #ffffff;6964 font-weight: 600;6965}69666967.peach-panic-button--danger:disabled {6968 opacity: 0.35;6969 cursor: not-allowed;6970}69716972.peach-panic-button--ghost {6973 background: transparent;6974 border: 1px solid rgba(255, 255, 255, 0.18);6975 color: var(--peach-t2);6976}69776978.peach-panic-button--ghost:hover {6979 border-color: rgba(255, 255, 255, 0.32);6980 color: var(--peach-t1);6981}69826983.peach-panic-link {6984 background: transparent;6985 border: none;6986 padding: 4px 0;6987 color: rgba(220, 38, 38, 0.65);6988 font-size: 0.75rem;6989 cursor: pointer;6990 text-align: left;6991 text-decoration: underline;6992 text-underline-offset: 3px;6993}69946995.peach-panic-link:hover {6996 color: rgb(220, 38, 38);6997}69986999.peach-panic-bar {7000 background: rgb(220, 38, 38);7001 padding: 16px 20px;7002 margin: -28px -20px 0;7003 text-align: center;7004 font-size: 0.8125rem;7005 font-weight: 700;7006 letter-spacing: 0.12em;7007 color: #ffffff;7008}70097010.peach-panic-final-button {7011 width: 100%;7012 padding: 14px;7013 background: rgb(220, 38, 38);7014 border: none;7015 border-radius: 8px;7016 color: #ffffff;7017 font-size: 0.875rem;7018 font-weight: 700;7019 letter-spacing: 0.08em;7020 text-transform: uppercase;7021 cursor: pointer;7022 animation: peach-panic-pulse 2s ease-in-out infinite;7023}70247025.peach-settings-license {7026 margin-top: 10px;7027 padding-top: 10px;7028 border-top: 1px solid var(--peach-t3);7029}70307031.peach-settings-label {7032 font-size: 0.625rem;7033 letter-spacing: 0.08em;7034 color: var(--peach-t3);7035 display: block;7036 margin-bottom: 6px;7037}70387039.peach-settings-license-row {7040 display: flex;7041 align-items: center;7042 justify-content: space-between;7043 gap: 8px;7044}70457046.peach-settings-license-key {7047 font-family: 'IBM Plex Mono', monospace;7048 font-size: 0.75rem;7049 color: var(--peach-t0);7050 letter-spacing: 0.04em;7051 word-break: break-all;7052}70537054.peach-settings-license-copy {7055 font-size: 0.6875rem;7056 color: var(--peach-accent);7057 background: transparent;7058 border: none;7059 cursor: pointer;7060 padding: 4px 8px;7061 border-radius: 4px;7062 flex-shrink: 0;7063 transition: opacity 150ms ease;7064}70657066.peach-settings-license-copy:hover {7067 opacity: 0.75;7068}70697070@keyframes peach-panic-pulse {7071 0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.4); }7072 50% { box-shadow: 0 0 0 8px rgba(220, 38, 38, 0); }7073}70747075[data-motion="reduce"] .peach-panic-final-button {7076 animation: none;7077}70787079.peach-mobile-row {7080 display: flex;7081 align-items: center;7082 justify-content: space-between;7083 padding: 8px 0;7084}70857086.peach-mobile-status {7087 color: #9a8b7a;7088 font-size: 0.875rem;7089}7090709170927093.peach-history-list {7094 border: 1px solid var(--peach-border);7095 border-radius: 8px;7096 overflow: hidden;7097 margin: 8px 0 4px;7098}70997100.peach-history-row {7101 display: flex;7102 align-items: center;7103 justify-content: space-between;7104 padding: 9px 12px;7105 gap: 10px;7106 border-bottom: 1px solid var(--peach-border);7107}71087109.peach-history-row:last-child {7110 border-bottom: none;7111}71127113.peach-history-meta {7114 display: flex;7115 flex-direction: column;7116 gap: 2px;7117 min-width: 0;7118 flex: 1;7119}71207121.peach-history-time {7122 font-size: 0.75rem;7123 font-family: 'IBM Plex Mono', ui-monospace, monospace;7124 color: var(--peach-t0);7125 white-space: nowrap;7126 overflow: hidden;7127 text-overflow: ellipsis;7128}71297130.peach-history-sub {7131 font-size: 0.625rem;7132 color: var(--peach-t2);7133 letter-spacing: 0.06em;7134 text-transform: uppercase;7135 white-space: nowrap;7136 overflow: hidden;7137 text-overflow: ellipsis;7138}71397140.peach-history-btn {7141 flex-shrink: 0;7142 white-space: nowrap;7143 min-width: 56px;7144 text-align: center;7145}71467147.peach-history-btn.is-busy {7148 opacity: 0.65;7149}71507151.peach-history-footer {7152 font-size: 0.625rem;7153 color: var(--peach-t3);7154 letter-spacing: 0.05em;7155 text-align: right;7156 margin: 0;7157 padding: 2px 0 0;7158}7159716071617162716371647165716671677168body.peach-mobile.layout-medium .popup-root,7169body.peach-mobile.layout-expanded .popup-root {7170 max-width: 840px;7171 margin: 0 auto;7172}71737174body.peach-mobile.layout-medium .peach-shell[data-surface="extension"],7175body.peach-mobile.layout-expanded .peach-shell[data-surface="extension"] {7176 max-width: 840px;7177 margin: 0 auto;7178}71797180718171827183body.peach-mobile.layout-medium .peach-vault-twopane,7184body.peach-mobile.layout-expanded .peach-vault-twopane {7185 display: grid;7186 grid-template-columns: 320px minmax(0, 1fr);7187 gap: 0;7188 height: 100%;7189}71907191body.peach-mobile.layout-medium .peach-vault-twopane > .peach-vault-list-pane,7192body.peach-mobile.layout-expanded .peach-vault-twopane > .peach-vault-list-pane {7193 border-right: 1px solid var(--peach-border, var(--peach-t3));7194 overflow-y: auto;7195 scrollbar-width: none;7196}71977198body.peach-mobile.layout-medium .peach-vault-twopane > .peach-vault-detail-pane,7199body.peach-mobile.layout-expanded .peach-vault-twopane > .peach-vault-detail-pane {7200 overflow-y: auto;7201 scrollbar-width: none;7202}720372047205body.peach-mobile[data-posture="tabletop"] .peach-vault-twopane,7206body.peach-mobile[data-posture="tabletop"] .peach-stage,7207body.peach-mobile[data-posture="tabletop"] .peach-overlay-view {7208 padding-bottom: var(--peach-hinge-height, 0px);7209}721072117212@media (orientation: landscape) and (max-height: 500px) {7213 body.peach-mobile .popup-root {7214 padding-top: env(safe-area-inset-top);7215 }7216 body.peach-mobile .peach-shell[data-surface="extension"] {7217 grid-template-rows: auto minmax(0, 1fr);7218 }7219}722072217222@media (max-width: 320px) {7223 body.peach-mobile .peach-chrome,7224 body.peach-mobile .peach-stage,7225 body.peach-mobile .peach-overlay-view {7226 padding-left: 8px;7227 padding-right: 8px;7228 }7229}7230723172327233723472357236body.peach-mobile.layout-medium .peach-overlay-view,7237body.peach-mobile.layout-expanded .peach-overlay-view {7238 right: auto;7239 width: 320px;7240 border-right: 1px solid var(--peach-t3);7241 animation: none;7242 z-index: 2;7243}724472457246body.peach-mobile.layout-medium .peach-content-frame,7247body.peach-mobile.layout-expanded .peach-content-frame {7248 padding-left: 320px;7249}72507251725272537254body.peach-mobile.layout-medium .peach-search-wrap,7255body.peach-mobile.layout-expanded .peach-search-wrap {7256 padding-left: 320px;7257}725872597260body.peach-mobile.layout-expanded .peach-content-frame {7261 padding-left: 360px;7262}7263body.peach-mobile.layout-expanded .peach-overlay-view {7264 width: 360px;7265}7266body.peach-mobile.layout-expanded .peach-search-wrap {7267 padding-left: 360px;7268}726972707271.peach-context-menu-backdrop {7272 position: fixed;7273 inset: 0;7274 background: rgba(0, 0, 0, 0.45);7275 z-index: 100;7276 display: flex;7277 align-items: flex-end;7278 justify-content: center;7279 animation: peach-ctx-fade 140ms ease both;7280}7281.peach-context-menu {7282 width: min(360px, calc(100vw - 24px));7283 margin-bottom: max(env(safe-area-inset-bottom), 12px);7284 background: var(--peach-bg);7285 border: 1px solid var(--peach-t3);7286 border-radius: 14px;7287 padding: 6px;7288 display: flex;7289 flex-direction: column;7290 gap: 2px;7291 box-shadow: 0 24px 48px rgba(0, 0, 0, 0.55);7292 animation: peach-ctx-rise 200ms cubic-bezier(0.16, 1, 0.3, 1) both;7293}7294@keyframes peach-ctx-fade { from { opacity: 0; } to { opacity: 1; } }7295@keyframes peach-ctx-rise {7296 from { transform: translateY(16px); opacity: 0; }7297 to { transform: translateY(0); opacity: 1; }7298}7299.peach-context-menu-item {7300 background: transparent;7301 color: var(--peach-t0);7302 border: 0;7303 border-radius: 10px;7304 padding: 12px 14px;7305 text-align: left;7306 font: inherit;7307 cursor: pointer;7308}7309.peach-context-menu-item:hover,7310.peach-context-menu-item:focus-visible {7311 background: var(--peach-t3);7312}7313.peach-context-menu-item--danger {7314 color: var(--peach-health-bad, #d96868);7315}7316.peach-context-menu-item--cancel {7317 color: var(--peach-t2);7318 margin-top: 4px;7319 border-top: 1px solid var(--peach-t3);7320 border-radius: 0 0 10px 10px;7321}732273237324.peach-entry-row.is-copy-flash {7325 animation: peach-copy-flash 600ms ease both;7326}7327@keyframes peach-copy-flash {7328 0% { background: transparent; }7329 20% { background: rgba(217, 153, 51, 0.32); }7330 100% { background: transparent; }7331}7332733373347335733673377338html { font-size: 16px; }