:root{--canvas:#f4f1e8;--canvas-2:#f8f6ef;--clover:#2fa56b;--clover-deep:#248355;--leaf:#6bcb95;--forest:#143a2a;--sage:#e7f1e9;--sage-2:#dcede1;--gold:#d9a441;--gold-deep:#9c6b1e;--ink:#25342b;--danger:#c2603f;--ink-60:color-mix(in srgb, var(--ink) 70%, transparent);--ink-45:color-mix(in srgb, var(--ink) 52%, transparent);--forest-70:color-mix(in srgb, var(--forest) 70%, transparent);--hairline:color-mix(in srgb, var(--forest) 12%, transparent);--shadow-soft:0 10px 30px #143a2a14;--shadow-lift:0 18px 44px #143a2a24;--shadow-card:0 4px 14px #143a2a0f;--shadow-gold:0 14px 40px #d9a44147;--r-card:26px;--r-card-sm:18px;--r-pill:999px;--font-head:"Fraunces", "Hanken Grotesk", Georgia, serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-mark:"Quicksand", "Hanken Grotesk", sans-serif;--app-w:440px;--ease-soft:cubic-bezier(.22,.61,.36,1);--ease-back:cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--clover)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2.5px solid color-mix(in srgb, var(--clover) 60%, transparent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--clover) 24%, transparent);color:var(--forest)}body{font-family:var(--font-body);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}h1,h2,h3,.head{font-family:var(--font-head);color:var(--forest);font-optical-sizing:auto;letter-spacing:-.01em;text-wrap:balance;margin:0}#stage{background:radial-gradient(120% 80% at 12% -8%, color-mix(in srgb,var(--leaf) 26%, transparent), transparent 60%), radial-gradient(120% 80% at 105% 12%, color-mix(in srgb,var(--clover) 18%, transparent), transparent 55%), radial-gradient(100% 90% at 88% 108%, color-mix(in srgb,var(--gold) 10%, transparent), transparent 60%), var(--canvas);place-items:center;min-height:100dvh;padding:0;display:grid;position:relative;overflow:hidden}#stage:after{content:"";pointer-events:none;z-index:9999;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (min-width:760px){#stage{padding:28px}}.app-frame{width:100%;max-width:var(--app-w);background:var(--canvas);z-index:1;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}@media (min-width:760px){.app-frame{height:min(920px,100dvh - 56px);box-shadow:var(--shadow-lift), 0 0 0 1px color-mix(in srgb,var(--forest) 8%, transparent);border-radius:40px}}.screen{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:0;animation:screenIn .36s var(--ease-soft) both;flex:1;position:relative;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.btn{font-family:var(--font-body);border-radius:var(--r-pill);cursor:pointer;transition:transform .18s var(--ease-back), box-shadow .2s var(--ease-soft), background .2s;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:9px;padding:15px 24px;font-size:16px;font-weight:700;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(180deg, var(--clover), var(--clover-deep));color:#f4fbf6;box-shadow:0 10px 22px color-mix(in srgb,var(--clover) 38%, transparent)}.btn-primary:hover{box-shadow:0 14px 30px color-mix(in srgb,var(--clover) 46%, transparent);transform:translateY(-1px)}.btn-secondary{color:var(--clover-deep);box-shadow:inset 0 0 0 1.6px color-mix(in srgb,var(--clover) 55%, transparent);background:0 0}.btn-secondary:hover{background:color-mix(in srgb,var(--clover) 8%, transparent)}.btn-gold{background:linear-gradient(180deg, #e7b85a, var(--gold));color:#3a2603;box-shadow:var(--shadow-gold)}.btn-danger{background:linear-gradient(180deg, #cf7152, var(--danger));color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--danger) 32%, transparent)}.btn-danger-ghost{color:var(--danger);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--danger) 45%, transparent);background:0 0}.btn-ghost{color:var(--forest-70);background:0 0}.btn-block{width:100%}.btn-lg{padding:18px 28px;font-size:17px}.btn-sm{padding:10px 16px;font-size:14px}.btn[disabled]{opacity:.5;pointer-events:none}.tlink{cursor:pointer;font-family:var(--font-body);color:var(--clover-deep);background:0 0;border:none;padding:4px 2px;font-size:14px;font-weight:600}.tlink:hover{text-decoration:underline}.card{background:var(--canvas-2);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:20px;position:relative}.card-sage{background:var(--sage)}.card-lift{transition:transform .25s var(--ease-soft), box-shadow .25s var(--ease-soft)}.card-lift:hover,.card-lift:focus-visible{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.badge{border-radius:var(--r-pill);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:700;line-height:1;display:inline-flex}.badge-safe{background:var(--sage-2);color:var(--clover-deep)}.badge-active{background:color-mix(in srgb,var(--leaf) 30%, white);color:var(--clover-deep)}.badge-win{background:color-mix(in srgb,var(--gold) 22%, white);color:var(--gold-deep)}.badge-soft{background:color-mix(in srgb,var(--forest) 7%, transparent);color:var(--forest-70)}.chip{background:var(--canvas-2);box-shadow:inset 0 0 0 1.4px var(--hairline);border-radius:var(--r-pill);color:var(--ink);align-items:center;gap:7px;padding:9px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.chip-on{background:var(--clover);color:#f4fbf6;box-shadow:none}button.chip{cursor:pointer;transition:background .16s var(--ease-soft), box-shadow .16s var(--ease-soft), transform .12s var(--ease-soft)}button.chip:hover{background:color-mix(in srgb, var(--sage) 60%, var(--canvas-2));box-shadow:inset 0 0 0 1.4px color-mix(in srgb, var(--clover) 36%, transparent)}button.chip.chip-on:hover{background:var(--clover-deep);box-shadow:none}button.chip:active{transform:scale(.96)}.wallet-menu-item{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);color:var(--ink);transition:background .15s var(--ease-soft);background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;padding:11px 12px;font-size:14px;font-weight:600;display:flex}.wallet-menu-item:hover{background:var(--sage)}.wallet-menu-item.danger{color:var(--danger)}.wallet-menu-item.danger:hover{background:color-mix(in srgb, var(--danger) 9%, transparent)}.vine-divide{border:none;border-top:2.5px dotted color-mix(in srgb,var(--clover) 38%, transparent);height:0;margin:18px 0}.amount-input{font-family:var(--font-head);font-variant-numeric:tabular-nums;color:var(--forest);text-align:center;cursor:text;background:0 0;border:none;outline:none;width:100%;padding-bottom:2px;font-size:52px;font-weight:600}.amount-input:focus{color:var(--clover-deep)}.amount-input::placeholder{color:color-mix(in srgb,var(--forest) 26%, transparent)}@keyframes fall{0%{transform:translate3d(0, -14vh, 0) rotate(var(--rot0));opacity:0}8%{opacity:var(--maxop,.9)}92%{opacity:var(--maxop,.9)}to{transform:translate3d(var(--drift,16px), 112vh, 0) rotate(var(--rot1));opacity:0}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes spinClover{to{transform:rotate(360deg)}}.clover-petals{animation:5s linear infinite spinClover}@keyframes bloomPop{0%{opacity:0;transform:scale(.4)rotate(-20deg)}60%{opacity:1;transform:scale(1.12)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{0%{opacity:1;transform:translate(0,0)rotate(0)}to{transform:translate3d(var(--cx,0), 80vh, 0) rotate(var(--cr,360deg));opacity:0}}@keyframes shimmer{0%{background-position:-120% 0}to{background-position:220% 0}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes growVine{0%{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}@keyframes screenIn{0%{opacity:0}to{opacity:1}}@keyframes toastLife{0%{opacity:0;transform:translateY(18px)scale(.94)}14%{opacity:1;transform:translateY(0)scale(1)}76%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.97)}}.toast-pop{animation:2.2s cubic-bezier(.22,.68,0,1.2) forwards toastLife}@keyframes pixeltreeSway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}.pixeltree-sway{will-change:transform;animation:6.5s ease-in-out infinite pixeltreeSway}@keyframes plantSway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}.plant-sway{animation:5.5s ease-in-out infinite plantSway}@keyframes pixelGrow{0%{opacity:0;transform:scale(.05)}70%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes leafTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(1.1)}}.pixeltree .pt-px{transform-box:fill-box;transform-origin:bottom;opacity:0}.pixeltree.grown .pt-px{animation:pixelGrow .46s var(--ease-back) both;animation-delay:var(--d,0s)}.pixeltree.idle .pt-px.leaf{animation:3.4s ease-in-out infinite leafTwinkle;animation-delay:var(--t,0s);opacity:1}.reveal{opacity:0;animation:riseIn .6s var(--ease-soft) forwards}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none}.leaf-layer{display:none}.screen,.main,.stage-view,.pixeltree-sway,.plant-sway{animation:none!important}.pixeltree .pt-px{opacity:1!important;animation:none!important;transform:none!important}.clover-petals{animation:none!important}.skeleton:after{animation:none}html{scroll-behavior:auto}}.reveal-settled .reveal{opacity:1!important;animation:none!important}.wallet-row{cursor:pointer;background:var(--canvas-2);border:1.5px solid color-mix(in srgb, var(--forest) 9%, transparent);width:100%;transition:border-color .18s var(--ease-soft), background .18s var(--ease-soft), transform .12s var(--ease-soft);border-radius:14px;align-items:center;gap:12px;padding:11px 13px;display:flex}.wallet-row:hover{border-color:color-mix(in srgb, var(--clover) 45%, transparent);background:color-mix(in srgb, var(--sage) 50%, var(--canvas-2))}.wallet-row:active{transform:scale(.985)}.skeleton{background:color-mix(in srgb, var(--forest) 7%, var(--canvas-2));border-radius:14px;position:relative;overflow:hidden}.skeleton:after{content:"";animation:skeletonSweep 1.4s var(--ease-soft) infinite;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);position:absolute;inset:0;transform:translate(-100%)}@keyframes skeletonSweep{to{transform:translate(100%)}}.muted{color:var(--ink-60)}.tiny{font-size:12.5px}.center{text-align:center}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.grow{flex:1}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.aic{align-items:center}