/* Galaxy primitives are attributed in /assets/motion/GALAXY-CREDITS.txt.
   The page composition, palette and mobile motion policy belong to ts4m. */
.home-page,.support-page{--fx-dark:#32452f;--fx-light:#c7dda1;--fx-glow:#92b55b;--fx-warm:#e7c68d}
.support-page{--fx-dark:#65412e;--fx-light:#edd0af;--fx-glow:#bd8760;--fx-warm:#dec69b}
.fx-cta.gx-sparkle-button-button{--black-700:var(--fx-dark);--border_radius:12px;display:inline-flex;justify-content:center;gap:12px;min-height:54px;padding:16px 22px;background:transparent;color:#fff;box-shadow:0 5px 12px #24371e10;transform:none;font:600 13px/1.5 var(--sans);isolation:isolate}
.fx-cta.gx-sparkle-button-button:before{background:linear-gradient(130deg,var(--fx-dark),#283629);box-shadow:inset 0 1px 0 #ffffff48,inset 0 -2px 3px #14201330,0 0 0 calc(var(--active,0)*4px) color-mix(in srgb,var(--fx-glow) 16%,transparent)}
.support-page .fx-cta.gx-sparkle-button-button:before{background:linear-gradient(130deg,#754b34,#49392d)}
.fx-cta.gx-sparkle-button-button:after{background:linear-gradient(125deg,#456039,#293d2c);opacity:var(--active,0)}
.support-page .fx-cta.gx-sparkle-button-button:after{background:linear-gradient(125deg,#895136,#523929)}
.fx-cta.gx-sparkle-button-button .gx-sparkle-button-text_button{font:600 13px/1.55 var(--sans);letter-spacing:0;color:white;white-space:normal;background:none}
.fx-cta.gx-sparkle-button-button .gx-sparkle-button-sparkle{width:23px;height:23px;flex-shrink:0}
.fx-cta.gx-sparkle-button-button .gx-sparkle-button-dots_border:before{background:var(--fx-light);animation-duration:5s;animation-play-state:paused}
.fx-cta.gx-sparkle-button-button:is(:hover,:focus-visible){transform:translateY(-2px)}
.fx-cta.gx-sparkle-button-button:is(:hover,:focus-visible) .gx-sparkle-button-dots_border:before{animation-play-state:running}
.fx-cta.gx-sparkle-button-button:active{transform:translateY(0)}
.galaxy-surface{--border-width:1px;--border-radius:20px;color:var(--ink);font:inherit;border:1px solid #d4dccb;max-width:100%;height:auto;isolation:isolate;background:#fdfef9;border-radius:var(--border-radius)}
.galaxy-surface:after{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);--border-width:1px;background-image:conic-gradient(from 35deg,#b6cc9e,#dfc39b,#bcbbc9,#aacaba,#b6cc9e);opacity:.65;pointer-events:none;animation-duration:12s}
.galaxy-surface:is(:hover,:focus-within):after{opacity:1;animation-play-state:running}
.galaxy-surface:active{--border-width:1px}
.motion-credit{font:10px/1.6 var(--sans);text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;color:#566749}
.motion-sleep,.motion-sleep *,.motion-sleep:before,.motion-sleep:after,.motion-sleep *:before,.motion-sleep *:after,.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}
.home-page{background:#fafbf6;background-image:radial-gradient(ellipse at 80% 4%,#e3ebd533,transparent 38%)}
.home-page .header{height:100px;border-bottom-color:#d8e0cd}
.home-page .brand-icon{background:linear-gradient(140deg,#f4f8e8,#dce9c1);box-shadow:inset 0 1px 0 #fff,0 3px 7px #36532b0a}
.home-page .header nav{gap:26px}
.home-page .header nav a:hover{color:#496835}
.home-page .nav-cta{border-radius:99px;background:#fdfef9;gap:18px}
.home-page .hero{min-height:770px;gap:35px;padding-top:64px;padding-bottom:108px}
.home-page .hero-copy>.eyebrow{padding:7px 11px;border:1px solid #d9e3cb;border-radius:99px;background:#f5f8ef;display:inline-flex;font-size:9px;letter-spacing:.9px;max-width:100%;margin-bottom:24px}
.home-page .hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.23;letter-spacing:-.065em;margin-bottom:29px}
.home-page .hero h1 .underlined{color:#577539}
.home-page .hero h1 .underlined svg{stroke:#b4c891;stroke-width:3}
.home-page .hero-intro{font-size:15px;color:#5d6c54}
.home-page .hero-actions{gap:23px;flex-wrap:wrap}
.home-page .hero-footnote{font-size:11px;color:#637553;margin-top:30px}
.home-page .hero-art{height:510px;isolation:isolate}
.home-page .hero-art:before{content:'';position:absolute;inset:40px -4px 1px 14px;border:1px solid #d6e0c9;border-radius:45% 45% 25px 25px;background:linear-gradient(150deg,#f8fbf18c,#e6eddb90);box-shadow:inset 0 0 0 9px #ffffff50;transform:rotate(3deg);z-index:-1}
.desk-aura{position:absolute;inset:4% -2% -6%;background:radial-gradient(ellipse,#dfeaca9e,transparent 65%);z-index:-2;pointer-events:none}
.home-page .art-grid{inset:30px 5px 15px;border-radius:45%;background-size:20px 20px;opacity:.8}
.home-page .dev-illustration{width:105%;left:-2%;top:22px;filter:drop-shadow(0 8px 4px #637c390a)}
.studio-index{display:flex;position:absolute;left:11%;right:10%;top:40px;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#627251;transform:rotate(3deg)}
.studio-index i{font:20px var(--sans);font-style:normal;color:#8fa96f}
.home-page .label-top{left:22%;top:-7px;border-radius:9px;background:#fffffff2;box-shadow:0 9px 22px #4d63330c;font-size:9px}
.home-page .label-bottom{bottom:-7px;left:13%;border-radius:9px;padding:14px 20px;box-shadow:0 8px 20px #4d633312;background:#fffffff0}
.home-page .sticky-note{left:-18px;top:149px;z-index:3;background:linear-gradient(125deg,#f7edc4,#efe2a5);border-radius:2px 2px 13px 2px;box-shadow:3px 9px 18px #8b77341c}
.home-page .spark-one{right:4px;top:8px;font-size:45px}
.home-page .spark-two{bottom:1px;left:auto;right:6%;font-size:28px}
.home-page .art-coordinate{right:8%;bottom:-33px;color:#667952}
.home-page .marquee{background:linear-gradient(90deg,#edf3e3,#e8eeda,#f2f2df);padding-block:20px;border-color:#d5dfc8}
.home-page .marquee-track span{font-size:12px;letter-spacing:1.3px}
.home-page .about-copy p{font-size:14px;line-height:2;color:#626e58}
.home-page .about-grid{gap:100px}
.home-page .identity-card.galaxy-surface{width:100%;max-width:405px;padding:29px 30px;background:linear-gradient(145deg,#fdfef9,#eff4e5);box-shadow:9px 11px 0 #e4ebd977,0 25px 35px #60733d0a;border-radius:19px}
.home-page .id-top{color:#506940;border-bottom-color:#cdd8bf}
.home-page .id-main .mono,.home-page .identity-card dt{color:#637550}
.home-page .identity-card dl{font-size:12px}
.home-page .identity-card dd.wallet{font-size:10px;color:#826235}
.home-page .pixel-avatar{border-radius:10px;background:linear-gradient(135deg,#e8efda,#d7e5be)}
.home-page .id-bottom .mono{font-size:7px;color:#53683f}
.home-page .beliefs{border-color:#d9e0d1}
.home-page .playground{background:#edf2e5;background-image:radial-gradient(ellipse at 50% 0,#f9fbea88,transparent 70%);border-color:#dbe3d0}
.home-page .play-title>p{color:#627154;font-size:13px}
.home-page .play-card.galaxy-surface{width:100%;padding:8px;background:#fdfef8;border-radius:23px;overflow:hidden;box-shadow:0 6px 20px #30482406;transition:transform .25s,box-shadow .25s}
.home-page .play-card .demo{border-radius:16px;border:1px solid #dce3d0}
.home-page .play-card .card-content{padding:25px 19px 19px}
.home-page .play-card h3{font-size:20px;line-height:1.4;letter-spacing:-.045em}
.home-page .play-card p{color:#617053;font-size:13px}
.home-page .play-card .card-category{color:#61704f;font-size:8px}
.home-page .play-card .card-action{min-height:45px;border-top:1px solid #e1e6d9;padding-top:15px;font-size:12px}
.home-page .terminal-demo p{color:inherit;font:11px/1.8 var(--mono)}
.home-page .terminal-demo .terminal-muted{color:#a5b492}
.home-page .terminal-demo .terminal-green{color:#d5eabb}
.home-page .coffee{position:relative;padding-top:92px;padding-bottom:95px}
.home-page .coffee-art:before{background:radial-gradient(ellipse,#e6efcf 0,#f2f5e9 65%,transparent 67%)}
.home-page .coffee-button{border-radius:50%}
.home-page .coffee-copy>p{color:#637252;font-size:14px}
.home-page .energy-meter{height:10px;border-radius:8px;background:#e6ecd9;overflow:hidden}
.home-page #energy-fill{background:linear-gradient(90deg,#748f49,#bad582);border-radius:8px}
.home-page .blog-invitation{border-radius:23px;overflow:hidden;border-color:#d3dec5;background:#f0f3e6;box-shadow:0 14px 35px #42552808}
.home-page .blog-invitation-photo{border-radius:15px;overflow:hidden}
.home-page .contact{background:linear-gradient(130deg,#e9f0dc,#eef2e3 55%,#f3eddc)}
.home-page .contact-main p{font-size:14px;color:#5b6c4d}
.home-page footer{gap:20px;flex-wrap:wrap}
/* One interactive Rive vignette, loaded only when invited. */
.mood-nook{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px;position:relative;padding:60px 62px;margin-top:86px;border:1px solid #d3dec4;border-radius:28px;background:linear-gradient(125deg,#f2f6e8,#fbfbf3 55%,#f0ecee);isolation:isolate;overflow:hidden}
.mood-nook:before{content:'';position:absolute;width:440px;height:440px;border:1px dashed #bbc9a6;border-radius:50%;right:-120px;bottom:-250px;z-index:-1}
.mood-copy>.eyebrow{font-size:9px;letter-spacing:1px;color:#67794f;margin-bottom:20px}
.mood-copy h2{font-size:48px;line-height:1.22;margin-bottom:19px;letter-spacing:-.045em}
.mood-copy p{font-size:13px;line-height:1.95;color:#626e57;max-width:480px}
.mood-start{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid #bdcba9;background:#fffef8;padding:13px 19px;border-radius:10px;min-height:48px;color:#445d33;font-size:12px;box-shadow:0 3px 0 #dce6ca;transition:transform .2s,box-shadow .2s}
.mood-start:hover{transform:translateY(-2px);box-shadow:0 5px 0 #dce6ca}
.mood-start:disabled{cursor:wait;color:#667253}
.mood-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px}
.mood-controls button{display:flex;gap:12px;align-items:center;justify-content:center;min-height:46px;padding:11px 14px;border-radius:9px;background:#fffdf5;border:1px solid #bdc9ac;color:#50653d;font-size:11px}
.mood-controls button[aria-pressed=true]{background:#3d5233;color:#fff;border-color:#3d5233}
.mood-controls button span{font-size:18px}
.mood-copy .mood-status{font-size:11px;min-height:23px;margin:17px 0 0;color:#586b44}
.mood-art{position:relative;min-height:340px;display:grid;place-items:center;isolation:isolate}
.mood-avatar{width:252px;height:252px;border:9px solid #fffefa;box-shadow:0 15px 35px #3d512514,0 0 0 1px #d4ddc8;border-radius:50%;overflow:hidden;background:#eef2e4;transform:rotate(5deg);position:relative}
.mood-avatar .motion-fallback,.mood-avatar canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.mood-avatar.motion-ready{transform:rotate(0)}
.mood-avatar.motion-ready .motion-fallback{visibility:hidden}
.mood-orbit{position:absolute;inset:10px 15px 15px;border:1px dashed #c1cca8;border-radius:50%;transform:rotate(-18deg);z-index:-1}
.mood-spark{position:absolute;right:8%;top:14px;font-size:40px;color:#8ca264}
.mood-note{position:absolute;right:-6px;bottom:14px;font-size:11px;line-height:1.7;border:1px solid #decfac;background:#f5edce;transform:rotate(-8deg);padding:12px 18px;border-radius:3px 3px 14px 3px;box-shadow:3px 4px 0 #d2bc8920}
.mood-note em{font:italic 16px var(--serif);color:#7f6341}
.mood-art-label{font:8px var(--mono);letter-spacing:1.2px;color:#677653;position:absolute;bottom:-14px;left:20px}
/* Warm, clear donation page; the QR remains a still, high-contrast surface. */
.support-page{background:#fcf9f1;background-image:radial-gradient(ellipse at 80% 3%,#f0dfcc4a,transparent 36%)}
.support-page .top-cta{border-radius:99px;background:#fffcf6;border-color:#c5b8a0}
.support-page .hero{gap:35px;padding-top:68px;padding-bottom:98px;min-height:790px}
.support-page .hero-copy>.eyebrow{display:inline-flex;border:1px solid #ded5bd;background:#f7f2e4;padding:7px 11px;border-radius:99px;font-size:9px;letter-spacing:.8px;max-width:100%}
.support-page .hero h1{margin-top:22px;letter-spacing:-.05em}
.support-page .hero h1 em{color:#a25938}
.support-page .hero-lead{font-size:22px;color:#384b36}
.support-page .hero-description{font-size:14px;line-height:1.95;color:#5e6b53}
.support-page .hero-actions{flex-wrap:wrap;gap:22px}
.support-page .hero-actions .fx-cta{min-height:55px}
.support-page .hero-art{isolation:isolate}
.warm-aura{position:absolute;inset:10% -2% 4%;background:radial-gradient(ellipse,#eddbb16b,transparent 70%);z-index:-2;pointer-events:none}
.support-page .art-arch{background:linear-gradient(130deg,#efe5ce,#e6eacb);border:1px solid #dfd6b9;box-shadow:inset 0 0 0 9px #faf7e84d}
.support-page .note-sticker{border-radius:2px 2px 15px 2px;box-shadow:4px 9px 15px #79633d10;background:linear-gradient(135deg,#f5e4a8,#eadb9e)}
.support-page .food-sticker{border-radius:12px;box-shadow:0 10px 23px #72623f10;z-index:3}
.kindness-stamp{position:absolute;left:-4%;top:19%;border:1px solid #c2caa7;background:#fcfff3ed;width:119px;height:119px;border-radius:50%;transform:rotate(-13deg);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 7px 20px #65753c0c;color:#526a3f;z-index:3}
.kindness-stamp span{font-size:11px;line-height:1.7}
.kindness-stamp strong{font:italic 21px/1.4 var(--serif);font-weight:500}
.kindness-stamp i{font-size:22px;font-style:normal;line-height:1.2;color:#a56843}
.support-page .ticker{background:linear-gradient(90deg,#e4eacb,#e9ebd6,#ecdfc6);padding-block:20px;border-color:#cfd8b9}
.support-page .ticker span{font-size:11px;letter-spacing:1px}
.support-page .story-letter{border-radius:3px 3px 18px 3px;background:linear-gradient(145deg,#fffaf0,#f3eddd);box-shadow:7px 8px 0 #e9e2d060,0 15px 35px #634e2a05}
.support-page .needs{background:#f2f2e7;background-image:radial-gradient(ellipse at 75% 0,#f3e3ca55,transparent 55%)}
.support-page .need-card.galaxy-surface{width:100%;padding:28px;background:#fffcf3;border-radius:22px;box-shadow:0 3px 14px #63563904}
.support-page .need-card.galaxy-surface:nth-child(2),.support-page .need-card.galaxy-surface:nth-child(6){background:#f0f6ec}
.support-page .need-card.galaxy-surface:nth-child(3),.support-page .need-card.galaxy-surface:nth-child(4){background:#faf1e5}
.support-page .need-card:after{background-image:conic-gradient(from 50deg,#b8c69e,#d1ad8a,#c3bcad,#b7c7a6);opacity:.8}
.support-page .need-card>.drawing{background:#f1e7cc;border-radius:18px;padding:10px;width:90px;height:83px;margin-bottom:23px}
.support-page .need-card:nth-child(2)>.drawing,.support-page .need-card:nth-child(6)>.drawing{background:#ddece0}
.support-page .need-card h3{font-weight:700;font-size:22px;letter-spacing:-.04em}
.support-page .need-card p{font-size:14px;line-height:1.95;color:#5a694f}
.support-page .need-tag{font-size:9px;color:#5b694d}
.support-page .support{gap:100px}
.support-page .amount{border-radius:12px;background:#fffdf7;border-color:#b8c3a8;transition:background .2s,box-shadow .2s,transform .2s}
.support-page .amount.selected{background:linear-gradient(145deg,#e9efda,#e1e9ce);border-color:#647d49;box-shadow:0 3px 0 #687f3d13}
.support-page .amount strong{font-weight:700}
.support-page .bank-ticket{border-radius:22px;border-color:#bac9a5;background:#fffffa;box-shadow:9px 10px 0 #e3e9d659,0 15px 42px #6a70460a}
.support-page .ticket-head{background:#f1f5e6;padding-block:20px;color:#50633e}
.support-page .qr-frame{border-radius:13px;border:1px solid #cdd6bd;background:white;box-shadow:0 3px 12px #40582d04}
.support-page .bank-details>div{padding-block:17px}
.support-page .copy-icon{background:#f7f9ef;border-radius:10px;border-color:#b8c6a5;transition:background .2s,transform .2s}
.support-page .copy-icon:hover{background:#e4edce;transform:translateY(-2px)}
.support-page .download-qr{background:#354b2e;border-radius:10px;min-height:51px;font-size:13px;box-shadow:inset 0 1px 0 #ffffff3d}
.support-page .thanks{background:linear-gradient(125deg,#eef0da,#f5e9d5 70%,#efdfcb);border-color:#d8dcc4}
.support-page .thanks-content{padding:55px 0 65px}
.support-page .thanks h2{font-size:56px}
.support-page .thanks p{font-size:14px;color:#5b694c}
.support-page footer{flex-wrap:wrap;border-color:#d2d6bc;gap:21px}
.support-page .motion-credit{color:#606e4e}
.gratitude-animation{position:relative;width:190px;height:190px;margin:0 auto 24px;isolation:isolate}
.gratitude-animation .lottie-host,.gratitude-animation>.motion-fallback{position:absolute;inset:0;width:100%;height:100%}
.gratitude-animation .lottie-host{visibility:hidden}
.gratitude-animation.motion-ready .lottie-host{visibility:visible}
.gratitude-animation.motion-ready>.motion-fallback{visibility:hidden}
.love-orbit{position:absolute;inset:2px -23px;border:1px dashed #cab58f;border-radius:50%;transform:rotate(-22deg);z-index:-1}
.love-star{position:absolute;color:#9e7049;font-size:25px}
.love-star-one{left:-23px;bottom:25px}.love-star-two{right:-20px;top:21px;font-size:21px;color:#6a7d4c}
.hug-replay{display:inline-flex;align-items:center;gap:14px;min-height:44px;border:1px solid #bdc5a2;background:#fffff58c;border-radius:99px;padding:10px 20px;font-size:12px;color:#52643d;transition:background .2s,transform .2s}
.hug-replay:hover{background:#fffcf4;transform:translateY(-2px)}
.hug-replay>span{color:#995e41;font-size:19px}
.support-page .thanks p.hug-status{font-size:11px;min-height:20px;line-height:1.8;margin:11px 0 18px;color:#5b684a}
@media(hover:hover) and (pointer:fine){.home-page .play-card.reveal.visible:hover{transform:translateY(-7px);box-shadow:0 14px 24px #425c2910}.support-page .need-card.reveal.visible:hover{transform:translateY(-5px);box-shadow:0 9px 20px #55623d0c}}
.js-motion .mood-spark,.js-motion .love-star{animation:soft-turn 18s linear infinite}
.js-motion .mood-orbit{animation:orbit-breathe 8s ease-in-out infinite}
@keyframes soft-turn{to{rotate:360deg}}
@keyframes orbit-breathe{50%{scale:1.04}}
@media(max-width:1150px){.home-page .header nav{gap:19px}.home-page .hero{gap:22px;min-height:740px}.home-page .hero-art{height:450px}.home-page .hero h1{font-size:64px}.home-page .label-top{font-size:8px;left:17%}.home-page .sticky-note{left:-10px;top:137px;width:128px}.home-page .label-bottom{left:8%;font-size:8px}.home-page .about-grid{gap:65px}.home-page .play-card h3{font-size:18px}.mood-nook{padding:50px 44px;gap:20px}.mood-copy h2{font-size:44px}.mood-controls button{padding:10px 11px;font-size:10px;gap:8px}.mood-avatar{width:225px;height:225px}.mood-art{min-height:320px}.mood-note{right:-8px;font-size:10px}.mood-note em{font-size:14px}.support-page .hero{gap:24px;min-height:760px}.support-page .hero-actions{gap:17px}.fx-cta.gx-sparkle-button-button{padding:15px 19px;gap:10px}.fx-cta.gx-sparkle-button-button .gx-sparkle-button-text_button{font-size:12px}.support-page .support{gap:65px}.support-page .need-card.galaxy-surface{padding:25px}.support-page .need-card h3{font-size:20px}.kindness-stamp{width:104px;height:104px;left:-3%;top:21%}.kindness-stamp strong{font-size:19px}.support-page footer{gap:17px}}
@media(max-width:900px){.home-page .hero{gap:20px;min-height:655px;padding-top:50px;padding-bottom:90px}.home-page .hero h1{font-size:53px;letter-spacing:-.065em}.home-page .hero-intro{font-size:13px}.home-page .hero-art{height:386px}.home-page .hero-copy>.eyebrow{font-size:7px;padding:6px 8px;letter-spacing:.4px}.home-page .hero-actions{gap:16px}.fx-cta.gx-sparkle-button-button{padding:13px 16px;min-height:49px;gap:9px}.fx-cta.gx-sparkle-button-button .gx-sparkle-button-text_button{font-size:11px}.fx-cta.gx-sparkle-button-button .gx-sparkle-button-sparkle{width:20px;height:20px}.home-page .hero-footnote{font-size:9px}.home-page .hero-art:before{inset:28px 0 0 8px}.home-page .dev-illustration{top:32px;width:110%;left:-4%}.studio-index{font-size:6px;top:30px;left:12%}.home-page .label-top{font-size:7px;left:9%;padding:10px 12px;top:-6px}.home-page .sticky-note{width:105px;left:-4px;top:124px;font-size:8px;padding:13px 9px}.home-page .sticky-note span{font-size:7px}.home-page .label-bottom{font-size:7px;left:5%;padding:11px 13px;bottom:0}.home-page .spark-one{font-size:36px;right:0;top:8px}.home-page .spark-two{font-size:23px;bottom:10px;right:0}.home-page .art-coordinate{font-size:6px;bottom:-23px}.home-page .about-grid{gap:45px}.home-page .about-copy p{font-size:13px}.home-page .identity-card.galaxy-surface{padding:23px 22px}.home-page .identity-card dl{font-size:11px}.home-page .id-bottom .mono{font-size:6px}.home-page .play-card .card-content{padding:23px 18px 17px}.mood-nook{padding:37px 31px;margin-top:60px;gap:17px;grid-template-columns:1.15fr .85fr}.mood-copy h2{font-size:36px}.mood-copy>.eyebrow{font-size:7px;letter-spacing:.5px}.mood-copy p{font-size:12px}.mood-copy p br{display:none}.mood-art{min-height:290px}.mood-avatar{width:190px;height:190px;border-width:7px}.mood-orbit{inset:24px -4px 20px}.mood-note{bottom:9px;right:-13px;padding:9px 12px}.mood-spark{font-size:30px;right:-2%;top:15px}.mood-art-label{font-size:6px;left:0;bottom:-16px}.mood-start{font-size:11px;gap:10px;padding:11px 14px}.mood-controls{gap:7px}.mood-controls button{min-height:44px}.support-page .hero{padding-top:46px;min-height:700px;gap:21px}.support-page .hero-copy>.eyebrow{font-size:7px;letter-spacing:.3px;padding:6px 8px}.support-page .hero-lead{font-size:18px}.support-page .hero-description{font-size:13px}.support-page .hero-actions{gap:14px}.support-page .hero-actions .fx-cta{min-height:49px;padding:13px 15px}.kindness-stamp{width:86px;height:86px;left:-2%;top:20%}.kindness-stamp span{font-size:9px}.kindness-stamp strong{font-size:16px}.kindness-stamp i{font-size:18px}.support-page .support{gap:35px}.support-page .need-card.galaxy-surface{padding:25px}.support-page .need-card h3{font-size:21px}.support-page .need-card p{font-size:13px}.support-page .need-tag{font-size:8px}.support-page .bank-ticket{border-radius:17px}.support-page .thanks h2{font-size:49px}.support-page footer>.motion-credit{font-size:10px}}
@media(max-width:680px){.home-page .hero{grid-template-columns:1fr;min-height:0;padding-top:40px;padding-bottom:65px;gap:33px}.home-page .hero h1{font-size:clamp(46px,12.5vw,67px);line-height:1.23;margin-bottom:26px}.home-page .hero-copy>.eyebrow{font-size:8px;letter-spacing:.65px;padding:7px 10px;margin-bottom:20px}.home-page .hero-intro{font-size:14px}.home-page .hero-actions{gap:20px;margin-top:23px}.home-page .hero-actions .fx-cta{min-height:51px}.fx-cta.gx-sparkle-button-button{padding:15px 19px;gap:10px}.fx-cta.gx-sparkle-button-button .gx-sparkle-button-text_button{font-size:12px}.home-page .hero-footnote{font-size:10px;margin-top:25px}.home-page .hero-art{height:390px;margin-top:0;max-width:430px;width:100%;justify-self:center}.home-page .hero-art:before{inset:23px 4px 7px 6px;border-radius:44% 44% 23px 23px}.home-page .dev-illustration{top:29px;width:106%;left:-2%}.home-page .label-top{left:19%;font-size:7px;top:0}.home-page .label-bottom{left:13%;bottom:5px;font-size:7px}.home-page .sticky-note{top:123px;left:0;width:106px;font-size:8px}.home-page .studio-index{top:32px;left:12%;font-size:6px}.home-page .spark-one{top:14px;right:2%;font-size:35px}.home-page .spark-two{bottom:12px;right:4%}.home-page .art-coordinate{right:7%;bottom:-20px}.home-page .marquee{padding-block:16px}.home-page .marquee-track span{font-size:10px}.home-page .about-grid{gap:43px}.home-page .about-copy p{font-size:14px}.home-page .identity-card.galaxy-surface{padding:25px;max-width:370px;justify-self:center}.home-page .identity-card dl{font-size:12px}.home-page .play-title>p{font-size:13px}.home-page .play-card.galaxy-surface{padding:8px;border-radius:21px}.home-page .play-card h3{font-size:22px}.home-page .play-card p{font-size:14px}.home-page .play-card .card-content{padding:23px 20px 19px}.home-page .terminal-demo p{font-size:11px}.mood-nook{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:31px 25px;margin-top:49px;border-radius:22px}.mood-copy h2{font-size:39px;line-height:1.2;margin-bottom:17px}.mood-copy>.eyebrow{font-size:8px;letter-spacing:.5px;margin-bottom:20px}.mood-copy p{font-size:13px}.mood-start{min-height:48px;font-size:12px;padding:12px 15px}.mood-copy .mood-status{font-size:11px;margin-top:15px;min-height:23px}.mood-art{min-height:300px;width:100%;max-width:350px;align-self:center;margin-top:4px;margin-bottom:10px}.mood-avatar{width:216px;height:216px;border-width:8px}.mood-orbit{inset:9px 15px 23px}.mood-spark{right:2%;top:12px;font-size:35px}.mood-note{right:0;bottom:12px;padding:10px 14px}.mood-note em{font-size:15px}.mood-art-label{font-size:7px;left:9px;bottom:-8px}.mood-controls{gap:8px}.mood-controls button{font-size:11px;flex:1 1 130px;justify-content:space-between;padding:12px;min-height:45px}.home-page .coffee{padding-block:65px}.home-page .blog-invitation{border-radius:20px}.home-page .contact-main p{font-size:14px}.home-page footer .motion-credit{font-size:10px;min-height:35px}.support-page .hero{padding-top:41px;padding-bottom:58px;gap:23px;min-height:0}.support-page .hero-copy>.eyebrow{font-size:8px;letter-spacing:.55px;padding:7px 10px}.support-page .hero-lead{font-size:20px}.support-page .hero-description{font-size:14px}.support-page .hero-actions{gap:22px}.support-page .hero-actions .fx-cta{padding:15px 18px;min-height:53px}.kindness-stamp{width:85px;height:85px;left:0;top:18%}.support-page .hero-art{margin-top:22px}.support-page .ticker{padding-block:15px}.support-page .ticker span{font-size:10px}.support-page .needs-grid{gap:14px}.support-page .need-card.galaxy-surface{padding:21px 18px 18px;border-radius:17px}.support-page .need-card>.drawing{width:73px;height:67px;padding:8px;border-radius:14px;margin-bottom:18px}.support-page .need-card h3{font-size:18px;line-height:1.45}.support-page .need-card p{font-size:13px;line-height:1.85}.support-page .need-tag{font-size:7px;letter-spacing:0}.support-page .support{gap:35px}.support-page .bank-ticket{border-radius:19px;box-shadow:6px 7px 0 #e3e9d659,0 13px 25px #6a704606}.support-page .bank-details>div{padding-block:16px}.support-page .thanks-content{padding:46px 0 47px}.support-page .thanks h2{font-size:40px}.support-page .thanks p{font-size:13px}.gratitude-animation{width:165px;height:165px;margin-bottom:24px}.love-star-one{font-size:21px}.love-star-two{font-size:19px}.hug-replay{font-size:11px;padding:10px 18px}.support-page footer{gap:12px}.support-page footer>.motion-credit{font-size:9px;min-height:34px}.support-page footer>.footer-blog{font-size:10px}.support-page footer>span{font-size:8px;order:5;width:100%;text-align:left}.support-page footer>.back-top{width:39px;height:39px;min-width:39px;margin-left:auto}}
@media(max-width:380px){.home-page .hero h1{font-size:45px}.home-page .hero-copy>.eyebrow{font-size:7px;letter-spacing:.4px;padding:7px 9px}.home-page .hero-actions{gap:13px}.home-page .hero-actions .fx-cta{padding:14px 15px}.home-page .hero-actions .fx-cta .gx-sparkle-button-text_button{font-size:11px}.home-page .hero-art{height:350px}.home-page .label-top{left:12%;font-size:6px}.home-page .label-bottom{font-size:6px;left:8%;padding:10px 12px;bottom:1px}.home-page .sticky-note{font-size:7px;width:94px;top:113px;padding:13px 9px}.home-page .sticky-note span{font-size:6px}.home-page .studio-index{font-size:5px;top:33px}.home-page .spark-one{font-size:29px}.home-page .identity-card.galaxy-surface{padding:23px 20px}.home-page .identity-card dl{font-size:10px}.mood-nook{padding:28px 20px}.mood-copy h2{font-size:35px}.mood-copy>.eyebrow{font-size:7px}.mood-copy p{font-size:12px}.mood-art{min-height:276px}.mood-avatar{width:187px;height:187px}.mood-note{font-size:9px;padding:9px 12px;right:-4px}.mood-note em{font-size:13px}.mood-orbit{inset:13px 0 20px}.mood-spark{font-size:29px;right:0}.mood-art-label{font-size:6px;left:0}.support-page .hero-copy>.eyebrow{font-size:7px;letter-spacing:.3px}.support-page .hero-actions{gap:15px}.support-page .hero-actions .fx-cta{padding:14px;gap:8px}.support-page .hero-actions .fx-cta .gx-sparkle-button-text_button{font-size:11px}.kindness-stamp{width:72px;height:72px;top:17%}.kindness-stamp strong{font-size:14px}.kindness-stamp span{font-size:8px}.kindness-stamp i{font-size:15px}.support-page .need-card.galaxy-surface{padding:23px;column-gap:17px}.support-page .need-card>.drawing{margin:13px 0 0}.support-page .need-card h3{font-size:19px}.support-page .need-card p{font-size:13px}.support-page .need-tag{font-size:8px}.support-page .thanks h2{font-size:37px}.support-page footer{gap:9px}.support-page footer>.brand{font-size:20px}.support-page footer>.motion-credit{font-size:8px}.support-page footer>.footer-blog{font-size:9px}}
@media(hover:none){.fx-cta.gx-sparkle-button-button{transform:none!important}.fx-cta.gx-sparkle-button-button .gx-sparkle-button-dots_border:before{animation:none}.galaxy-surface:after{animation:none!important}.home-page .hero-art,.support-page .hero-art{perspective:none}.home-page .dev-illustration{filter:none}}
@media(prefers-reduced-motion:reduce){html:not(.allow-motion) .fx-cta{transform:none!important}html:not(.allow-motion) .mood-avatar{transition:none}html:not(.allow-motion) .galaxy-surface:after{animation:none!important}}
.no-motion .fx-cta{transform:none!important}
@media(max-width:680px){.home-page .id-stamp{right:8px}}

/* Mobile polish: legible spacing, stable payment panel, cheaper scroll updates. */
.home-page .scroll-progress{width:100%;transform:scaleX(0);transform-origin:left center}
.home-page .coffee-steam{font-family:var(--sans)}
.home-page .hero h1{letter-spacing:-.045em;word-spacing:.015em}
.support-page .hero h1{letter-spacing:-.035em;word-spacing:.035em}
.home-page .play-card h3,.support-page .need-card h3{letter-spacing:-.025em}
.home-page .mood-copy,.home-page .about-copy,.support-page .hero-copy{min-width:0}
@media(max-width:900px){
  .home-page .identity-card{transform:none!important}
  .home-page .id-stamp{right:8px}
}
@media(max-width:860px){
  .js .home-page .header nav{max-height:calc(100vh - 122px);max-height:calc(100svh - 122px);overflow-y:auto;overscroll-behavior-y:contain;scroll-padding:8px}
  .home-page .header nav a{flex-shrink:0;min-height:44px}
}
@media(max-width:680px){
  .home-page .hero h1{font-size:clamp(43px,12vw,65px)}
  .support-page .hero h1{font-size:clamp(54px,15.6vw,82px)}
  .home-page .hero .text-link,.support-page .hero .text-link{min-height:44px}
  .home-page .mood-copy .mood-status{min-height:3.8em}
  .js-motion .reveal{transition:opacity .4s ease-out,transform .4s ease-out}
  .js-motion .reveal:not(.visible){transform:translateY(10px)}
  .home-page .play-card:nth-child(n){transition-delay:0s}
}
@media(hover:none){
  .home-page .play-card:hover,.support-page .amount:hover{transform:none}
  .home-page .coffee-button:hover{transform:none}
}
