:root{--hay-50:#fffaf2;--hay-100:#fbf0dc;--hay-200:#f1dfbf;--ink-900:#2a2018;--ink-600:#5e4c3a;--orange-700:#a8470b;--orange-800:#8a3a08;--orange-900:#6f2e06;--night-800:#1e2340;--green-700:#2f6b2a;--bg:var(--hay-50);--surface:var(--hay-100);--line:var(--hay-200);--text:var(--ink-900);--text-muted:var(--ink-600);--action:var(--orange-700);--action-hover:var(--orange-800);--action-pressed:var(--orange-900);--on-action:#fff;--ok:var(--green-700);--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.25rem;--fs-lg:1.75rem;--fs-xl:clamp(2rem, 1.4rem + 2.6vw, 3rem);--font:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--radius:16px;--radius-sm:10px;--max:1120px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.15}h1{font-size:var(--fs-xl);letter-spacing:-.02em;font-weight:800}h2{font-size:var(--fs-lg);font-weight:800}h3{font-size:var(--fs-base);font-weight:700}p{text-wrap:pretty;margin:0}a{color:var(--action)}a:hover{color:var(--action-hover)}img{max-width:100%;height:auto;display:block}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.small{font-size:var(--fs-sm)}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.top{max-width:var(--max);padding:var(--s-3) var(--s-4);justify-content:space-between;align-items:center;gap:var(--s-4);margin:0 auto;display:flex}.brand{align-items:center;gap:var(--s-2);color:var(--text);min-height:44px;font-weight:800;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.top-link{min-height:44px;padding:0 var(--s-2);align-items:center;font-weight:600;display:inline-flex}main{max-width:var(--max);padding:0 var(--s-4) var(--s-7);gap:var(--s-6);margin:0 auto;display:grid}.hero{gap:var(--s-4);padding-top:var(--s-2);align-items:center;display:grid}.hero-copy{gap:var(--s-3);display:grid}.lede{font-size:var(--fs-md);color:var(--text-muted);max-width:34ch}.hero-art{gap:var(--s-2);justify-items:center;margin:0;display:grid}.hero-art img{border-radius:var(--radius);width:100%;max-width:220px}@media (width>=760px){.hero{gap:var(--s-7);padding-top:var(--s-6);grid-template-columns:1.1fr .9fr}.hero-art img{max-width:420px}}.mint{gap:var(--s-2);display:grid}.mint-row{gap:var(--s-2);flex-wrap:wrap;display:flex}.hint{color:var(--text-muted);font-size:var(--fs-sm);max-width:44ch}.cta{appearance:none;justify-content:center;align-items:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-5);border:1px solid var(--action);background:var(--action);color:var(--on-action);font:inherit;cursor:pointer;border-radius:999px;font-weight:700;text-decoration:none;transition:background-color .12s,border-color .12s,transform .12s;display:inline-flex}.cta:hover{background:var(--action-hover);border-color:var(--action-hover);color:var(--on-action)}.cta:active{background:var(--action-pressed);transform:scale(.98)}.cta:disabled{opacity:.6;cursor:default;transform:none}.cta-quiet{color:var(--text);border-color:var(--ink-600);background:0 0}.cta-quiet:hover{background:var(--surface);color:var(--text);border-color:var(--text)}.cta-quiet:active{background:var(--line)}.status{background:var(--surface);border-radius:var(--radius);padding:var(--s-5);gap:var(--s-4);display:grid}.status-head,.section-head{justify-content:space-between;align-items:baseline;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.pill{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);background:var(--night-800);color:#f4e9c8;font-weight:700;font-size:var(--fs-sm);border-radius:999px;display:inline-flex}.pill .dot{background:#7c86c9;border-radius:50%;width:8px;height:8px}.pill-on{background:var(--ok);color:#fff}.pill-on .dot{background:#b9f0a8}.stats{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}@media (width>=760px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.stats dt,.traits dt{color:var(--text-muted);font-size:var(--fs-sm)}.stats dd{font-size:var(--fs-md);margin:0;font-weight:700}.progress{gap:var(--s-2);display:grid}.progress-label{font-size:var(--fs-sm);justify-content:space-between;font-weight:600;display:flex}.bar{background:var(--line);border-radius:999px;height:12px;overflow:hidden}.bar span{background:var(--action);border-radius:inherit;height:100%;transition:width .6s;display:block}.section{gap:var(--s-4);display:grid}.grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border-radius:var(--radius);scroll-margin-top:var(--s-4);overflow:hidden}.card.mine{box-shadow:0 0 0 3px var(--action)}.art-placeholder{aspect-ratio:1;background:var(--line)}.card-body{padding:var(--s-4);gap:var(--s-3);display:grid}.card-body h3{align-items:center;gap:var(--s-2);display:flex}.tag{padding:0 var(--s-2);background:var(--action);color:var(--on-action);font-size:var(--fs-sm);border-radius:999px}.traits{gap:var(--s-2) var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.traits dd{margin:0;font-weight:700}.empty{padding:var(--s-6) var(--s-4);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);text-align:center}.more{justify-self:center}.moods{padding-left:var(--s-5);gap:var(--s-2);max-width:64ch;margin:0;display:grid}.how p{max-width:64ch}.foot{max-width:var(--max);padding:var(--s-5) var(--s-4) var(--s-7);gap:var(--s-2) var(--s-5);border-top:1px solid var(--line);flex-wrap:wrap;margin:0 auto;display:flex}.foot a{align-items:center;min-height:44px;display:inline-flex}.sheet-bg{z-index:10;background:#2a201880;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=640px){.sheet-bg{align-items:center}}.sheet{width:100%;max-width:420px;max-height:85vh;padding:var(--s-4);background:var(--bg);border-radius:var(--radius) var(--radius) 0 0;gap:var(--s-1);display:grid;overflow:auto;box-shadow:0 -8px 32px #2a201833}@media (width>=640px){.sheet{border-radius:var(--radius)}}.sheet-head{margin-bottom:var(--s-2);justify-content:space-between;align-items:center;display:flex}.sheet-head h2{font-size:var(--fs-md)}.x{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text);font:inherit;font-size:var(--fs-md);cursor:pointer;background:0 0;border:0}.x:hover{background:var(--surface)}.x:active{background:var(--line)}.row{appearance:none;align-items:center;gap:var(--s-3);width:100%;min-height:48px;padding:0 var(--s-3);border-radius:var(--radius-sm);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;font-weight:600;text-decoration:none;display:flex}.row:hover{background:var(--surface);border-color:var(--line);color:var(--text)}.row:active{background:var(--line)}.row:disabled{opacity:.6;cursor:default}.ic{border-radius:8px;flex:none;width:28px;height:28px;overflow:hidden}.note{padding:var(--s-2) var(--s-3);color:var(--text-muted);font-size:var(--fs-sm)}