.shapes-response{flex:0 0 auto;width:100%;min-width:0;padding-top:4px}
.shapes-title{font-family:'DM Sans',sans-serif;font-size:30px;line-height:1.2;letter-spacing:-.75px;font-weight:900;color:#0f172a;margin:0 0 18px;max-width:350px;text-align:left}
.rabbit-landscape{position:relative;isolation:isolate;width:min(calc(100% + 40px),max(220px,calc(var(--onboarding-viewport-height,100dvh) - var(--onboarding-bottom-inset,0px) - 320px)));aspect-ratio:1;margin-left:50%;transform:translateX(-50%);overflow:hidden;background:#f5efe2}
.rabbit-landscape__image{display:block;width:100%;height:100%;object-fit:cover}
.rabbit-landscape__journey{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.rabbit-landscape__route{filter:drop-shadow(0 1px 1px #fff7e7)}
.rabbit-traveller{filter:drop-shadow(2px 3px 2px #5b412d33)}
.shapes-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 0 18px}
.shapes-controls .discovery-control{width:36px;height:36px}
.shapes-controls button:focus-visible{outline:3px solid #059669;outline-offset:3px}
.topic-world{width:100%;min-width:0}
.topic-world__art{position:relative;isolation:isolate;width:min(calc(100% + 40px),max(210px,calc(var(--onboarding-viewport-height,100dvh) - var(--onboarding-bottom-inset,0px) - 440px)));aspect-ratio:1;margin-left:50%;transform:translateX(-50%);overflow:hidden;background:#f5efe2}
.topic-world__image{display:block;width:100%;height:100%;object-fit:cover;animation:paper-world-arrival 16s cubic-bezier(.16,1,.3,1) both}
.topic-world[data-paused=true] .topic-world__image{animation-play-state:paused}
.topic-world[data-static=true] .topic-world__image{animation:none}
.topic-world__interests{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:16px 0 2px;padding:0}
.topic-world__interests li{max-width:100%;overflow-wrap:anywhere;padding:7px 12px;background:#faf8f2;border:1px solid #e9e3d6;border-bottom:2px solid #ded6c5;border-radius:9px;color:#334155;font-size:13px;font-weight:600;line-height:1.25;text-align:center}
.topic-world__interests:focus-visible{outline:3px solid #059669;outline-offset:3px}
@media(max-height:650px) and (min-height:480px){.topic-world__art{width:min(calc(100% + 40px),max(140px,calc(var(--onboarding-viewport-height,100dvh) - var(--onboarding-bottom-inset,0px) - 390px)))}.topic-world__interests{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.topic-world__interests li{flex:0 0 auto;max-width:none;white-space:nowrap}}
@keyframes paper-world-arrival{from{transform:translateY(5px) scale(1.035)}to{transform:translateY(0) scale(1)}}
@media(max-height:479px) and (min-width:480px){
 .shapes-response--topics{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:0 18px;align-items:start}
 .shapes-response--topics .shapes-title{grid-column:1;font-size:24px;margin-bottom:8px}
 .shapes-response--topics .topic-world{display:contents}
 .shapes-response--topics .topic-world__art{grid-column:2;grid-row:1 / span 2;width:120px;margin-left:0;transform:none}
 .shapes-response--topics .topic-world__interests{grid-column:1;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:4px;margin-top:0;scrollbar-width:thin}
 .shapes-response--topics .topic-world__interests li{flex:0 0 auto;max-width:none;white-space:nowrap}
 .onboarding-shell:has(.shapes-response--topics) .onboarding-actions{padding-top:12px;padding-bottom:8px}
 .onboarding-shell:has(.shapes-response--topics) .shapes-action-stack{display:flex;align-items:center;gap:16px}
 .onboarding-shell:has(.shapes-response--topics) .shapes-controls{margin:0;flex:0 0 auto}
}
.shapes-response--topics .shapes-title{max-width:320px}
.shapes-empty{font-size:18px;line-height:1.5;color:#64748b;text-align:center;max-width:290px;margin:74px auto}
.onboarding-shell:not(.first-intro-shell):not(.second-intro-shell):has(.shapes-response--rabbit) .onboarding-content{margin-inline:-20px;padding-inline:20px}
.onboarding-shell:not(.first-intro-shell):not(.second-intro-shell):has(.shapes-response--topics) .onboarding-content{margin-inline:-20px;padding-inline:20px}
@media(max-width:350px){.shapes-title{font-size:28px;margin-bottom:14px}.rabbit-landscape{width:min(calc(100% + 40px),max(190px,calc(var(--onboarding-viewport-height,100dvh) - var(--onboarding-bottom-inset,0px) - 350px)))}.shapes-controls{margin:0 0 14px}.shapes-controls .discovery-control{width:32px;height:32px}.topic-sculpture-stage{min-height:290px}}
@media(prefers-reduced-motion:reduce){.shapes-response,.shapes-response *{animation:none!important;transition:none!important}.shapes-controls{display:none}}

/* A local-only deterministic preview of the same reduced-motion state. */
.shapes-response[data-reduced-motion=true],.shapes-response[data-reduced-motion=true] *{animation:none!important;transition:none!important}