:root{--paper: #fbf8f1;--paper-raised: #ffffff;--paper-warm: #f5efe0;--paper-tint: #fdfbf7;--ink: #2b231f;--ink-soft: #5a4e48;--ink-faint: #8e7f78;--accent-orange: #e28743;--accent-coral: #e76f51;--accent-gold: #f4a261;--accent-blue: #5c93c4;--accent-green: #609966;--stamp-red: #b83b32;--stamp-green: #4e8752;--shadow: 3.5px 3.5px 0 var(--ink);--shadow-sm: 2px 2px 0 var(--ink);--shadow-lg: 5px 5px 0 var(--ink);--font-hand: "Gochi Hand", "Comic Sans MS", cursive;--font-body: "Inter", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--radius-sketch-a: 255px 15px 225px 15px / 15px 225px 15px 255px;--radius-sketch-b: 15px 225px 15px 255px / 225px 15px 255px 15px;--radius-sketch-c: 125px 10px 20px 185px / 25px 205px 205px 25px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.45;min-height:100vh}#root{max-width:520px;margin:0 auto;padding:var(--space-6) var(--space-4) calc(64px + env(safe-area-inset-bottom))}h1,h2,h3{font-family:var(--font-hand);font-weight:400;line-height:1.15;margin:0 0 var(--space-3)}h1{font-size:34px}h2{font-size:26px}h3{font-size:20px}button{font:inherit;cursor:pointer}a{color:inherit}.btn{display:inline-block;border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);padding:10px 22px;font-weight:600;border-radius:var(--radius-sketch-a);box-shadow:var(--shadow);transition:transform .11s ease-out,box-shadow .11s ease-out,background-color .11s ease-out;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none}.btn:hover{transform:translate(-1.5px,-1.5px);box-shadow:4.5px 4.5px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:var(--shadow)}.btn:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible,[role=radio]:focus-visible,[tabindex="0"]:focus-visible{outline:2.5px dashed var(--accent-orange);outline-offset:3px}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:#3c322c;color:#fff}.btn-big{font-size:18px;padding:14px 28px}.card{background:var(--paper-raised);border:2px solid var(--ink);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:2px 2px #2b231f33}.card-a{border-radius:var(--radius-sketch-a)}.card-b{border-radius:var(--radius-sketch-b)}.card-c{border-radius:var(--radius-sketch-c)}.chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.chip{border:1.5px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink-soft);font-size:13px;padding:4px 13px;transition:all .11s ease-out;font-weight:500}button.chip:hover,a.chip:hover{background:#2b231f14;color:var(--ink)}.stamp{display:inline-block;border:2.5px solid currentColor;padding:2px 10px;font-family:var(--font-hand);font-size:16px;transform:rotate(-5deg);letter-spacing:2px;font-weight:700}.stamp-fed{color:var(--stamp-red)}.nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(520px,100%);display:flex;align-items:center;justify-content:space-around;background:var(--paper-raised);border-top:2.5px solid var(--ink);height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:10;box-shadow:0 -4px 12px #2b231f0d}.nav a{text-decoration:none;font-weight:600;color:var(--ink-soft);padding:6px 4px;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:48px;transition:color .11s ease-out}.nav a .nav-icon{font-size:19px;line-height:1}.nav a.active{color:var(--ink);text-decoration:underline wavy var(--accent-orange) 2.5px;text-underline-offset:6px}.nav .nav-new{border:2.5px solid var(--ink);background:var(--accent-orange);color:#fff;width:50px;height:50px;display:grid;place-items:center;border-radius:50% 45% 55% 50%;font-size:28px;font-weight:700;box-shadow:var(--shadow);text-decoration:none;margin-top:-24px;transition:transform .11s ease-out,box-shadow .11s ease-out}.nav .nav-new:hover{transform:translateY(-2px) scale(1.04);box-shadow:4.5px 4.5px 0 var(--ink)}.nav .nav-new:active{transform:translateY(2px);box-shadow:1px 1px 0 var(--ink)}.field{display:block;margin-bottom:var(--space-4)}.field span{display:block;font-size:13.5px;font-weight:500;color:var(--ink-soft);margin-bottom:var(--space-1)}input,select{font:inherit;width:100%;border:none;border-bottom:2px solid var(--ink);background:transparent;padding:6px 2px;color:var(--ink)}.stage{border:2.5px solid var(--ink);border-radius:var(--radius-sketch-a);background:var(--paper-raised);min-height:180px;padding:var(--space-3);margin-bottom:var(--space-4);box-shadow:var(--shadow);position:relative;overflow:visible}.muted{color:var(--ink-soft);font-size:14px}.row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1.5px dashed rgba(26,26,26,.35)}.row:last-child{border-bottom:none}.error-box{border-color:var(--stamp-red);color:var(--stamp-red)}.success-card h2{color:var(--ink)}.hand{font-family:var(--font-hand)}.chip-active{background:var(--ink);color:var(--paper)}.stepper{display:inline-flex;align-items:center;border:2px solid var(--ink);background:var(--paper-raised);box-shadow:var(--shadow)}.stepper button{border:none;background:none;width:40px;height:38px;font-size:20px;line-height:1;color:inherit}.stepper button:disabled{opacity:.35}.stepper span{min-width:44px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a73;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet-panel{width:min(520px,100%);margin:0 0 env(safe-area-inset-bottom);border-bottom:none;border-radius:30px 24px 0 0/26px 30px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom));outline:none}.kit-section{margin-bottom:var(--space-6)}.swatch{width:64px;height:42px;border:2px solid var(--ink)}.doodle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:12px}.doodle-cell{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;color:var(--ink-soft)}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}.falling-bowl{display:inline-block;margin-left:6px;animation:pcat-fall .9s ease-in forwards}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.onboarding-skip{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px}.onboarding-progress{position:absolute;top:calc(22px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:8px}.onboarding-dot{width:10px;height:10px;border-radius:50% 45% 55% 50%;border:1.5px solid var(--ink);opacity:.35}.onboarding-dot-active{background:var(--ink);opacity:1}.onboarding-panel{max-width:340px;display:flex;flex-direction:column;align-items:center}.onboarding-art{display:flex;align-items:flex-end;gap:10px;margin-bottom:12px;min-height:160px}.skel{border:1.5px dashed rgba(26,26,26,.3);border-radius:10px 14px 9px 12px;background:#1a1a1a0a;animation:skel-pulse 1.6s ease-in-out infinite}@keyframes skel-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.dev-drawer{position:fixed;left:10px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.dev-drawer-chip{border:1.5px solid var(--ink);background:var(--paper-raised);border-radius:999px;font-size:11px;padding:3px 10px;cursor:pointer}.dev-drawer-chip:hover{background:var(--accent-orange)}.focus-rain-layer{transition:opacity 3.2s ease-out}.focus-rain-fading{opacity:0}.focus-clear-sky{animation:pcat-sky-fade-in 2.5s ease-out forwards}@keyframes pcat-sky-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:.95;transform:translateY(0)}}.lc-rain-near{animation:pcat-rain-near .62s linear infinite}.lc-rain-far{animation:pcat-rain-far .95s linear infinite}@keyframes pcat-rain-near{0%{transform:translate(0)}to{transform:translate(-6px,64px)}}@keyframes pcat-rain-far{0%{transform:translate(0)}to{transform:translate(-4px,46px)}}.lc-rain-falling{animation:pcat-rain-fall .65s linear infinite}@keyframes pcat-rain-fall{0%{transform:translate(0)}to{transform:translate(-10px,45px)}}.lc-rain-streak{animation:pcat-rain-streak 4.5s ease-in-out infinite}@keyframes pcat-rain-streak{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(6px);opacity:.9}}.lc-firefly-1{animation:pcat-firefly-drift-1 5.2s ease-in-out infinite}.lc-firefly-2{animation:pcat-firefly-drift-2 6.4s ease-in-out infinite .8s}.lc-firefly-3{animation:pcat-firefly-drift-3 5.8s ease-in-out infinite 1.5s}.lc-firefly-4{animation:pcat-firefly-drift-4 7s ease-in-out infinite 2.2s}@keyframes pcat-firefly-drift-1{0%,to{transform:translate(0) scale(.9);opacity:.7}35%{transform:translate(14px,-18px) scale(1.2);opacity:1}70%{transform:translate(-8px,-30px) scale(.85);opacity:.5}}@keyframes pcat-firefly-drift-2{0%,to{transform:translate(0) scale(1);opacity:.8}40%{transform:translate(-18px,12px) scale(1.3);opacity:1}75%{transform:translate(-28px,-15px) scale(.75);opacity:.4}}@keyframes pcat-firefly-drift-3{0%,to{transform:translate(0) scale(.85);opacity:.6}50%{transform:translate(16px,-16px) scale(1.25);opacity:1}}@keyframes pcat-firefly-drift-4{0%,to{transform:translate(0) scale(.9);opacity:.5}45%{transform:translate(-12px,-24px) scale(1.3);opacity:1}80%{transform:translate(8px,-12px) scale(.8);opacity:.6}}.zen-active .nav{transform:translate(-50%) translateY(120%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.zen-floating-toggle{position:fixed;top:calc(16px + env(safe-area-inset-top));right:16px;z-index:50;box-shadow:var(--shadow)}@keyframes pcat-fall{0%{opacity:0;transform:translateY(-14px) rotate(-14deg)}30%{opacity:1}to{opacity:0;transform:translateY(10px) rotate(10deg)}}.tabular{font-variant-numeric:tabular-nums}.stage-path{margin:var(--space-3) 0 var(--space-4)}.stage-path-steps{list-style:none;display:flex;justify-content:space-between;gap:4px;margin:0;padding:0;position:relative}.stage-path-steps:before{content:"";position:absolute;left:8%;right:8%;top:19px;border-top:2px dashed rgba(43,35,31,.35);z-index:0}.stage-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;z-index:1;min-width:0}.stage-icon{width:38px;height:38px;display:grid;place-items:center;font-size:19px;border-radius:50%;border:2px solid var(--ink);background:var(--paper-raised)}.stage-name{font-size:11px;color:var(--ink-soft);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stage-done .stage-icon{background:var(--paper-warm);opacity:.75}.stage-current .stage-icon{background:var(--accent-gold);box-shadow:var(--shadow-sm);transform:scale(1.12)}.stage-current .stage-name{color:var(--ink);font-weight:600}.stage-todo .stage-icon{filter:grayscale(1);opacity:.45}.stage-path-next{text-align:center;margin:var(--space-2) 0 0}.featured-scene{display:block;color:inherit;text-decoration:none}.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:var(--space-3) 0 var(--space-4)}.cat-card{display:flex;flex-direction:column;border:2px solid var(--ink);border-radius:var(--radius-sketch-b);background:var(--paper-raised);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;overflow:hidden;transition:transform .11s ease-out}.cat-card:hover{transform:rotate(-.6deg) translateY(-1px)}.cat-card-scene svg{display:block;border:none!important;box-shadow:none!important;border-radius:0!important}.cat-card-body{display:flex;flex-direction:column;gap:4px;padding:var(--space-2) var(--space-3) var(--space-3);align-items:flex-start}.cat-card-title{font-size:14px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cat-card-meta{font-size:12px}.cat-card .stamp{font-size:12px;padding:0 6px;letter-spacing:1px}.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0 var(--space-2)}.grace-delete{margin-top:var(--space-4)}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.shop-cat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:var(--space-3);border:2px solid var(--ink);border-radius:var(--radius-sketch-a);background:var(--paper-raised);box-shadow:var(--shadow-sm)}.shop-cat.locked svg{filter:grayscale(.85);opacity:.7}.purr-balance{font-family:var(--font-hand);font-size:30px}.lock-chip{opacity:.75}.shop-item.equipped{background:var(--paper-warm);box-shadow:0 0 0 3px var(--accent-green),var(--shadow-sm)}.shop-preview{max-width:210px;margin:0 auto var(--space-3);padding:6px}.shop-balance{display:flex;align-items:baseline;gap:8px;margin:-6px 0 var(--space-3)}.shop-balance .chip{margin-left:auto;cursor:pointer}.shop-back{font-size:14px;padding-left:0}.shop-menu{display:grid;gap:8px;grid-template-columns:minmax(0,1fr);margin-bottom:var(--space-4)}.shop-menu-row,.shop-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:2px solid var(--ink);border-radius:var(--radius-sketch-a);background:var(--paper-raised);box-shadow:var(--shadow-sm);font:inherit;color:var(--ink);text-align:left}.shop-menu-row{cursor:pointer;padding:8px 12px;min-width:0}.shop-menu-row:hover{filter:brightness(.97)}.shop-menu-purr,.shop-menu-purr .muted,.shop-menu-purr .chip{color:#fff}.shop-menu-purr .chip{border-color:#fff}.chip.chip-purr{background:#7e57c2;color:#fff;border-color:var(--ink)}.shop-section-title{display:inline-block;padding:2px 14px;border:2px solid var(--ink);border-radius:var(--radius-sketch-a)}.shop-section-title[data-purr]{color:#fff}.shop-icon-tile{display:grid;place-items:center;width:56px;height:56px;flex:none;border:1.5px solid var(--ink);border-radius:14px}.shop-menu-row .shop-menu-text .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.shop-menu-icon{font-size:26px;width:34px;text-align:center}.shop-menu-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;font-size:13px}.shop-menu-text strong{font-size:15px}.shop-list{list-style:none;margin:0 0 var(--space-3);padding:0;display:grid;gap:10px}.shop-row-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.shop-row.equipped{background:var(--paper-warm);box-shadow:0 0 0 3px var(--accent-green),var(--shadow-sm)}.shop-row.trying{box-shadow:0 0 0 3px var(--accent-orange),var(--shadow-sm)}.linklike{background:none;border:0;padding:2px 4px;font:inherit;font-size:12px;color:var(--ink);text-decoration:underline;cursor:pointer}.auth-form{display:grid;gap:var(--space-3)}.auth-form input{width:100%}.form-error{color:var(--stamp-red);font-size:14px;margin:0}