:root{
      --bg1:#eef9ff;--bg2:#f7fff3;--card:#ffffffde;--line:#cde5d5;--text:#1f3d34;--muted:#5a7a70;
      --good:#2fb388;--warn:#e9a23b;--bad:#d95c6f;--accent:#6f62ff;--accent2:#8e80ff;
      --r:16px;--shadow:0 12px 28px rgba(32,76,63,.12);
      --scene-sky-top:#dff5ff;--scene-sky-mid:#effcff;--scene-sky-bot:#f3fff5;
      --scene-ground-top:#b4eb98;--scene-ground-bot:#8dda78;
      --scene-glow:#ffd570a0;
      --chat-tail:#ffffffdb;
      --chat-tail-line:#c7dfcd;
    }
    *{box-sizing:border-box} html,body{margin:0;padding:0}
    body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg1),var(--bg2));min-height:100vh}
    .app{max-width:1060px;margin:0 auto;padding:12px}
    .glass{background:var(--card);backdrop-filter:blur(6px);border:1px solid var(--line);box-shadow:var(--shadow)}
    .shell{border-radius:14px;padding:8px 10px;margin-bottom:8px;position:relative;z-index:6000}
    .shell-main{display:flex;justify-content:space-between;align-items:center;gap:8px}
    .shell-title strong{font-size:16px;line-height:1.1}
    .menu-wrap{position:relative;z-index:7000}
    .nav-btn,.menu-item,button,input{border-radius:12px;border:1px solid #bddbc8}
    .nav-btn{background:#fff;padding:7px 10px;font-weight:700;color:#365f52;min-height:36px}
    .menu-pop{position:absolute;right:0;top:40px;width:240px;border:1px solid #c8e0cf;background:#fff;border-radius:12px;padding:8px;display:none;z-index:9000}
    .menu-pop.show{display:block}
    .menu-item{display:block;width:100%;background:#f8fffb;padding:9px 10px;text-align:left;font-weight:700;color:#365f52}
    .menu-item+.menu-item{margin-top:6px}

    .status-line{margin-top:6px}
    .chip{font-size:12px;background:#fff;border:1px solid #bddbc8;border-radius:999px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px;color:#2f5248}
    .menu-status{margin:8px 0 6px;padding:7px 8px;border:1px dashed #c6dfce;border-radius:10px;background:#fbfffd;font-size:11px;color:#446a5d;line-height:1.35}
    .menu-status .srow + .srow{margin-top:3px}

    .panel{border-radius:20px;padding:14px;margin-bottom:10px;display:none}
    .panel.active{display:block}
    h1,h2,h3,p{margin:0}
    .hero-grid{display:grid;grid-template-columns:1fr;gap:12px}
    .hero-copy{display:flex;flex-direction:column;align-items:flex-start}
    .hero-title{font-size:27px;line-height:1.1}
    .hero-sub{margin-top:8px;color:var(--muted)}
    .hero-connect-btn{margin-top:14px;width:100%;display:block}

    .preview,.pet-stage{
      border:1px solid #c5dec9;border-radius:16px;position:relative;overflow:hidden;
      background:linear-gradient(180deg,var(--scene-sky-top),var(--scene-sky-mid) 55%,var(--scene-sky-bot));
      transition:background 2.4s ease, box-shadow 2.4s ease, border-color 2.4s ease;
      isolation:isolate;
    }
    .preview::before,.pet-stage::before{
      content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
      background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.55), transparent 28%),
        radial-gradient(circle at 78% 20%, rgba(255,255,255,.28), transparent 22%),
        linear-gradient(180deg, transparent, rgba(255,255,255,.06));
      transition:opacity 2.4s ease, background 2.4s ease;
    }
    .preview{min-height:220px}
    .pet-stage{min-height:340px}

    .sky-stars,.sky-haze{position:absolute;inset:0;pointer-events:none;z-index:1}
    .sky-stars{opacity:0;transition:opacity 2.4s ease}
    .sky-stars::before,
    .sky-stars::after{
      content:"";position:absolute;inset:0;
      background-image:
        radial-gradient(circle at 12% 18%, rgba(255,255,255,.95) 0 1.2px, transparent 1.4px),
        radial-gradient(circle at 26% 10%, rgba(255,255,255,.72) 0 1.1px, transparent 1.3px),
        radial-gradient(circle at 38% 22%, rgba(255,255,255,.9) 0 1.3px, transparent 1.5px),
        radial-gradient(circle at 52% 14%, rgba(255,255,255,.78) 0 1px, transparent 1.2px),
        radial-gradient(circle at 64% 8%, rgba(255,255,255,.92) 0 1.1px, transparent 1.3px),
        radial-gradient(circle at 78% 19%, rgba(255,255,255,.85) 0 1.2px, transparent 1.4px),
        radial-gradient(circle at 86% 12%, rgba(255,255,255,.7) 0 1px, transparent 1.2px);
      opacity:.95;
    }
    .sky-stars::after{transform:translateY(8px);opacity:.45;filter:blur(.25px)}
    .sky-haze{opacity:.45;transition:opacity 2.4s ease, background 2.4s ease;background:linear-gradient(180deg,rgba(255,242,200,.18),transparent 45%,rgba(255,255,255,.08))}

    .sun,.moon{
      position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:50%;z-index:2;
      transition:opacity 2.4s ease, transform 2.4s ease, box-shadow 2.4s ease, background 2.4s ease;
    }
    .sun{background:radial-gradient(circle at 35% 35%,#fffde8,#ffd978);box-shadow:0 0 16px var(--scene-glow);opacity:1;transform:translateY(0)}
    .moon{background:radial-gradient(circle at 35% 35%,#f7f8ff,#cdd9ff 70%,#a8b7ee);box-shadow:0 0 18px rgba(181,202,255,.45);opacity:0;transform:translateY(6px) scale(.92)}
    .moon::after{content:"";position:absolute;right:5px;top:4px;width:24px;height:24px;border-radius:50%;background:rgba(240,247,255,.82);clip-path:circle(49% at 66% 50%)}

    .cloud{position:absolute;left:12px;top:12px;width:64px;height:24px;background:#fff;border-radius:999px;box-shadow:20px 6px 0 0 #fff,38px 0 0 0 #fff;opacity:.8;z-index:2;transition:opacity 2.4s ease, filter 2.4s ease}
    .ground{position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(180deg,var(--scene-ground-top),var(--scene-ground-bot));z-index:3;transition:background 2.4s ease}
    .bush{position:absolute;bottom:48px;width:46px;height:24px;border-radius:20px;background:#7fca7d;z-index:3;transition:filter 2.4s ease, background 2.4s ease}
    .flower{position:absolute;bottom:52px;width:10px;height:10px;border-radius:50%;background:#ff9ec9;box-shadow:0 0 0 6px #ffd8ea80;z-index:3;transition:filter 2.4s ease, box-shadow 2.4s ease}
    .flower::after{content:"";position:absolute;left:4px;top:8px;width:2px;height:14px;background:#5fbf62}

    .scene-day{--scene-sky-top:#dff5ff;--scene-sky-mid:#effcff;--scene-sky-bot:#f3fff5;--scene-ground-top:#b4eb98;--scene-ground-bot:#8dda78;--scene-glow:#ffd570a0}
    .scene-dusk{--scene-sky-top:#ffd8b8;--scene-sky-mid:#ffc8d7;--scene-sky-bot:#f5e9ff;--scene-ground-top:#a7df8e;--scene-ground-bot:#78c36d;--scene-glow:rgba(255,172,112,.72)}
    .scene-night{--scene-sky-top:#16203f;--scene-sky-mid:#23315c;--scene-sky-bot:#38456d;--scene-ground-top:#88b67a;--scene-ground-bot:#5b8f58;--scene-glow:rgba(168,190,255,.42)}
    .scene-dawn{--scene-sky-top:#ffe4eb;--scene-sky-mid:#efdfff;--scene-sky-bot:#e6fff4;--scene-ground-top:#b7eaa2;--scene-ground-bot:#87cf7a;--scene-glow:rgba(255,208,144,.6)}
    .scene-dusk .sky-haze{opacity:.68;background:linear-gradient(180deg,rgba(255,178,127,.28),rgba(255,196,170,.12) 42%,transparent)}
    .scene-night .sky-haze{opacity:.18;background:linear-gradient(180deg,rgba(125,150,220,.12),transparent 42%,rgba(255,255,255,.04))}
    .scene-night .sun{opacity:0;transform:translateY(8px) scale(.88)}
    .scene-night .moon{opacity:1;transform:translateY(0) scale(1)}
    .scene-night .sky-stars{opacity:1}
    .scene-night .cloud{opacity:.34;filter:brightness(.84)}
    .scene-night .bush,.scene-night .flower{filter:brightness(.78) saturate(.92)}
    .scene-dusk .moon,.scene-day .moon,.scene-dawn .moon{opacity:0}
    .scene-dusk .sun{background:radial-gradient(circle at 35% 35%,#fff4de,#ffb56a);transform:translateY(2px) scale(.97)}
    .scene-dawn .sun{background:radial-gradient(circle at 35% 35%,#fff8e8,#ffd79d);transform:translateY(1px) scale(.98)}
    .scene-dawn .sky-haze{opacity:.58;background:linear-gradient(180deg,rgba(255,220,235,.22),rgba(255,245,215,.12) 42%,transparent)}

    .demo-wrap,.pet-wrap{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:20}
    .tomb-wrap{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);display:none;flex-direction:column;align-items:center;gap:8px;z-index:20}
    .pet-svg-shell{width:216px;height:216px;filter:drop-shadow(0 14px 20px rgba(70,65,35,.18));animation:idle 2.6s ease-in-out infinite}
    .pet-svg-shell.hyper{animation-duration:1.8s}.pet-svg-shell.chill{animation-duration:3s}.pet-svg-shell.royal{animation-duration:2.3s;filter:drop-shadow(0 14px 20px rgba(70,65,35,.18)) drop-shadow(0 0 12px rgba(140,120,255,.28))}
    .pet-svg-shell.dead{animation:none;opacity:.7}
    .pet-svg-shell.wiggle{animation:wiggle 420ms ease-in-out 1}
    #petSvg,#demoSvg{width:100%;height:100%;overflow:visible}
    .mood,.demo-tag,.chat-bubble{font-size:12px;background:#ffffffdb;border:1px solid #c7dfcd;border-radius:999px;padding:4px 10px;color:#466f60}
    .chat-bubble{position:absolute;left:56%;transform:translateX(-50%);top:115px;max-width:min(250px,70vw);z-index:30;box-shadow:0 8px 20px rgba(36,77,65,.08)}
    .chat-bubble::before,.chat-bubble::after{content:"";position:absolute;left:32px;bottom:-8px;width:14px;height:14px;transform:rotate(45deg);border-radius:3px}
    .chat-bubble::before{background:var(--chat-tail);border-right:1px solid var(--chat-tail-line);border-bottom:1px solid var(--chat-tail-line);z-index:-1}
    .chat-bubble::after{width:10px;height:10px;left:34px;bottom:-4px;background:var(--chat-tail)}

    .effect-layer{position:absolute;left:0;right:0;top:0;bottom:72px;z-index:38;pointer-events:none}
    .walk-layer{position:absolute;left:0;right:0;top:0;bottom:0;z-index:8;pointer-events:none;overflow:hidden}
    .ambient-fx-layer{position:absolute;inset:0;z-index:34;pointer-events:none;overflow:hidden}
    .fx-layer{position:absolute;inset:0;z-index:36;pointer-events:none;overflow:hidden}
    .fx-foreground-layer{position:absolute;inset:0;z-index:40;pointer-events:none;overflow:hidden}
    .fx-node{position:absolute;pointer-events:none;will-change:transform,opacity}

    .baseball-ball{position:absolute;left:18%;bottom:56px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%, #fff, #f2f5f8 60%, #e2e8ee);border:1px solid #c6d1da;box-shadow:0 3px 8px rgba(0,0,0,.22);animation:baseballArc 1200ms cubic-bezier(.35,.05,.58,.95) forwards}
    .baseball-ball::before,.baseball-ball::after{content:"";position:absolute;width:10px;height:6px;border-top:1.5px solid #cf6b6b;border-radius:50%;top:5px}
    .baseball-ball::before{left:-1px;transform:rotate(34deg)}
    .baseball-ball::after{right:-1px;transform:rotate(-34deg)}

    .apple-fx{left:44%;bottom:120px;font-size:26px;animation:appleFloat 900ms ease-out forwards}
    .apple-spark{left:48%;bottom:132px;width:8px;height:8px;border-radius:50%;background:#fff4aa;box-shadow:0 0 10px #ffe57a, 0 0 22px #ffd86a;animation:sparkPop 500ms ease-out forwards}
    .water-drop{left:52%;bottom:128px;width:12px;height:16px;background:linear-gradient(180deg,#b3e8ff,#4fb6ff);border-radius:50% 50% 55% 55%/60% 60% 40% 40%;transform:rotate(10deg);animation:dropFall 700ms ease-out forwards}
    .water-ripple{left:49%;bottom:66px;width:20px;height:8px;border:2px solid #69c8ff;border-radius:50%;opacity:.9;animation:rippleExpand 900ms ease-out forwards}
    .steak-fx{left:46%;bottom:118px;font-size:26px;animation:steakFloat 950ms ease-out forwards}
    .warm-pulse{left:50%;bottom:78px;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,#ffd58a88 0%,#ffb25f55 45%,#ff9b3a00 75%);transform:translateX(-50%);animation:warmPulse 900ms ease-out forwards}
    .kiss-heart{font-size:18px;left:50%;bottom:116px;animation:heartRise 1100ms ease-out forwards}
    .carrotcake-fx{left:47%;bottom:118px;font-size:28px;animation:carrotCakeFloat 1050ms ease-out forwards}
    .lantern-star{font-size:16px;left:50%;bottom:112px;animation:lanternStarRise 1100ms ease-out forwards;filter:drop-shadow(0 0 8px rgba(255,240,160,.85))}
    .lantern-pulse{left:50%;bottom:94px;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,rgba(255,249,180,.75) 0%,rgba(255,214,102,.30) 40%,rgba(255,214,102,0) 74%);transform:translateX(-50%);animation:lanternPulse 950ms ease-out forwards}
    .cigarette-fx{left:47%;bottom:118px;font-size:26px;animation:carrotCakeFloat 980ms ease-out forwards}
    .pill-fx{left:47%;bottom:118px;font-size:28px;animation:carrotCakeFloat 1040ms ease-out forwards}
    .rainbow-pulse{left:50%;bottom:92px;width:98px;height:98px;border-radius:50%;background:conic-gradient(from 180deg,#ff668b,#ffb661,#fff06e,#73df8b,#62d5ff,#8e80ff,#ff7fd8,#ff668b);filter:blur(1px);transform:translateX(-50%);opacity:.75;animation:lanternPulse 1100ms ease-out forwards}
    .smoke-pop{left:49%;bottom:120px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.85), rgba(215,227,235,.42) 55%, rgba(215,227,235,0) 70%);animation:smokeRise 1200ms ease-out forwards}

    .walk-strip{left:-45%;bottom:22px;width:40%;height:74px;animation:walkScroll 2900ms linear forwards}
    .walk-tree{position:absolute;bottom:24px;width:60px;height:72px}.walk-tree::before{content:"";position:absolute;bottom:0;left:26px;width:10px;height:30px;background:#5f7a4b;border-radius:2px}.walk-tree::after{content:"";position:absolute;bottom:20px;left:0;width:60px;height:48px;background:#5ea86e;border-radius:50%}
    .walk-rock{position:absolute;bottom:18px;width:22px;height:10px;background:#8da0a7;border-radius:999px}
    .walk-cloud{position:absolute;top:44px;left:-100px;width:64px;height:20px;background:#fff;border-radius:999px;box-shadow:18px 4px 0 0 #fff,34px 0 0 0 #fff;opacity:.72;animation:walkCloudDrift 2900ms linear forwards}

    .ambient-rainbow{position:absolute;inset:0;mix-blend-mode:screen;opacity:.28;background:linear-gradient(90deg,rgba(255,107,129,.30),rgba(255,175,66,.26),rgba(255,240,120,.22),rgba(112,225,153,.25),rgba(101,210,255,.22),rgba(143,132,255,.24),rgba(255,122,219,.24));animation:rainbowShift 8s linear infinite}
    .ambient-lantern-glow{position:absolute;left:50%;top:34px;transform:translateX(-50%);width:240px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,244,162,.42) 0%,rgba(255,222,124,.18) 38%,rgba(255,222,124,0) 72%);filter:blur(8px);animation:lanternAura 4.8s ease-in-out infinite}
    .ambient-lantern-star{position:absolute;font-size:14px;color:#fff7be;filter:drop-shadow(0 0 10px rgba(255,238,168,.9));animation:lanternOrbit 6s linear infinite}
    .ambient-confetti{position:absolute;top:-24px;width:9px;height:16px;border-radius:4px;opacity:.9;animation:confettiFall linear infinite}
    .ambient-smoke{position:absolute;bottom:82px;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 38% 38%, rgba(255,255,255,.78), rgba(226,236,241,.42) 48%, rgba(226,236,241,0) 72%);filter:blur(2px);opacity:.72;animation:smokeDrift linear infinite}
    .ambient-happy-glow{position:absolute;left:50%;top:60px;transform:translateX(-50%);width:220px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(255,204,120,.18),rgba(255,204,120,0) 72%);animation:happyGlow 3.8s ease-in-out infinite}

    .effect-panel{position:absolute;left:10px;top:10px;display:flex;flex-direction:column;gap:4px;width:min(250px,72vw);max-width:min(250px,72vw);padding:6px;background:#ffffffef;border:1px solid #c5dfcf;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
    .effect-row{display:flex;align-items:center;gap:6px;min-height:18px}
    .effect-row-head{display:flex;align-items:center;gap:4px;font-size:10px;color:#3f6559;min-width:56px;white-space:nowrap}
    .effect-row-track{position:relative;flex:1;min-width:92px;height:8px;border-radius:999px;background:#eaf7ef;border:1px solid #c6ddcf;overflow:hidden}
    .effect-row-fill{height:100%;width:100%;background:linear-gradient(90deg,#7f73ff,#b0bbff);transition:width .25s linear}
    .effect-row-fill.kiss{background:linear-gradient(90deg,#ff8bb6,#ffd0e3)}
    .effect-row-fill.carrotcake{background:linear-gradient(90deg,#ffad66,#ffd68c)}
    .effect-row-fill.lantern{background:linear-gradient(90deg,#ffe07a,#fff4ba)}
    .effect-row-fill.cigarette{background:linear-gradient(90deg,#b7c5d0,#eef5fb)}
    .effect-row-fill.pill{background:linear-gradient(90deg,#ff7997,#ffa656,#fff17d,#7fe59a,#6fd4ff,#9184ff,#ff8edf)}
    .effect-row-time{font-size:10px;color:#486f61;white-space:nowrap}

    .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
    .col{display:flex;flex-direction:column;gap:6px}
    input{width:100%;min-height:42px;padding:10px 12px;font-size:15px}
    button{cursor:pointer;min-height:42px;padding:9px 12px;font-size:14px;font-weight:700;background:linear-gradient(180deg,var(--accent2),var(--accent));color:#fff;border-color:#7b6de8}
    button.secondary{background:#f6fffa;color:#355e50;border-color:#b7dcc8}
    button.danger{background:#fff4f7;color:#8d3654;border-color:#ddb2c3}
    button:disabled{opacity:.55;cursor:not-allowed}

    .revive-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
    .personality .p-card{flex:1;background:#fff;color:#375f52}
    .personality .p-card.active{background:linear-gradient(180deg,#f1eeff,#e3deff);border-color:#8575ff;color:#3e2fa0;box-shadow:0 0 0 2px #c6bcff inset}

    .action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
    .action-card{background:#fff;color:#274d41;border:1px solid #c6dfcd;min-height:56px;padding:6px 8px;border-radius:12px;text-align:left}
    .action-card.locked{background:linear-gradient(180deg,#f8fbf9,#eef5f1);border-style:dashed;color:#587367}
    .action-card .a-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px}
    .action-card .unlock-note{display:block;margin-top:6px;font-size:11px;color:#6a8277;line-height:1.25}
    .action-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
    .action-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid #d7cbff;background:#f5f1ff;color:#5d49c7;font-size:10px;font-weight:800;white-space:nowrap}
    .action-badge.effect{background:#fff9e9;border-color:#ecd89e;color:#8d6b16}.action-badge.evolved{background:#eef8ff;border-color:#c4dfff;color:#426ea0}.action-card.locked .action-badge{background:#f7faf8;border-color:#d0ddd5;color:#6a8075}
    .a-name{font-size:15px;font-weight:800;display:block}.a-price{font-size:11px;color:#5b7d72}

    .line{display:flex;justify-content:space-between;font-size:12px;color:#476d61;margin:8px 0 4px}
    .bar{height:14px;border-radius:999px;border:1px solid #bad7c3;background:#eefaf0;overflow:hidden}
    .bar>span{display:block;height:100%;width:0;transition:width .2s ease}
    .health>span{background:linear-gradient(90deg,#3daf8a,#6de6b8)}.hunger>span{background:linear-gradient(90deg,#e27f9f,#ffc2d3)}.happy>span{background:linear-gradient(90deg,#7b74ff,#b2c4ff)}
    .health.danger>span,.hunger.danger>span{background:linear-gradient(90deg,#da3752,#ff889c)}

    details{margin-top:10px;border:1px solid #c6dfcd;border-radius:12px;padding:10px;background:#fff}
    summary{cursor:pointer;font-weight:700;color:#44695c}
    .tiny{font-size:12px;color:#5d7d73}.muted{color:var(--muted)}
    .stats-panel{margin-top:10px;border:1px solid #c6dfcd;border-radius:12px;padding:10px;background:#fbfffc}
    .stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:12px;color:#446a5d}

    .log{max-height:180px;overflow:auto;border:1px solid #c0dcc8;border-radius:10px;background:#fbfffc;padding:8px;font-family:ui-monospace,monospace;font-size:12px}
    .entry{padding:5px;border-bottom:1px dashed #cae2d1;color:#4f7567}

    .lb-cards{display:grid;gap:10px}.lb-card{border:1px solid #bfddc8;border-radius:14px;padding:12px;background:#fff}
    table{width:100%;border-collapse:collapse;margin-top:10px} th,td{border-bottom:1px solid #d3e7d9;padding:8px;text-align:left;font-size:13px}
    .desktop-table{display:none}

    .app-footer{margin-top:2px;border-radius:10px;padding:6px 10px;border:1px solid #cfe4d5;background:#f7fffa;color:#4f7266;font-size:11px;line-height:1.35;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
    .footer-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .admin-clear-btn{display:none;min-height:30px;padding:5px 10px;font-size:11px;border-radius:999px;background:#fff4f7;color:#8d3654;border:1px solid #ddb2c3}
    .admin-clear-btn.show{display:inline-flex;align-items:center}
    .toast{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:60;background:#fff;border:1px solid #bdd9c6;border-radius:999px;padding:9px 14px;font-size:12px;color:#3b6658;opacity:0;pointer-events:none;transition:opacity .22s}.toast.show{opacity:1}

    .pending-overlay{position:fixed;inset:0;background:rgba(28,43,37,.26);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:16px;z-index:80}
    .pending-overlay.show{display:flex}
    .pending-card{width:min(520px,100%);border-radius:18px;padding:16px;background:#ffffffef;border:1px solid #cfe4d5;box-shadow:0 18px 40px rgba(27,54,45,.22)}
    .pending-card h3{margin-bottom:6px}
    .pending-card p{color:#516f64;line-height:1.4}
    .pending-meta{margin-top:12px;padding:10px;border:1px dashed #c6dfce;border-radius:12px;background:#fbfffd;font-size:12px;color:#426659;display:grid;gap:6px}
    .pending-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
    .pending-inline{margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid #c9dfd0;background:#fffef7;color:#5b6442;font-size:12px;display:none}
    .pending-inline.show{display:block}

    @keyframes idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes wiggle{0%{transform:translateY(0) rotate(0deg)}20%{transform:translateY(0) rotate(-5deg)}40%{transform:translateY(0) rotate(5deg)}60%{transform:translateY(0) rotate(-4deg)}80%{transform:translateY(0) rotate(3deg)}100%{transform:translateY(0) rotate(0deg)}}
    @keyframes baseballArc{0%{transform:translate(0,0) scale(1)}22%{transform:translate(68px,-132px) scale(1.02)}48%{transform:translate(142px,-46px) scale(.98)}66%{transform:translate(212px,-124px) scale(1.01)}84%{transform:translate(286px,-34px) scale(.97)}100%{transform:translate(350px,-92px) scale(.95);opacity:0}}
    @keyframes appleFloat{0%{transform:translateY(0) scale(.9);opacity:0}25%{opacity:1}100%{transform:translateY(-58px) scale(1.05);opacity:0}}
    @keyframes sparkPop{0%{transform:scale(.2);opacity:0}30%{opacity:1}100%{transform:scale(2.2);opacity:0}}
    @keyframes dropFall{0%{transform:translateY(-12px) scale(.8);opacity:0}30%{opacity:1}100%{transform:translateY(38px) scale(1);opacity:0}}
    @keyframes rippleExpand{0%{transform:scale(.3);opacity:0}20%{opacity:.9}100%{transform:scale(2.6);opacity:0}}
    @keyframes steakFloat{0%{transform:translateY(0) rotate(-8deg);opacity:0}22%{opacity:1}100%{transform:translateY(-54px) rotate(10deg);opacity:0}}
    @keyframes warmPulse{0%{transform:translateX(-50%) scale(.5);opacity:0}25%{opacity:.9}100%{transform:translateX(-50%) scale(1.5);opacity:0}}
    @keyframes heartRise{0%{transform:translate(0,0) scale(.8);opacity:0}20%{opacity:1}100%{transform:translate(var(--drift,0px),-90px) scale(1.15);opacity:0}}
    @keyframes carrotCakeFloat{0%{transform:translateY(0) scale(.85) rotate(-8deg);opacity:0}20%{opacity:1}100%{transform:translateY(-64px) scale(1.05) rotate(8deg);opacity:0}}
    @keyframes lanternPulse{0%{transform:translateX(-50%) scale(.35);opacity:0}22%{opacity:.95}100%{transform:translateX(-50%) scale(1.55);opacity:0}}
    @keyframes lanternStarRise{0%{transform:translate(0,0) scale(.6);opacity:0}18%{opacity:1}100%{transform:translate(var(--drift,0px),-88px) scale(1.2);opacity:0}}
    @keyframes smokeRise{0%{transform:translateY(0) scale(.5);opacity:0}25%{opacity:.88}100%{transform:translate(18px,-78px) scale(1.8);opacity:0}}
    @keyframes walkScroll{0%{transform:translateX(0);opacity:.95}88%{opacity:.95}100%{transform:translateX(420%);opacity:0}}
    @keyframes walkCloudDrift{0%{transform:translateX(0);opacity:0}15%{opacity:.72}100%{transform:translateX(520px);opacity:0}}
    @keyframes confettiFall{0%{transform:translateY(-16px) rotate(0deg);opacity:0}8%{opacity:.95}100%{transform:translateY(320px) rotate(520deg);opacity:.12}}
    @keyframes smokeDrift{0%{transform:translate(0,0) scale(.55);opacity:0}18%{opacity:.72}100%{transform:translate(130px,-150px) scale(1.5);opacity:0}}
    @keyframes rainbowShift{0%{transform:translateX(-18%)}100%{transform:translateX(18%)}}
    @keyframes lanternAura{0%,100%{opacity:.35;transform:translateX(-50%) scale(.96)}50%{opacity:.64;transform:translateX(-50%) scale(1.08)}}
    @keyframes lanternOrbit{0%{transform:translate(0,0) scale(.8);opacity:.25}20%{opacity:1}50%{transform:translate(var(--dx,16px),var(--dy,-28px)) scale(1.1)}100%{transform:translate(calc(var(--dx,16px) * -1),calc(var(--dy,-28px) * -1)) scale(.85);opacity:.32}}
    @keyframes happyGlow{0%,100%{opacity:.24}50%{opacity:.5}}

    @media(max-width:759px){
      .hero-grid{gap:14px}.hero-copy{order:2;align-items:center;text-align:center}.preview{order:1}.hero-connect-btn{max-width:100%;margin-top:16px}
    }
    @media(min-width:760px){
      .hero-grid{grid-template-columns:1.05fr .95fr}.hero-copy{order:1;align-items:flex-start;text-align:left;justify-content:center}.preview{order:2}
      .hero-connect-btn{width:auto;min-width:140px;display:inline-flex;justify-content:center}
      .action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lb-cards{display:none}.desktop-table{display:table}
    }