@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#26392f;--paper:#f6f5ee;--green:#294d3b;--muted:#6b746c;--line:#dcded3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}header,footer{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 38px}header{border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-weight:800;font-size:30px;letter-spacing:-2px;display:flex;align-items:center}.brand-dot{width:17px;height:17px;border-radius:50%;background:#e39c67;margin:0 1px 0 3px}.brand-small{font-size:11px;letter-spacing:0;font-weight:500;max-width:70px;line-height:1.2;margin-left:12px}.tag,.eyebrow,.tiny,.paper-foot{font-size:10px;font-weight:700;letter-spacing:1.8px}.tag{color:var(--muted)}main{max-width:1144px;margin:auto;padding:28px 0 72px;min-height:78vh}.notice{background:#ebe9df;color:#665f46;font-size:12px;padding:10px 14px;border-radius:8px;margin-bottom:42px}.welcome{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.eyebrow{color:#69775c;margin-bottom:22px}h1{font-family:Manrope,sans-serif;font-size:clamp(38px,4.3vw,61px);font-weight:600;letter-spacing:-3px;line-height:1.12;margin:0 0 24px}h1 em{font-family:Georgia,serif;font-weight:400;color:#688263}h2{font-size:27px;letter-spacing:-.7px;margin:10px 0}.lead{font-size:18px;line-height:1.7;color:#626e63;max-width:510px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.chips span{font-size:11px;border:1px solid var(--line);padding:9px 11px;border-radius:22px}.info,.consent{font-size:13px;line-height:1.7;color:var(--muted)}.consent{display:flex;gap:10px;margin:22px 0}.consent input{margin-top:5px;accent-color:var(--green);flex-shrink:0}button{font:600 14px 'DM Sans',sans-serif;background:var(--green);border:1px solid var(--green);color:white;border-radius:9px;padding:16px 24px;cursor:pointer;transition:transform .15s}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #1c69b5;outline-offset:4px}.fine{font-size:11px;color:var(--muted);line-height:1.6;max-width:510px}.illustration{position:relative;min-height:460px;display:grid;place-items:center;background:#e8ecdf;border-radius:48% 48% 12px 12px;overflow:hidden}.orbit{position:absolute;width:340px;height:340px;border-radius:50%;background:conic-gradient(#c96659 0 45deg,#dd9958 45deg 90deg,#e1c65c 90deg 135deg,#819b73 135deg 180deg,#7897ab 180deg 225deg,#9b87ac 225deg 270deg,#946f53 270deg 315deg,#fffdf5 315deg);top:30px;opacity:.8}.paper{position:relative;background:#fffdf6;width:280px;height:300px;box-shadow:0 15px 35px #293b2720;transform:rotate(-9deg);padding:30px 24px;display:flex;flex-direction:column;gap:20px;margin-top:90px}.tiny{font-size:7px}.paper-title{font:35px/1.1 Georgia,serif}.swatches{display:flex;gap:9px}.swatches i{height:32px;width:32px;border-radius:50%;background:#d39469}.swatches i:nth-child(2){background:#7c9772}.swatches i:nth-child(3){background:#8aa4b8}.swatches i:nth-child(4){background:#c0a6bd}.paper-foot{font-size:7px;margin-top:auto}.sticker{position:absolute;bottom:30px;right:20px;background:#e9c969;border-radius:50%;height:92px;width:92px;display:grid;place-content:center;text-align:center;font:italic 21px Georgia;transform:rotate(10deg)}footer{border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:1px}.step-row{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.track{height:4px;background:#e0e3d8;margin:15px 0 48px;border-radius:3px}#progress{height:100%;background:#73946c;transition:width .3s}.quiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.instruction{font-size:19px;margin-top:30px}.palette-panel{display:flex;align-items:center;flex-direction:column;gap:15px}#wheel{width:min(360px,82vw);height:min(360px,82vw);position:relative}#wheel svg{width:100%;height:100%;overflow:visible}#wheel [role=radio]{cursor:pointer;outline:none}#wheel [role=radio]:focus-visible path{stroke:#111;stroke-width:5}#wheel [aria-checked=true] path{stroke:#26392f;stroke-width:5}#wheel text{font:600 10px 'DM Sans',sans-serif;pointer-events:none}.secondary{background:transparent;color:var(--green);border-color:var(--line)}.secondary[aria-pressed=true]{border:2px solid var(--green)}.choice-status{font-size:14px;background:#e9ede3;display:inline-block;padding:12px 16px;border-radius:8px}#reason-section{border-top:1px solid var(--line);margin-top:42px;padding-top:28px}#reasons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.reason-option{display:flex;gap:12px;align-items:center;background:#fffdf7;border:1px solid var(--line);padding:17px;border-radius:10px;font-size:14px}.reason-option:has(input:checked){border-color:var(--green);background:#e8eddf}.reason-option input{accent-color:var(--green)}textarea{display:block;width:100%;max-width:650px;padding:14px;border:1px solid var(--line);border-radius:8px;min-height:85px;font:14px 'DM Sans';margin:10px 0 20px}.error{color:#a32c2c}#finish{max-width:700px;margin:70px auto;text-align:center}#finish .lead,#finish .fine{margin:22px auto}#finish button{margin:8px}body [hidden]{display:none!important}@media(max-width:800px){header,footer{padding:22px}.tag{display:none}main{padding:22px 22px 50px}.welcome,.quiz-grid{grid-template-columns:1fr;gap:30px}.illustration{min-height:330px}.paper{height:240px;margin-top:25px}.orbit{width:260px;height:260px}h1{letter-spacing:-1.8px}.notice{margin-bottom:28px}#reasons{grid-template-columns:1fr}.track{margin-bottom:30px}.quiz-grid{gap:20px}footer span:last-child{font-size:8px}.lead{font-size:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Início móvel: medidas fluidas em vez dos frames fixos exportados do Figma. */
body.is-onboarding{background:#f6f5ed;color:#343434}
.is-onboarding>header,.is-onboarding>footer,.is-onboarding #mode{display:none}
.is-onboarding main{max-width:none;padding:0;min-height:0}
.onboarding{font-family:Inter,Arial,sans-serif;width:100%;max-width:450px;margin:0 auto;min-height:100svh;padding: max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:40px}
.onboarding-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:36px;padding-top:40px}
.onboarding-logo{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
.onboarding-copy{width:100%;text-align:center}
.onboarding-copy h1{font:700 32px/1.22 Inter,Arial,sans-serif;color:#343434;letter-spacing:-.7px;margin:0 0 32px;outline:none}
.onboarding-copy>p{font:300 16px/1.5 Inter,Arial,sans-serif;color:#5a5a5a;margin:0;overflow-wrap:break-word}
.onboarding-dots{display:flex;align-items:center;justify-content:center;gap:0;margin-top:0}
.onboarding-dot{display:grid;place-items:center;width:24px;height:44px;padding:0;border:0;background:transparent;border-radius:12px;opacity:1}
.onboarding-dot::after{content:'';width:12px;height:12px;background:#a5a5a5;border-radius:50%}
.onboarding-dot.is-active::after{background:#000}
.onboarding-dot:hover:not(:disabled){transform:none}
.onboarding-actions{display:flex;flex-direction:column;gap:12px;width:100%;flex-shrink:0}
.onboarding-next{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px;border-radius:50px;background:#2d2c2b;border:0;color:#eee;font:700 16px/24px Inter,Arial,sans-serif}
.onboarding-next:hover:not(:disabled){transform:none;background:#41403e}
.onboarding-back{border:0;background:transparent;color:#5a5a5a;padding:8px;min-height:44px;font-size:14px}
.onboarding .consent-details{font-size:13px;line-height:1.5;color:#5a5a5a;margin:20px 0 12px}
.onboarding .consent{text-align:left;font-size:13px;color:#343434;line-height:1.5;margin:16px 0 0;padding:12px;border-radius:12px;background:#eeede6}
@media(min-width:700px){.is-onboarding main{display:grid;place-items:center;min-height:100svh}.onboarding{max-width:450px;min-height:min(874px,100svh)}}
@media(max-height:650px){.onboarding{gap:24px}.onboarding-content{padding-top:0;gap:20px}.onboarding-copy h1{margin-bottom:20px}.onboarding-logo{max-width:280px}}
/* Ecrãs 2 e 3: ilustrações fornecidas e composição da referência. */
.onboarding-illustration{display:block;width:100%;height:auto;object-fit:contain;flex-shrink:0}
.onboarding[data-step="1"] .onboarding-content{justify-content:flex-start;padding-top:clamp(45px,12svh,110px);gap:42px}
.onboarding[data-step="1"] .onboarding-illustration{height:235px}
.onboarding[data-step="1"] .onboarding-copy h1{font-size:30px;line-height:1.25;margin-bottom:34px}
.handwritten{display:block;font-family:'Segoe Print','Bradley Hand',cursive;font-style:italic;font-weight:400;font-size:29px;margin-top:10px}
.onboarding[data-step="1"] .onboarding-copy>p{font-size:14px;line-height:1.5}
.onboarding[data-step="1"] .onboarding-dots{margin-top:-16px}
.onboarding[data-step="2"] .onboarding-content{padding-top:clamp(60px,20svh,175px);justify-content:flex-start;gap:64px}
.onboarding[data-step="2"] .onboarding-illustration{height:260px}
.onboarding[data-step="2"] .onboarding-copy h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
.onboarding[data-step="2"] .consent{background:transparent;padding:0;margin:0;gap:12px;font-size:13px;line-height:1.5;color:#5a5a5a;align-items:center}
.onboarding[data-step="2"] .consent input{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:24px;height:24px;border:1.5px solid #828282;border-radius:5px;background:#f2f2f2;margin:0;cursor:pointer}
.onboarding[data-step="2"] .consent input:checked{background:#2d2c2b;border-color:#2d2c2b}
.onboarding[data-step="2"] .consent input:checked::after{content:'';width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.onboarding[data-step="2"] .onboarding-dots{margin-top:-50px}
@media(max-height:740px){.onboarding[data-step="1"] .onboarding-content,.onboarding[data-step="2"] .onboarding-content{padding-top:16px;gap:24px}.onboarding[data-step="1"] .onboarding-illustration,.onboarding[data-step="2"] .onboarding-illustration{height:180px}.onboarding[data-step="1"] .onboarding-copy h1{font-size:26px;margin-bottom:20px}.onboarding[data-step="1"] .onboarding-dots,.onboarding[data-step="2"] .onboarding-dots{margin-top:-12px}}
/* Instruções: ecrã separado, depois do consentimento e antes das categorias. */
.instructions-screen{font-family:Inter,Arial,sans-serif;color:#343434;background:#f6f5ed;width:100%;max-width:450px;margin:auto;min-height:100svh;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:32px}
.instructions-logo{width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;display:block;flex-shrink:0}
.instructions-copy{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:0 0 120px}
.instructions-copy h1{font:700 32px/1.22 Inter,Arial,sans-serif;letter-spacing:-.7px;margin:0 0 60px;outline:none}
.instructions-copy p{font:300 18px/1.5 Inter,Arial,sans-serif;color:#5a5a5a;margin:0}
.instructions-screen>.onboarding-next{flex-shrink:0}
@media(min-width:700px){.instructions-screen{min-height:min(874px,100svh)}}
@media(max-height:740px){.instructions-screen{gap:20px}.instructions-copy{padding:0 0 16px}.instructions-copy h1{margin-bottom:28px;font-size:30px}.instructions-copy p{font-size:16px}.instructions-logo{max-height:100px}}
/* Categorias: seleção múltipla acessível, sete ilustrações e paleta de dez cores. */
body.is-questionnaire{background:#f6f5ed;color:#343434}
.is-questionnaire>header,.is-questionnaire>footer{display:none}
.is-questionnaire #mode{display:none}
.is-questionnaire main{padding:0;max-width:none;min-height:0}
.category-screen{width:100%;max-width:450px;margin:auto;padding:max(22px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));min-height:100svh;font-family:Inter,Arial,sans-serif}
.category-topbar{display:flex;gap:16px;align-items:center}
.icon-button{background:none;border:0;color:#969696;padding:0;min-width:40px;min-height:40px;display:grid;place-items:center;border-radius:8px}
.category-track{height:12px;border-radius:30px;background:#e9e8e1;flex:1;overflow:hidden}
.category-track #progress{background:#000;border-radius:30px;height:100%}
.category-topbar #step{font-size:16px;font-weight:700;color:#929292;font-variant-numeric:tabular-nums}
.category-prompt{font:700 24px/1.25 Inter,Arial,sans-serif;letter-spacing:-.6px;margin:18px 0 0}
#color-section{display:flex;flex-direction:column;min-height:calc(100svh - 130px)}
.category-intro{text-align:center;margin-top:clamp(32px,8svh,70px)}
.category-intro h2{font:700 clamp(27px,7.8vw,33px)/1.18 Inter,Arial,sans-serif;letter-spacing:-.6px;margin:0;outline:none}
.category-intro p{font:300 13px/1.5 Inter,Arial,sans-serif;color:#5a5a5a;margin:14px 0 0;min-height:39px}
.category-art{flex:1;min-height:165px;display:grid;place-items:center;padding:18px 0}
.category-art img{width:min(220px,60vw);height:clamp(160px,25svh,220px);object-fit:contain}
.color-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:16px 12px;justify-items:center;padding:8px 10px}
.color-swatch{background:var(--swatch);height:48px;width:48px;min-height:44px;padding:0;border:1px solid #0000000a;border-radius:50%;position:relative;display:grid;place-items:center}
.color-swatch[aria-pressed=true]{outline:2px solid #000;outline-offset:3px}
.color-swatch:hover:not(:disabled){transform:none}
.swatch-check{display:none;background:#fff;color:#000;border-radius:50%;font:700 12px/18px Arial,sans-serif;width:18px;height:18px;box-shadow:0 0 0 1px #000}
.color-swatch[aria-pressed=true] .swatch-check{display:block}
.color-swatch:focus-visible{outline:3px solid #1969af;outline-offset:4px}
.selection-summary{font-size:11px;line-height:1.4;color:#6b6b6b;text-align:center;min-height:16px;margin:6px 0 12px}
.category-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding-bottom:0}
.category-actions .onboarding-next,#reason-section .onboarding-next{background:#000;font-size:16px}
.category-actions .outline-button{background:transparent;border:1px solid #000;color:#000;font-size:15px}
.category-actions button:disabled{opacity:.3}
.category-screen #reason-section{border:0;margin:0;padding:28px 0 0}
.reason-context{text-align:center;margin:0 0 26px}.reason-context img{object-fit:contain}.reason-context p{margin:8px 0}.reason-context #reason-category{font-weight:700;font-size:21px}.reason-context #reason-selection{font-size:13px;color:#666}
.category-screen #reason-title{font-size:25px;line-height:1.2;outline:none}
.category-screen #reason-hint{color:#666;font-size:13px;line-height:1.5}
.category-screen #reasons{grid-template-columns:1fr;gap:10px;margin:22px 0}
.category-screen .reason-option{background:transparent;border-color:#d3d2cb;padding:16px;font-size:14px;border-radius:14px}
.category-screen .reason-option:has(input:checked){border-color:#333;background:#e9e8e1}
.category-screen input[type=checkbox]{accent-color:#333}
.text-button{border:0;background:transparent;color:#555;display:block;width:100%;min-height:44px;padding:12px;font-size:14px;margin-top:8px}
#exit-dialog{border:0;border-radius:22px;background:#f6f5ed;color:#343434;padding:26px;max-width:360px;width:calc(100% - 40px)}
#exit-dialog::backdrop{background:#0007}#exit-dialog p{font-size:14px;line-height:1.6;margin-bottom:24px}
@media(max-width:360px){.category-screen{padding-left:20px;padding-right:20px}.color-palette{gap:15px 8px;padding:8px 2px}.color-swatch{width:44px;height:44px}.category-prompt{font-size:23px}}
@media(max-height:740px){.category-intro{margin-top:24px}.category-art{min-height:130px;padding:10px 0}.category-art img{height:145px}.color-palette{gap:12px}.category-intro p{margin-top:8px}.category-actions{gap:10px}.category-actions button{min-height:50px;padding:12px}}
.category-actions .outline-button:hover:not(:disabled){background:#e9e8e1;color:#000}
/* Motivos em duas colunas; Outra razão encerra a lista. */
.category-screen #reasons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.category-screen .reason-option{min-height:72px;padding:12px;gap:8px;line-height:1.4;overflow-wrap:break-word}
.category-screen .reason-option input{flex-shrink:0;width:16px;height:16px}
.category-screen .reason-other{grid-column:1/-1;min-height:54px}
.category-screen #other-wrap{display:block;font-size:14px;line-height:1.5;margin-bottom:20px}
.category-screen #other{max-width:none;width:100%;background:#fffdf7}
/* Despedida: composição de agradecimento e gestão de dados recolhida abaixo. */
body.is-finished{background:#f6f5ed;color:#343434}
.is-finished>header,.is-finished>footer,.is-finished #mode{display:none}
.is-finished main{padding:0;max-width:none;min-height:0}
#finish.finish-screen{width:100%;max-width:450px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));text-align:center;font-family:Inter,Arial,sans-serif}
.finish-composition{min-height:calc(100svh - 48px);display:flex;flex-direction:column;align-items:center}
.finish-logo{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;flex-shrink:0}
.finish-illustration{display:block;width:76%;max-width:275px;height:250px;object-fit:contain;margin:clamp(55px,10svh,88px) auto 46px}
.finish-copy{width:100%}
.finish-copy h1{font:700 32px/1.2 Inter,Arial,sans-serif;letter-spacing:-.6px;margin:0 0 22px;outline:none}
.finish-copy h1 .handwritten{font-size:29px;line-height:1.3;font-weight:400;margin-top:12px}
.finish-copy>p{font:300 18px/1.5 Inter,Arial,sans-serif;color:#5a5a5a;margin:0}
.finish-status{font:400 12px/1.6 Inter,Arial,sans-serif;color:#777;margin:28px 0 18px;padding:12px;background:#eeede6;border-radius:10px}
.finish-data{text-align:left;border-top:1px solid #deddd5;padding-top:16px}
.finish-data summary{cursor:pointer;min-height:44px;font-size:14px;color:#555;list-style-position:inside}
#finish .finish-data button{margin:12px 0 0;font-size:14px}
.finish-data #withdraw-status{font-size:13px;line-height:1.5;text-align:center}
@media(max-height:740px){.finish-illustration{height:190px;margin:30px auto}.finish-copy h1{font-size:29px}.finish-copy>p{font-size:16px}.finish-copy h1 .handwritten{font-size:27px}}
/* Life Savers apenas nas frases de destaque; títulos originais preservados. */
@font-face{font-family:'Life Savers';src:url('assets/fonts/life-savers-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.handwritten,.finish-copy h1 .handwritten{font-family:'Life Savers',Georgia,serif;font-weight:400;font-style:normal;font-size:29px;line-height:1.15;letter-spacing:0;margin-top:3px}
@media(max-width:360px){.handwritten,.finish-copy h1 .handwritten{font-size:26px}}
/* Idioma e retorno: controlos discretos e acessíveis. */
.language-control{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:12px;color:#666}
.language-control select{font:14px Arial,sans-serif;color:#343434;border:1px solid #d3d2c9;background:transparent;border-radius:20px;padding:10px 30px 10px 12px;min-height:44px;max-width:170px}
.admin-entry{align-self:center;font-size:11px;color:#777;text-decoration:none;padding:8px;min-height:30px}
.onboarding[data-step="0"]{gap:16px}.onboarding[data-step="0"] .onboarding-content{padding-top:0}
#finish #return-home{margin:32px 0 8px;flex-shrink:0}
#finish .finish-composition{min-height:calc(100svh - 155px)}
.category-artwork{position:relative;width:min(220px,60vw);height:clamp(160px,25svh,220px)}
.category-artwork #category-icon,.category-artwork #category-tint{display:block;width:100%;height:100%;object-fit:contain}
@media(max-height:740px){.category-artwork{height:145px}}