.preview-toolbar{height:52px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5%;background:var(--deep);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.preview-toolbar a{display:flex;align-items:center;min-height:44px;color:var(--accent);font-size:11px}
.hero{height:calc(100dvh - var(--chrome-height,132px));min-height:620px}
.hero h1 .chalk-line{position:relative;transform:none;clip-path:none;touch-action:none}
#hero-title{touch-action:none}
.chalk-line-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.is-free-ready .chalk-ink{opacity:0}
.chalk-dust{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.hero-copy{z-index:2}
.cat{right:auto;bottom:auto;isolation:isolate}
.cat::after{content:"";position:absolute;left:39%;bottom:1.1%;width:57%;height:2.6%;background:rgba(10,23,20,.48);border-radius:50%;filter:blur(4px);z-index:-1}
.fish{pointer-events:none;z-index:3;height:auto;outline-offset:-2px}
.fish:focus-visible{outline:2px solid var(--accent);border-radius:6px}
.free-help{position:absolute;left:7%;bottom:33px;z-index:4;font-size:12px;color:var(--muted);max-width:420px}
.motion-controls button:disabled{color:#8fa49c;border-color:#4f6b62;cursor:default}
@media(max-width:767px){
 .preview-toolbar{padding:0 24px;font-size:11px}
 .preview-toolbar a{font-size:10px}
 .hero{min-height:540px;height:calc(100dvh - var(--chrome-height,216px))}
 .hero-copy{padding-top:40px}
 .free-help{left:24px;bottom:74px;font-size:11px;max-width:290px}
 .fish{pointer-events:none;touch-action:none}
 .fish::before{content:"";position:absolute;inset:-6px}
 .motion-controls{right:24px;gap:8px}
 .motion-controls button{padding:8px 10px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.motion-controls,.free-help{display:none}.fish{pointer-events:none}}