:root{--color-accent:#208aef;--color-accent-dark:#1569bd;--color-premium:#d98a1f;--color-bg:#f5f7fa;--color-surface:#fff;--color-border:#e2e8f0;--color-text:#1b2430;--color-text-muted:#64748b;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text)}a{color:var(--color-accent)}button{cursor:pointer;font-family:inherit}.button-primary{background:var(--color-accent);color:#fff;border-radius:var(--radius);border:none;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600}.button-primary:hover{background:var(--color-accent-dark)}.button-secondary{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);background:0 0;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}.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}.premium-banner button:disabled{opacity:.5;cursor:not-allowed}.login-page{justify-content:center;align-items:center;min-height:100%;padding:1.5rem;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;width:100%;max-width:360px;padding:2.5rem}.login-card h1{color:var(--color-accent);margin:0 0 .5rem}.login-card p{color:var(--color-text-muted);margin:0 0 1.5rem}.login-card__google{text-decoration:none;display:inline-block}.search-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;margin-bottom:1.25rem;padding:.65rem 1rem;font-size:.95rem}.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}.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}