:root{--color-bg:#f5efe6;--color-surface:#fff8ef;--color-surface-selected:#ecd8b6;--color-border:#1720331f;--color-text:#172033;--color-text-muted:#6d5c47;--color-accent:#b8862c;--color-accent-dark:#97701f;--color-accent-contrast:#fff;--color-premium:#b8862c;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang TC,Microsoft JhengHei,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#0b1118;--color-surface:#121923;--color-surface-selected:#1c2632;--color-border:#f5efe51f;--color-text:#f5efe5;--color-text-muted:#aeb8c6;--color-accent:#f0c55b;--color-accent-dark:#d7ad45;--color-accent-contrast:#172033;--color-premium:#f0c55b}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text)}a{color:var(--color-accent)}button{cursor:pointer;font-family:inherit}.button-primary{background:var(--color-accent);color:var(--color-accent-contrast);border-radius:var(--radius);border:none;min-height:44px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600}.button-primary:hover:not(:disabled){background:var(--color-accent-dark)}.button-primary:disabled{opacity:.55;cursor:not-allowed}.button-secondary{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);background:0 0;min-height:44px;padding:.5rem 1rem;font-size:.9rem}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.app-topbar__brand{color:var(--color-accent);font-size:1.1rem;font-weight:700}.app-topbar__nav{flex:1;gap:1rem;display:flex}.app-topbar__nav a{color:var(--color-text-muted);border-bottom:2px solid #0000;padding:.4rem 0;font-weight:500;text-decoration:none}.app-topbar__nav a.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.app-topbar__user{align-items:center;gap:.75rem;display:flex}.app-topbar__username{color:var(--color-text-muted);font-size:.9rem}.premium-badge{background:var(--color-premium);color:#fff;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.free-badge{background:var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.app-content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1.5rem}.marketing-page-shell{flex-direction:column;min-height:100%;display:flex}.marketing-nav{z-index:10;background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}.marketing-nav__brand{color:var(--color-accent);font-size:1.05rem;font-weight:700}.marketing-nav__links{align-items:center;gap:1.25rem;display:flex}.marketing-nav__links a:not(.marketing-nav__login){color:var(--color-text-muted);font-size:.9rem;font-weight:500;text-decoration:none}.marketing-nav__links a:not(.marketing-nav__login):hover{color:var(--color-text)}.marketing-nav__login{padding:.45rem .9rem;font-size:.85rem;text-decoration:none}.marketing-page{flex-direction:column;gap:3.5rem;width:100%;max-width:960px;margin:0 auto;padding:3.5rem 1.5rem 4rem;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;display:flex}.hero__badge{background:var(--color-text);color:var(--color-bg);letter-spacing:.08em;border-radius:999px;padding:.4rem .9rem;font-size:.75rem;font-weight:700;display:inline-flex}.hero h1{text-wrap:balance;max-width:640px;margin:0;font-size:clamp(1.8rem,4.5vw,2.6rem);line-height:1.25}.hero p{color:var(--color-text-muted);max-width:520px;margin:0;line-height:1.7}.hero__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.highlights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.highlight-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.highlight-card__index{color:var(--color-accent);font-size:.85rem;font-weight:700}.highlight-card h2{margin:0;font-size:1.05rem}.highlight-card p{color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.6}.download{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:.6rem;padding:2rem;display:flex}.download h2{margin:0}.download p{color:var(--color-text-muted);max-width:480px;margin:0;line-height:1.6}.download__badge{background:var(--color-border);color:var(--color-text-muted);border-radius:999px;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.tier-preview{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.tier-preview h2{margin:0}.tier-preview__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%;display:grid}.tier-preview__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.25rem}.tier-preview__card--accent{border-color:var(--color-accent)}.tier-preview__card h3{margin:0 0 .4rem;font-size:1rem}.tier-preview__card p{color:var(--color-text-muted);margin:0;font-size:.85rem;line-height:1.5}.tier-preview__link{color:var(--color-accent);font-weight:600;text-decoration:none}.marketing-footer{text-align:center;color:var(--color-text-muted);font-size:.85rem}.marketing-footer a{color:var(--color-text-muted);text-decoration:none}.marketing-footer a:hover{color:var(--color-accent)}.marketing-footer__divider{margin:0 .5rem}.premium-banner{border-radius:var(--radius);background:linear-gradient(135deg,#fff7ec,#fff);border:1px solid #f0dcb8;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.premium-banner strong{color:var(--color-premium)}.premium-banner p{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.9rem}.cards-list-page__toolbar{align-items:stretch;gap:.75rem;margin-bottom:1.25rem;display:flex}.search-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);flex:1;padding:.65rem 1rem;font-size:.95rem}.cards-list-page__scan-link{white-space:nowrap;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.card-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.card-list-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:inherit;align-items:center;gap:.9rem;padding:.75rem 1rem;text-decoration:none;display:flex}.card-list-item:hover{border-color:var(--color-accent)}.card-list-item__photo{background:var(--color-bg);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.card-list-item__photo img{object-fit:cover;width:100%;height:100%}.card-list-item__name{font-weight:600}.favorite-star{color:var(--color-premium);margin-left:.35rem}.card-list-item__meta{color:var(--color-text-muted);margin-top:.15rem;font-size:.85rem}.empty-text,.error-text{color:var(--color-text-muted);text-align:center;padding:2rem 0}.error-text{color:#c0392b}.card-edit-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.card-edit-form__error{color:#c0392b;margin:0 0 1rem;font-size:.9rem}.card-edit-form__favorite{color:var(--color-text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;display:flex}.card-edit-form__grid{grid-template-columns:repeat(2,1fr);gap:.9rem;margin-bottom:.9rem;display:grid}.card-edit-form__field{color:var(--color-text-muted);flex-direction:column;gap:.3rem;margin-bottom:.9rem;font-size:.85rem;display:flex}.card-edit-form__field input,.card-edit-form__field textarea{color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:.45rem .6rem;font-family:inherit;font-size:.95rem}.card-edit-form__actions{justify-content:flex-end;gap:.6rem;margin-top:.5rem;display:flex}@media (width<=560px){.card-edit-form__grid{grid-template-columns:1fr}}.card-detail__back{color:var(--color-text-muted);margin-bottom:1rem;font-size:.9rem;text-decoration:none;display:inline-block}.card-detail__header{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.card-detail__photo{object-fit:cover;border:1px solid var(--color-border);border-radius:12px;width:96px;height:96px}.card-detail__header h1{margin:0;font-size:1.4rem}.card-detail__heading{flex:1}.card-detail__subtitle{color:var(--color-text-muted);margin:.25rem 0 0}.card-detail__actions{flex-shrink:0;gap:.5rem;display:flex}.card-detail__delete{color:#c0392b;border-color:#f0c4bd}.card-detail__fields{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin:0;padding:.5rem 1.25rem}.card-detail__field{border-bottom:1px solid var(--color-border);grid-template-columns:100px 1fr;gap:1rem;padding:.75rem 0;display:grid}.card-detail__field:last-child{border-bottom:none}.card-detail__field dt{color:var(--color-text-muted);font-size:.85rem}.card-detail__field dd{word-break:break-word;margin:0}.tag-list{flex-wrap:wrap;gap:.4rem;display:flex}.tag-chip{background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;padding:.15rem .6rem;font-size:.8rem}.card-scan-page{flex-direction:column;gap:1.25rem;max-width:640px;margin:0 auto;display:flex}.card-scan-page h1{margin:0;font-size:1.4rem}.card-scan-page__capture{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.card-scan-page__capture p{color:var(--color-text-muted);margin:0}.card-scan-page__status{color:var(--color-accent);font-weight:600}.card-scan-page__form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.card-scan-page__hint{color:var(--color-text-muted);margin:0;font-size:.9rem}.card-scan-page__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;display:grid}.card-scan-page__field{color:var(--color-text-muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.card-scan-page__field input{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;padding:.5rem .6rem;font-family:inherit;font-size:.95rem}.card-scan-page__actions{justify-content:flex-end;gap:.75rem;display:flex}.upgrade-upsell{flex-direction:column;gap:1.5rem;display:flex}.upgrade-upsell__cta{background:linear-gradient(135deg, var(--color-surface-selected), var(--color-surface));border:1px solid var(--color-accent);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.upgrade-upsell__cta strong{color:var(--color-premium);font-size:1.05rem}.upgrade-upsell__cta p{color:var(--color-text-muted);max-width:420px;margin:.3rem 0 0;font-size:.9rem}.upgrade-upsell__button{white-space:nowrap;font-weight:700;text-decoration:none;box-shadow:0 0 0 3px #d7ad452e}.upgrade-upsell__preview{border:1px dashed var(--color-border);border-radius:var(--radius);padding:2rem 1.25rem 1.25rem;position:relative}.upgrade-upsell__preview-label{background:var(--color-bg);color:var(--color-text-muted);letter-spacing:.04em;padding:0 .5rem;font-size:.75rem;font-weight:700;position:absolute;top:-.65rem;left:1rem}.upgrade-upsell__preview-content{opacity:.6;pointer-events:none;filter:saturate(.7)}.group-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.group-list-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.85rem 1.1rem}.group-list-item__name{font-weight:600}.group-list-item__desc{color:var(--color-text-muted);margin-top:.2rem;font-size:.85rem}.group-list-item__count{color:var(--color-text-muted);margin-top:.35rem;font-size:.8rem}.export-page__intro{color:var(--color-text-muted);margin:0 0 1.5rem}.export-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.export-card h2{margin:0 0 .9rem;font-size:1.05rem}.export-card__error{color:#c0392b;margin:0 0 .75rem;font-size:.85rem}.settings-page{flex-direction:column;gap:1.25rem;max-width:560px;margin:0 auto;display:flex}.settings-page h1{margin:0;font-size:1.4rem}.settings-page__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.settings-page__card h2{margin:0;font-size:1rem}.settings-page__row{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.settings-page__row span:last-child{color:var(--color-text);font-weight:600}.settings-page__badge{background:var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.settings-page__badge--premium{background:var(--color-premium);color:var(--color-accent-contrast)}.settings-page__muted{color:var(--color-text-muted);margin:0}.settings-page__upgrade{align-self:flex-start;margin-top:.25rem;text-decoration:none}.settings-page__links{flex-direction:column;gap:.5rem;display:flex}.settings-page__links a{color:var(--color-text-muted);font-size:.9rem;text-decoration:none}.settings-page__links a:hover{color:var(--color-accent)}.settings-page__logout{align-self:flex-start}.settings-page__delete-account{color:#c0392b;font-size:.9rem;font-weight:600;text-decoration:none}.settings-page__delete-account:hover{text-decoration:underline}.checkout-page{flex-direction:column;gap:1.25rem;max-width:480px;margin:0 auto;display:flex}.checkout-page h1{margin:0;font-size:1.4rem}.checkout-page__summary{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius);padding:1.25rem 1.5rem}.checkout-page__plan-name{color:var(--color-text-muted);font-size:.9rem;font-weight:700}.checkout-page__plan-price{margin-top:.3rem;font-size:1.6rem;font-weight:800}.checkout-page__plan-price span{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.checkout-page__status{color:var(--color-text-muted)}.checkout-page__newebpay-badge{background:linear-gradient(135deg, var(--color-surface-selected), var(--color-surface));border:1px solid var(--color-accent);border-radius:var(--radius);flex-direction:column;gap:.4rem;padding:1rem 1.25rem;display:flex}.checkout-page__newebpay-badge-title{color:var(--color-premium);font-size:.95rem;font-weight:700}.checkout-page__newebpay-badge p{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.6}.checkout-page__newebpay-badge p strong{color:var(--color-text)}.checkout-page__security-links{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.checkout-page__security-links-divider{color:var(--color-text-muted)}.checkout-page__security-link{color:var(--color-accent);font-size:.85rem;text-decoration:none}.checkout-page__security-link:hover{text-decoration:underline}.checkout-page__error{color:#c0392b;margin:0;font-size:.9rem}.checkout-page__pay-button{width:100%}.checkout-result-page{text-align:left;flex-direction:column;align-items:flex-start;gap:1rem;max-width:480px;margin:0 auto;display:flex}.checkout-result-page h1{margin:0;font-size:1.4rem}.checkout-result-page p{color:var(--color-text-muted);margin:0;line-height:1.7}.checkout-result-page__status{color:var(--color-text-muted)}.checkout-security-page{flex-direction:column;gap:1.25rem;max-width:640px;margin:0 auto;display:flex}.checkout-security-page h1{margin:0;font-size:1.3rem;line-height:1.4}.checkout-security-page>p{color:var(--color-text-muted);margin:0;line-height:1.7}.checkout-security-page>p strong{color:var(--color-text)}.checkout-security-page section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.checkout-security-page section h2{margin:0;font-size:1.05rem}.checkout-security-page section p,.checkout-security-page section li{color:var(--color-text-muted);font-size:.92rem;line-height:1.7}.checkout-security-page section ol,.checkout-security-page section ul{flex-direction:column;gap:.4rem;margin:0;padding-left:1.3em;display:flex}.checkout-security-page__muted{font-size:.85rem}.checkout-security-page__links{list-style:none;padding-left:0!important}.checkout-security-page__links a{color:var(--color-accent);font-weight:600;text-decoration:none}.checkout-security-page__links a:hover{text-decoration:underline}.checkout-security-page__back{align-self:flex-start;text-decoration:none}.account-delete-page{flex-direction:column;gap:1.25rem;max-width:560px;margin:0 auto;display:flex}.account-delete-page h1{margin:0;font-size:1.4rem}.account-delete-page__intro{color:var(--color-text-muted);margin:0}.account-delete-page__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.account-delete-page__card ul{color:var(--color-text-muted);flex-direction:column;gap:.5rem;margin:0;padding-left:1.3em;font-size:.92rem;line-height:1.6;display:flex}.account-delete-page__card ul strong{color:var(--color-text)}.account-delete-page__contact{color:var(--color-text);font-weight:600}.account-delete-page__confirm{color:var(--color-text-muted);cursor:pointer;align-items:flex-start;gap:.6rem;font-size:.9rem;display:flex}.account-delete-page__confirm input{margin-top:.2rem}.account-delete-page__error{color:#c0392b;margin:0;font-size:.9rem}.account-delete-page__submit{color:#fff;border-radius:var(--radius);cursor:pointer;background:#c0392b;border:none;align-self:flex-start;padding:.65rem 1.4rem;font-size:.95rem;font-weight:700}.account-delete-page__submit:disabled{opacity:.5;cursor:not-allowed}