:root{--paper:#f8f7fb;--white:#fffefd;--ink:#423c55;--muted:#9892a5;--green:#7e6ba0;--lime:#eee8f7;--line:#e9e5ee;--peach:#f4e2e4}.brand-icon{background:#8a72ac}.brand-star{font-size:15px;align-self:start;margin-top:4px;color:#b19bc8}.brand-note{color:#aaa0b8;font-size:9px;letter-spacing:1.7px}.sidebar{background:#f8f7fb}.nav button{color:#9990a5}.nav button:hover{background:#f0ebf6}.nav button.active{background:#eae2f3;color:#7c62a0}.sidebar-discovery{padding:20px 15px;background:linear-gradient(145deg,#efe8f6,#f7f1f1);border:1px solid #e8dff0;border-radius:18px;margin-bottom:25px}.sidebar-discovery>span{display:block;font-size:28px;color:#ae91c7;margin-bottom:12px}.sidebar-discovery strong{font-size:11px}.sidebar-discovery p{font-size:10px;line-height:1.9;color:#a294ad;margin:8px 0 15px}.sidebar-discovery .text-button{font-size:10px}.avatar{background:#eee4f2}.resource-plus{color:#a796ba}.resource svg{color:#b7a05d}.nectar-resource{background:#f1e8fa;border-color:#e5d9f1;color:#9377b5}.nectar-resource svg{color:#a088b9}.eyebrow{color:#ac91bd}.breadcrumb strong{color:#8d7b9f}.subtitle{color:#99909f}.generation-mark{border:1px solid #e0d5e9;background:#f2edf7;width:65px;height:82px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b29bc5;font-size:8px;letter-spacing:2px}.generation-mark strong{font-size:28px;letter-spacing:-1px;font-weight:600;color:#9c7fb7;line-height:1.2}.generation-mark small{font-size:7px;letter-spacing:1px}.creature-studio{background:radial-gradient(ellipse at 47% 43%,#fdf5e9 0%,#f6e7e8 45%,#ebdeef 100%);min-height:445px}.creature-studio:before{inset:auto -10% -72%;height:94%;background:linear-gradient(160deg,#e7d5ea,#f3e8ed);border:1px solid #fff7;transform:rotate(-6deg)}.creature-studio:after{height:130px;inset:auto 12% -59px;background:radial-gradient(ellipse,#cab9dc66,transparent 70%);border-radius:50%}.habitat-top{padding-bottom:10px}.habitat-title{color:#a28d9c}.status-dot{background:#c7a9d5}.habitat-chip{background:#ffffff65;color:#a18aaa}.creature-studio .pet-art{width:350px;max-width:85%;margin:-6px auto -4px;filter:drop-shadow(0 16px 14px #9a75a119)}.habitat-label{margin:0 0 20px}.habitat-label strong{font-size:20px;color:#695169;letter-spacing:-.7px}.habitat-label span{font-size:10px;color:#ae96a9;margin-top:6px}.habitat-floor{padding-bottom:22px}.pill{background:#fffefa9c;color:#9d85aa;font-size:9px;max-width:100%}.studio-orbit{position:absolute;border:1px solid #fff9;border-radius:50%;pointer-events:none}.orbit-one{height:270px;width:270px;left:50%;top:59px;transform:translateX(-50%)}.orbit-two{height:310px;width:310px;left:50%;top:39px;transform:translateX(-50%);border-style:dashed;opacity:.65}.studio-dot{position:absolute;color:#c5a6c8;font-size:25px}.dot-one{top:28%;left:14%}.dot-two{top:42%;right:13%;font-size:16px}.studio-label{position:absolute;bottom:110px;left:25px;color:#b49bb4;font-size:7px;letter-spacing:2px;line-height:1.7}.studio-label b{font-size:15px;font-weight:400;letter-spacing:3px}.care-card{background:linear-gradient(150deg,#fffefd,#fefcfd);border-color:#e9e2ec}.care-card h2{font-size:16px}.care-action{background:#faf7fb;border-color:#ece3f0}.care-action:hover{background:#f0e9f7}.care-action svg{color:#aa8fba}.bar{background:#f0ecf3}.bar.food span{background:linear-gradient(90deg,#cca0b1,#d7b1b6)}.bar.water span{background:linear-gradient(90deg,#a7c9d6,#b8d7db)}.bar.joy span{background:linear-gradient(90deg,#bca5db,#cbb9e6)}.need-label{color:#95859e}.need-label small{color:#aea0b4}.mutation-note{background:#f5eef9}.mutation-note svg{color:#b394c9}.mutation-note strong{color:#a081b3}.mutation-note p{color:#ae9ab9}.supply-button{font-size:9px;justify-content:center;margin-top:15px;width:100%;color:#a48eaf}.text-button{color:#9a82ac}.button{background:#9075b1;box-shadow:0 3px 0 #80629f14}.button:hover{background:#7f629f}.button.secondary{background:#eee6f5;color:#9a7db3;box-shadow:none}.button.plain{background:#f3eff7;color:#a291ac}.pet-card{background:#fffefd;border-color:#ece6ef;transition:transform .25s,box-shadow .25s}.pet-card:hover{border-color:#cbb2dc;box-shadow:0 8px 25px #8b649514;transform:translateY(-4px)}.pet-card.selected{border-color:#c5add8}.pet-card-open{display:block;width:100%;padding:0;background:transparent;text-align:left;color:inherit}.pet-card .portrait{background:radial-gradient(ellipse at 50% 45%,#fff6e5,#f3e8df)!important;height:164px;position:relative;border:1px solid #ffffff}.pet-card .portrait.color-1{background:radial-gradient(ellipse at 50% 45%,#f4fff8,#dff1e8)!important}.pet-card .portrait.color-2{background:radial-gradient(ellipse at 50% 45%,#f7f1ff,#e9def4)!important}.pet-card .portrait.color-4{background:radial-gradient(ellipse at 50% 45%,#f2fbff,#ddeef6)!important}.pet-card .portrait.color-5{background:radial-gradient(ellipse at 50% 45%,#fff4f7,#f7e0ed)!important}.pet-card .portrait.color-7{background:radial-gradient(ellipse at 50% 45%,#f4f2f8,#e1deed)!important}.pet-card .pet-art{width:185px;height:165px;z-index:1;position:relative}.pet-marker{background:#fffc;color:#ab91b5;border:1px solid #fff;font-size:8px;z-index:2}.portrait-orbit{position:absolute;width:115px;height:115px;border:1px solid #fff9;border-radius:50%;top:22px;left:50%;transform:translateX(-50%)}.pet-card-info{padding:6px 15px 16px}.pet-card-name{font-size:13px;color:#77617f}.pet-card-info small{color:#b09ab6;font-size:9px}.gene-dot{color:#bf9bca;font-size:15px}.mini-traits{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px}.mini-traits span{font-size:7px;border:1px solid #ece6ef;color:#b09eb9;background:#faf8fc;padding:3px 5px;border-radius:4px}.add-pet{border-color:#d8c6e3;background:linear-gradient(160deg,#f5f0fa,#fbf8fc);color:#b09ac0;min-height:235px}.add-pet .plus{background:#ece2f5;width:43px;height:43px;color:#ad92c2}.add-pet .plus svg{width:24px;height:24px}.add-pet small{color:#bca8c6}.hint-card.genetics-hint{background:#f0eaf7;border-color:#e9dff2}.hint-card.nectar-hint{background:#f8ecec;border-color:#eedfe6}.hint-card>svg{color:#b79ac9}.hint-card strong{color:#9b82ab}.hint-card p{color:#b29ebc}.hint-card button{color:#b295c3}.footer{color:#b7a8bf;align-items:center}.footer .text-button{font-size:9px}.footer .text-button svg{width:12px;height:12px}.parent{background:radial-gradient(ellipse at 50% 40%,#fff8ee,#f2e8f2)}.parent .pet-art{height:205px}.cross{color:#c6b1d7}.probability{background:#f1e8f8;margin:15px 0 12px;color:#a48bb7}.probability strong{color:#9771b4;font-size:15px}.nectar-toggle{display:flex;gap:11px;align-items:center;padding:10px 13px;border:1px solid #e8ddf0;border-radius:14px;background:#fbf8fd;cursor:pointer}.nectar-toggle.enabled{background:linear-gradient(120deg,#f3e6ff,#fff3f3);border-color:#cfaddf;box-shadow:0 0 20px #c5a0e21a}.toggle-bottle{width:46px;height:50px;flex:none}.toggle-bottle .nectar-art{width:56px;height:53px;margin:-3px 0 0 -5px}.nectar-toggle>span:nth-child(2){flex:1}.nectar-toggle strong{font-size:11px;font-weight:700;display:block;color:#a087b6}.nectar-toggle strong small{font-size:8px;font-weight:400;padding-left:8px;color:#b7a2c6}.nectar-toggle span span{display:block;font-size:9px;color:#b7a3c5;margin-top:5px}.nectar-toggle input{accent-color:#a183ba;width:17px;height:17px}.boost-comparison{font-size:10px;text-align:center;color:#b9a1c6;line-height:1.7;margin:0 0 14px}.boost-comparison b{color:#a585bb}.mode-dot{font-size:8px;font-style:normal;color:#b597c4;margin-left:5px}.outcome-values b{background:#f7f2fb;color:#a28bb2;font-size:9px}.outcome-values b strong{color:#b098bd}.explanation{color:#b19fba;font-size:10px;line-height:1.95}.muted{color:#aaa0b3}.gene-row{gap:15px;border-color:#efe9f2;padding:13px 0;line-height:1.6}.gene-row>span:first-child{color:#ab92b9;font-size:10px}.gene-row b{font-weight:600;color:#8f779f;font-size:10px}.gene-row small{color:#b6a5c1;font-size:8px}.genome-grid{margin-top:17px}.birth-traits{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.egg-card{background:linear-gradient(120deg,#f4eef9,#f9eee9);border:1px solid #e9e0ef}.boosted-egg{filter:drop-shadow(0 0 12px #c59edc);animation:egg-pulse 3s ease-in-out infinite}.nectar-hero{background:radial-gradient(ellipse at 80% 30%,#f7dced,#eadff7 60%,#e7e0f3);border:1px solid #e8d9ef;min-height:260px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;padding:32px 38px;overflow:hidden}.nectar-hero h2{font-size:30px;line-height:1.25;color:#9573a9;letter-spacing:-1px;margin:14px 0}.nectar-hero p{font-size:11px;line-height:1.9;color:#ae91bf}.nectar-hero .nectar-art{width:235px;height:220px;filter:drop-shadow(0 15px 20px #a683c032);transform:rotate(9deg)}.nectar-balance{display:flex;align-items:center;gap:8px;font-size:11px;color:#a28ab4;margin-top:18px}.nectar-balance svg{width:17px;height:17px}.nectar-balance strong{font-size:17px;color:#9472aa}.shop-status{display:flex;gap:9px;align-items:center;color:#b29bbf;font-size:10px;margin:20px 0 22px;line-height:1.9}.shop-status svg{width:16px;height:16px;flex:none}.shop-status.connected{color:#8f9a82}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{border:1px solid #e8dfef;background:var(--white);border-radius:22px;padding:22px;text-align:center}.product-card.featured{border-color:#ceb0df;background:linear-gradient(155deg,#fffcfe,#f9f0ff);box-shadow:0 10px 35px #aa86c113}.product-tag{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#c0a8ce}.product-art{position:relative;margin:7px 0 0;height:158px}.product-art .nectar-art{height:158px;width:100%}.product-art>span{position:absolute;bottom:18px;right:20px;border:1px solid #e6d6ef;background:#fff9ff;color:#b196c2;border-radius:12px;padding:5px 9px;font-size:12px}.product-card h2{font-size:14px;color:#9b7dac}.product-card p{font-size:10px;line-height:1.85;color:#baa5c5;margin:10px 0 15px;min-height:38px}.product-benefit{font-size:9px;color:#b199bf;padding:10px 0 20px}.product-card .button{font-size:12px}.product-card .button span{opacity:.5}.product-card>small{font-size:8px;display:block;margin-top:11px;color:#c7b4ce}.shop-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin:28px 0}.shop-rules strong{font-size:10px;color:#a78db8}.shop-rules p{font-size:10px;line-height:1.9;color:#b9a7c3;margin-top:8px}.payment-unavailable{background:#f5eef9;padding:13px;margin-top:18px;border-radius:11px;color:#b19abe;font-size:11px!important}dialog>.nectar-art{height:180px;width:100%;margin:8px 0}.market-banner{background:linear-gradient(120deg,#f0e9f8,#f8f1f6);border:1px solid #e7ddf0;border-radius:17px;padding:18px 22px;display:flex;align-items:center;gap:15px;margin-bottom:23px}.market-banner>svg{width:28px;height:28px;color:#b597c9;flex:none}.market-banner strong{font-size:12px;color:#a188b2}.market-banner p{font-size:10px;line-height:1.9;color:#b7a1c3;margin-top:5px}.market-banner>button{margin-left:auto;flex:none}.market-card-footer{display:flex;justify-content:space-between;align-items:center;margin:0 14px 15px;padding-top:10px;border-top:1px solid #f0e9f4;gap:8px}.market-card-footer strong{display:flex;align-items:center;gap:5px;font-size:12px;color:#b093bf}.market-card-footer strong svg{width:15px;height:15px;color:#b8a071}.market-card-footer .button{padding:8px 13px;font-size:9px;min-height:30px;border-radius:8px}.market-empty{border:1px dashed #dfd1e8;border-radius:22px;text-align:center;padding:42px 20px;background:#fbf8fd}.market-empty>span{display:grid;place-items:center;margin:0 auto 20px;width:60px;height:60px;background:#f0e7f7;border-radius:50%;color:#bea5d2}.market-empty>span svg{width:30px;height:30px}.market-empty h2{font-size:18px;color:#ac92ba}.market-empty p{font-size:11px;line-height:1.9;color:#baa5c7;max-width:380px;margin:12px auto 22px}.search-row input,.search-row select{border-color:#e9e0ee;color:#a68db6}.search-row input::placeholder{color:#c0adc9}.pet-eyes{animation:blink 6.5s infinite}.aura-particles{animation:aura 4s ease-in-out infinite}.pet-body{animation:breathe 4.5s ease-in-out infinite}.panel{border-color:#e9e0ef}.panel h2{color:#9b80ad}.chip-note{background:#f4edf9;color:#b19ac0}.badge{background:#f4edfb;color:#b19ac5}.need-label small{font-size:10px}.save-status{color:#b8a3c4}.heart-float{color:#bd83b8}dialog{border-color:#e2d1eb}dialog h2{color:#9a7daa}dialog p{color:#ad97ba}dialog .close{background:#f3eaf8;color:#b69cc6}@keyframes aura{50%{opacity:.4;transform:translateY(-5px)}}@keyframes egg-pulse{50%{filter:drop-shadow(0 0 20px #bd8cdb);transform:rotate(3deg)}}@media(min-width:1450px){.creature-studio .pet-art{width:370px}.creature-studio{min-height:470px}.pet-card .portrait{height:180px}.pet-card .pet-art{height:180px;width:200px}}@media(max-width:1150px){.creature-studio .pet-art{width:320px}.product-card{padding:18px 14px}.product-card h2{font-size:13px}.shop-grid{gap:12px}.pet-card .portrait{height:150px}.pet-card .pet-art{height:153px;width:175px}.market-banner{padding:17px}.market-banner>button{font-size:9px}}@media(max-width:850px){.sidebar{background:#faf7fcf5}.sidebar-discovery{display:none}.nav button{padding:9px 14px}.nectar-hero{padding:27px}.nectar-hero h2{font-size:26px}.nectar-hero .nectar-art{width:200px}.product-art>span{right:5px}.generation-mark{width:56px;height:72px}.creature-studio{min-height:420px}}@media(max-width:600px){.generation-mark{display:none}.resource{padding:7px 8px;gap:4px;font-size:10px}.top-actions{gap:5px}.resource svg{width:14px;height:14px}.top-actions .icon-button{width:30px;height:30px}.mobile-brand{font-size:20px}.creature-studio{min-height:375px}.creature-studio .pet-art{width:282px;max-width:90%;margin:-10px auto -3px}.orbit-one{height:235px;width:235px;top:48px}.orbit-two{height:270px;width:270px;top:31px}.habitat-label{margin:0 0 16px}.habitat-label strong{font-size:20px}.habitat-label span{font-size:9px}.studio-label{left:18px;bottom:103px;font-size:6px}.studio-label b{font-size:12px}.habitat-floor{padding-bottom:20px}.dot-one{left:12%;top:27%}.dot-two{right:10%;top:39%}.care-card h2{font-size:15px}.mutation-note p{font-size:9px}.care-card{padding:21px 18px}.pet-card .portrait{height:147px}.pet-card .pet-art{width:170px;height:150px}.pet-card-info{padding:5px 12px 14px}.pet-card-name{font-size:12px}.mini-traits{margin-top:8px}.add-pet{min-height:229px;font-size:10px}.add-pet small{font-size:8px}.hint-card strong{font-size:11px}.hint-card p{font-size:9px}.footer{flex-wrap:wrap;justify-content:space-between;row-gap:12px}.footer .text-button{font-size:8px}.parent .pet-art{height:165px}.nectar-toggle{padding:9px;gap:8px}.nectar-toggle strong{font-size:10px}.nectar-toggle span span{font-size:8px}.nectar-toggle strong small{font-size:7px}.nectar-hero{min-height:245px;padding:23px;position:relative}.nectar-hero>div{z-index:1}.nectar-hero h2{font-size:26px}.nectar-hero p{font-size:10px}.nectar-hero .nectar-art{position:absolute;width:170px;height:170px;right:-25px;bottom:10px;opacity:.62;transform:rotate(15deg)}.nectar-balance{font-size:10px}.nectar-hero .badge{font-size:8px}.shop-grid{grid-template-columns:1fr;gap:14px}.product-card{display:grid;grid-template-columns:100px 1fr;column-gap:17px;text-align:left;padding:20px;position:relative;align-items:center}.product-art{grid-column:1;grid-row:1/6;height:135px;margin:0}.product-art .nectar-art{height:135px;width:125px;margin-left:-10px}.product-art>span{right:2px;bottom:7px;font-size:10px;padding:4px 6px}.product-tag{font-size:8px;grid-column:2}.product-card h2{grid-column:2;font-size:14px;margin-top:8px}.product-card p{grid-column:2;font-size:9px;min-height:0;margin:8px 0}.product-benefit{grid-column:2;font-size:8px;padding:5px 0 10px}.product-card .button{grid-column:2;font-size:10px;min-height:37px;padding:9px}.product-card>small{grid-column:2;font-size:7px;margin-top:8px}.shop-rules{grid-template-columns:1fr;gap:17px;margin:24px 0}.shop-rules p{margin-top:5px;font-size:10px}.market-banner{padding:15px;gap:11px;align-items:flex-start;flex-wrap:wrap}.market-banner>svg{width:22px;height:22px}.market-banner>div{flex:1}.market-banner strong{font-size:11px}.market-banner p{font-size:9px}.market-banner>button{font-size:9px;margin-left:33px}.market-card-footer{margin:0 11px 12px}.market-card-footer .button{padding:8px 10px;font-size:8px}.market-card-footer strong{font-size:11px}.market-empty{padding:32px 17px}.market-empty h2{font-size:16px}.market-empty p{font-size:10px}.outcome-row{padding:12px 0}.outcome-values b{font-size:8px}.nav button{padding:9px 10px}.explanation{font-size:9px}.gene-row{grid-template-columns:.8fr 1.2fr;gap:10px}.gene-row small{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
