:root{--bg:#f4f0e7;--paper:#fff;--ink:#302d27;--muted:#746c5f;--line:#e8dfcf;--gold:#92721d;--cream:#fbf7e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 Inter,system-ui,sans-serif}body.dark{--bg:#191915;--paper:#262620;--ink:#f8f0df;--muted:#c2b8a5;--line:#4a4233;--gold:#e0c36d;--cream:#333024}main{max-width:480px;margin:auto;background:var(--paper);min-height:100vh;padding:0 24px 40px}nav{position:sticky;top:0;background:var(--paper);display:flex;justify-content:space-between;align-items:center;z-index:5;padding:14px 0;border-bottom:1px solid var(--line)}nav span{font-size:12px;letter-spacing:2px;color:var(--gold)}h1,h2,blockquote{font-family:Fraunces,Georgia,serif;font-weight:400}h1{font-size:76px;line-height:1;margin:25px 0 12px}h2{font-size:30px;line-height:1.25;margin:0 0 20px}h3{font-size:16px;margin:0 0 10px}p{margin:0 0 16px}.muted,small{color:var(--muted)}small{font-size:13px}section{padding:30px 0;border-bottom:1px solid var(--line)}.hero{text-align:center}.hero img{display:block;width:100%;height:auto;object-fit:contain;background:var(--cream);border-radius:120px 120px 16px 16px;margin:24px 0}.kicker{letter-spacing:2px;font-size:12px;color:var(--gold);text-transform:uppercase;margin-bottom:12px}.badge,.tag{display:inline-block;padding:5px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;margin:3px}.badge{border-color:#c9a227;color:var(--gold);box-shadow:0 0 18px #c9a22718}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:14px;margin-top:20px}.facts small{display:block}.box{background:var(--cream);border:1px solid var(--line);padding:20px;border-radius:16px;margin:12px 0}.row{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line)}.row span:first-child{color:var(--muted)}.row span:last-child{text-align:right}button,.button{border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:10px 16px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block;min-height:44px}button.primary{background:#c9a227;color:#211b0b;border-color:#c9a227}button:disabled{opacity:.5;cursor:wait}.actions{display:flex;gap:8px;flex-wrap:wrap}.cloud{text-align:center;padding:15px 0}.cloud span{font:24px Georgia;color:var(--gold);margin:8px;display:inline-block}.cloud span:nth-child(even){font:18px system-ui;color:var(--muted)}blockquote{font-size:25px;margin:12px 0;line-height:1.6}.stat{margin:14px 0}.stat p{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px}progress{width:100%;height:6px;accent-color:#c9a227;display:block}label{display:block;font-size:14px;margin:14px 0 5px}input,textarea,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:inherit}textarea{min-height:100px}.check{display:flex;align-items:flex-start;gap:10px}.check input{width:18px;margin-top:6px}.error{color:#b54736}.success{color:var(--gold)}a{color:var(--gold)}details{padding:14px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer}details p{margin:12px 0;color:var(--muted)}footer{padding:25px 0;text-align:center;font-size:12px;letter-spacing:2px;color:var(--muted)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 20px;background:var(--ink);color:var(--paper);border-radius:16px;z-index:10}dialog{max-width:430px;width:90%;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);padding:22px}dialog::backdrop{background:#0008}[hidden]{display:none!important}:focus-visible{outline:3px solid #c9a227;outline-offset:3px}.request{border:1px solid var(--line);border-radius:16px;padding:16px;margin:14px 0;overflow-wrap:anywhere}.request p{white-space:pre-wrap}.swatches{display:flex;gap:10px;margin:14px 0}.swatches span{width:30px;height:30px;border-radius:50%;border:1px solid #aaa}.sr{position:absolute;left:-9999px}img{max-width:100%}@media(min-width:600px){main{margin:30px auto;border-radius:24px;box-shadow:0 15px 60px #00000008}}
.swatches span:nth-child(1){background:#fff}.swatches span:nth-child(2){background:#c9a227}.swatches span:nth-child(3){background:#b8b8b8}.swatches span:nth-child(4){background:#e8d59a}.swatches span:nth-child(5){background:#98744d}.swatches span:nth-child(6){background:#fbf7e9}
/* Crayon Dream: red pencil, warm paper, blue and yellow accents. */
:root{--bg:#edddc7;--paper:#fff9e9;--ink:#512c29;--muted:#85645a;--line:#d9bba0;--gold:#a03730;--cream:#f7ebce}body{font-family:'Trebuchet MS','PingFang SC',system-ui,sans-serif;background-color:var(--bg);background-image:repeating-linear-gradient(16deg,transparent 0 5px,#ffffff12 5px 6px)}main{border-left:3px solid #ad423340;border-right:3px solid #ad423340}h1,h2,blockquote{font-family:'Chalkboard SE','Comic Sans MS','Trebuchet MS','PingFang SC',sans-serif}h1{color:#9a302b}h2{color:var(--gold);font-size:28px}section{border-bottom:2px dashed var(--line)}.box{border:2px solid var(--line);border-radius:18px 13px 19px 12px}.badge{border:2px solid #ac4437;background:var(--cream);box-shadow:none}button,.button{border:2px solid var(--line)}button.primary{background:#a23a32;color:#fff9e9;border-color:#a23a32}.hero img{margin:0;padding:0;border:0;border-radius:0;background:transparent}.hero .crayon-hero{margin:24px -12px 16px;aspect-ratio:1086/724;overflow:hidden;border-radius:14px;box-shadow:0 5px 15px #72322115}.crayon-hero img{display:block;width:100%;max-width:none;height:auto;object-fit:contain}.model-preview,img[width][height]{height:auto}.model-preview{display:block;width:100%;aspect-ratio:3/2;object-fit:contain}.pair-front{aspect-ratio:3/2;overflow:hidden;border-radius:12px}.pair-front img{display:block;width:100%;height:auto}.card-strip{margin:18px 0}.album-media{width:100%;height:auto;max-height:65vh;object-fit:contain;border-radius:14px;background:var(--cream)}video.album-media{aspect-ratio:9/16;max-height:65vh;background:#201b18}audio{display:block;width:100%;margin:15px 0}.album-count{font-size:14px;color:var(--muted)}.gallery-card{margin-bottom:24px}.gallery-card img{display:block;width:100%;height:auto;border-radius:12px}.media-fields{border:1px dashed var(--line);border-radius:12px;padding:12px;margin:14px 0}.media-fields input{font-size:14px}body.dark{--bg:#211a18;--paper:#302521;--ink:#f7ecd4;--muted:#d3b7a4;--line:#745244;--gold:#efb294;--cream:#3c2e26}body.dark h1{color:#efb294}

/* Petiverse family and timeline, using the existing crayon palette. */
.hero-links{justify-content:center}.hero-links a{font-size:13px}.guardian-star{text-align:center;display:grid;justify-items:center;margin:24px 0}.guardian-star>span{font-size:48px;color:var(--gold)}.family-planets{display:grid;grid-template-columns:1fr 1fr;gap:20px}.family-planets figure{margin:0;text-align:center}.family-avatar{width:120px;height:120px;max-width:100%;margin:0 auto 10px;border:3px dashed var(--gold);border-radius:50%;overflow:hidden;background:var(--cream)}.family-avatar img{width:100%;height:100%;object-fit:cover}.family-avatar .wozi-avatar{object-position:50% 16%;object-fit:cover;transform:scale(1.55);transform-origin:50% 20%}.family-planets figcaption{font-weight:600}.orbit{list-style:none;padding-left:20px;border-left:2px dashed var(--gold)}.orbit time{font-size:13px;color:var(--muted)}.orbit h3{margin-top:8px}

.portrait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portrait-tile{padding:0;overflow:hidden;background:var(--cream);border:1px solid var(--line);border-radius:15px;color:var(--ink);text-align:left;min-width:0;cursor:pointer}.portrait-tile img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.portrait-tile span{display:block;padding:10px 12px;font-size:13px;line-height:1.5}.portrait-tile:last-child{grid-column:1/-1;max-width:75%;justify-self:center}.portrait-tile:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#portraitDialog{width:min(94vw,850px);max-height:92dvh;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink)}#portraitDialog::backdrop{background:#17130dd9}.portrait-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.portrait-dialog-header h2{font-size:22px;margin:0}.portrait-dialog-header button{flex-shrink:0}#portraitImage{display:block;width:100%;height:auto;max-height:75dvh;object-fit:contain;margin-top:14px}.care-group{border-top:1px dashed var(--gold);padding:15px 0}.care-group summary,.care-sources summary{cursor:pointer;font-weight:600}.care-body{padding-top:18px}.care-body article+article{margin-top:22px}.care-body h3{color:var(--gold);margin-bottom:8px}.care-body p{font-size:14px;line-height:1.9}.care-meta{font-size:13px;color:var(--gold)}.care-alert{font-size:14px;margin-top:20px}.care-sources{font-size:13px}.care-sources a{overflow-wrap:anywhere}.care-sources li{margin:8px 0}@media(max-width:360px){.portrait-grid{gap:8px}.portrait-tile span{padding:8px;font-size:12px}}

.card-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.card-thumbnails figure{margin:0;min-width:0}.card-thumbnails figcaption{font-size:13px;margin-top:8px}.card-thumbnails img{width:100%;display:block}.family-avatar img{display:block;width:120px;height:120px;max-width:100%;object-fit:cover}.family-avatar .wozy-avatar{object-fit:contain;transform:none;object-position:center;background:var(--cream)}#section-14 .model-preview{display:block;width:100%;height:auto;min-height:180px;object-fit:contain}.portrait-tile{display:block;text-decoration:none}.full-artwork{display:block;width:100%;height:auto;object-fit:contain}