:root{--paper:#f4eee5;--ink:#28231f;--muted:#786d64;--card:#e8ddd0;--accent:#ec5d3c}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif}body{margin:0;min-height:100vh}main{width:min(1500px,100%);margin:auto;padding:22px clamp(16px,4vw,56px) 18px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:18px;font-weight:800;text-decoration:none;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:14px;height:42px;padding:0 12px;font-size:15px;letter-spacing:-.08em}header p,footer{color:var(--muted);font-size:13px;font-weight:650}.stage{position:relative;isolation:isolate;overflow:hidden;margin-top:20px;width:100%;height:clamp(520px,76vh,900px);border-radius:clamp(22px,3vw,40px);background:var(--card)}#cat{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transform:scale(1.015);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.stage.loaded #cat{transform:scale(1)}.shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(18,13,10,.76) 100%);pointer-events:none}.actions{position:absolute;z-index:2;left:clamp(22px,4vw,58px);right:clamp(22px,4vw,58px);bottom:clamp(22px,4vw,52px);display:flex;align-items:end;justify-content:space-between;gap:22px;color:white}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.16em}.actions h1{font-size:clamp(48px,8vw,108px);line-height:.82;margin:13px 0 0;letter-spacing:-.075em}button{appearance:none;border:0;border-radius:18px;background:#fff;color:var(--ink);display:flex;align-items:center;gap:10px;padding:15px 20px;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 7px 24px rgba(0,0,0,.14);transition:transform .18s ease,background .18s ease}button:hover{transform:translateY(-2px);background:var(--paper)}button:active{transform:translateY(0)}button:focus-visible{outline:4px solid var(--accent);outline-offset:4px}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.loader span{width:9px;height:9px;border-radius:50%;background:var(--muted);animation:bounce .9s infinite alternate}.loader span:nth-child(2){animation-delay:.15s}.loader span:nth-child(3){animation-delay:.3s}.loader b{font-size:14px;margin-left:8px}.loaded .loader{display:none}footer{display:flex;justify-content:space-between;gap:20px;padding:17px 4px 0}noscript{position:fixed;inset:auto 20px 20px;background:var(--ink);color:white;padding:14px 18px;border-radius:12px}@keyframes bounce{to{transform:translateY(-7px);opacity:.45}}@media(max-width:640px){main{padding-top:10px}header p{display:none}.stage{margin-top:10px;height:calc(100svh - 105px);min-height:500px}.actions{align-items:stretch;flex-direction:column}.actions h1{font-size:64px}button{justify-content:center;width:100%}footer{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}