:root{--pdx-red:#d8232a;--pdx-red-dark:#a8181e;--pdx-blue:#2a75bb;--pdx-bird:#4aa6e0;--pdx-mammal:#c98a3a;--pdx-shadow:0 4px 0 #0000002e, 0 8px 24px #0000001f;--pdx-radius:16px;--pdx-font-display:"Press Start 2P", system-ui, sans-serif;--pdx-font-body:"Nunito", system-ui, sans-serif;--pdx-ink:#14110f;--pdx-paper:#f5f3ee;--pdx-card:#fff;--pdx-backdrop:repeating-linear-gradient(135deg, #3c6e3712 0 11px, transparent 11px 24px), linear-gradient(170deg, #eef4df 0%, #d3e2b4 100%);--pdx-text:#1d2410;--pdx-panel:#fff;--pdx-panel-ink:#14110f;--pdx-muted:#6b655d;--pdx-border:#14110f;--pdx-accent:#2a75bb;--pdx-header-from:#d8232a;--pdx-header-to:#a8181e;--pdx-header-ink:#fff;--pdx-button-bg:#fff;--pdx-button-ink:#a8181e;--pdx-danger-text:#a8181e;--pdx-bevel:inset 0 3px 0 #ffffffa6, inset 3px 0 0 #ffffff59, inset 0 -4px 0 #00000029, inset -3px 0 0 #0000001a}[data-theme=sunset]{--pdx-backdrop:repeating-linear-gradient(0deg, #ffffff1a 0 2px, transparent 2px 17px), linear-gradient(177deg, #ffe0ad 0%, #ff9f78 52%, #ef7257 100%);--pdx-text:#3a2417;--pdx-panel:#fff6ee;--pdx-panel-ink:#3a2417;--pdx-muted:#8a5a44;--pdx-border:#5a2f1c;--pdx-accent:#d8232a;--pdx-header-from:#c95020;--pdx-header-to:#a83817;--pdx-header-ink:#fff;--pdx-button-bg:#fff6ee;--pdx-button-ink:#b8401b;--pdx-danger-text:#9c1f17}[data-theme=ocean]{--pdx-backdrop:repeating-linear-gradient(135deg, #ffffff14 0 7px, transparent 7px 21px), repeating-linear-gradient(45deg, #0736440d 0 9px, transparent 9px 26px), linear-gradient(170deg, #c4e7f1 0%, #4f9fc0 100%);--pdx-text:#0c252e;--pdx-panel:#f2fbfd;--pdx-panel-ink:#0f2730;--pdx-muted:#3f6b78;--pdx-border:#123640;--pdx-accent:#1f6f8b;--pdx-header-from:#1f7f9b;--pdx-header-to:#125066;--pdx-header-ink:#fff;--pdx-button-bg:#f2fbfd;--pdx-button-ink:#125066;--pdx-danger-text:#9c1f17}[data-theme=snow]{--pdx-backdrop:radial-gradient(2px 2px at 25px 25px, #fffffff2, transparent 60%) 0 0 / 52px 52px, radial-gradient(1.5px 1.5px at 60px 64px, #ffffffb3, transparent 60%) 0 0 / 74px 74px, linear-gradient(170deg, #eef3f9 0%, #c5d4e6 100%);--pdx-text:#1c2733;--pdx-panel:#fff;--pdx-panel-ink:#1c2733;--pdx-muted:#5c6b7a;--pdx-border:#26333f;--pdx-accent:#5a7fa6;--pdx-header-from:#577597;--pdx-header-to:#3f5a78;--pdx-header-ink:#fff;--pdx-button-bg:#fff;--pdx-button-ink:#44607d;--pdx-danger-text:#9c1f17}[data-theme=sky]{--pdx-backdrop:radial-gradient(90px 44px at 22% 28%, #fff9, transparent 72%) 0 0 / 340px 240px, radial-gradient(64px 32px at 72% 62%, #ffffff80, transparent 72%) 0 0 / 380px 280px, linear-gradient(170deg, #dcefff 0%, #8fc4f0 100%);--pdx-text:#10283d;--pdx-panel:#f4faff;--pdx-panel-ink:#10283d;--pdx-muted:#456a86;--pdx-border:#143850;--pdx-accent:#2a75bb;--pdx-header-from:#2c79bd;--pdx-header-to:#2266a8;--pdx-header-ink:#fff;--pdx-button-bg:#f4faff;--pdx-button-ink:#2266a8;--pdx-danger-text:#9c1f17}[data-theme=night]{--pdx-backdrop:radial-gradient(1.5px 1.5px at 18px 30px, #ffffff47, transparent 60%) 0 0 / 62px 62px, radial-gradient(1.5px 1.5px at 48px 72px, #fff3, transparent 60%) 0 0 / 88px 88px, linear-gradient(170deg, #1b1f33 0%, #0e1020 100%);--pdx-text:#e8ecf6;--pdx-panel:#262b42;--pdx-panel-ink:#f0f3fa;--pdx-muted:#a6adc4;--pdx-border:#454c6b;--pdx-accent:#6aa9ff;--pdx-header-from:#2a2f48;--pdx-header-to:#171a2c;--pdx-header-ink:#f0f3fa;--pdx-button-bg:#3a4163;--pdx-button-ink:#e8ecf6;--pdx-danger-text:#ff8a8a;--pdx-bevel:inset 0 2px 0 #ffffff1a, inset 2px 0 0 #ffffff0d, inset 0 -3px 0 #00000047}*{box-sizing:border-box}body{background:var(--pdx-backdrop);color:var(--pdx-text);font-family:var(--pdx-font-body);background-attachment:fixed;margin:0}.pdx-shell{max-width:760px;margin:0 auto;padding:0 16px 48px}.pdx-header{z-index:10;background:linear-gradient(180deg, var(--pdx-header-from), var(--pdx-header-to));color:var(--pdx-header-ink);box-shadow:var(--pdx-shadow);border-bottom:4px solid #00000040;align-items:center;gap:14px;margin:0 -16px 20px;padding:14px 18px;display:flex;position:sticky;top:0}.pdx-lens{background:radial-gradient(circle at 32% 30%,#bfe9ff,#2a75bb 60%,#14406b);border:3px solid #fff;border-radius:50%;flex:none;width:34px;height:34px;box-shadow:0 0 0 3px #00000040}.pdx-title{font-family:var(--pdx-font-display);letter-spacing:1px;color:var(--pdx-header-ink);font-size:14px;text-decoration:none}.pdx-nav{gap:14px;margin-left:6px;display:flex}.pdx-nav a{color:var(--pdx-header-ink);opacity:.92;font-weight:800;text-decoration:none}.pdx-nav a:hover{text-decoration:underline}.pdx-spacer{margin-left:auto}.pdx-button{font-family:var(--pdx-font-body);cursor:pointer;background:var(--pdx-button-bg);color:var(--pdx-button-ink);border:none;border-radius:999px;padding:8px 16px;font-weight:800;transition:transform 50ms;box-shadow:0 3px #0003}.pdx-button:hover{transform:translateY(-1px)}.pdx-button:active{transform:translateY(2px);box-shadow:0 1px #0003}.pdx-button:disabled{opacity:.6;cursor:default}.pdx-h2{font-family:var(--pdx-font-display);color:var(--pdx-text);margin:8px 0 18px;font-size:13px;line-height:1.6}.pdx-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:0;list-style:none;display:grid}.pdx-card{background:var(--pdx-panel);color:var(--pdx-panel-ink);border-radius:var(--pdx-radius);box-shadow:var(--pdx-shadow), var(--pdx-bevel);border:3px solid var(--pdx-border);overflow:hidden}.pdx-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.pdx-card-body{padding:10px 12px}.pdx-card-name{font-weight:800}.pdx-card-sci{color:var(--pdx-muted);font-size:.85em;font-style:italic}.pdx-chip{color:#fff;border-radius:999px;padding:2px 8px;font-size:.72em;font-weight:800;display:inline-block}.pdx-chip--bird{background:var(--pdx-bird)}.pdx-chip--mammal{background:var(--pdx-mammal)}.pdx-filter{gap:8px;margin:0 0 16px;display:flex}.pdx-filter-chip{font-family:var(--pdx-font-body);cursor:pointer;background:var(--pdx-panel);color:var(--pdx-panel-ink);border:3px solid var(--pdx-border);border-radius:999px;padding:6px 14px;font-size:.85em;font-weight:800}.pdx-filter-chip:focus-visible{outline:3px solid var(--pdx-accent);outline-offset:2px}.pdx-filter-chip--all{background:var(--pdx-accent);color:#fff}.pdx-filter-chip--bird{background:var(--pdx-bird);color:#fff}.pdx-filter-chip--mammal{background:var(--pdx-mammal);color:#fff}.pdx-form{gap:14px;max-width:440px;display:grid}.pdx-form select,.pdx-form input[type=text],.pdx-form input:not([type]){font-family:var(--pdx-font-body);color:var(--pdx-panel-ink);border:3px solid var(--pdx-border);background:var(--pdx-panel);border-radius:12px;padding:12px 14px;font-size:16px}.pdx-card-link{color:inherit;height:100%;text-decoration:none;display:block}.pdx-card:has(.pdx-card-link){transition:transform 80ms}.pdx-card:has(.pdx-card-link):hover{transform:translateY(-2px)}.pdx-card-link:focus-visible{outline:3px solid var(--pdx-accent);outline-offset:-3px}.pdx-card-contributor{color:var(--pdx-muted);margin-top:2px;font-size:.8em;font-weight:700}.pdx-back{color:var(--pdx-accent);margin:4px 0 14px;font-weight:800;text-decoration:none;display:inline-block}.pdx-back:hover{text-decoration:underline}.pdx-detail{background:var(--pdx-panel);color:var(--pdx-panel-ink);border-radius:var(--pdx-radius);box-shadow:var(--pdx-shadow), var(--pdx-bevel);border:3px solid var(--pdx-border);flex-wrap:wrap;gap:18px;margin-bottom:22px;padding:16px;display:flex}.pdx-detail img{aspect-ratio:1;object-fit:cover;border:3px solid var(--pdx-border);border-radius:12px;flex:none;width:200px;max-width:100%}.pdx-detail-body{flex:240px;min-width:0}.pdx-detail-body .pdx-h2{margin:0 0 4px}.pdx-detail-desc{margin:12px 0}.pdx-detail-facts{gap:8px;margin:0;display:grid}.pdx-detail-facts dt{text-transform:uppercase;letter-spacing:.5px;color:var(--pdx-muted);font-size:.78em;font-weight:800}.pdx-detail-facts dd{margin:0;font-weight:700}.pdx-empty{color:var(--pdx-muted);font-weight:700}.pdx-error{color:var(--pdx-danger-text);font-weight:800}.pdx-button--ghost{background:var(--pdx-panel);color:var(--pdx-panel-ink);border:3px solid var(--pdx-border);box-shadow:0 3px #00000026}.pdx-button--danger{background:var(--pdx-red);color:#fff}.pdx-add-bar{margin:0 0 18px}.pdx-add-button{padding:12px 22px;font-size:1.05em}.pdx-card-actions{gap:8px;margin-top:10px;display:flex}.pdx-card-actions .pdx-button{padding:6px 12px;font-size:.82em}.pdx-modal-backdrop{z-index:50;background:#14110f8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pdx-modal{background:var(--pdx-panel);width:100%;max-width:440px;color:var(--pdx-panel-ink);border:3px solid var(--pdx-border);border-radius:var(--pdx-radius);box-shadow:var(--pdx-shadow), var(--pdx-bevel);gap:14px;padding:20px;display:grid}.pdx-modal-title{font-family:var(--pdx-font-display);margin:0;font-size:12px;line-height:1.6}.pdx-modal-actions{justify-content:flex-end;gap:10px;display:flex}.pdx-choice-row{gap:10px;display:flex}.pdx-choice-file{color:var(--pdx-muted);margin:0;font-size:.9em;font-weight:700}.pdx-field{text-transform:uppercase;letter-spacing:.5px;color:var(--pdx-muted);gap:6px;font-size:.82em;font-weight:800;display:grid}.pdx-field select,.pdx-field input[type=text]{font-family:var(--pdx-font-body);text-transform:none;letter-spacing:0;color:var(--pdx-panel-ink);border:3px solid var(--pdx-border);background:var(--pdx-panel);border-radius:12px;padding:12px 14px;font-size:16px}.pdx-theme-picker{display:inline-flex;position:relative}.pdx-theme-menu{z-index:60;background:var(--pdx-panel);min-width:244px;color:var(--pdx-panel-ink);border:3px solid var(--pdx-border);box-shadow:var(--pdx-shadow), var(--pdx-bevel);border-radius:12px;grid-template-columns:repeat(2,minmax(110px,1fr));gap:6px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.pdx-theme-option{color:var(--pdx-panel-ink);cursor:pointer;font-family:var(--pdx-font-body);text-align:left;background:0 0;border:2px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;font-weight:800;display:flex}.pdx-theme-option:hover{border-color:var(--pdx-accent)}.pdx-theme-option:focus-visible{outline:3px solid var(--pdx-accent);outline-offset:2px}.pdx-theme-option--active{border-color:var(--pdx-accent)}.pdx-theme-swatch{border:2px solid var(--pdx-border);border-radius:6px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.pdx-theme-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #ffffffb3}.pdx-theme-label{font-size:.85em}
