:root {
 --ink:#1D303D; --indigo:#183E52; --violet:#F2766B; --brown:#935D32;
 --gold:#F0BA55; --lav:#DDEFF7; --paper:#FFFFFF; --soft:#FFF8ED;
 --muted:#526B73; --line:#D8E7E9; --pinkish:#FFE5DD; --mint:#DDF4E9;
 --edge:#A8CFD8; --soft-lav:#E7F5F7; --warm:#FFF0D3;
 --plum:#183E52; --sticker-purple:#D5EAF3; --sticker-cream:#FFF0D3;
 --sticker-rose:#FFE5DD; --coral:#F2766B; --coral-ink:#A8453F;
 --teal:#229A93; --teal-ink:#146D68; --apricot:#F0BA55;
 --sky:#DDEFF7; --shadow:0 14px 34px rgba(24,62,82,.12);
}
html{ --chapter: #C0E1EB; }
html[data-round="1"]{--chapter:#F8AC9D}
html[data-round="2"]{--chapter:#5DAECF}
html[data-round="3"]{--chapter:#F0BA55}
html[data-round="4"]{--chapter:#80BBD6}
html[data-round="5"],html[data-round="6"]{--chapter:#F8AC9D}
html[data-round="7"]{--chapter:#5DAECF}
html[data-round="8"]{--chapter:#326FBE}

body{background:linear-gradient(165deg,#FFFAF3 0%,#FFFAF3 47%,#FFFAF3 100%);color:var(--ink)}
.grain{opacity:.04;background-image:radial-gradient(#326FBE20 .65px,transparent .7px)}
.app:before{background:radial-gradient(circle,#FFE5DD40 1.4px,transparent 1.8px) 0 0/17px 17px}

.hero-mark{color:#235B78;-webkit-text-stroke:.4px #183E52;text-shadow:5px 6px 0 #FFE5DD,1px 1px 0 #183E52;filter:drop-shadow(0 3px 0 white)}
.hero-dot{color:#FFE5DD;text-shadow:4px 5px 0 #FFE5DD}
.landing-copy{border-left-color:#326FBE}
.landing-copy .eyebrow{background:#FFF0D3;border-color:#D38C46;box-shadow:3px 3px 0 #FFF0D3;color:#F2766B}
.landing-copy h2{color:#183E52}
.landing-copy>p:not(.eyebrow){color:#235B78}
.landing-footer{color:#235B78;border-top-color:#C0E1EB}
.start-pet:before{background:radial-gradient(circle at 28% 26%,#FFE5DD 0%,#FFE5DD 48%,#E6F3F6 100%);box-shadow:inset -17px -18px 26px #326FBE11,8px 16px 0 #FFE5DD85;border-color:#E6F3F6}
.start-pet:after{color:#F8AC9D}
.start-pet .pet-emoji{filter:drop-shadow(0 13px 3px #326FBE26)}
.pet-shadow{background:#326FBE21}
.fireworks i{background:repeating-conic-gradient(from 0deg,#F8AC9D 0deg 7deg,transparent 7deg 29deg)}
.fireworks i:nth-child(2){background:repeating-conic-gradient(#5DAECF 0deg 9deg,transparent 9deg 32deg)}
.fireworks i:nth-child(3){background:repeating-conic-gradient(#FFF0D3 0deg 9deg,transparent 9deg 32deg)}

.primary{background:#326FBE;color:#FFE5DD;border-color:#235B78;box-shadow:4px 5px 0 #E6F3F6}
.primary:hover{background:#80BBD6;box-shadow:6px 7px 0 #E6F3F6}
.secondary{color:#235B78;border-color:#326FBE;background:#FFE5DD;box-shadow:3px 4px 0 #E6F3F6}
.secondary:hover{background:#FFFAF3}
.quiet-btn{color:#235B78}
.hatch .eyebrow{background:#FFF0D3;border-color:#FFE5DD;color:#235B78;box-shadow:3px 3px 0 #FFE5DD}
.hatch .eyebrow:before{color:#F8AC9D}
.hatch-status{color:#235B78}
.hatched-name{color:#235B78;text-shadow:4px 4px 0 #FFE5DD}

.hud{border-color:#326FBE;background:linear-gradient(107deg,#FFE5DD 12%,#FFFAF3 65%,#FFF4E8 100%);box-shadow:5px 6px 0 #E6F3F6}
.hud-avatar{border-color:#80BBD6;background:#FFE5DD}
.hud-name strong{color:#235B78}
.hud-tag{color:#F2766B}
.hud-name small{color:#235B78}
.lv-disc{background:#326FBE;color:#FFE5DD;border-color:#183E52;box-shadow:3px 3px 0 #C0E1EB}
.lv-disc small,.lv-disc strong{color:#FFE5DD}
.hud-attention .xp-track,.xp-track{background:#E6DDF0;border-color:#C0E1EB}
.xp-track>div{background:linear-gradient(90deg,#FFE5DD,#C0E1EB,#5DAECF)}
.attention-row strong{color:#235B78}.attention-row b{color:#183E52}
.progress-info{color:#235B78}
.progress-decoration{background:repeating-linear-gradient(90deg,#F8AC9D 0 6px,transparent 6px 12px)}
.creature-emoji{filter:drop-shadow(3px 4px 0 #E6F3F6)}
.creature-speech{background:#FFF2E7;border-color:#326FBE;box-shadow:4px 4px 0 #EADBEA;color:#235B78}
.round-header h2{color:#235B78;text-shadow:2px 2px 0 #FFE5DD}
.round-header h2:after{background:var(--chapter)}
.round-chip{background:#FFF0E7;border-color:#FFF0D3;box-shadow:3px 3px 0 #FFF0D3;color:var(--chapter)}

.post-card{background:#FFE5DD;border-color:#C0E1EB;box-shadow:3px 4px 0 #E7E1EF,0 10px 23px #235B7810}
.post-card .author-line{background:linear-gradient(to right,#FFFAF3,#FFE5DD 72%)}
.post-card .avatar{border-color:#E6F3F6}
.author-details strong,.comment-meta strong{color:#326FBE}
.author-details small,.comment-meta span,.replying-to{color:#235B78}
.avatar,.comment-avatar{background:#EDE8FA}
.post-actions{color:#235B78;border-color:#EDE5F2}
.comment-symbol{color:#235B78}
.comment-thread{background:linear-gradient(180deg,#FFFAF3,#FFE5DD 32%);border-color:#EEE8F3}
.comment{border-color:#EDE7F1}
.comment-children{border-color:#E6F3F6}
.comment-content p{color:#183E52}
.comment-heart,.comment-heart-count,.comment-icons{color:#326FBE}
.comment-heart.liked,.liked{color:#F8AC9D!important}
.liked-comment{background:linear-gradient(90deg,#FFE5DD,transparent)}
.embedded-post{background:#FFFAF3;border-color:#C0E1EB}
.quote-avatar{background:#F4E7F8;border-color:#E6F3F6}
.quote-head strong{color:#326FBE}.quote-time{color:#235B78}
.quote-copy{color:#183E52}
.quoted-media-preview{background:linear-gradient(110deg,#E6F3F6,#FFF1E8);border-color:#C0E1EB;color:#235B78}
.quoted-media-preview .quoted-media-play{background:#326FBE}
.clip-preview{background:linear-gradient(110deg,#DFE7F2,#FFFAF3)}
.chat-preview{background:#E8F3ED}
.reposted-by{color:#326FBE}
.previous-group{background:#FFFAF3;border-color:#E6F3F6}
.previous-kicker{color:#F2766B}
.new-post{border-color:#C0E1EB;background:#FFE5DD}
.round-chip,.post-card:first-child{border-top-color:var(--chapter)}

.decision-head{color:#235B78}
.choice{border-color:#C0E1EB;box-shadow:3px 4px 0 #E5DDEE}
.choice:nth-child(1){background:linear-gradient(140deg,#FFE5DD,#FFE5DD)}
.choice:nth-child(2){background:linear-gradient(140deg,#FFE5DD,#FFFAF3)}
.choice:nth-child(3){background:linear-gradient(140deg,#FFE5DD,#FFF3E8)}
.choice:nth-child(4){background:linear-gradient(140deg,#FFE5DD,#FFFAF3)}
.choice:nth-child(1) .choice-mode{color:#F2766B}
.choice:nth-child(2) .choice-mode{color:#5DAECF}
.choice:nth-child(3) .choice-mode{color:#D38C46}
.choice:nth-child(4) .choice-mode{color:#216580}
.choice-text{color:#183E52}
.choice:hover:not(:disabled){border-color:#80BBD6;box-shadow:5px 7px 0 #E6F3F6}
.choice.chosen{background:#EFE8FB;border-color:#80BBD6}
.choice-arrow{color:#326FBE}
.choice[data-mode="quote"]{border-left-color:#F0BA55}
.choice[data-mode="reply"]{border-left-color:#80BBD6}
.choice[data-mode="repost"]{border-left-color:#5DAECF}
.choice[data-mode="like"]{border-left-color:#F8AC9D}
.choice[data-mode="skip"],.choice[data-mode="report"],.choice[data-mode="search"],.choice[data-mode="dm"],.choice[data-mode="delete"]{border-left-color:#5DAECF}
.choice[data-mode="quote"] .choice-mode{color:#F2766B}
.next,.skip-next{box-shadow:5px 5px 0 #E6F3F6}

.xp-overlay{background:#235B7883}
.xp-blob{border-color:#326FBE;box-shadow:8px 8px 0 #E6F3F6}
.xp-blob span{color:#F2766B}.xp-blob strong{color:#326FBE}.xp-blob small{color:#235B78}
.search-surface,.dm-surface{border-color:#C0E1EB;box-shadow:0 8px 0 #E7DEEF}
.search-bar{background:#FFFAF3;color:#235B78}
.search-empty{color:#235B78}.search-empty>span{color:#326FBE}
.dm-title{color:#235B78;border-color:#E3DDEB}.dm-send{background:#E6F3F6}.dm-inbox{background:#FFFAF3}
.overlay{background:#235B78BD}.burner-dialog{box-shadow:10px 13px 0 #235B7855}
.burner-dialog .eyebrow{color:#F2766B}.burner-dialog h2{color:#235B78}

.loading-view h2,.share-intro p{color:#235B78}
.loading-eye{color:#326FBE}
.loader-track{background:#E6F3F6}.loader-track span{background:#F8AC9D}
.section-intro h1{color:#235B78;text-shadow:4px 4px 0 #FFE5DD}
.section-intro h1 em{color:#F8AC9D}
.section-intro .eyebrow{color:#F2766B}
.result-card{background:radial-gradient(circle at 85% 10%,#FFE5DD,#FFE5DD 46%);border-color:#80BBD6;box-shadow:5px 7px 0 #E9DDEA}
.result-overline{color:#F2766B}
.result-card h2{color:#235B78}
.ending-shape{background:#FFE5DD}
.result-card h3{color:#80BBD6;box-shadow:3px 4px 0 #E6F3F6}
.result-card>p:not(.result-overline){color:#235B78}
.result-stats span,.share-xp{background:#FFF0D3;border-color:#FFF0D3;color:#326FBE}
.trait-rail{background:#EAE4F1}.trait-rail>div{background:linear-gradient(90deg,#FFE5DD,#80BBD6)}
.trait-stat{color:#235B78}.trait-stat b{color:#235B78}
.food-box{background:#FFF4E8;border-color:#F0BA55;color:#D38C46;box-shadow:3px 3px 0 #FFF0D3}
.food-box strong{color:#183E52}

.share-card{background:radial-gradient(circle at 78% 18%,#FFFAF3 0%,#F4E7F3 46%,#E6F3F6 100%);border-color:#326FBE;box-shadow:6px 7px 0 #E6F3F6}
.share-card h2{color:#235B78}
.share-card h3{background:#326FBE;color:#FFE5DD;box-shadow:5px 6px 0 #FFE5DD}
.share-brand{color:#235B78;text-shadow:3px 3px 0 #FFE5DD}
.share-brand span{color:#FFE5DD}
.share-you-raised{color:#F2766B}
.share-evolved{color:#235B78}
.share-rule{background:#80BBD6}
.share-card>p{color:#235B78}
.share-card-foot{color:#235B78}
.share-page-head{color:#F2766B}.back-link{color:#235B78}
.share-art:before{border-color:#C0E1EB}
.share-spinner{color:#80BBD6}.share-status{color:#F2766B}

.creator-credit{background:linear-gradient(to right,#FFE5DD,#FFFAF3);border-color:#E6F3F6}
.creator-credit>span,.science-grid article>span{color:#F2766B}
.creator-credit strong{color:#235B78}
.creator-credit a,.creator-credit small{color:#235B78}
.science-grid article{border-color:#C0E1EB;box-shadow:3px 4px 0 #E7DBEE}
.science-grid article:nth-child(1){background:#FFF0E7}
.science-grid article:nth-child(2){background:#FFFAF3}
.science-grid article:nth-child(3){background:#EAF7F1}
.science-grid article:nth-child(4){background:#FFE5DD}
.science-grid h3{color:#235B78}
.science-grid p{color:#235B78}
.trait-guide,.choice-recap{border-color:#C0E1EB;background:#FFE5DD;box-shadow:3px 5px 0 #E9E0EF}
.trait-guide h2,.choice-recap h2{color:#235B78}
.trait-definition{border-color:#EBE6F0}.trait-definition b{color:#326FBE}
.trait-definition p{color:#235B78}
.recap-item{border-color:#ECE5F0}.recap-head{color:#235B78}.recap-head strong{color:#F2766B}
.recap-scores span{background:#FFFAF3;color:#235B78}

@media(max-width:650px){
  .landing-copy{border-left-color:transparent;border-top-color:#326FBE}
  .hero-mark{text-shadow:3px 4px 0 #FFE5DD}
  .post-card{box-shadow:0 5px 0 #E8E0F0}
  .choice{box-shadow:2px 3px 0 #E5DDEE}
}

body{background:linear-gradient(153deg,#FFF9EE 0%,#E4F3F5 53%,#FFF6EA 100%)}
.grain{background-image:radial-gradient(#183E5216 .65px,transparent .7px)}
.hero-mark{color:#183E52;-webkit-text-stroke:.4px #1D303D;text-shadow:5px 6px 0 #F0BA55,1px 1px 0 #1D303D;filter:none}
.hero-dot{color:#F2766B;text-shadow:4px 4px 0 #FFD7C9}
.landing-copy .eyebrow{background:#DDF4E9;border-color:#229A93;color:#145F64;box-shadow:3px 3px 0 #BDE3DC}
.landing-copy{border-left-color:#229A93}
.landing-footer{border-top-color:#AFCED6;color:#183E52}
.start-pet:before{background:radial-gradient(circle at 25% 22%,#FFF 0,#FFE7D3 52%,#BFE7E7 100%);box-shadow:inset -12px -14px 23px #229A931A,8px 13px 0 #F0BA5550;border-color:#8BC7CD}
.fireworks i{background:repeating-conic-gradient(from 0deg,#F2766B 0deg 7deg,transparent 7deg 29deg)}
.fireworks i:nth-child(2){background:repeating-conic-gradient(#229A93 0deg 9deg,transparent 9deg 32deg)}
.fireworks i:nth-child(3){background:repeating-conic-gradient(#F0BA55 0deg 9deg,transparent 9deg 32deg)}
.primary{background:#F2766B;color:#1D303D;border-color:#1D303D;box-shadow:4px 5px 0 #F6BD80}
.primary:hover{background:#F47D6F;box-shadow:6px 7px 0 #F6C886}
.secondary{background:#FFFFFF;border-color:#183E52;color:#183E52;box-shadow:3px 4px 0 #BFE4EA}
.secondary:hover{background:#E4F5F8}
.hatch .eyebrow{background:#DDF4E9;border-color:#229A93;color:#183E52;box-shadow:3px 3px 0 #BFE8DA}
.hatch .eyebrow:before{color:#F2766B}
.hatched-name{color:#183E52;text-shadow:4px 4px 0 #FFD1B6}
.hud{border-color:#1F7183;background:linear-gradient(107deg,#FFFFFF 8%,#E5F5F5 65%,#FFF1D8 100%);box-shadow:5px 6px 0 #B7DADC}
.hud-avatar{background:#FFE0CF;border-color:#EA9B8B}
.hud-tag{color:#A0473F}.hud-name strong{color:#183E52}.hud-name small{color:#446D77}
.lv-disc{background:#326FBE;color:#FFFFFF;border:2px solid #183E52;box-shadow:3px 3px 0 #A8CEDA}
.xp-track,.hud-attention .xp-track{background:#D2E9E9;border-color:#8CC7C7}
.xp-track>div{background:linear-gradient(90deg,#F2766B 0%,#F0BA55 46%,#229A93 100%)}
.attention-row strong{color:#183E52}.attention-row b{color:#1D303D}
.progress-info{color:#183E52}.progress-decoration{background:repeating-linear-gradient(90deg,#F2766B 0 6px,transparent 6px 12px)}
.creature-speech{background:#FFF2D8;border-color:#1B8690;color:#284452;box-shadow:4px 4px 0 #C1E4DF}
.round-header h2{color:#183E52;text-shadow:2px 2px 0 #FFE5BC}
.round-chip{background:#DDF4E9;border-color:#84C9BA;box-shadow:3px 3px 0 #B7E3D5;color:#145E63}
.post-card{background:#FFFFFF;border-color:#B4D1D8;box-shadow:3px 4px 0 #D6EAEC,0 10px 23px #183E5212}
.post-card .author-line{background:linear-gradient(to right,#F8FCFB,#FFFFFF 72%)}
.author-details strong,.comment-meta strong,.quote-head strong{color:#1E5B75}
.author-details small,.comment-meta span,.replying-to,.quote-time{color:#526B73}
.avatar,.comment-avatar{background:#E3F3F6;border-color:#BBDCE3}
.post-actions,.comment-icons,.comment-symbol{color:#546F7A}
.comment-thread{background:linear-gradient(180deg,#FAFDFB,#fff 34%);border-color:#E3EFF0}
.comment,.comment-children{border-color:#D9E8EA}
.embedded-post{background:#F9FCFC;border-color:#BDDCE0}
.quote-avatar{background:#FFE8D9;border-color:#F0CEBC}
.quoted-media-preview{background:linear-gradient(110deg,#DDEFF7,#FFF0D9);border-color:#A9CFD6;color:#22536C}
.quoted-media-preview .quoted-media-play{background:#183E52;color:#FFF}
.reposted-by{color:#1F7E7F}.previous-group{background:#E6F5EF;border-color:#B2DDD5}
.new-post{border-color:#229A93}
.decision-head{color:#183E52}
.choice{border-color:#789EAA;box-shadow:3px 4px 0 #C9E2E4}
.choice:nth-child(1){background:linear-gradient(140deg,#FFFFFF,#FFE2DA)}
.choice:nth-child(2){background:linear-gradient(140deg,#FFFFFF,#E0F0FD)}
.choice:nth-child(3){background:linear-gradient(140deg,#FFFFFF,#FFF0CE)}
.choice:nth-child(4){background:linear-gradient(140deg,#FFFFFF,#DCF6E9)}
.choice:nth-child(1) .choice-mode{color:#AC493F}
.choice:nth-child(2) .choice-mode{color:#2362A4}
.choice:nth-child(3) .choice-mode{color:#936126}
.choice:nth-child(4) .choice-mode{color:#146F62}
.choice-text{color:#1D303D}.choice:hover:not(:disabled){border-color:#1F7183;box-shadow:5px 7px 0 #B0DAD8}
.choice.chosen{background:#DFF5EC;border-color:#229A93}.choice-arrow{color:#395E67}
.choice[data-mode="reply"]{border-left-color:#326FBE}.choice[data-mode="quote"]{border-left-color:#F2766B}
.choice[data-mode="repost"]{border-left-color:#229A93}.choice[data-mode="like"]{border-left-color:#DE5971}
.choice[data-mode="skip"],.choice[data-mode="report"],.choice[data-mode="search"],.choice[data-mode="dm"],.choice[data-mode="delete"]{border-left-color:#229A93}
.xp-overlay{background:#183E5288}.xp-blob{border-color:#183E52;box-shadow:8px 8px 0 #B8DADA}
.xp-blob strong{color:#183E52}.xp-blob span{color:#AC493F}
.section-intro h1{color:#183E52;text-shadow:4px 4px 0 #FFD6A5}.section-intro h1 em{color:#E45F58}
.result-card{background:radial-gradient(circle at 84% 9%,#FFF1DA,#FFFFFF 48%);border-color:#1F7183;box-shadow:5px 7px 0 #BBDDE2}
.result-card h2{color:#183E52}.result-card h3{background:#326FBE;color:white;box-shadow:3px 4px 0 #B8D9E9}
.ending-shape{background:#FFE0D3}.result-overline{color:#B24D44}
.trait-rail{background:#DCECEF}.trait-rail>div{background:linear-gradient(90deg,#F2766B,#229A93)}
.food-box{background:#FFF1D9;border-color:#D69E61;color:#91561F;box-shadow:3px 3px 0 #F2D9AE}
.share-card{background:radial-gradient(circle at 80% 15%,#FFF1DA 0%,#E7F5F1 45%,#D5EBF3 100%);border-color:#183E52;box-shadow:6px 7px 0 #BBD6DE}
.share-card h2{color:#183E52}.share-card h3{background:#326FBE;color:#FFF;box-shadow:5px 6px 0 #FDBD98}
.share-brand{color:#183E52;text-shadow:3px 3px 0 #F8C69B}.share-brand span{color:#F2766B}
.share-you-raised{color:#A8463E}.share-evolved{color:#395C69}.share-rule{background:#9CBFCB}
.share-card>p,.share-card-foot{color:#2F505F}.share-page-head{color:#995145}.back-link{color:#183E52}
.share-art:before{border-color:#A8CFD8}
.creator-credit{background:linear-gradient(to right,#FFFFFF,#FFF0DB);border-color:#B8D7DF}
.creator-credit>span,.science-grid article>span{color:#A84E47}.creator-credit strong{color:#183E52}
.science-grid article{border-color:#AFCED7;box-shadow:3px 4px 0 #D0E6EA}
.science-grid article:nth-child(1){background:#FFF0DF}.science-grid article:nth-child(2){background:#E1F2F9}
.science-grid article:nth-child(3){background:#E0F5EA}.science-grid article:nth-child(4){background:#FFE3E0}
.science-grid h3,.trait-guide h2,.choice-recap h2{color:#183E52}
.trait-guide,.choice-recap{border-color:#98BFCA;box-shadow:3px 5px 0 #D0E5E7}
.trait-definition b{color:#1E6980}.trait-definition p,.science-grid p{color:#2B4654}
@media(max-width:650px){.landing-copy{border-top-color:#229A93;border-left:0}.hero-mark{text-shadow:3px 4px 0 #F0BA55}.post-card{box-shadow:0 5px 0 #D8EBED}.choice{box-shadow:2px 3px 0 #C9E2E4}}