@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600;700&family=Caveat:wght@400;500;600;700&display=swap');
/* Ângela Fonseca · Personal website · Version 16 */
:root{--paper:#FAF9F6;--ink:#20211F;--muted:#62625C;--prose:#4D4E48;--line:#D6D5CF;--terracotta:#D26624;--orange:var(--terracotta);--soft:#EFEEE9;--journal:#EEEDE7;--peach:#F5E4D9;--selection:#ECEBE6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:6px}::selection{background:var(--selection)}[hidden]{display:none!important}
.wrap{max-width:1320px;margin:auto;padding:0 6%}.skip{position:absolute;top:-80px;background:var(--ink);color:white;padding:15px;z-index:99}.skip:focus{top:0}
header{border-bottom:1px solid var(--line)}.nav{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:14px;align-items:center;flex-shrink:0}.wordmark{display:block;font-family:'Space Grotesk',sans-serif;font-size:23px;letter-spacing:-.7px;line-height:1.2}.brand small{display:block;margin-top:8px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:400;letter-spacing:.3px}.navlinks{display:flex;align-items:center;gap:28px;font-size:13px}.navlinks a[aria-current=page]{text-decoration:underline;text-underline-offset:8px}.navlinks .contactlink.handcta{font-size:24px;padding:8px 20px}.menu{display:none;border:0;background:none;padding:12px}
h1,h2,h3{text-wrap:balance;font-family:'Space Grotesk',sans-serif;font-weight:500}h2{font-size:clamp(32px,4vw,51px);letter-spacing:-1.8px;line-height:1.14;margin:14px 0 22px}h3{font-size:24px;letter-spacing:-.6px;line-height:1.3;margin:15px 0}p,li{text-wrap:pretty;orphans:3;widows:3}p{font-weight:300;font-size:16px;line-height:1.8;color:var(--prose);margin:0 0 18px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;font-weight:500;line-height:1.6}.scribble{font-family:Caveat,cursive;font-weight:500;letter-spacing:-1.5px;display:inline-block;line-height:1.3;margin-bottom:.12em;position:relative}.scribble:after{content:'';position:absolute;bottom:-.03em;left:0;width:100%;height:.12em;border-top:2px solid var(--terracotta);border-radius:50%;transform:rotate(-2deg)}
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;padding:40px 0 0;align-items:center}.hero h1{font-size:clamp(40px,5vw,66px);letter-spacing:-2.8px;line-height:1.2;margin:28px 0}.hero .intro{max-width:520px;font-size:17px;line-height:1.8;margin:30px 0 0}.hero-portrait{align-self:end;justify-self:end;width:100%;max-width:440px}.hero-portrait img{display:block;width:100%;height:auto}
.section{padding:80px 0}.sectionhead{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:35px}.sectionhead>div{position:relative}.sectionhead h2{margin-bottom:0}.sectionhead>.handcta,.sectionhead>.textlink{flex-shrink:0}.button{display:inline-flex;background:var(--ink);color:var(--paper);padding:17px 23px;gap:20px;align-items:center;border:1px solid var(--ink);font-size:14px;cursor:pointer}.button:hover{background:#44453F}.textlink{font-size:14px;font-weight:400;border-bottom:1px solid;padding-bottom:4px;line-height:1.8;box-decoration-break:clone;-webkit-box-decoration-break:clone}.textlink:hover{border-color:var(--terracotta)}.handcta{display:inline-block;font:600 25px/1.2 Caveat,cursive;padding:8px 23px;border:1.5px solid currentColor;border-radius:12px 18px 11px 15px / 15px 9px 17px 10px;position:relative;background:transparent;transform:rotate(-1deg);margin:8px 0;text-decoration:none;cursor:pointer;color:var(--ink)}.handcta:after{content:'';position:absolute;inset:2px -3px -2px 1px;border:1px solid currentColor;border-radius:14px 11px 16px 9px / 11px 17px 10px 14px;pointer-events:none;opacity:.65}.handcta:hover,.journalcard:hover .handcta{background:var(--selection)}
/* Original project compositions retained. */
.projectgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.projectvisual{height:305px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .2s}.project:hover .projectvisual{transform:rotate(-1deg)}.projectvisual.gifts{background:#DAD4E8}.giftposter{background:#F9F8F3;border:1px solid #242323;width:63%;padding:28px;transform:rotate(-7deg);box-shadow:9px 10px 0 #232323;font-family:'Space Grotesk',sans-serif;font-size:38px;letter-spacing:-2px;line-height:.95}.giftposter small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:2px;margin-bottom:20px}.giftposter i{font:48px Caveat,cursive;color:#765B9B}.projectvisual.zarco{background:var(--terracotta);flex-direction:column}.zarco strong{font-family:'Space Grotesk',sans-serif;font-size:85px;letter-spacing:-8px}.zarco span{font-family:Caveat,cursive;font-size:30px;transform:rotate(-6deg)}.projectmeta{display:flex;justify-content:space-between;align-items:center}.projectmeta p{font-size:13px;color:var(--muted)}.note{font-size:12px!important;font-weight:400!important;color:var(--muted);line-height:1.7!important;margin-top:24px}.aboutband{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.bigaf{font-family:Caveat,cursive;font-size:160px;line-height:1;letter-spacing:-12px;transform:rotate(-7deg);margin:28px 0 0}.bigaf span{font:24px/1.5 Caveat,cursive;letter-spacing:0;display:block;margin-top:16px;max-width:240px}.abouttext p{max-width:650px}.programs{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.programs article{border-top:1px solid var(--line);padding-top:15px}.programs h3{font-size:20px}.programs p{font-size:14px}.hello-doodle{margin:26px 0 0 80px;transform:rotate(8deg);width:130px!important;height:130px!important}
.journalgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.journalart{height:220px;display:flex;align-items:center;justify-content:center;background:var(--journal);font-family:Caveat,cursive;font-size:68px;line-height:.85;position:relative}.journalart.orange{background:var(--peach)}.journalart .ghost{font-size:90px;letter-spacing:12px;border:2px solid;border-bottom:0;border-radius:60% 60% 0 0;padding:10px 20px 25px;transform:rotate(-9deg)}.journalart .doodle{width:145px;height:145px}.journalcard h3{font-size:23px;line-height:1.3}.journalcard small{display:block;text-transform:uppercase;letter-spacing:1px;font-size:10px;margin-top:20px;color:var(--muted)}.journalcard p{font-size:15px;line-height:1.7}.blog-doodle{position:absolute;left:calc(100% + 20px);bottom:-14px;width:90px!important;height:90px!important}.contactband{background:var(--soft);padding:60px 0}.contactinner{display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:55px}.contact-art{display:block;width:100%;max-width:300px;height:auto;justify-self:center}.contactinner h2{font-size:clamp(34px,4.3vw,55px);margin-top:0}.contactinner p{max-width:570px;margin-bottom:22px}
footer{padding:0 0 30px}.footerinner{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;border-top:1px solid var(--line);padding-top:28px}.socials{display:flex;gap:22px}.legal-links{font-size:12px}.pagehero{padding:60px 0 40px;max-width:900px}.pagehero h1{font-size:clamp(40px,6vw,78px);line-height:1.2;letter-spacing:-3.5px;margin:24px 0 30px}.pagehero p{max-width:690px;font-size:17px}.crumb{font-size:12px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.crumb a:hover{text-decoration:underline}.prose{max-width:730px;padding-bottom:65px}.prose p,.prose li{line-height:1.85;color:var(--prose)}.prose h2{font-size:32px;letter-spacing:-1px;margin-top:40px}.prose ul{padding-left:22px}.prose li{margin-bottom:12px;font-weight:300}.draft{border-left:2px solid var(--terracotta);padding:15px 20px;background:#F0EFE9;font-size:13px;line-height:1.7;margin-bottom:30px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filters button{background:transparent;border:1px solid var(--line);padding:10px 18px;cursor:pointer;font-size:13px}.filters button.active{background:var(--ink);color:var(--paper)}
/* Approved nine-icon sheet: preserved as one original, no redrawing. */
.doodle{display:block;width:120px;height:120px;flex-shrink:0;background-image:url('assets/icones-manuais.png');background-repeat:no-repeat;background-size:300% 300%}.doodle-pencil{background-position:0 0}.doodle-book{background-position:50% 0}.doodle-browser{background-position:100% 0}.doodle-sock{background-position:0 50%}.doodle-people{background-position:50% 50%}.doodle-heart{background-position:100% 50%}.doodle-smile{background-position:0 100%}.doodle-award{background-position:50% 100%}.doodle-boat{background-position:100% 100%}
.page-index{display:flex;gap:12px 25px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font-size:13px;margin-bottom:15px}.page-index a{padding:4px 0}.page-index a:hover{text-decoration:underline;text-underline-offset:5px}.chapter{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr);gap:70px;padding:64px 0;border-bottom:1px solid var(--line)}.chapter:last-child{border-bottom:0;padding-bottom:85px}.chapter-title>.doodle{margin:-14px 0 4px -18px}.chapter-title h2{font-size:clamp(29px,3vw,37px);line-height:1.2;letter-spacing:-1.3px}.chapter-title p{font-size:15px}.chapter-content>h3:first-child{margin-top:5px}.chapter-content p{font-size:16px}.chapter-content a{display:inline-block;margin-bottom:4px}.timeline article{display:grid;grid-template-columns:115px minmax(0,1fr);gap:22px;border-bottom:1px solid var(--line);padding:24px 0}.timeline article:first-child{padding-top:0}.timeline article:last-child{border:0;padding-bottom:0}.timeline small{font-size:12px;color:var(--muted);padding-top:6px;line-height:1.7}.timeline h3{margin-top:0;font-size:23px}.timeline p:last-child{margin-bottom:0}.confidential{border-left:2px solid var(--terracotta);padding:2px 0 2px 22px;margin-top:38px}.confidential h3{font-size:22px;margin-top:0}.confidential p{font-size:15px;margin:0}.feature-project{padding:24px 0 30px;border-bottom:1px solid var(--line);margin-bottom:28px}.feature-project:first-child{padding-top:0}.feature-project h3{font-size:32px;margin:12px 0 16px}.learning details{border-top:1px solid var(--line)}.learning details:last-child{border-bottom:1px solid var(--line)}.learning summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;font:500 22px/1.4 'Space Grotesk',sans-serif;letter-spacing:-.5px;padding:24px 0}.learning summary::-webkit-details-marker{display:none}.summary-sign{width:18px;height:18px;position:relative;flex-shrink:0}.summary-sign:before,.summary-sign:after{content:'';position:absolute;left:0;top:8px;width:18px;height:1.5px;background:var(--ink);transform:rotate(-5deg)}.summary-sign:after{transform:rotate(85deg)}details[open] .summary-sign:after{display:none}.learning-body{padding:0 0 24px}.degree{margin:8px 0 22px!important;font-size:19px!important;font-weight:400!important;line-height:1.5}.degree span{font-size:14px;font-weight:300;color:var(--muted)}.course-list{padding:0;margin:0;list-style:none}.course-list li{padding:8px 0;border:0;font-size:15px;line-height:1.8}.course-list li:first-child{padding-top:0}.course-list li:last-child{border-bottom:0}.course-list strong{display:inline;font-weight:400}.course-list span{display:inline;font-size:inherit;color:var(--muted);font-weight:300}.learning-body>p:last-child{margin-top:20px;font-size:15px}.volunteer{position:relative}.volunteer .chapter-title>.doodle{width:150px;height:150px}.volunteer .chapter-content{padding:25px 30px;background:var(--soft);border-radius:3px 11px 5px 8px}.volunteer .chapter-content h3{font-size:24px}.recognition{padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.recognition:last-child{border:0;margin:0;padding:0}.recognition h3{margin-top:8px}.extra-projects{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:38px}.extra-project{border-top:1px solid var(--line);display:flex;align-items:start;gap:18px;padding-top:24px}.extra-project .doodle{width:86px;height:86px;margin-left:-12px}.extra-project h3{margin:6px 0 12px}.extra-project p{font-size:15px}.extra-project .eyebrow{font-size:10px}.case-layout{display:grid;grid-template-columns:200px minmax(0,730px);gap:60px}.case-doodle{width:190px;height:190px;margin-top:15px}.case-meta{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contactlayout{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:80px;align-items:start}.contactlayout h2{font-size:33px;letter-spacing:-1px}.contactlayout h3{font-size:23px;margin-top:32px}.form-art{display:block;width:245px;height:auto;margin:-22px 0 10px}.contactlayout form{padding-top:8px}label{display:block;font-size:14px;margin:20px 0 9px}input,select,textarea{width:100%;padding:14px;background:transparent;border:1px solid #91928B;border-radius:0;color:var(--ink);font-size:16px}textarea{min-height:180px;resize:vertical}.contactlayout .button{margin-top:22px}#formstatus{font-size:13px}.keep-ending{white-space:nowrap}
@media(max-width:1050px){.navlinks{gap:18px}.wordmark{font-size:21px}.brand{gap:10px}.chapter{gap:40px}.timeline article{grid-template-columns:1fr;gap:8px}.timeline small{padding:0}.blog-doodle{display:none}.giftposter{font-size:31px}.giftposter i{font-size:41px}.zarco strong{font-size:72px}.extra-project{gap:10px}.extra-project .doodle{width:65px;height:65px}}
@media(max-width:800px){.wrap{padding:0 7%}.nav{min-height:88px;gap:12px}.wordmark{font-size:20px}.brand small{font-size:10px}.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:88px;padding:25px 7%;background:var(--paper);z-index:10;border-bottom:1px solid;flex-direction:column;align-items:start;gap:20px}.navlinks.open{display:flex}.hero{grid-template-columns:1fr;gap:30px;padding-top:30px}.hero h1{font-size:clamp(36px,8vw,64px);letter-spacing:-2px}.hero .intro{font-size:16px}.hero-portrait{max-width:360px}.section{padding:55px 0}.sectionhead{display:block}.sectionhead .textlink,.sectionhead>.handcta{display:inline-block;margin-top:22px}.projectgrid,.journalgrid,.aboutband,.contactlayout,.extra-projects{grid-template-columns:1fr}.projectgrid{gap:25px}.projectvisual{height:280px}.giftposter{font-size:38px}.giftposter i{font-size:48px}.zarco strong{font-size:85px}.aboutband{gap:45px}.bigaf{font-size:125px;letter-spacing:-9px;transform:rotate(-5deg);margin-top:22px}.bigaf span{max-width:none;font-size:23px}.hello-doodle{width:90px!important;height:90px!important;margin:22px 0 0 auto}.aboutband>div:first-child{position:relative}.abouttext h2{font-size:35px}.journalart{height:240px;font-size:64px}.journalgrid{gap:45px}.contactband{padding:45px 0}.contactinner{grid-template-columns:1fr;gap:16px}.contact-art{width:190px;justify-self:start;margin-left:-7px}.contactinner h2{font-size:clamp(32px,7.4vw,43px)}.footerinner{flex-wrap:wrap;gap:24px;font-size:12px}.socials{gap:18px}.pagehero{padding:40px 0 30px}.pagehero h1{font-size:clamp(34px,7vw,54px);letter-spacing:-1.5px;line-height:1.18}.pagehero p{font-size:16px}.page-index{font-size:12px;gap:8px 20px;padding:16px 0}.chapter{grid-template-columns:1fr;gap:24px;padding:42px 0}.chapter-title{position:relative;padding-right:85px}.chapter-title>.doodle{position:absolute;width:83px;height:83px;right:-7px;top:1px;margin:0}.chapter-title h2{font-size:31px;letter-spacing:-1px;margin:10px 0 6px}.chapter-title p{margin-top:18px}.chapter-title br{display:none}.chapter-content h3{font-size:22px}.chapter-title .doodle-heart{width:94px;height:94px}.timeline article{padding:22px 0}.timeline h3{margin:0 0 12px}.learning summary{font-size:21px}.volunteer .chapter-content{padding:24px}.recognition h3{font-size:24px}.extra-projects{gap:24px}.extra-project .doodle{width:90px;height:90px;margin-left:-10px}.case-layout{grid-template-columns:1fr;gap:10px}.case-doodle{width:110px;height:110px;margin:0 0 0 -15px}.prose h2{font-size:29px}.contactlayout{gap:35px;padding-bottom:55px}.form-art{width:210px;margin-top:0}.contactlayout form{border-top:1px solid var(--line);padding-top:15px}}
@media(max-width:380px){.wordmark{font-size:18px}.brand{gap:7px}.menu{font-size:14px;padding-right:0}.programs{grid-template-columns:1fr}.chapter-title{padding-right:68px}.chapter-title h2{font-size:28px}.chapter-title>.doodle{width:68px;height:68px}.chapter-title .doodle-heart{width:75px;height:75px}.giftposter{width:70%;padding:23px;font-size:32px}.giftposter i{font-size:41px}.projectvisual{height:250px}.zarco strong{font-size:68px}.extra-project{gap:12px}.extra-project .doodle{width:65px;height:65px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Version 7: portrait motion, a personal introduction, and separate career page. */
.navlinks{gap:20px}.navlinks a{white-space:nowrap}
.hero-portrait{position:relative;isolation:isolate;padding-top:18px;margin-right:0;align-self:end}
.portrait-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:1744/2336}
.portrait-stage .portrait-original{position:relative;z-index:2;display:block;width:100%;height:auto}
.portrait-stage .orbit-icon{position:absolute;width:17%;height:auto;aspect-ratio:1;pointer-events:none;transform:translate(-50%,-50%);will-change:transform;z-index:1}
.orbit-icon:nth-child(1){left:90%;top:29%}.orbit-icon:nth-child(2){left:50%;top:53%;z-index:3}.orbit-icon:nth-child(3){left:10%;top:29%}.orbit-icon:nth-child(4){left:50%;top:5%}
.motion-control{position:relative;display:block;width:max-content;max-width:100%;margin:30px 0 0;padding:9px 0;background:none;border:0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);cursor:pointer}
.motion-control:hover{color:var(--ink);border-color:var(--ink)}
.hero-divider{height:5px;border-top:2px solid var(--terracotta);border-radius:47% 25% 40% 60%;transform:rotate(-.35deg);margin-top:6px;opacity:.9}
.aboutband{border-top:0;gap:70px;align-items:center;padding-top:70px;padding-bottom:70px}
.hello-word{max-width:350px;transform:rotate(-7deg);transform-origin:center center}.hello-word img{display:block;width:100%;height:auto}
.hello-word p{font:400 clamp(20px,2vw,26px)/1.5 Caveat,cursive;color:var(--ink);padding-left:18%;max-width:none;margin:-5px 0 0;white-space:nowrap}
.about-links{display:flex;gap:20px 28px;flex-wrap:wrap;margin-top:27px}
.home-blog{border-top:1px solid var(--line)}
.personal-doodle{display:block;width:135px;height:auto;margin:-12px 0 12px -10px}
.personal-next{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 28px;margin:0 0 65px;padding-top:24px;max-width:none}.personal-next p{margin:0;font-size:15px;flex:0 1 auto}.personal-next>.handcta{flex:0 0 auto;white-space:nowrap}@media(min-width:1050px){.personal-next{flex-wrap:nowrap}.personal-next p{white-space:nowrap}}
@media(min-width:801px) and (max-width:1150px){.nav{min-height:100px}.menu{display:block}.navlinks{display:none;position:absolute;top:100px;left:0;right:0;padding:28px 6%;background:var(--paper);border-bottom:1px solid var(--line);z-index:20;flex-direction:column;align-items:start;gap:22px}.navlinks.open{display:flex}}
@media(max-width:800px){.hero{gap:24px}.hero-portrait{width:94%;max-width:360px;padding-top:14px}.aboutband{gap:30px;padding:45px 0}.hello-word{max-width:290px;transform:rotate(-5deg)}.hello-word p{font-size:24px;padding-left:12%;max-width:none}.personal-doodle{position:absolute;right:-3px;top:-8px;width:85px;margin:0}.about-links{gap:20px}.motion-control{margin-top:24px}.hero-divider{margin-top:0}}
@media(prefers-reduced-motion:reduce){.orbit-icon{will-change:auto}.motion-control{display:none}}

.journal-icon{display:block;width:160px;height:160px;object-fit:contain}

/* Version 8: keep the complete greeting on the v6 angle. */
@media(max-width:380px){.hello-word p{font-size:21px}}

/* Version 9: continuous community entries and new personal illustrations. */
.community-list{display:block;list-style:none;padding:0;margin:18px 0 0}
.community-list li{padding:8px 0;font-size:15px;font-weight:300;line-height:1.8;color:var(--prose);border:0}
.doodle-computer{background-image:url('assets/computador-expressoes.png');background-size:contain;background-position:center}
.doodle-phone,.doodle-laundry,.doodle-pets,.doodle-dragonbook{background-image:url('assets/icones-pessoais.png');background-size:190% 190%}
.doodle-phone{background-position:left top}.doodle-laundry{background-position:right top}.doodle-pets{background-position:left bottom}.doodle-dragonbook{background-position:right bottom}
.chapter-title>.doodle-computer,.chapter-title>.doodle-pets{width:166px;height:166px;margin-left:-12px}
.personal-note{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:22px;margin:16px 0 22px}
.personal-note .doodle{width:140px;height:140px}
.personal-note h3{margin-top:0}.personal-note p:last-child{margin-bottom:0}
.select-wrap{position:relative}.select-wrap select{appearance:none;-webkit-appearance:none;padding-right:52px}
.select-wrap:after{content:'';position:absolute;right:22px;top:calc(50% - 7px);width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);pointer-events:none}
.chapter-content.learning{min-width:0}.learning-body>.timeline{padding-top:8px}
@media(max-width:800px){.chapter-title:has(>.doodle-computer),.chapter-title:has(>.doodle-pets){padding-right:130px;min-height:120px}.chapter-title>.doodle-computer,.chapter-title>.doodle-pets{width:120px;height:120px;margin:0;right:0;top:0}}
@media(max-width:480px){.personal-note{grid-template-columns:minmax(0,1fr);gap:4px}.personal-note .doodle{width:110px;height:110px;justify-self:end;margin-top:0}.chapter-title:has(>.doodle-computer),.chapter-title:has(>.doodle-pets){padding-right:112px;min-height:112px}.chapter-title>.doodle-computer,.chapter-title>.doodle-pets{width:105px;height:105px}.community-list{display:block}}

.orbit-icon:nth-child(5){left:82%;top:12%;z-index:1}

/* The clean photo and erasable layer share the original portrait plane. */
[hidden]{display:none!important}
.eraser-ready .portrait-original{visibility:hidden}
.portrait-stage .portrait-clean,.portrait-stage .portrait-scribbles{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;object-fit:fill}
.portrait-clean{pointer-events:none}.portrait-scribbles{touch-action:pan-y;cursor:auto}
.eraser-controls{margin-top:18px}.eraser-hint{font:400 22px/1.4 Caveat,cursive;color:var(--ink);margin:0 0 10px}
.eraser-actions{display:flex;gap:12px 20px;flex-wrap:wrap}.eraser-actions button{background:none;border:0;border-bottom:1px solid var(--line);padding:6px 0;cursor:pointer;font-size:12px;color:var(--ink)}
.eraser-actions button:disabled{opacity:.5;cursor:default}.eraser-actions button:focus-visible{outline:2px solid var(--terracotta);outline-offset:5px}
.portrait-clean-frame{position:absolute;inset:0;overflow:hidden;z-index:2;pointer-events:none}
.portrait-stage .portrait-clean{object-fit:contain;transform-origin:center}
/* Isolate the book's own cell; exclude the neighbouring Labrador's tail. */
.doodle-dragonbook{background-size:200% 200%;background-position:right bottom;clip-path:inset(0 0 0 10%)}

/* Version 12: shared controls, enlarged drawn cursor throughout the hero. */
.hero{position:relative}
.hero-actions{display:flex;align-items:baseline;gap:12px 22px;flex-wrap:nowrap;margin-top:30px}
.hero-actions .eraser-controls{display:contents}
.hero-actions button{flex:0 0 auto;white-space:nowrap;margin:0;padding:9px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:400 12px/1.5 'DM Sans',Arial,sans-serif;cursor:pointer}
.hero-actions button:hover{border-color:var(--ink)}
.hero-actions button:disabled{opacity:.5}
.hero .eraser-hint{margin:12px 0 0;font:400 22px/1.4 Caveat,cursive}
.hero>.eraser-cursor{position:absolute;width:240px;height:240px;max-width:none;object-fit:contain;z-index:30;pointer-events:none;transform:translate(-50px,-190px);user-select:none}
@media(hover:hover) and (pointer:fine){.hero-eraser-ready.eraser-active,.hero-eraser-ready.eraser-active *{cursor:none!important}}
@media(max-width:420px){.hero-actions{gap:12px}.hero-actions button{font-size:11px}}
@media(max-width:340px){.hero-actions{flex-wrap:wrap}}