.personal-pet,.collection-catalog,.personal-collection,.collection-controls,.collection-feedback{--col-panel:#211a35;--col-ink:#f4eefb;--col-muted:#c4bad8;--col-edge:#443558;--col-accent:#ffd84d;--col-soft:#302344;color:var(--col-ink)}html[data-theme=light] :is(.personal-pet,.collection-catalog,.personal-collection,.collection-controls,.collection-feedback){--col-panel:#fff;--col-ink:#231936;--col-muted:#625471;--col-edge:#d9cfe5;--col-accent:#5b35ba;--col-soft:#f0eaf8}
.personal-pet{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding-top:24px;padding-bottom:14px}.personal-pet>div:first-child{flex:1 1 270px}.personal-pet h2,.collection-catalog h2{font-size:1.3rem;margin:0 0 5px}.personal-pet p,.collection-catalog p{margin:0;color:var(--col-muted);font-size:.9rem}.personal-pet>small{width:100%;color:var(--col-muted);font-size:.76rem;line-height:1.6}.collection-open{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid var(--col-edge);border-radius:10px;background:var(--col-soft);color:var(--col-accent);font-size:.85rem;font-weight:800;text-decoration:none}.collection-controls{display:flex;flex-wrap:wrap;gap:7px}.collection-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;background:var(--col-panel);border:1px solid var(--col-edge);border-radius:10px;color:var(--col-muted);font:inherit;font-size:.83rem;cursor:pointer}.collection-controls button[aria-pressed=true]{border-color:var(--col-accent);color:var(--col-accent);background:var(--col-soft);font-weight:800}.collection-controls button[disabled]{opacity:.5;cursor:default}.collection-controls button:hover,.collection-open:hover{border-color:var(--col-accent)}.collection-controls button>span[aria-hidden]{font-size:1.05rem}.collection-compact{flex-wrap:nowrap;min-width:140px}.collection-compact button{width:42px;padding:7px}.collection-cell{vertical-align:middle}.collection-catalog{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px;background:var(--col-panel);border:1px solid var(--col-edge);border-radius:18px;margin:24px 0}.collection-catalog small{display:block;margin-top:8px;color:var(--col-muted);font-size:.75rem}.collection-catalog .collection-open{flex-shrink:0}
.personal-collection{padding-top:32px;padding-bottom:100px}.collection-heading{padding:22px 0}.collection-heading h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;letter-spacing:-.03em;margin:12px 0}.collection-heading p{color:var(--col-muted);max-width:760px;margin:0 0 8px}.collection-heading small{color:var(--col-muted);font-size:.8rem}.collection-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 24px}.collection-tabs button{display:flex;align-items:center;gap:12px;min-height:48px;border:1px solid var(--col-edge);border-radius:12px;background:var(--col-panel);color:var(--col-muted);padding:12px 16px;font:inherit;font-size:.88rem;cursor:pointer}.collection-tabs button[aria-pressed=true]{color:var(--col-accent);border-color:var(--col-accent);background:var(--col-soft)}.collection-tabs b{border-radius:6px;padding:0 7px;background:var(--col-soft);color:var(--col-ink)}.collection-filters{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.collection-filters label{display:grid;gap:8px;color:var(--col-muted);font-size:.83rem}.collection-filters input,.collection-filters select{width:100%;min-width:0;min-height:46px;padding:10px 12px;background:var(--col-panel);color:var(--col-ink);border:1px solid var(--col-edge);border-radius:10px;font:inherit}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.collection-card{border:1px solid var(--col-edge);border-radius:18px;background:var(--col-panel);padding:18px;min-width:0}.collection-pet-link{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:14px;text-decoration:none;color:var(--col-ink)}.collection-pet-link img{width:90px;height:115px;object-fit:contain;border-radius:12px;background:var(--col-soft);padding:7px}.collection-pet-link h2{font-size:1.12rem;line-height:1.3;margin:0 0 7px;overflow-wrap:anywhere}.collection-pet-link p{color:var(--col-muted);font-size:.76rem;line-height:1.5;margin:0 0 6px}.collection-pet-link strong{color:var(--col-accent);font-size:.9rem}.collection-card .collection-controls{margin-top:18px}.collection-card .collection-controls button{flex:1;min-width:0;padding:8px 6px;font-size:.72rem}.collection-empty{background:var(--col-panel);border:1px dashed var(--col-edge);border-radius:20px;padding:40px 24px;text-align:center;margin:24px 0}.collection-empty h2{font-size:1.4rem;margin:0 0 12px}.collection-empty p{color:var(--col-muted)}[data-collection-results]{color:var(--col-muted);font-size:.85rem}.collection-feedback{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:10px 18px;background:var(--col-panel);border:1px solid var(--col-edge);border-radius:12px;box-shadow:0 6px 24px #0003;font-size:.82rem;z-index:45;pointer-events:none}.collection-feedback:empty{display:none}.collection-feedback[data-error=true]{border-color:#da6474}.personal-collection a:focus-visible,.personal-collection button:focus-visible,.personal-pet a:focus-visible,.collection-controls button:focus-visible{outline:3px solid var(--col-accent);outline-offset:4px}
@media(max-width:1000px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.personal-pet{gap:14px}.personal-pet>.collection-controls{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.personal-pet>.collection-controls button{padding:9px 5px;font-size:.78rem}.collection-catalog{flex-direction:column;align-items:stretch;padding:18px}.collection-grid{grid-template-columns:1fr}.collection-filters{grid-template-columns:1fr}.collection-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.collection-tabs button{justify-content:space-between;padding:10px;font-size:.78rem}.collection-card .collection-controls button{font-size:.83rem}.personal-collection{padding-top:22px}.collection-feedback{bottom:65px}.collection-pet-link{grid-template-columns:90px minmax(0,1fr)}}