:root{--bg:#070707;--paper:#0f8;--ink:#f5f5f0;--muted:#9a9a90;--card:#111;--line:#2a2a2a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:IBM Plex Mono,monospace;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff04 3px);position:fixed;inset:0}#root{min-height:100vh}button,input,textarea{font-family:inherit}a{color:inherit}nav{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#070707db;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:.14em;color:var(--ink);font-family:Oswald,sans-serif;font-size:18px;text-decoration:none}.brand span{color:var(--paper)}.nav-links{gap:18px;font-size:12px;display:flex}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.hero{min-height:auto;padding:36px 6vw 56px;position:relative}.hero-split{align-items:center;gap:40px;display:flex}.hero-split>.habitat,.hero-split>.colony-side{flex:1 1 0;min-width:0}.anchor{position:absolute;top:-64px}.cat-wrap{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.cat-hud{letter-spacing:.16em;color:var(--paper);border:1px solid #1d3934;padding:8px 12px;font-size:11px;text-decoration:none}h1{text-transform:uppercase;margin-bottom:14px;font-family:Oswald,sans-serif;font-size:clamp(34px,4.6vw,64px);line-height:1.05}h1 .gold{color:var(--paper)}.tag{color:var(--muted);letter-spacing:.08em;margin:18px 0 12px;font-size:13px}.lede{color:var(--ink);letter-spacing:.04em;margin-bottom:22px;font-size:13px}.btns{flex-wrap:wrap;gap:10px;display:flex}.btn{border:1px solid var(--ink);background:var(--ink);color:#000;letter-spacing:.06em;cursor:pointer;padding:12px 16px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.btn.ghost{color:var(--ink);background:0 0}.btn.gold{background:var(--paper);border-color:var(--paper);color:#111}.btn:disabled,.btn.is-disabled{opacity:.45;pointer-events:none}.action-dock{border:1px solid var(--line);background:var(--card);margin-top:8px;padding:14px}.action-dock-links{grid-template-columns:1fr 1fr;gap:8px;display:grid}.action-dock .btn{text-align:center}.action-dock-ca{border:1px solid var(--ink);grid-template-columns:auto 1fr auto;align-items:stretch;gap:16px;min-height:52px;margin-top:8px;padding:0 0 0 16px;font-size:12px;display:grid}.action-dock-ca button{color:var(--paper);border:0;border-left:1px solid var(--paper);cursor:pointer;letter-spacing:.06em;background:0 0;align-items:center;padding:16px 20px;font-size:12px;font-weight:600;display:flex}.ca-label,.ca-value{align-items:center;display:flex}.ca-label{color:var(--muted);letter-spacing:.1em;font-weight:600}.ca-value{color:var(--ink);word-break:break-all;letter-spacing:.02em;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none}.ca-value:hover{color:var(--paper)}section{border-top:1px solid var(--line);padding:80px 6vw}.kicker{color:var(--paper);letter-spacing:.22em;margin-bottom:10px;font-size:11px}h2{text-transform:uppercase;margin-bottom:28px;font-family:Oswald,sans-serif;font-size:clamp(28px,4vw,48px)}.grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);padding:22px}.card h3{color:var(--paper);margin-bottom:10px;font-size:14px}.card p{color:var(--muted);font-size:13px;line-height:1.55}.pipeline{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px;display:grid}.pipe{border:1px solid var(--line);background:var(--card);padding:16px 14px}.pipe .n{color:var(--paper);letter-spacing:.16em;margin-bottom:8px;font-size:11px}.pipe b{margin-bottom:6px;font-size:13px;display:block}.pipe p{color:var(--muted);font-size:12px;line-height:1.5}.steps{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.step{border-left:2px solid var(--paper);padding:8px 0 8px 16px}.step b{margin-bottom:6px;display:block}.step p{color:var(--muted);font-size:13px}footer{color:var(--muted);border-top:1px solid var(--line);padding:40px 6vw 60px;font-size:11px;line-height:1.7}.page{max-width:860px;min-height:calc(100vh - 57px);padding:72px 6vw 80px}.page p{color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.7}.page .lede-strong{color:var(--ink)}.back{color:var(--paper);letter-spacing:.08em;margin-bottom:28px;font-size:12px;text-decoration:none;display:inline-block}.living-cat{--cat-scale:1;flex-direction:column;align-items:center;display:flex;position:relative}.living-cat-stage{transform:scale(var(--cat-scale));transform-origin:bottom;transition:transform .8s;position:relative}.living-cat img{aspect-ratio:1;object-fit:cover;background:var(--paper);border-radius:50%;display:block}.living-cat-hero img{border:6px solid #5fcb88;width:min(420px,86vw);box-shadow:0 0 0 3px #1d3934,0 0 0 10px #111,0 30px 80px #5fcb8847}.living-cat-colony img{border:6px solid #5fcb88;width:min(380px,78vw);box-shadow:0 0 0 3px #1d3934,0 0 0 10px #111,0 24px 70px #5fcb8852}.living-cat-personal img{border:3px solid #5fcb88;width:112px;box-shadow:0 0 0 2px #1d3934}.living-cat-den img{border:5px solid #5fcb88;width:min(280px,70vw);box-shadow:0 0 0 3px #1d3934,0 18px 50px #5fcb8847}.living-cat.grade-street img{border-color:#c9a227}.living-cat.grade-fat img,.living-cat.diet-pill img{border-color:#e4c25a}.living-cat.diet-pump img{border-color:#8aa0a8}.living-cat.grade-overdose img{animation:1.4s ease-in-out infinite overdose-glow}.living-cat-orbit{pointer-events:none;border:1px dashed #5fcb8847;border-radius:50%;animation:18s linear infinite orbit-spin;position:absolute;inset:8% 8% 14%}.living-cat-personal .living-cat-orbit{display:none}.living-cat.mood-starving img{filter:grayscale(.35)saturate(.75)}.living-cat.mood-hungry img{filter:saturate(.9)}.living-cat.mood-overdose img,.living-cat.mood-gorged img{filter:saturate(1.25)contrast(1.05)}.living-cat.mood-overdose .living-cat-stage{animation:1.4s ease-in-out infinite overdose-glow}.living-cat.is-chewing .living-cat-stage{animation:.55s ease-in-out chew}.living-cat-stage img{animation:3.6s ease-in-out infinite breathe}.colony-lede{max-width:640px;color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.6}.colony-grid{grid-template-columns:1fr 1fr;align-items:start;gap:36px;display:grid}.habitat{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.pill-well{text-align:center;width:min(440px,88vw);color:inherit;background:0 0;border:0;padding:36px 56px 28px;position:relative;overflow:visible}.pill-well-count{z-index:4;letter-spacing:.02em;color:var(--ink);font-family:Oswald,sans-serif;font-size:clamp(52px,8vw,84px);line-height:.9;position:relative}.pill-well.is-popping .pill-well-count{color:var(--paper);animation:.45s count-pop}.pill-well-label{z-index:4;letter-spacing:.18em;color:var(--paper);margin-top:8px;margin-bottom:6px;font-size:11px;position:relative}.pill-well-delta{color:var(--paper);letter-spacing:.02em;z-index:3;font-family:Oswald,sans-serif;font-size:clamp(22px,4vw,34px);font-weight:700;animation:1.8s forwards pop;position:absolute;top:4px;right:8px}.pill-well-stage{pointer-events:none;z-index:1;position:absolute;inset:-8px -8px 0}.idle-pill,.jump-pill{transform:translate(-50%, -50%) rotate(var(--jump-spin,0deg));background:linear-gradient(90deg,#5fcb88 50%,#f5f5f0 50%);border-radius:99px;margin-left:0;position:absolute;box-shadow:0 0 14px #5fcb888c}.idle-pill{opacity:.92;animation:3.4s ease-in-out infinite pill-drift}.jump-pill{opacity:0;animation:1.35s ease-out forwards pill-jump}.meters{gap:10px;width:min(380px,78vw);display:grid}.belly-meter{border:1px solid var(--line);background:#0c0c0c;width:100%;height:8px}.belly-meter span{background:var(--paper);height:100%;transition:width .8s;display:block}.belly-meter.hunger span{background:#c45c32}.belly-label{letter-spacing:.16em;color:var(--paper);margin-top:6px;font-size:11px}.belly-meter.hunger+.belly-label{color:#d88968}.unit-hit{text-align:center;background:var(--paper);color:#111;letter-spacing:.08em;width:min(380px,78vw);padding:10px 12px;font-family:Oswald,sans-serif;animation:1.2s pop}.close-call{color:var(--paper);letter-spacing:.08em;margin-top:12px;font-size:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.stat{border:1px solid var(--line);background:var(--card);padding:14px}.stat span{color:var(--muted);letter-spacing:.14em;margin-bottom:8px;font-size:10px;display:block}.stat b{letter-spacing:.02em;font-family:Oswald,sans-serif;font-size:28px}.milestone{border:1px solid var(--line);background:var(--card);margin-bottom:16px;padding:16px}.milestone-top{letter-spacing:.1em;color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:10px;font-size:11px;display:flex}.milestone-bar{border:1px solid var(--line);background:#0c0c0c;height:8px}.milestone-bar i{background:var(--paper);height:100%;transition:width .6s;display:block}.milestone.is-close .milestone-bar i{box-shadow:0 0 14px #5fcb888c}.milestone-dots{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:11px;list-style:none;display:flex}.milestone-dots .is-hit{color:var(--paper)}.hint{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.55}.err{color:#ff8a8a;margin:8px 0;font-size:12px}.scan-time{color:var(--muted);letter-spacing:.12em;align-self:center;font-size:10px}.your-cat{border:1px solid var(--line);background:var(--card);margin-bottom:16px;padding:16px}.your-cat-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.your-cat-head .kicker{margin:0}.text-btn{color:var(--muted);cursor:pointer;letter-spacing:.1em;background:0 0;border:0;font-size:11px}.text-btn:hover{color:var(--ink)}.your-cat-body{grid-template-columns:128px 1fr;align-items:center;gap:16px;display:grid}.your-cat-body p{color:var(--muted);margin:6px 0 12px;font-size:12px;line-height:1.5}.stage-row{align-items:center;gap:8px;display:flex}.stage-row b{letter-spacing:.08em;font-family:Oswald,sans-serif}.badge{border:1px solid var(--paper);color:var(--paper);letter-spacing:.12em;padding:2px 6px;font-size:10px}.bag-stats{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.bag-stats dt{color:var(--muted);letter-spacing:.12em;font-size:10px}.bag-stats dd{margin-top:4px;font-size:12px}h2 .gold{color:var(--paper)}.den{grid-template-columns:1.1fr .9fr;align-items:start;column-gap:28px;padding-top:64px;display:grid}.den-head{grid-column:1;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.den-head h2{margin-bottom:10px}.den-head .colony-lede{margin-bottom:0}.den-empty{grid-template-columns:1fr}.den-grid{display:contents}.den-cat{text-align:center;flex-direction:column;grid-area:1/2/span 2;align-self:start;align-items:center;gap:8px;padding:0;display:flex;overflow:visible}.den-card{border:1px solid var(--line);background:#0b0b0b;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:380px;padding:22px 20px 18px;display:flex}.den-card-bar{border:1px solid var(--line);background:#f5f5f0;width:100%;height:8px;margin-top:8px}.den-card-bar i{background:var(--paper);height:100%;display:block}.den-card-mix{letter-spacing:.12em;width:100%;color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.den-card-mix span:first-child{color:var(--paper)}.den-card-value{letter-spacing:.04em;margin:4px 0 6px;font-family:Oswald,sans-serif;font-size:42px;line-height:1}.den-card-share{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.den-card-share .btn{text-align:center;width:100%}.den-feed-btn{text-align:center;letter-spacing:.12em;width:100%;padding:14px 16px;font-family:Oswald,sans-serif;font-size:16px}.gut-scale{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.gut-scale-top{letter-spacing:.14em;color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.gut-scale ol{grid-template-columns:1fr 1fr 1fr;gap:6px;list-style:none;display:grid}.gut-scale li{border:1px solid var(--line);color:var(--muted);flex-direction:column;gap:3px;padding:8px 6px;display:flex}.gut-scale li b{letter-spacing:.1em;font-size:11px}.gut-scale li span{font-size:10px}.gut-scale li.is-on{border-color:var(--paper);color:var(--ink)}.gut-scale li.is-on b{color:var(--paper)}.den-panel{border:1px solid var(--line);background:var(--card);grid-column:1;padding:18px}.den>.den-hatch-frame,.den-empty .den-hatch-frame{grid-column:1/-1}.den-hatch{margin-bottom:16px}.den-hatch-frame{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:360px;padding:36px 24px;display:flex}.den-hatch-btn{letter-spacing:.12em;padding:28px 48px;font-family:Oswald,sans-serif;font-size:28px;font-weight:700;line-height:1}.badge.diet-pill{color:#d88968;border-color:#c45c32}.badge.diet-pump{border-color:var(--paper)}.grade-chart{border:1px dashed var(--line);padding:14px}.grade-chart-top{letter-spacing:.12em;color:var(--muted);justify-content:space-between;margin-bottom:12px;font-size:11px;display:flex}.grade-chart.diet-pump{border-color:#1d3934}.grade-chart.diet-pill{border-color:#3a221c}.den-svg{width:160px;height:120px;display:block}.den-svg-wide{width:100%;height:40px}.mix-bar{--pill:.75;--yield:.25;width:100%}.mix-labels,.mix-track{align-items:stretch;gap:0;width:100%;display:flex}.mix-labels{letter-spacing:.16em;color:var(--muted);margin-bottom:6px;font-size:10px}.mix-label-pill,.mix-label-yield{cursor:pointer;font:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0;transition:flex .28s,opacity .28s}.mix-label-pill{flex:var(--pill) 1 0;color:var(--paper);text-align:left}.mix-label-yield{flex:var(--yield) 1 0;color:var(--ink);text-align:right}.mix-track{border:1px solid var(--line);background:#0c0c0c;height:14px;position:relative}.mix-seg{cursor:pointer;border:0;min-width:10px;height:100%;padding:0;transition:filter .2s}.mix-pill{flex:var(--pill) 1 0;background:#5fcb88}.mix-yield{flex:var(--yield) 1 0;background:#f5f5f0}.mix-seg.is-on{filter:brightness(1.12);box-shadow:inset 0 0 0 1px var(--paper)}.mix-needle{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:7px solid var(--paper);pointer-events:none;width:0;height:0;position:absolute;top:-7px;transform:translate(-50%)}.mix-detail{min-height:34px;color:var(--muted);margin-top:8px;font-size:12px;line-height:1.45}.mix-detail b{color:var(--paper);letter-spacing:.12em;margin-right:8px;font-size:10px;display:inline-block}.mix-detail.is-open{color:var(--ink)}.chart-row{grid-template-columns:160px 1fr;align-items:center;gap:16px;display:grid}.chart-row p,.chart-empty{color:var(--muted);font-size:12px;line-height:1.5}.chart-empty{border:1px dashed #2a2a2a;align-items:center;min-height:88px;padding:16px;display:flex}.mix-legend{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.mix-legend dt{color:var(--muted);letter-spacing:.12em;font-size:10px}.mix-legend dd{margin-top:4px;font-size:12px}.den-stats{margin-top:16px}@keyframes chew{0%{transform:scale(var(--cat-scale)) translateY(0)}35%{transform:scale(calc(var(--cat-scale) * 1.04), calc(var(--cat-scale) * .92)) translateY(6px)}70%{transform:scale(calc(var(--cat-scale) * .98), calc(var(--cat-scale) * 1.04)) translateY(-2px)}to{transform:scale(var(--cat-scale)) translateY(0)}}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pop{0%{opacity:0;transform:translateY(8px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes count-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes pill-drift{0%,to{transform:translate(-50%, -50%) rotate(var(--jump-spin,0deg)) translateY(0)}50%{transform:translate(-50%, -50%) rotate(var(--jump-spin,0deg)) translateY(-7px)}}@keyframes pill-jump{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)rotate(0)}14%{opacity:1;transform:translate(-50%, -50%) scale(1.05) rotate(calc(var(--jump-spin,12deg) * .4))}to{opacity:0;transform:translate(calc(-50% + var(--jx,0px)), calc(-50% + var(--jy,-90px))) scale(1) rotate(var(--jump-spin,12deg))}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes overdose-glow{0%,to{filter:drop-shadow(0 0 #5fcb8800)}50%{filter:drop-shadow(0 0 18px #5fcb888c)}}@media (width<=900px){.hero-split,.grid,.steps,.pipeline,.colony-grid,.your-cat-body,.bag-stats,.den-grid,.chart-row,.mix-legend,.action-dock-links{grid-template-columns:1fr}.hero-split{flex-direction:column;align-items:stretch}.nav-links{gap:12px;max-width:58vw;font-size:10px;display:flex;overflow-x:auto}.hero{min-height:auto;padding-top:28px}.den{grid-template-columns:1fr}.den-head,.den-panel,.den-cat,.den>.den-hatch-frame{grid-area:auto/1}.den-cat{margin-top:12px}.den-hatch-frame{min-height:280px;padding:36px 16px}.den-hatch-btn{text-align:center;width:100%;max-width:420px;padding:22px 28px;font-size:22px}.gut-scale ol{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.living-cat-stage,.living-cat-stage img,.living-cat-orbit,.idle-pill,.jump-pill,.pill-well-delta,.belly-meter span,.milestone-bar i{transition:none!important;animation:none!important}}
