@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700;800&display=swap');
:root{font-family:Manrope,system-ui,sans-serif;color:#ecede9;background:#10151c;font-synthesis:none;color-scheme:dark;--mint:#c4f98a;--muted:#929ba7;--line:#ffffff12;--card:#1b222c;--look-x:0px;--look-y:0px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 3%,#1e304036,transparent 48%),#10151c;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f6b166;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}button svg,.feature-icon svg,.concept-note>svg{width:23px;height:23px;flex-shrink:0}.preview{display:flex;justify-content:center;align-items:center;gap:7px;text-align:center;padding:9px 12px;font-size:10px;letter-spacing:.5px;background:#0b1016;color:#919da8;border-bottom:1px solid var(--line)}.preview>span{height:4px;width:4px;border-radius:50%;background:#c4f98a}.shell{max-width:1240px;margin:auto;padding:0 42px}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0 35px}.brand{display:flex;align-items:center;gap:12px;font-family:Unbounded,system-ui,sans-serif;font-size:22px;letter-spacing:-1px}.brand-light{font-weight:500;color:#a4afbe;margin-left:4px}.brand small{display:block;margin-top:7px;font:8px Manrope,sans-serif;letter-spacing:2.6px;color:#8693a2}.brand-icon{background:linear-gradient(150deg,#dafab5,#a7de6c);color:#23351d;width:43px;height:43px;display:grid;place-items:center;border-radius:13px;box-shadow:inset 0 2px 0 #ffffffba,0 5px 0 #5b783d,0 8px 25px #c4f98a0c;font-size:30px;transform:rotate(-8deg)}.header-right{display:flex;align-items:center;gap:24px}.edition{font-size:9px;letter-spacing:1.9px;color:#8493a1}.edition b{color:var(--mint);margin-left:20px;font-size:19px}.avatar{border:1px solid #ffffff25;background:#ffffff06;border-radius:50%;width:35px;height:35px;color:#b0bdc5}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.7px;color:#9aa9b6;display:block;margin-bottom:15px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--mint);box-shadow:0 0 12px #b4fc75;border-radius:50%;margin-right:7px}h1,h2,h3,p{margin:0}h1,h2{font-family:Unbounded,system-ui,sans-serif}h1{font-size:45px;font-weight:600;line-height:1.25;letter-spacing:-2px}h1>span{color:var(--mint)}h2{font-size:17px;font-weight:500;line-height:1.55;letter-spacing:-.5px}h3{font-size:15px;font-weight:700}p{font-size:13px;line-height:1.7;color:var(--muted)}.intro{margin:10px 0 35px}.intro h1{margin-bottom:18px}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;border-radius:13px;padding:16px 19px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.primary{border:1px solid #dcffad;background:linear-gradient(130deg,#dcffb5,#b6ee75);color:#21321b;box-shadow:inset 0 1px 0 #ffffffa6,0 4px 0 #638e3c,0 10px 30px #a5e77812}.primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffffa6,0 6px 0 #638e3c,0 13px 35px #a5e77825}.primary:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffffa6,0 1px 0 #638e3c}.primary>span{font-size:20px;line-height:20px}.secondary{border:1px solid #ffffff24;background:linear-gradient(145deg,#333d49,#252e39);box-shadow:inset 0 1px #ffffff14,0 3px 0 #10171f;color:#e4eae9}.secondary:hover{background:#35414e;transform:translateY(-2px)}.text-link{padding:0;border:0;background:transparent;color:var(--mint);font-size:12px;font-weight:700}.text-link:hover{color:#edffd4}.text-link.subtle{color:#9dabb8}.note{font-size:10px;line-height:1.65;color:#94a19e;margin-top:14px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:460px;position:relative;border:1px solid #9db7c226;border-radius:28px;background:radial-gradient(ellipse at 94% 50%,#35586b5e,transparent 55%),linear-gradient(125deg,#232f3b,#17232e 55%,#17252e);box-shadow:inset 0 1px #ffffff08,0 15px 60px #00000020;overflow:hidden}.hero:before{position:absolute;inset:0;content:'';background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{padding:45px 0 43px 40px;position:relative;z-index:1}.hero h1{font-size:48px;line-height:1.23;letter-spacing:-2.5px}.hero h1>span{color:var(--mint);text-shadow:0 6px 0 #74904426}.hero-description{margin:22px 0 28px;font-size:12px;color:#a2b1bd}.hero .primary{max-width:277px}.hero-facts{display:flex;gap:23px;margin-top:27px;color:#a7b6c0;font-size:11px}.hero-facts b{font-size:16px;color:#e3eadf;font-weight:700;margin-right:3px}.hero-copy .note{font-size:9px;margin-top:10px}.hero-world{position:relative;min-width:0}.world-caption{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:21px;left:25px;right:27px;border-top:1px solid #d6edeb12;padding-top:14px}.world-caption>span{font-size:8px;letter-spacing:1.3px;color:#849ea9}.world-caption button{display:flex;align-items:center;gap:10px;background:none;border:0;color:#c6d5d7;font-size:10px}.world-caption svg{width:13px;height:13px}.space-scene{height:390px;width:100%;position:relative;isolation:isolate;--look-x:0px;--look-y:0px}.space-grain{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#79cae220,transparent 57%)}.starfield{position:absolute;inset:0;background-image:radial-gradient(circle at 18% 33%,#c2e9fd 1px,transparent 1.7px),radial-gradient(circle at 67% 14%,#b2d7e8 1px,transparent 1.5px),radial-gradient(circle at 82% 38%,#b2d7e8 1px,transparent 1.5px),radial-gradient(circle at 24% 65%,#b2d7e8 1px,transparent 1.5px),radial-gradient(circle at 51% 11%,#bfd7eb 1px,transparent 1.5px),radial-gradient(circle at 78% 74%,#8ca8b9 1px,transparent 1.5px),radial-gradient(circle at 28% 12%,#bfd7eb99 1px,transparent 1.5px),radial-gradient(circle at 12% 78%,#bfd7eb77 1px,transparent 1.5px);animation:twinkle 4s ease-in-out infinite alternate}.orbit{position:absolute;top:90px;left:5%;width:90%;height:185px;border:1px solid #87bcc327;border-radius:50%;transform:rotate(-30deg);z-index:-1}.orbit-two{top:60px;left:16%;width:72%;height:260px;transform:rotate(40deg);border-style:dashed;opacity:.55}.orbit-one:after{content:'';position:absolute;left:20%;top:12%;width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px #beff80}.small-planet{position:absolute;right:10%;top:11%;width:51px;height:51px;border-radius:50%;background:radial-gradient(circle at 29% 20%,#ffc99b,#db854a 43%,#613c31 80%);box-shadow:inset -5px -6px 9px #161d2777,0 10px 20px #0002;transform:rotate(-25deg);animation:planetDrift 7s ease-in-out infinite}.small-planet:after{content:'';position:absolute;left:-17px;top:15px;right:-17px;height:19px;border:4px solid #e5b88488;border-top-color:#6f604750;border-radius:50%;transform:rotate(-12deg)}.moon{position:absolute;left:8%;bottom:29%;height:15px;width:15px;border-radius:50%;background:radial-gradient(circle at 28% 20%,#d0d5d6,#687d8c 60%,#304c55);animation:planetDrift 5s ease-in-out infinite reverse}.scene-coordinate{position:absolute;left:25px;top:29px;font-size:8px;letter-spacing:2px;color:#8daab4}.scene-cross{position:absolute;color:#769ba777;font:17px monospace}.cross-one{right:18px;bottom:70px}.cross-two{left:27px;top:112px}.mascot-button{position:absolute;left:50%;top:2%;width:min(92%,400px);padding:0;border:0;background:none;transform:translateX(-50%);cursor:pointer;z-index:2;filter:drop-shadow(0 20px 17px #0003)}.ray-art{width:100%;overflow:visible;display:block}.ray-float{animation:floatRay 4.8s ease-in-out infinite;transform-origin:220px 215px}.ray-eyes{transform:translate(var(--look-x),var(--look-y));transition:transform .18s;transform-origin:220px 213px;animation:blink 6s infinite}.eye-halo{opacity:.5;animation:glow 4s infinite alternate}.arm-right{transform-origin:308px 264px;animation:armFloat 4.8s ease-in-out infinite}.arm-left{transform-origin:130px 265px}.ears{opacity:0;transform:translateY(22px) scaleY(.7);transform-origin:220px 150px;transition:.6s}.stage-1 .ears,.stage-2 .ears{opacity:1;transform:none}.stage-1 .antenna,.stage-2 .antenna{opacity:0}.evolution-ring{opacity:0;transform-origin:center;transition:.5s}.stage-2 .evolution-ring{opacity:.8;animation:ringTurn 8s ease-in-out infinite}.skin-sun .accent-start{stop-color:#ffe9ac}.skin-sun .accent-end{stop-color:#efb261}.skin-ice .accent-start{stop-color:#c4f9ff}.skin-ice .accent-end{stop-color:#7ab8ef}.skin-sun .eye-halo rect{fill:#ffd198}.skin-ice .eye-halo rect{fill:#a8e8ff}.character-shadow{position:absolute;width:160px;height:30px;background:#010d1677;filter:blur(9px);border-radius:50%;bottom:40px;left:50%;transform:translateX(-50%);animation:shadowBreathe 4.8s infinite ease-in-out}.landing-pad{position:absolute;width:228px;height:62px;bottom:30px;left:50%;transform:translateX(-50%);border-radius:50%;background:linear-gradient(#3b5e6866,#162b3644);border:1px solid #91f3e54d;box-shadow:0 8px 0 #0d1d2688,0 10px 0 #6fadb322,0 15px 23px #0004,0 0 40px #6cbad216}.landing-pad:after{content:'';position:absolute;inset:9px;border:1px dashed #b1f6d84d;border-radius:50%;animation:padGlow 3s ease-in-out infinite alternate}.landing-pad>span{position:absolute;inset:18px 57px;border-radius:50%;border:1px solid #abf6c13d}.landing-pad>i{position:absolute;width:30px;height:3px;bottom:1px;left:100px;background:var(--mint);box-shadow:0 0 14px #c4f98a}.mood{position:absolute;right:3%;top:47%;background:#24343cca;border:1px solid #7aa1974a;backdrop-filter:blur(9px);padding:8px 10px;border-radius:9px;font-size:9px;z-index:3;transform:rotate(7deg);box-shadow:0 8px 20px #0002;pointer-events:none}.mood>span{display:inline-block;width:5px;height:5px;background:#c4f98a;border-radius:50%;margin-right:6px}.touch-hint{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);font-size:8px;letter-spacing:.5px;color:#a6bcc2}.speech{position:absolute;top:11%;left:8%;color:#233828;background:#e0f9c5;border-radius:12px 12px 0 12px;padding:10px 15px;font-size:11px;font-weight:800;opacity:0;transform:translateY(8px) rotate(-8deg);transition:.2s;z-index:4;pointer-events:none}.happy .speech{opacity:1;transform:translateY(0) rotate(-8deg)}.happy .ray-float{animation:jumpRay .85s ease}.happy .arm-right{animation:wave .6s ease-in-out 2}.happy .ray-eyes{animation:happyEyes .9s ease}.particles{position:absolute;top:48%;left:50%;pointer-events:none;z-index:4}.particles>i{position:absolute;color:#dcffab;font-size:20px;font-style:normal;animation:particle 1s ease-out forwards}.evolved .space-grain{animation:evolutionFlash 1.2s ease-out}.dashboard{display:grid;grid-template-columns:1.18fr 1fr;gap:18px;margin-top:21px}.card{border:1px solid #a0b2c11c;border-radius:22px;padding:25px;background:linear-gradient(120deg,#222a35,#1a222c);box-shadow:inset 0 1px #ffffff04,0 8px 24px #0000000c}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading>.eyebrow{margin:0}.tiny-pill{font-size:9px;padding:5px 9px;border-radius:30px;background:#d5fba714;color:#c5e49f;border:1px solid #b8d99526;white-space:nowrap}.tiny-pill.muted{background:#ffffff05;color:#8e9aa8;border-color:#ffffff0d}.subscription-main{display:flex;align-items:center;gap:15px;margin:23px 0}.subscription h2{font-size:14px}.subscription p{font-size:10px;margin-top:5px}.power-icon{display:grid;place-items:center;height:49px;width:49px;flex-shrink:0;border-radius:15px;background:linear-gradient(135deg,#3d4a53,#222f3b);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff10,0 5px 0 #111b24}.power-icon svg{width:24px;height:24px;color:var(--mint)}.subscription-bottom{padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.subscription-bottom button{font-size:10px}.pet-name{display:flex;justify-content:space-between;align-items:center}.pet-name .eyebrow{font-size:8px;margin-bottom:8px}.pet-name h2{font-size:20px}.pet-name h2 span{font:10px Manrope;color:var(--mint);padding:5px 7px;background:#c4f98a0c;border-radius:6px;margin-left:6px;vertical-align:middle}.xp-heading{display:flex;justify-content:space-between;color:#98a6b0;font-size:10px;margin:20px 0 9px}.xp-heading b{color:#cad6cf;font-weight:500}.xp-track{background:#0b121b;border-radius:5px;height:7px;padding:1px;box-shadow:0 1px 0 #ffffff0e;overflow:hidden}.xp-track i{display:block;height:100%;min-width:3px;border-radius:5px;background:linear-gradient(90deg,#65ab8a,#c7fa8e);box-shadow:0 0 13px #c4f98a66;transition:width .4s}.pet-card-bottom{display:flex;justify-content:space-between;margin-top:20px;font-size:9px;color:#788c97}.pet-card-bottom button{font-size:10px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:38px 0 22px}.section-title .eyebrow{margin-bottom:9px;font-size:8px}.section-title h2{font-size:17px}.decor-star{font-size:50px;color:var(--mint);line-height:1;animation:decorSpin 30s linear infinite}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{position:relative;border:1px solid var(--line);border-radius:19px;padding:23px;background:linear-gradient(130deg,#1b26306b,#171e2566);overflow:hidden}.feature-icon{color:#c8f095;border:1px solid #8095683d;background:linear-gradient(145deg,#3d4b3b,#242e29);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;box-shadow:inset 0 1px #e3ffc725,0 4px 0 #101913;margin-bottom:21px}.feature:nth-child(2) .feature-icon{color:#e2b589;background:linear-gradient(145deg,#4b4033,#302c25);border-color:#b796663d}.feature:nth-child(3) .feature-icon{color:#9ecce0;background:linear-gradient(145deg,#324652,#26333d);border-color:#7faabc3d}.feature h3{font-size:13px;margin-bottom:10px}.feature p{font-size:11px;max-width:240px}.feature-index{position:absolute;right:20px;top:23px;font-size:9px;color:#60717f;font-family:monospace}nav{display:flex;justify-content:space-between;gap:6px;max-width:470px;margin:34px auto 0;background:#202a36ed;border:1px solid #8fa8b22a;padding:7px;border-radius:21px;box-shadow:0 7px 0 #090f17,0 15px 35px #0003,inset 0 1px #ffffff12;backdrop-filter:blur(18px)}nav button{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;min-width:0;border:0;background:transparent;color:#8f9aa8;font-size:10px;border-radius:14px;padding:10px 5px;transition:.25s}nav button>span{font-size:23px;line-height:24px}nav .active{color:#e0ffbe;background:linear-gradient(145deg,#4c614052,#3343348c);box-shadow:inset 0 1px #d1ffb526}nav button:hover{color:#c9fa9a}footer{display:flex;justify-content:space-between;align-items:center;margin:40px 0 28px;border-top:1px solid #ffffff0a;padding-top:20px;font-size:9px;color:#657380}footer button{border:0;background:none;font-size:10px;color:#91a0a9}.pet-lab{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.pet-habitat{border:1px solid #93b8b831;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#315a694a,#17242f 65%);position:relative}.space-scene.large{height:478px}.large .mascot-button{width:400px;top:23px}.large .landing-pad{bottom:59px;width:265px;height:70px}.large .landing-pad>i{left:115px}.large .character-shadow{bottom:77px}.large .touch-hint{bottom:24px}.large .mood{right:6%}.large .orbit{top:130px;height:230px}.large .orbit-two{height:330px;top:70px}.habitat-footer{display:flex;justify-content:space-between;padding:20px 25px;border-top:1px solid #ffffff0b;font-size:8px;letter-spacing:1.5px;color:#6f929f}.pet-control{padding:28px}.pet-description{font-size:11px;margin:17px 0 20px}.charge-button{margin-bottom:8px}.charge-button svg{width:17px;height:17px}.charge-button>span{font-size:11px}.customization{padding:26px 0 22px;border-bottom:1px solid var(--line)}.customization>.eyebrow{font-size:8px;margin-bottom:13px}.swatches{display:flex;align-items:center;gap:9px}.swatch{height:31px;width:31px;border-radius:50%;border:3px solid #1f2934;color:#203021;font-weight:700;font-size:13px;box-shadow:0 0 0 1px #ffffff1a,inset 0 2px 4px #fff8,inset 0 -3px 5px #0003}.swatch.mint{background:#c2f88b}.swatch.sun{background:#efba75}.swatch.ice{background:#97d5ef}.swatch.selected{box-shadow:0 0 0 1.5px #c8f59c,inset 0 2px 4px #fff8,inset 0 -3px 5px #0003}.swatches>span{font-size:9px;color:#9faeba;margin-left:3px}.evolution-label{display:flex;justify-content:space-between;margin:24px 0 14px}.evolution-label>.eyebrow{font-size:8px;margin:0}.evolution-label>span:last-child{font-size:8px;color:#748691}.evolution-stages{display:flex;gap:8px}.evolution-stages button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;background:#101b2466;border:1px solid #ffffff0d;border-radius:12px;padding:12px 5px;color:#8b9faa;transition:.2s}.evolution-stages button>span{font-size:25px}.evolution-stages b{font-size:9px}.evolution-stages small{font-size:8px;color:#728895}.evolution-stages .selected{border-color:#c4f98a88;background:#88c35c11;color:var(--mint)}.reset-pet{background:none;border:0;font-size:9px;color:#8397a2;display:block;margin:18px auto 0}.concept-note{display:flex;gap:16px;align-items:flex-start;background:#1e293449;border:1px dashed #95afbc26;border-radius:18px;padding:21px 25px;margin:23px 0}.concept-note>svg{color:var(--mint);width:21px;height:21px}.concept-note strong{font-size:12px;font-weight:600;display:block;margin:0 0 8px}.concept-note p{font-size:11px;max-width:850px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:10px}.plan{position:relative;padding:24px;border-radius:24px;background:linear-gradient(145deg,#202c37,#18212c);transition:transform .25s;overflow:hidden}.plan:hover{transform:translateY(-5px)}.plan.recommended{border-color:#bfea8ca1;box-shadow:0 0 35px #b9ea7f09,inset 0 1px #c4f98a47;background:radial-gradient(ellipse at 50% 22%,#8dad5a22,transparent 56%),linear-gradient(145deg,#27342f,#1c262c 75%)}.plan-top{display:flex;align-items:center;justify-content:space-between}.plan-number{font:10px monospace;color:#8ea6af}.recommend-label{font-size:8px;letter-spacing:1px;color:#9faeba}.recommended .recommend-label{background:#c4f98a;color:#2a4021;padding:5px 9px;border-radius:5px;font-weight:800}.plan-planet{width:86px;height:86px;position:relative;display:grid;place-items:center;margin:32px auto 30px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#cad6e2,#6e8b9d 40%,#2d414f 76%,#19242a);box-shadow:inset -8px -12px 16px #101b3077,0 16px 23px #0004,0 0 50px #92c5e513;animation:planetDrift 5s ease-in-out infinite}.plan-planet:after{content:'';position:absolute;inset:12px 13px auto;height:20px;border-radius:50%;background:linear-gradient(#fff4,#fff0);transform:rotate(-28deg)}.plan-planet>span{font-size:40px;color:#d0e8efaa;transform:rotate(-15deg)}.planet-optimal{background:radial-gradient(circle at 25% 18%,#e9ffb8,#a6cf66 40%,#4b663a 76%,#263826);box-shadow:inset -8px -12px 16px #20301077,0 16px 23px #0004,0 0 50px #c4f98a16;animation-delay:-1.8s}.planet-optimal>span{color:#f2ffe1b3}.planet-family{background:radial-gradient(circle at 28% 18%,#ffd7a1,#d8a067 40%,#624b3c 78%,#372e28);animation-delay:-3s}.planet-family i,.planet-optimal i{position:absolute;left:-22px;right:-22px;top:28px;height:29px;border:4px solid #e5b7868c;border-top-color:#96795133;border-radius:50%;transform:rotate(-25deg)}.planet-optimal i{border-color:#caf39977;border-top-color:#708a5022}.plan h2{font-size:19px;margin-bottom:9px}.plan-caption{font-size:10px;min-height:18px}.price{font-family:Unbounded,system-ui,sans-serif;font-size:38px;letter-spacing:-1.5px;display:flex;align-items:baseline;gap:5px;margin:20px 0}.price>span{font-size:20px}.price small{font:9px Manrope;letter-spacing:0;color:#91a1ae}.features{list-style:none;padding:0;margin:0 0 24px;font-size:11px}.features li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff0b;color:#a0b0bb}.features b{color:#e1e9e3;font-weight:600}.features svg{width:16px;height:16px;color:#97b5aa;flex-shrink:0}.plan .primary,.plan .secondary{font-size:11px;padding:14px 15px}.trial-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;border:1px solid #8ba0b025;background:linear-gradient(120deg,#27323c,#202731);border-radius:19px;padding:22px}.trial-strip>div{display:flex;align-items:center;gap:15px}.trial-symbol{color:#e9b680;font-size:34px}.trial-strip h3{font-size:12px}.trial-strip p{font-size:10px;margin-top:5px}.trial-strip button{width:auto;white-space:nowrap;font-size:11px}.fine-print{font-size:10px;margin:18px 0;color:#748591;line-height:1.8}.device-switch{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.device-switch button{padding:12px 23px;border-radius:11px;background:#202c36;color:#9badb9;border:1px solid #ffffff16;font-size:12px}.device-switch .selected{background:#c4f98a;color:#23351c;border-color:#d1fdae;box-shadow:0 3px 0 #6c8d47}.guide>.card-heading svg{height:28px;width:28px;color:var(--mint)}.guide-step{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.guide-step:last-child{border:0;padding-bottom:3px}.num{width:35px;height:35px;border:1px solid #aec7c125;display:grid;place-items:center;border-radius:10px;flex-shrink:0;background:#21342e;color:#c2eeb0;font:11px Unbounded}.guide-step p{margin:9px 0;font-size:12px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:23px}.support-grid p{margin:12px 0 20px}.support-grid .secondary{width:auto;min-width:180px;font-size:11px}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq details:last-child{border:0;padding-bottom:0}.faq summary{cursor:pointer;font-size:12px;font-weight:600}.faq p{font-size:11px;margin-top:12px}.screen-enter{animation:screenIn .45s ease-out}dialog{border:1px solid #a8bdc84d;border-radius:25px;max-width:420px;width:calc(100% - 32px);padding:30px;background:linear-gradient(135deg,#283541,#18232e);color:#e8eeea;box-shadow:0 25px 100px #0009;max-height:90dvh;overflow:auto}dialog[open]{animation:dialogIn .25s ease-out}dialog::backdrop{background:#040b13b8;backdrop-filter:blur(9px)}.close{position:absolute;right:17px;top:10px;border:0;background:none;color:#a2b1bf;font-size:28px}.order-spark{display:block;font-size:30px;color:#c4f98a;margin-bottom:20px}.order-row{display:flex;justify-content:space-between;font-size:11px;color:#9dadb8;padding:15px 0;border-bottom:1px solid #ffffff10}.order-row strong{color:#edf1e7;font-weight:600}.total{font:32px Unbounded;margin:25px 0 18px;color:var(--mint)}.demo-box{font-size:11px;line-height:1.7;background:#0d18235c;padding:15px;border-radius:12px;margin:18px 0 22px;color:#96aab9}#notice{position:fixed;bottom:115px;left:50%;transform:translate(-50%,10px);background:#d4f9b1;color:#22371c;padding:13px 19px;border-radius:13px;font-size:12px;font-weight:700;max-width:90vw;width:max-content;opacity:0;pointer-events:none;transition:.2s;z-index:5;box-shadow:0 8px 30px #0004}#notice.show{opacity:1;transform:translate(-50%,0)}
@keyframes floatRay{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes blink{0%,44%,48%,100%{scale:1 1}46%{scale:1 .12}}@keyframes glow{to{opacity:.85}}@keyframes armFloat{0%,100%{rotate:0deg}50%{rotate:-8deg}}@keyframes twinkle{to{opacity:.4}}@keyframes planetDrift{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes shadowBreathe{0%,100%{scale:1;opacity:.7}50%{scale:.85;opacity:.45}}@keyframes padGlow{to{opacity:.5;box-shadow:0 0 15px #a8eadc20}}@keyframes ringTurn{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(8deg)}}@keyframes jumpRay{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-30px) rotate(-6deg)}65%{transform:translateY(-10px) rotate(5deg)}}@keyframes wave{50%{transform:rotate(-40deg)}}@keyframes happyEyes{30%,75%{scale:1 .3}}@keyframes particle{from{transform:translate(0,0) scale(.4);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}@keyframes evolutionFlash{0%{background:#c4f98a88}100%{background:#c4f98a00}}@keyframes decorSpin{to{rotate:360deg}}@keyframes screenIn{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes dialogIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1450px){.shell{padding-top:12px}.hero{min-height:500px}.hero-copy{padding-top:51px}.hero h1{font-size:54px}.space-scene{height:430px}.mascot-button{top:20px}.hero-description{margin-top:26px}}
@media(max-width:1000px){.shell{padding:0 25px}.hero-copy{padding-left:28px}.hero h1{font-size:39px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-description{font-size:11px}.mascot-button{top:35px}.hero-world .space-scene{height:390px}.world-caption{left:15px;right:18px}.world-caption>span{font-size:7px}.pet-lab{grid-template-columns:1fr 1fr}.space-scene.large{height:450px}.large .mascot-button{width:360px;top:35px}.large .landing-pad{width:230px}.plan{padding:20px}.plan h2{font-size:16px}.section-title h2{font-size:15px}}
@media(max-width:700px){.shell{padding:0 17px 105px}header{padding:23px 3px 26px}.brand{font-size:20px}.brand-icon{height:38px;width:38px;font-size:26px}.brand small{font-size:7px;letter-spacing:2px}.edition{display:none}.preview{font-size:8px;padding:8px}.hero{display:flex;flex-direction:column;min-height:0;border-radius:25px}.hero-copy{padding:27px 24px 0}.hero h1{font-size:36px;letter-spacing:-1.7px}.hero .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:18px}.hero-description{font-size:11px;margin:18px 0 21px}.hero .primary{max-width:none;font-size:12px;padding:15px 18px}.hero-facts{margin-top:21px;gap:24px;font-size:10px}.hero-facts b{font-size:15px}.hero-copy .note{font-size:8px;margin-top:8px}.hero-world{height:324px}.hero-world .space-scene{height:283px}.mascot-button{width:300px;top:-4px}.space-scene .landing-pad{width:186px;height:45px;bottom:26px}.space-scene .landing-pad>i{left:79px;width:24px}.space-scene .landing-pad>span{inset:12px 45px}.character-shadow{bottom:35px;width:130px;height:23px}.scene-coordinate{font-size:7px;top:23px;left:20px}.orbit{top:51px;height:168px}.orbit-two{top:29px;height:220px}.small-planet{right:8%;top:8%;width:35px;height:35px}.small-planet:after{left:-10px;right:-10px;height:14px;top:12px;border-width:3px}.mood{font-size:8px;right:4%;top:47%;padding:7px}.touch-hint{font-size:7px;bottom:0}.world-caption{bottom:13px;left:23px;right:23px;padding-top:10px}.world-caption>span{font-size:6px;letter-spacing:1px}.world-caption button{font-size:9px}.world-caption svg{width:12px;height:12px}.dashboard{grid-template-columns:1fr;gap:14px;margin-top:17px}.card{padding:22px;border-radius:20px}.subscription h2{font-size:13px}.subscription p{font-size:10px}.subscription-bottom button{font-size:10px}.pet-name h2{font-size:20px}.section-title{margin:30px 0 17px;gap:15px}.section-title h2{font-size:15px;line-height:1.65;max-width:275px}.decor-star{font-size:38px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature{padding:20px 20px 20px 75px;min-height:106px}.feature .feature-icon{position:absolute;left:18px;top:23px;width:37px;height:37px;border-radius:11px}.feature h3{font-size:12px;max-width:205px;margin-bottom:6px}.feature p{font-size:10px;max-width:230px}.feature-index{right:14px;top:15px;font-size:7px}nav{position:fixed;z-index:5;bottom:calc(14px + env(safe-area-inset-bottom));left:17px;right:17px;max-width:420px;margin:0 auto;border-radius:19px;padding:6px}nav button{font-size:9px;padding:8px 3px;gap:4px}nav button>span{font-size:22px;line-height:23px}footer{margin-bottom:0;gap:15px;font-size:8px}footer>span:nth-child(2){display:none}.intro{margin:4px 0 25px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:29px;letter-spacing:-1.2px}.intro p{font-size:11px;margin-top:15px}.pet-lab{display:flex;flex-direction:column;gap:15px}.pet-habitat{border-radius:23px}.space-scene.large{height:339px}.large .mascot-button{top:4px;width:335px}.large .landing-pad{bottom:26px;width:210px;height:53px}.large .landing-pad>i{left:90px}.large .character-shadow{bottom:36px}.large .touch-hint{bottom:2px}.large .orbit{top:70px;height:210px}.large .orbit-two{top:40px;height:270px}.habitat-footer{padding:16px 21px;font-size:7px}.pet-control{padding:25px}.pet-control .pet-description{font-size:12px}.customization{padding-top:27px}.evolution-stages button{padding:15px 5px}.evolution-stages b{font-size:10px}.concept-note{padding:18px;gap:12px;border-radius:17px}.concept-note strong{font-size:11px}.concept-note p{font-size:10px}.plans{grid-template-columns:1fr;gap:18px;padding:0}.plan{padding:25px}.plan.recommended{order:-1}.plan-planet{position:absolute;right:35px;top:66px;width:67px;height:67px;margin:0}.plan-planet>span{font-size:31px}.planet-family i,.planet-optimal i{top:22px;height:24px;left:-15px;right:-15px;border-width:3px}.plan h2{font-size:19px;margin-top:27px;max-width:215px}.plan-caption{font-size:9px;max-width:200px}.price{font-size:36px;margin-top:21px}.plan-top{min-height:24px}.features{margin-top:20px;margin-bottom:20px}.features li{padding:13px 0;font-size:12px}.plan .primary,.plan .secondary{font-size:12px;padding:15px 17px}.trial-strip{flex-direction:column;align-items:stretch;padding:20px;gap:18px}.trial-strip button{width:100%}.trial-strip h3{font-size:11px}.trial-strip p{font-size:9px}.fine-print{font-size:9px}.device-switch{gap:7px;flex-wrap:nowrap}.device-switch button{font-size:10px;padding:10px 14px;flex:1}.guide h2{font-size:14px}.guide-step{gap:13px;padding:22px 0}.guide-step h3{font-size:12px}.guide-step p{font-size:11px}.num{height:30px;width:30px;font-size:9px}.support-grid{grid-template-columns:1fr;gap:15px}.support-grid h2{font-size:17px}.support-grid p{font-size:12px}.faq h2{font-size:17px}.faq summary{font-size:12px}.speech{font-size:10px;padding:8px 12px;top:12%;left:5%}dialog{padding:27px}.total{font-size:30px}}
@media(max-width:370px){.hero h1{font-size:31px}.hero-copy{padding-left:20px;padding-right:20px}.hero-facts{gap:18px}.hero .eyebrow{font-size:6px}.plan h2{font-size:17px}.plan-planet{width:54px;height:54px;right:29px;top:74px}.plan-caption{max-width:174px;font-size:8px}.space-scene.large .mascot-button{width:300px;top:20px}.space-scene.large{height:321px}.subscription h2{font-size:11px}.subscription-main{gap:11px}.subscription-bottom button{font-size:9px}.device-switch button{padding:10px 9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.particles{display:none}.ray-eyes{transform:none}.primary:hover,.secondary:hover,.plan:hover{transform:none}}
.mascot-button .ray-art{width:100%;height:auto;max-width:none}
/* Flight deck and rewards */
.hello-mission{display:flex;gap:10px;align-items:center;max-width:340px;margin:18px 0 20px}.hello-icon{font-size:29px;color:var(--mint)}.hello-mission b{display:block;font-size:10px;font-weight:700;color:#d9e9cb}.hello-mission small{display:block;margin-top:5px;color:#8da29c;font-size:9px}.hero{min-height:550px}.hero-world{align-self:center;width:100%;height:480px}.hero-world .space-scene{height:410px}.hero .hero-description{margin-bottom:12px}.hero-copy{padding-top:35px}.referral-banner{display:flex;align-items:center;gap:25px;border:1px solid #bfe98b36;border-radius:22px;margin-top:22px;padding:25px;background:radial-gradient(ellipse at 0 50%,#739f5d24,transparent 65%),#1a252d}.referral-banner .eyebrow{margin-bottom:8px}.referral-banner h2{font-size:17px}.referral-banner p{font-size:11px;max-width:410px;margin-top:7px}.referral-banner .secondary{width:auto;white-space:nowrap;margin-left:auto;font-size:11px}.referral-art{position:relative;font-size:70px;color:var(--mint);line-height:1;text-shadow:0 8px 0 #718c542c}.referral-art span{font:800 11px Manrope;position:absolute;bottom:-2px;right:-10px;white-space:nowrap;background:#e2ffd0;color:#253720;padding:5px 9px;border-radius:9px;transform:rotate(-9deg)}.training{margin:22px 0 18px;padding:15px;border:1px solid #ffffff15;border-radius:14px;background:#111d26}.training>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.training>div>span{white-space:nowrap;color:var(--mint)}.training p{font-size:10px;margin:9px 0 13px}.training .secondary{padding:11px 13px;font-size:11px}.pet-control>.primary{font-size:11px;gap:8px}.pet-control>.primary>span{font-size:11px}.evolution-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid #ffffff12;border-radius:12px;padding:13px 5px;color:#8e9da4;background:#111d26}.evolution-item.selected{border-color:#c4f98a70;color:var(--mint);background:#c4f98a0a}.evolution-item>span{font-size:25px}.evolution-item b{font-size:10px}.evolution-item small{font-size:9px}.fleet-section,.rewards-section{margin-top:34px}.fleet-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.fleet-heading .eyebrow{margin-bottom:8px}.fleet-heading h2{font-size:18px}.fleet{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fleet-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #96aeb827;border-radius:18px;padding:19px;background:linear-gradient(140deg,#27313c,#19232d);color:#e0e8e0;transition:transform .2s}.fleet-card:hover{transform:translateY(-3px)}.fleet-card.selected{border-color:#c4f98a98;background:linear-gradient(140deg,#344635,#1c2a2d)}.fleet-icon{font-size:37px;color:var(--mint);margin-bottom:12px;line-height:1}.fleet-card b{font-size:12px}.fleet-card small{font-size:10px;color:#95aaa6;margin-top:9px}.bonus-balance{display:flex;flex-direction:column;gap:5px;text-align:right;white-space:nowrap}.bonus-balance b{font:24px Unbounded;color:var(--mint)}.bonus-balance span{font-size:9px;color:#94a6ad}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.reward-card{display:flex;align-items:flex-start;flex-direction:column;gap:19px}.reward-card.ready{border-color:#c4f98a99;background:linear-gradient(125deg,#30432e,#1c2931)}.reward-orb{display:flex;align-items:baseline;gap:3px;font:32px Unbounded;color:#e4ffc6;text-shadow:0 4px 0 #52703788}.reward-orb small{font:12px Manrope}.reward-card h3{font-size:12px}.reward-card p{font-size:10px;margin-top:7px}.reward-card button{font-size:11px;padding:13px}.bonus-ledger{padding:16px;border:1px solid var(--line);border-radius:12px;font-size:11px}.bonus-ledger p{font-size:11px;margin-top:10px}.invite-hero{display:flex;align-items:center;gap:42px;padding:35px;background:radial-gradient(ellipse at 15% 50%,#7eae5e2e,transparent 70%),#1b2832}.invite-symbol{position:relative;font-size:125px;color:var(--mint);text-shadow:0 8px 0 #4e6a36;line-height:1}.invite-symbol span{position:absolute;right:-12px;bottom:-5px;font-size:60px;color:#adcdea;text-shadow:0 5px 0 #334d65}.invite-hero h2{font-size:29px;line-height:1.7}.invite-hero em{font-style:normal;color:var(--mint)}.invite-hero p{font-size:11px;max-width:440px;margin-top:13px}.invite-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.invite-link p{font-size:11px;margin:14px 0 20px}.invite-link .note{font-size:10px;margin-bottom:0}.stats-row{display:flex;justify-content:space-between;gap:12px;margin:25px 0}.stats-row>div{display:flex;flex-direction:column;gap:10px}.stats-row b{font:23px Unbounded;color:#d5f6b1}.stats-row span{font-size:9px;color:#93a5b3}.invite-stats p{font-size:11px;margin-bottom:20px}.invite-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0;padding:0;list-style:none}.invite-steps li{display:flex;gap:15px}.invite-steps li>b{font:18px Unbounded;color:#8bad72}.invite-steps h3{font-size:12px;margin-bottom:8px}.invite-steps p{font-size:11px}.referral-demo summary{cursor:pointer;font-weight:700;font-size:13px}.referral-demo>p{font-size:11px;margin:15px 0}.referral-demo>.secondary{max-width:300px;font-size:11px}.friend-row{display:flex;align-items:center;gap:13px;padding:20px 0;border-bottom:1px solid var(--line)}.friend-row>div{flex:1}.friend-row b{display:block;font-size:12px}.friend-row small{display:block;color:#8eaaa4;font-size:10px;margin-top:5px}.friend-row .text-link{font-size:10px}.friend-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(130deg,#82a968,#33422a);color:#eaffd5}.empty-friends{font-size:11px;margin-top:20px}.demo-flight{margin-top:15px;font-size:11px}.in-flight .landing-pad,.in-flight .character-shadow{opacity:.12}.in-flight .mascot-button{width:240px;top:1%;z-index:2}.in-flight .mood{top:20%;right:2%;max-width:140px}.craft{position:absolute;left:50%;top:40%;width:300px;height:180px;transform:translateX(-50%);z-index:3;pointer-events:none;animation:craftHover 4.8s ease-in-out infinite}.craft-hull{position:absolute;left:0;top:38px;width:100%;height:80px;background:radial-gradient(ellipse at 40% 20%,#e8f3dd,#9cbbb6 35%,#4d6a74 63%,#233a4d 90%);border-radius:50%;border:1px solid #cee8d48c;box-shadow:inset 0 8px 5px #f7ffed38,0 15px 25px #0005,0 5px 0 #182e3c}.craft-dome{position:absolute;left:22%;top:-9px;width:56%;height:80px;border-radius:70% 70% 10% 10%;border:2px solid #b4e9e84d;background:linear-gradient(135deg,#d4fff71a,#4594aa1f);z-index:4}.craft-windows{position:absolute;left:20%;right:20%;top:47%;display:flex;justify-content:center;gap:18px}.porthole{display:block;height:15px;width:23px;border:3px solid #273f4b;border-radius:50%;background:#c9fd9a;box-shadow:inset 0 3px 3px #587551,0 0 12px #b9fe7680}.craft-stripe{position:absolute;top:51px;left:14%;font:7px Unbounded;color:#304a50;z-index:4;transform:rotate(-8deg)}.craft-flame{position:absolute;top:103px;left:43%;width:14%;height:57px;border-radius:5% 5% 50% 50%;background:linear-gradient(#f5ffe2,#bafa8166,transparent);filter:blur(3px);animation:enginePulse .35s infinite alternate;z-index:-1}.flame-two{display:none}.craft-basic{width:180px}.craft-basic .craft-hull{height:100px;border-radius:40% 40% 48% 48%}.craft-basic .craft-dome{top:-20px}.craft-basic .craft-flame{top:125px}.craft-optimal{width:205px;top:33%;height:225px}.craft-optimal .craft-hull{left:24%;width:52%;height:155px;top:14px;border-radius:35% 35% 40% 40%;background:linear-gradient(100deg,#849da9,#eef4df 45%,#b1c7bf 60%,#4b6774)}.craft-optimal .craft-windows{flex-direction:column;align-items:center;gap:10px;top:28%;left:12%;right:12%}.craft-optimal .porthole{height:17px;width:23px}.craft-optimal .craft-dome{display:none}.craft-optimal .craft-stripe{top:34px;left:41%;transform:none}.craft-optimal .craft-flame{top:166px;height:78px;left:36%;width:28%}.craft-fin{display:none}.craft-optimal .craft-fin{display:block;position:absolute;top:94px;width:42px;height:77px;background:linear-gradient(90deg,#659ea8,#b2e3d4);clip-path:polygon(100% 0,100% 90%,0 100%,15% 46%);left:11%}.craft-optimal .fin-right{left:auto;right:11%;transform:scaleX(-1)}.flight-optimal .mascot-button{width:210px;top:-2%}.craft-family{width:350px;top:40%}.craft-family .craft-hull{height:100px;border-radius:24% 24% 45% 45%;clip-path:polygon(19% 0,81% 0,100% 75%,80% 97%,20% 97%,0 75%);background:linear-gradient(160deg,#e5d4b6,#a8bdb9 39%,#65818f 70%,#304c66)}.craft-family .craft-windows{left:12%;right:12%;gap:10px;top:53%}.craft-family .porthole{height:17px;width:22px;border-radius:6px}.craft-family .craft-stripe{left:43%;top:62px;font-size:9px;transform:none}.craft-family .craft-dome{width:48%;left:26%;top:-18px;height:90px}.craft-family .craft-flame{left:23%;top:126px;height:55px;width:16%}.craft-family .flame-two{display:block;left:61%}.large.in-flight .mascot-button{width:270px;top:9%}.large.flight-optimal .mascot-button{top:1%;width:235px}.large .craft{top:43%}.large .craft-optimal{top:36%}.large .craft-family{width:370px}.in-flight.happy .craft{animation:craftJump .85s ease}.in-flight .touch-hint{z-index:4}.in-flight .speech{top:15%;left:6%}
@keyframes craftHover{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -12px;rotate:1deg}}@keyframes enginePulse{to{opacity:.5;scale:1 .85}}@keyframes craftJump{40%{translate:0 -24px;rotate:-4deg}}
@media(max-width:1000px){.fleet{grid-template-columns:repeat(2,1fr)}.referral-banner{gap:20px}.referral-banner .secondary{white-space:normal;max-width:160px}.large .craft-family{width:310px}}
@media(max-width:700px){.hero{min-height:0}.hero-world{height:340px;align-self:auto}.hero-world .space-scene{height:298px}.hero-copy{padding-top:27px}.hello-mission{margin:16px 0}.hello-mission b{font-size:10px;line-height:1.6}.hello-mission small{font-size:8px}.hero .hero-description{margin-bottom:10px}.referral-banner{flex-wrap:wrap;padding:22px;gap:20px}.referral-banner>div:nth-child(2){flex:1;min-width:185px}.referral-art{font-size:45px}.referral-banner h2{font-size:14px}.referral-banner p{font-size:10px}.referral-banner .secondary{width:100%;max-width:none;margin:0}.referral-banner .eyebrow{font-size:7px}.fleet-heading h2{font-size:14px}.fleet-heading .eyebrow{font-size:7px}.fleet-heading{align-items:flex-start}.fleet-card{padding:17px 13px}.fleet-card b{font-size:11px}.fleet-card small{font-size:9px}.fleet-icon{font-size:31px}.reward-grid{grid-template-columns:1fr}.reward-card{display:grid;grid-template-columns:65px 1fr;align-items:center;gap:16px}.reward-card button{grid-column:1/-1}.bonus-balance b{font-size:19px}.bonus-balance span{font-size:8px}.invite-hero{padding:25px;gap:24px}.invite-symbol{font-size:62px}.invite-symbol span{font-size:35px;right:-8px}.invite-hero h2{font-size:19px}.invite-hero .eyebrow{font-size:7px}.invite-hero p{font-size:10px}.invite-layout{grid-template-columns:1fr}.invite-link h2{font-size:16px}.invite-steps{grid-template-columns:1fr;gap:22px}.friend-row{flex-wrap:wrap}.friend-row .text-link{margin-left:47px}.stats-row b{font-size:20px}.stats-row span{font-size:8px}nav{left:10px;right:10px;gap:2px}nav button{font-size:8px;padding:8px 1px}nav button>span{font-size:21px}.in-flight .mascot-button{width:185px;top:-3%}.craft{width:245px;top:36%;scale:.9}.craft-basic{width:165px}.craft-optimal{width:175px;top:25%;scale:.85}.flight-optimal .mascot-button{width:180px;top:-9%}.craft-family{width:285px;top:33%;scale:.9}.in-flight .mood{font-size:7px;right:2%;top:18%;max-width:100px}.large.in-flight .mascot-button{width:230px;top:-2%}.large .craft{top:39%;width:265px}.large .craft-basic{width:180px}.large .craft-optimal{top:29%;width:195px;scale:.9}.large.flight-optimal .mascot-button{top:-7%;width:200px}.large .craft-family{width:295px;top:37%}.pet-control .primary{padding:15px}.referral-demo summary{font-size:12px}.training>div{font-size:10px}.fleet-section,.rewards-section{margin-top:26px}.demo-flight{font-size:10px}}
@media(prefers-reduced-motion:reduce){.craft,.craft-flame{animation:none!important}.fleet-card:hover{transform:none}}
/* Ship showroom: direct navigation, detailed metal-and-glass saucer. */
.ship-switch{position:relative;z-index:6;padding:20px 22px 15px;border-bottom:1px solid #91bcc829;background:#13212cbd;scroll-margin-top:15px}.switch-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.switch-heading b{font-size:12px;color:#e4f5da}.switch-heading span{font-size:8px;color:#9ab0b8}.ship-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ship-tabs button{border:1px solid #94b9c12b;background:#253541;color:#a4bdc6;border-radius:12px;padding:10px 4px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.ship-tabs button>span{font-size:18px}.ship-tabs button.selected{background:linear-gradient(135deg,#d7faae,#a4d379);color:#203922;box-shadow:inset 0 1px #edffe8,0 3px 0 #496039}.ship-switch>p{font-size:9px;margin-top:12px;color:#92aab8}.pet-habitat{align-self:start}.evolution-item{cursor:pointer;font:inherit}.evolution-item:hover{border-color:#c4f98a}.evolution-item small{font-size:8px}.fleet-picture{display:block;width:100%;height:110px;margin:0 0 15px}.fleet-picture .ship-thumb,.fleet-picture .ufo-art{width:100%;height:100%;display:block;filter:drop-shadow(0 8px 5px #0005)}.fleet-action{font-size:10px;color:var(--mint);margin-top:15px}.craft.detailed-ufo{width:365px;height:239px;top:27%;filter:drop-shadow(0 16px 14px #0004)}.detailed-ufo>.ufo-art{width:100%;height:auto;display:block;overflow:visible}.large .craft.detailed-ufo{width:425px;top:21%;height:278px}.flight-trial .mascot-button{width:195px;top:11%}.large.flight-trial .mascot-button{width:230px;top:9%}.ufo-light{animation:ufoLights 2s ease-in-out infinite alternate;animation-delay:calc(var(--light) * -0.2s)}.ufo-beam{animation:ufoBeam 3s ease-in-out infinite alternate}.fleet-picture .ufo-light,.fleet-picture .ufo-beam{animation:none}@keyframes ufoLights{to{opacity:.45}}@keyframes ufoBeam{to{opacity:.35}}
@media(max-width:1000px){.large .craft.detailed-ufo{width:365px;top:24%}.large.flight-trial .mascot-button{width:205px;top:11%}}
@media(max-width:700px){.ship-switch{padding:17px 14px 14px}.switch-heading b{font-size:11px}.switch-heading span{font-size:7px}.ship-tabs{gap:5px}.ship-tabs button{flex-direction:column;gap:4px;font-size:9px;padding:8px 2px}.ship-tabs button>span{font-size:18px}.ship-switch>p{font-size:8px}.fleet-picture{height:83px;margin-bottom:12px}.fleet-card b{line-height:1.5}.craft.detailed-ufo{width:290px;top:20%;height:190px;scale:1}.flight-trial .mascot-button{width:162px;top:4%}.large .craft.detailed-ufo{width:320px;top:23%;height:209px;scale:1}.large.flight-trial .mascot-button{width:185px;top:6%}.pet-habitat{width:100%}.evolution-item b{font-size:9px}.evolution-item small{font-size:7px}.fleet-action{font-size:9px}.fleet-heading h2{font-size:14px}}
@media(max-width:370px){.large .craft.detailed-ufo{width:282px;top:24%}.large.flight-trial .mascot-button{width:170px;top:7%}}
@media(prefers-reduced-motion:reduce){.ufo-light,.ufo-beam{animation:none}}
/* Integrated generated artwork: pilot, cockpit and vehicle are one object. */
.generated-flight .landing-pad,.generated-flight .character-shadow{display:none}.generated-flight .space-grain{background:radial-gradient(ellipse at 50% 65%,#65cfc61e,transparent 64%)}.pilot-button{position:absolute;inset:9px 6px 20px;width:calc(100% - 12px);height:calc(100% - 29px);padding:0;border:0;background:transparent;display:grid;place-items:center;z-index:2}.pilot-art{display:block;position:relative;max-width:100%;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 16px 13px #0005);animation:pilotHover 5s ease-in-out infinite}.pilot-button.skin-sun .pilot-art{filter:hue-rotate(290deg) drop-shadow(0 16px 13px #0005)}.pilot-button.skin-ice .pilot-art{filter:hue-rotate(35deg) drop-shadow(0 16px 13px #0005)}.pilot-aura{position:absolute;width:68%;height:60%;border-radius:50%;opacity:0;border:1px solid #c4f98a66;box-shadow:0 0 45px #8bebbb19,inset 0 0 45px #8bebbb15;transform:rotate(-20deg);pointer-events:none}.aura-1 .pilot-aura{opacity:.65}.aura-2 .pilot-aura{opacity:1;border:2px solid #9be8f875;box-shadow:0 0 50px #8bebbb29,inset 0 0 50px #8bebbb25}.aura-2 .pilot-aura:after{content:'';position:absolute;inset:-15px;border:1px dashed #c4f98a70;border-radius:50%}.happy .pilot-art{animation:pilotJump .9s ease}.generated-flight .mood{top:9%;right:4%;font-size:8px;max-width:145px}.generated-flight .scene-coordinate{z-index:4}.generated-flight .speech{top:15%;left:5%;z-index:5}.large.generated-flight{height:470px}.large.generated-flight .pilot-button{inset:10px 8px 23px;width:calc(100% - 16px);height:calc(100% - 33px)}.ship-tabs button{display:flex;flex-direction:column;gap:7px;font-size:10px}.ship-tabs small{font-size:8px;opacity:.75;font-weight:500}.ship-switch>p{line-height:1.6}.fleet-picture{height:160px;margin-bottom:12px}.fleet-picture img.ship-thumb{object-fit:contain;width:100%;height:100%}.plan-vehicle{height:185px;margin:12px -9px 8px}.plan-vehicle img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px #0004)}.fleet-card .fleet-action{margin-top:auto;padding-top:15px}.fleet-card small{margin-bottom:8px}.pet-habitat .ship-switch{background:#13212c}.pilot-button:focus-visible{outline-offset:-10px;border-radius:30px}@keyframes pilotHover{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -9px;rotate:1deg}}@keyframes pilotJump{0%,100%{translate:0 0;rotate:0deg}30%{translate:0 -18px;rotate:-3deg}65%{translate:0 -5px;rotate:2deg}}
@media(max-width:1000px){.fleet-picture{height:170px}.large.generated-flight{height:420px}.plan-vehicle{height:150px}}
@media(max-width:700px){.generated-flight .pilot-button{inset:-5px 4px 17px;width:calc(100% - 8px);height:calc(100% - 12px)}.large.generated-flight{height:345px}.large.generated-flight .pilot-button{inset:8px 3px 22px;width:calc(100% - 6px);height:calc(100% - 30px)}.generated-flight .mood{top:4%;font-size:7px;right:4%;padding:5px 7px}.generated-flight .scene-coordinate{font-size:6px;top:14px}.generated-flight .touch-hint{bottom:7px}.ship-tabs button{font-size:8px;gap:7px}.ship-tabs small{font-size:7px;white-space:nowrap}.fleet-picture{height:125px;margin-bottom:10px}.fleet-card{padding:14px 10px}.fleet-card b{font-size:10px}.fleet-card small{font-size:8px}.fleet-action{font-size:8px}.plan-vehicle{height:205px;margin:5px 0}.plan h2{margin-top:10px}.plan-caption{font-size:10px;max-width:none}.pilot-aura{width:65%}}
@media(max-width:370px){.large.generated-flight{height:300px}.fleet-picture{height:103px}.ship-tabs button{font-size:7px}.ship-tabs small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.pilot-art{animation:none!important}}
/* Three subscription tiers; the trial is an offer, not a fourth ship. */
.ship-tabs,.fleet{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.ship-tabs button{font-size:10px}.ship-tabs small{font-size:9px}.fleet{grid-template-columns:1fr}.fleet-card{display:grid;grid-template-columns:112px 1fr;gap:6px 16px;align-items:center;padding:16px}.fleet-picture{grid-row:1/4;height:110px;margin:0}.fleet-card b{font-size:14px}.fleet-card small{font-size:11px;margin:0}.fleet-card .fleet-action{font-size:10px;padding:0;margin:0}}

/* Account, wallet and transparent reward capsule. */
.header-wallet{border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--mint);padding:10px 14px;font-size:11px;font-weight:800}.account-overview,.account-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin:0 0 24px}.account-overview .card,.account-grid .card{min-width:0}.usage-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0}.usage-head>strong{font-family:Unbounded,sans-serif;font-size:45px;letter-spacing:-3px}.usage-head>strong small{font-size:17px;letter-spacing:0;color:var(--muted)}.usage-track{height:13px;border-radius:20px;background:#ffffff10;overflow:hidden}.usage-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#70b5ca,#c4f98a);box-shadow:0 0 18px #c4f98a45;transition:width .5s}.usage-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:10px}.usage-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.usage-mini>div{display:flex;flex-direction:column;gap:5px;padding:13px;background:#ffffff05;border:1px solid var(--line);border-radius:13px}.usage-mini span,.usage-mini small{font-size:10px;color:var(--muted)}.usage-mini b{font-size:16px}.wallet-card{background:radial-gradient(ellipse at 100% 0%,#a6ed7130,transparent 65%),var(--card)}.wallet-number{font-family:Unbounded,sans-serif;font-size:40px;letter-spacing:-2px;margin:22px 0 10px;overflow-wrap:anywhere}.wallet-card>.primary{margin-top:24px}.wallet-bonus{display:flex;justify-content:space-between;gap:16px;padding-top:20px;margin-top:25px;border-top:1px solid var(--line);font-size:12px}.wallet-bonus b{color:var(--mint)}.topup-card h2{margin:15px 0 20px}.topup-card label{font-size:11px;color:var(--muted)}.amount-field{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;background:#10151c66;margin:10px 0 16px;padding:13px 16px}.amount-field input{font:700 22px Manrope,sans-serif;color:inherit;background:none;border:0;outline:none;min-width:0;width:100%}.amount-field:focus-within{outline:2px solid var(--mint)}.amount-field span{color:var(--muted)}.amount-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 25px}.amount-options button{border:1px solid var(--line);border-radius:11px;background:#ffffff07;padding:11px 4px;color:inherit;font-size:12px}.amount-options button:hover{border-color:var(--mint)}.history-card,.profile-heading,.devices-card{margin-bottom:24px}.empty-account{padding:35px 10px;text-align:center;color:var(--muted);font-size:13px}.empty-account p{font-size:11px;margin-top:8px}.ledger-row,.device-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.ledger-row:last-child,.device-row:last-of-type{border:0}.ledger-row>div,.device-row>div{flex:1;min-width:0}.ledger-row b,.device-row b{font-size:12px}.ledger-row small,.device-row small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:4px}.ledger-row strong{font-size:13px;white-space:nowrap}.ledger-icon,.device-badge{width:35px;height:35px;display:grid;place-items:center;background:#ffffff07;border:1px solid var(--line);border-radius:10px;color:var(--mint);font-size:24px}.profile-heading{display:flex;align-items:center;gap:20px}.profile-avatar{display:grid;place-items:center;flex-shrink:0;width:68px;height:68px;background:linear-gradient(135deg,#d6ffb4,#74b594);border-radius:22px;color:#18372c;font:700 34px Unbounded,sans-serif;box-shadow:0 6px 0 #456b59}.profile-heading .eyebrow{margin-bottom:8px}.profile-heading>div:nth-child(2){flex:1}.profile-heading>.secondary{width:auto}.settings-card>.primary{margin:24px 0}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 0;border-bottom:1px solid var(--line);cursor:pointer}.setting-row:last-child{border:0}.setting-row b{font-size:12px;font-weight:600}.setting-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.setting-row input{appearance:none;width:39px;height:23px;border-radius:30px;flex-shrink:0;border:1px solid #708494;background:#495765;position:relative;cursor:pointer}.setting-row input:before{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;background:#fff;border-radius:50%;transition:transform .2s}.setting-row input:checked{background:#78a851;border-color:#b6ea88}.setting-row input:checked:before{transform:translateX(16px)}.setting-row input:focus-visible{outline:3px solid #efa758;outline-offset:4px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:25px 0 10px}.theme-options button{display:flex;flex-direction:column;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:17px 5px;background:#ffffff06;color:inherit;font-size:10px}.theme-options button>span{font-size:26px}.theme-options button.selected{border-color:var(--mint);background:#b7ef8212;color:var(--mint)}.devices-card>.secondary{margin-top:18px}.help-profile{max-width:400px;margin-top:24px}.supply-card{display:flex;align-items:center;gap:26px;margin-bottom:24px;overflow:hidden;background:radial-gradient(ellipse at 0% 50%,#69abdb22,transparent 70%),var(--card)}.supply-card>div:last-child{flex:1;min-width:0}.account-grid .supply-card{margin-bottom:0;gap:16px}.account-grid .supply-orb{width:70px;height:96px;flex-basis:70px;font-size:37px}.supply-orb{position:relative;flex:0 0 112px;height:145px;display:grid;place-items:center;border-radius:55% 55% 45% 45%;border:2px solid #93d4e46b;background:radial-gradient(ellipse at 30% 15%,#e1faff88,transparent 40%),linear-gradient(160deg,#6d9faf,#1e4058 50%,#122534);box-shadow:inset -7px -10px 15px #030e2480,0 16px 25px #0003;color:#c4f98a;font-size:50px;animation:capsuleFloat 5s ease-in-out infinite}.supply-orb>span{position:absolute;bottom:18px;font:800 11px Manrope,sans-serif;letter-spacing:1px}.supply-dots{display:flex;gap:7px;margin:19px 0}.supply-dots i{font-style:normal;width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);background:#ffffff06;border-radius:50%;font-size:10px;color:var(--muted)}.supply-dots i.done{background:#b8ed81;color:#18372c;border-color:#b8ed81}.supply-card .secondary,.supply-card .primary{max-width:350px}.supply-orb.ready{box-shadow:0 0 35px #b5f47f55,inset 0 0 20px #b5f47f66}.supply-orb.opening{animation:capsuleOpen 1s ease}.payment-choice{border:1px solid var(--line);padding:18px;border-radius:14px;margin:24px 0;text-align:left}.payment-choice b{font-size:14px}.payment-choice p{font-size:11px;margin-top:8px}.payment-demo{margin-top:24px;text-align:left}.payment-demo summary{cursor:pointer;color:var(--muted);font-size:11px}.payment-demo p{font-size:11px;margin:14px 0}.payment-demo .secondary{font-size:12px}@keyframes capsuleFloat{50%{transform:translateY(-7px) rotate(3deg)}}@keyframes capsuleOpen{50%{transform:scale(1.15);filter:brightness(1.8)}}
:root[data-theme=light]{color-scheme:light;color:#24343d;background:#edf2f4;--mint:#416728;--muted:#62727f;--line:#27425720;--card:#fff}:root[data-theme=light] body{background:radial-gradient(ellipse at 80% 3%,#c9dfed88,transparent 48%),#edf2f4}:root[data-theme=light] .preview{background:#dfe8eb;color:#54656e}:root[data-theme=light] .card{background-color:var(--card);border-color:var(--line)}:root[data-theme=light] .wallet-card{background:radial-gradient(ellipse at 100% 0%,#d7efbd,transparent 70%),#fff}:root[data-theme=light] .supply-card{background:radial-gradient(ellipse at 0% 50%,#d7e9f8,transparent 70%),#fff}:root[data-theme=light] .eyebrow,:root[data-theme=light] .note,:root[data-theme=light] .fine-print,:root[data-theme=light] .plan-caption{color:#62727f}:root[data-theme=light] .secondary{background:linear-gradient(135deg,#fff,#e4ecef);color:#283d49;border-color:#adc0ca;box-shadow:0 3px 0 #b4c5cb}:root[data-theme=light] .amount-field{background:#edf2f4}:root[data-theme=light] .usage-track{background:#e3eaed}:root[data-theme=light] .usage-mini>div,:root[data-theme=light] .device-badge,:root[data-theme=light] .ledger-icon{background:#f0f5f6}:root[data-theme=light] .avatar{color:#3b535e;border-color:#8299a6}:root[data-theme=light] nav{background:#f3f7f8f5;border-color:#b0c2cd;box-shadow:0 4px 28px #5c7a8222}:root[data-theme=light] nav button{color:#617581}:root[data-theme=light] nav button.active{background:#dce8d4;color:#375823}:root[data-theme=light] .hero{--mint:#c4f98a;color:#ecede9}:root[data-theme=light] .hero .eyebrow,:root[data-theme=light] .hero .note{color:#a9bbc3}:root[data-theme=light] .pet-habitat{color:#ecede9;--mint:#c4f98a}:root[data-theme=light] .ship-switch button{color:#ecede9}:root[data-theme=light] .ship-switch button.selected{color:#243a26}:root[data-theme=light] .fleet-card{background:#f7fbfc;color:#263e49;border-color:#bbcdd6}:root[data-theme=light] .fleet-card.selected{background:#edf5e6;border-color:#68894d}:root[data-theme=light] .tiny-pill{background:#e9f0e4;color:#486437}:root[data-theme=light] .hero .tiny-pill,:root[data-theme=light] .pet-habitat .tiny-pill{background:#ffffff12;color:#d0e9c6}:root[data-theme=light] dialog{background:#f5f8f9;color:#283d49;border-color:#a6bfc8}:root[data-theme=light] .demo-box,:root[data-theme=light] .concept-note{background:#e6eef1;color:#526a78}:root[data-theme=light] .close{color:#405966}:root[data-theme=light] .referral-banner{background:#e5efdc}:root[data-theme=light] .plan.recommended{background:linear-gradient(145deg,#f3fae9,#e5f2df);border-color:#83a75e}:root[data-theme=light] .feature{background:#fff}:root[data-theme=light] .theme-options button.selected{background:#e4efd9}:root[data-theme=light] .theme-options button{background:#f2f5f6}:root[data-theme=light] .supply-dots i{border-color:#8da9b6}:root[data-theme=light] .training,:root[data-theme=light] .trial-strip,:root[data-theme=light] .hello-mission{background:#ffffff0c}:root[data-theme=light] .invite-stats .stats-row b{color:#42672c}
@media(max-width:700px){.header-right{gap:10px}.header-wallet{font-size:10px;padding:9px 11px}.account-overview,.account-grid{grid-template-columns:1fr;gap:16px;margin-bottom:18px}.account-overview .usage-card{padding:23px}.usage-head>strong{font-size:37px}.usage-mini{margin:18px 0}.usage-mini b{font-size:14px}.subscription-bottom{flex-wrap:wrap;gap:14px}.wallet-number{font-size:34px;margin:15px 0 8px}.wallet-card .primary{margin-top:20px}.wallet-bonus{margin-top:22px}.profile-heading{gap:14px;flex-wrap:wrap}.profile-heading>div:nth-child(2){flex-basis:calc(100% - 90px)}.profile-heading>.secondary{width:100%;margin-top:10px}.profile-heading h2{font-size:16px}.profile-heading p{font-size:10px}.profile-avatar{width:55px;height:55px;border-radius:17px;font-size:28px}.supply-card{gap:17px;align-items:flex-start}.supply-orb{flex-basis:65px;height:92px;font-size:34px;margin-top:14px}.supply-orb>span{font-size:9px;bottom:11px}.supply-card h2{font-size:14px}.supply-card p{font-size:11px}.supply-card .eyebrow{font-size:8px}.supply-dots{gap:4px}.supply-dots i{width:23px;height:23px;flex-shrink:0;font-size:9px}.supply-card .secondary,.supply-card .primary{font-size:11px;padding:12px}.ledger-row{gap:10px;flex-wrap:wrap}.ledger-row>strong{margin-left:auto}.ledger-row small{font-size:9px}.ledger-row b{font-size:11px}.card-heading h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){.supply-orb,.supply-orb.opening{animation:none}.usage-track>i,.setting-row input:before{transition:none}}
:root[data-theme=light] .card{background:#fff;box-shadow:inset 0 1px #fff,0 10px 30px #567c8910}:root[data-theme=light] .wallet-card{background:radial-gradient(ellipse at 100% 0%,#d7efbd,transparent 70%),#fff}:root[data-theme=light] .supply-card{background:radial-gradient(ellipse at 0% 50%,#d7e9f8,transparent 70%),#fff}:root[data-theme=light] .plan.recommended{background:linear-gradient(145deg,#f3fae9,#e5f2df);border-color:#83a75e}:root[data-theme=light] .pet-name h2 span,:root[data-theme=light] .xp-heading,:root[data-theme=light] .pet-card-bottom,:root[data-theme=light] .order-row,:root[data-theme=light] .features,:root[data-theme=light] .price,:root[data-theme=light] .total{color:#284332}:root[data-theme=light] .evolution-item{background:#edf3f5;color:#365467}:root[data-theme=light] .evolution-item.selected{background:#e1eed6;color:#345524}:root[data-theme=light] .feature h3,:root[data-theme=light] .trial-strip h3{color:#263e49}:root[data-theme=light] .referral-banner p,:root[data-theme=light] .feature p{color:#5b707a}
.mock-actions{display:grid;gap:12px;margin:25px 0;padding:20px;border:1px dashed var(--line);border-radius:16px}.mock-actions .eyebrow{margin:0}.bill-error{color:#e9957f;font-size:12px;margin-top:15px}.bill-to-balance{margin-top:24px}#order-content>.secondary{margin-top:15px}#bill-login{margin-top:18px}#bill-login label{font-size:11px;color:var(--muted)}
/* Fast actions and account details */
.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 20px}.home-actions button{min-height:66px;font-size:17px;justify-content:center;gap:12px}.home-actions button>span{font-size:26px}.identity-card,.referral-account{margin:22px 0}.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.identity-grid dt{font-size:12px;color:var(--muted);margin-bottom:9px}.identity-grid dd{margin:0;font-weight:650;overflow-wrap:anywhere}.accent-text{color:var(--mint,#b5efd6)}.link-label{display:block;font-size:13px;margin:20px 0 9px}.referral-url{display:flex;gap:10px}.referral-url input{width:100%;min-width:0;background:var(--bg,#11171e);color:var(--text,#eef1ec);border:1px solid var(--line,#34404a);border-radius:14px;padding:15px;font:inherit;font-size:13px;text-overflow:ellipsis}.referral-buttons{display:flex;align-items:center;gap:20px;margin-top:14px}.referral-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:24px 0}.referral-metrics b{display:block;font-size:30px}.referral-metrics span{display:block;font-size:12px;color:var(--muted);margin-top:8px}.notify-threshold{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:0 0 18px;font-size:13px;color:var(--muted)}.notify-threshold select{font:inherit;background:var(--bg,#11171e);color:var(--text,#eef1ec);border:1px solid var(--line,#34404a);border-radius:10px;padding:8px 12px}.profile-connect{margin-top:12px}.connection-status{display:flex;gap:18px;align-items:center;margin:20px 0}.connection-status p{margin-bottom:0}.status-orb{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;border-radius:18px;background:#c6eebd22;color:var(--mint,#b5efd6);font-size:26px}.connection-status>div{flex:1}.download-link{display:inline-flex;text-decoration:none}.official-happ{display:block;margin-top:14px}.copy-sub{margin:12px 0}.manual-import{margin:15px 0}.manual-import summary{cursor:pointer}.settings-card input:disabled{opacity:.45}
@media(max-width:600px){.home-actions{gap:9px;margin-top:0}.home-actions button{font-size:13px;min-height:60px;padding:12px 9px;gap:5px}.home-actions button>span{font-size:20px}.identity-grid{grid-template-columns:1fr;gap:20px}.referral-url{flex-direction:column}.referral-buttons{align-items:stretch;flex-direction:column;gap:14px}.referral-metrics{grid-template-columns:1fr 1fr}.referral-metrics b{font-size:25px}.connection-status{flex-wrap:wrap}.connection-status>div{min-width:180px}.connection-status>button{width:100%}.download-link{font-size:13px}}
:root[data-theme=light] .referral-url input,:root[data-theme=light] .notify-threshold select{background:#edf2f4;color:#24343d}