*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Comic Sans MS", "Chalkboard SE", "Bradley Hand", cursive;--mono:ui-monospace, "SF Mono", "Courier New", monospace;--bg:#2b0b3f;--bg-panel:#1b0527;--bg-inset:#12031a;--text:#f2e9ff;--muted:#b9a3d6;--border:#8a5bb0;--accent:#ff2ee0;--accent-2:#39ff14;--accent-3:#ffe500;--danger:#ff5470}body{font-family:var(--font);color:var(--text);background:radial-gradient(circle, #ffffff0f 1px, transparent 1.4px) 0 0 / 26px 26px, var(--bg);min-height:100vh;line-height:1.55}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}h1{background:linear-gradient(90deg, var(--accent), var(--accent-3), var(--accent-2), var(--accent));color:#0000;text-shadow:2px 2px #00000059;background-size:200%;-webkit-background-clip:text;background-clip:text}h2,h3{color:var(--accent-2);text-shadow:1px 1px #0006}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-3);text-decoration:underline}code,pre{font-family:var(--mono)}input,textarea,select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:inherit}button{font-family:var(--font);cursor:pointer}button:not([style]){background:linear-gradient(180deg, #f3e8ff, var(--border));color:#1a0a2e;border:2px outset var(--border);border-radius:2px;padding:.5rem 1.25rem;font-weight:700}button:not([style]):active{border-style:inset}::selection{background:var(--accent);color:#000}.site-marquee{border-bottom:3px solid var(--accent-3);white-space:nowrap;background:#000;padding:5px 0;overflow:hidden}.site-marquee__track{font-family:var(--mono);letter-spacing:.04em;color:var(--accent-3);padding-left:100%;font-size:12px;font-weight:700;animation:22s linear infinite site-marquee-scroll;display:inline-block}@keyframes site-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.blink{animation:1s step-end infinite site-blink}@keyframes site-blink{0%,49%{opacity:1}50%,to{opacity:.25}}@media (prefers-reduced-motion:reduce){.site-marquee__track,.blink{animation:none}}.site-nav.svelte-12qhwem{background:var(--bg-panel);border-bottom:3px solid var(--border);justify-content:space-between;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.site-nav__brand.svelte-12qhwem{font-family:var(--font-display);color:var(--accent-3);text-shadow:1px 1px #00000080;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.site-nav__brand.svelte-12qhwem img:where(.svelte-12qhwem){width:28px;height:28px;box-shadow:0 0 0 2px var(--accent);border-radius:50%}.site-nav__links.svelte-12qhwem{gap:.5rem;display:flex}.site-nav__links.svelte-12qhwem a:where(.svelte-12qhwem){border:2px solid var(--border);color:var(--text);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.375rem 1rem;font-size:.8125rem;font-weight:700;text-decoration:none}.site-nav__links.svelte-12qhwem a:where(.svelte-12qhwem):hover{border-color:var(--accent-2);color:var(--accent-2)}.site-nav__links.svelte-12qhwem a.on:where(.svelte-12qhwem){background:var(--accent);border-color:var(--accent);color:#fff}@media (width<=640px){.site-nav.svelte-12qhwem{display:none}}.corner-badge.svelte-12qhwem{width:56px;height:56px;box-shadow:0 0 0 3px var(--accent-3), 0 4px 14px #00000080;pointer-events:none;z-index:500;border-radius:50%;animation:3s ease-in-out infinite svelte-12qhwem-badge-wobble;position:fixed;bottom:14px;right:14px}@keyframes svelte-12qhwem-badge-wobble{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@media (prefers-reduced-motion:reduce){.corner-badge.svelte-12qhwem{animation:none}}.petshell.svelte-12qhwem{display:contents}.petshell__brand.svelte-12qhwem,.petshell__nav.svelte-12qhwem{display:none}@media (width<=640px){.corner-badge.svelte-12qhwem{display:none}.petshell.svelte-12qhwem{min-height:100vh;padding:14px 10px calc(72px + env(safe-area-inset-bottom,0px));background:linear-gradient(160deg,#8b5cf6 0%,#a06bf0 45%,#6d3fc2 100%);flex-direction:column;display:flex}.petshell__brand.svelte-12qhwem{justify-content:center;align-items:center;gap:10px;padding:6px 0 12px;display:flex}.petshell__ear.svelte-12qhwem{background:#ff6ec7;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 2px #ffffff80}.petshell__logo.svelte-12qhwem{border-radius:50%;width:26px;height:26px;box-shadow:0 0 0 2px #fff9}.petshell__wordmark.svelte-12qhwem{font-family:var(--font-display);letter-spacing:.04em;color:#fff;text-shadow:0 1px #0003;font-size:14px;font-weight:700}.petshell__screen.svelte-12qhwem{color:#1f3d1a;--bg:transparent;--text:#1f3d1a;--muted:#4d6b45;--border:#7fae52;background:linear-gradient(#cdfacb,#a9e8a4);border-radius:22px;flex:1;padding:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #1f3d1a,inset 0 0 24px #00000040}.petshell__screen.svelte-12qhwem:after{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(#0000000d 0 1px,#0000 1px 3px);position:absolute;inset:0}.petshell__screen.svelte-12qhwem h1{-webkit-text-fill-color:initial;color:#1f3d1a;text-shadow:none;font-family:var(--font);background:0 0;font-weight:800}.petshell__screen.svelte-12qhwem h2,.petshell__screen.svelte-12qhwem h3{color:#2b4020;text-shadow:none}.petshell__screen.svelte-12qhwem a{color:#6d3fc2}.petshell__nav.svelte-12qhwem{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));z-index:500;background:linear-gradient(#7a4bd8,#5c34a8);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.petshell__nav.svelte-12qhwem a:where(.svelte-12qhwem){color:#e8d9ff;text-transform:uppercase;letter-spacing:.04em;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.petshell__nav.svelte-12qhwem a.on:where(.svelte-12qhwem){color:#fff}.petshell__navbtn.svelte-12qhwem{width:36px;height:36px;font-family:var(--mono);color:#2b4020;background:radial-gradient(circle at 35% 30%,#fff,#b8e986 55%,#7fae52 100%);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex;box-shadow:0 3px #5c8038,inset 0 0 0 2px #fff6}.petshell__nav.svelte-12qhwem a.on:where(.svelte-12qhwem) .petshell__navbtn:where(.svelte-12qhwem){box-shadow:0 3px 0 #5c8038, inset 0 0 0 2px #fff6, 0 0 0 3px var(--accent-3,#ffe500)}}
