:root{font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:#28233a;background:#f7f5fb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #28233a;--muted: #817b91;--line: rgba(69, 56, 96, .1);--purple: #7058d9;--purple-dark: #5140a8;--purple-soft: #eeeafe;--surface: rgba(255, 255, 255, .86);--shadow: 0 18px 50px rgba(54, 38, 92, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 0%,#eee9ff 0,transparent 30%),#f7f5fb}button,textarea,input{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible{outline:3px solid rgba(112,88,217,.25);outline-offset:2px}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh}.main-content{margin-left:224px;min-height:100vh}.page{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:48px 0 72px;animation:page-in .35s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.side-nav{position:fixed;inset:0 auto 0 0;z-index:20;width:224px;padding:30px 20px 22px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#f9f7fce6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;text-align:left;cursor:pointer}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#8871ee,#604ac4);box-shadow:0 8px 18px #674ecb40}.brand b{display:block;font-size:17px;letter-spacing:.08em}.brand small{display:block;margin-top:2px;color:#9992aa;font-size:8px;font-weight:700;letter-spacing:.15em}.side-nav nav{display:grid;gap:7px;margin-top:44px}.side-nav nav button,.side-nav__footer>button{width:100%;height:46px;padding:0 14px;display:flex;align-items:center;gap:13px;border:0;border-radius:13px;background:transparent;color:#797287;cursor:pointer;transition:.2s ease}.side-nav nav button:hover,.side-nav__footer>button:hover{color:var(--purple);background:#7058d90f}.side-nav nav button.active,.side-nav__footer>button.active{color:var(--purple-dark);background:#ebe7fb;font-weight:700}.side-nav__footer{margin-top:auto}.mini-profile{margin-top:18px;padding:15px 10px 0;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line)}.mini-profile>span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#e8def7;color:#67539b;font-weight:700}.mini-profile b,.mini-profile small{display:block}.mini-profile b{font-size:13px}.mini-profile small{margin-top:2px;color:#9891a5;font-size:10px}.bottom-nav,.mobile-topbar{display:none}.page-header{min-height:74px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.eyebrow{display:block;margin-bottom:8px;color:#8d7cbb;font-size:10px;font-weight:800;letter-spacing:.18em}.page-header h1{margin:0 0 8px;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(29px,3vw,40px);font-weight:600;letter-spacing:-.025em}.page-header p{margin:0;color:var(--muted);font-size:14px}.date-chip,.energy-chip,.relay-pill,.count-chip,.safe-chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#ffffffa6;color:#746d83;font-size:12px}.date-chip{padding:9px 14px}.energy-chip{padding:9px 15px;color:#7457b4;background:#f1edff}.relay-pill{padding:9px 13px}.relay-pill i,.status-pill i{width:7px;height:7px;border-radius:50%;background:#6bc797;box-shadow:0 0 0 4px #6bc7971f}.relay-pill--mock i{background:#d2a864;box-shadow:0 0 0 4px #d2a8641f}.panel{border:1px solid rgba(76,61,108,.08);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.hero-grid{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(480px,1.5fr);gap:22px}.home-stack{display:grid;align-content:start;gap:18px}.pet-card{position:relative;min-height:590px;padding:20px 24px 24px;overflow:hidden;background:linear-gradient(155deg,#fffffff0,#f2edffe6)}.pet-card:after{content:"";position:absolute;width:300px;height:300px;left:-100px;bottom:-180px;border-radius:50%;background:#826ae014}.pet-card__top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center}.level-badge{padding:7px 11px;border-radius:999px;color:#6451aa;background:#ebe6fc;font-size:11px;font-weight:800}.pet-card__top button{border:0;color:#7160aa;cursor:pointer}.appearance-trigger{height:32px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#ffffffb8;font-size:10px;font-weight:700;box-shadow:0 5px 14px #42306e0f;transition:.2s ease}.appearance-trigger:hover{background:#fff;transform:translateY(-1px)}.pet-card__visual{height:300px;display:grid;place-items:center}.pet-card__identity{position:relative;z-index:2;text-align:center}.pet-card__identity h2{margin:0 0 4px;font-family:Georgia,serif;font-size:27px}.pet-card__identity span{color:#8b8498;font-size:12px}.speech-bubble{position:relative;z-index:2;margin-top:22px;padding:17px 18px;border:1px solid rgba(112,88,217,.1);border-radius:17px 17px 17px 6px;background:#ffffffbf;color:#5e576d;font-family:Georgia,"Noto Serif SC",serif;font-size:14px;line-height:1.7}.pet-stage{position:relative;width:280px;height:280px;display:grid;place-items:center}.pet-character-image{position:relative;z-index:2;width:252px;height:252px;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 22px 22px rgba(76,54,146,.18));animation:pet-float 3.6s ease-in-out infinite}.pet-shadow{position:absolute;z-index:1;left:50%;bottom:29px;width:120px;height:23px;border-radius:50%;background:#3f2b772e;filter:blur(7px);transform:translate(-50%);animation:shadow 3.6s ease-in-out infinite}.orbit{position:absolute;inset:18px;border:1px solid rgba(112,88,217,.12);border-radius:50%;animation:orbit 11s linear infinite}.orbit--two{inset:46px;animation-direction:reverse;animation-duration:8s}.orbit span{position:absolute;top:26px;right:29px;width:7px;height:7px;border-radius:50%;background:#e8c66d;box-shadow:0 0 10px #e8c66d}.orbit--two span{inset:auto auto 45px 18px;width:5px;height:5px;background:#a795ed}@keyframes pet-float{0%,to{transform:translateY(5px) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes shadow{0%,to{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(.82);opacity:.5}}@keyframes orbit{to{transform:rotate(360deg)}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{min-height:124px;padding:16px;border:1px solid rgba(76,61,108,.07);border-radius:19px;background:#ffffffc7;text-align:left;box-shadow:0 9px 30px #3123500b}.stat-card:not(:disabled){cursor:pointer;transition:.2s ease}.stat-card:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-card__head{display:flex;align-items:center;gap:7px;color:#8c8499}.stat-card__head>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px}.stat-card__head small{flex:1;font-size:11px}.stat-card__head>svg{opacity:.5}.stat-card strong{display:block;margin-top:16px;font-size:21px;letter-spacing:-.02em}.stat-card strong em{color:#9a93a5;font-size:10px;font-style:normal;font-weight:500}.stat-card--violet .stat-card__head>span{color:#745ed2;background:#eeeaff}.stat-card--rose .stat-card__head>span{color:#d9789a;background:#fff0f5}.stat-card--amber .stat-card__head>span{color:#bd8a36;background:#fff5dc}.stat-card--mint .stat-card__head>span{color:#459a7b;background:#e8f7f1}.progress{height:4px;margin-top:12px;overflow:hidden;border-radius:999px;background:#eeeaf1}.progress i{display:block;height:100%;border-radius:inherit;background:currentColor}.stat-card--violet .progress{color:#8169df}.stat-card--rose .progress{color:#dd86a4}.quick-care{padding:23px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h3{margin:0;font-size:17px}.section-heading .eyebrow{margin-bottom:5px}.text-button{display:flex;align-items:center;gap:3px;border:0;background:none;color:#8575b2;font-size:11px;cursor:pointer}.quick-care__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px}.care-button{min-height:66px;padding:10px 13px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:15px;background:#faf9fc;text-align:left;cursor:pointer;transition:.2s ease}.care-button:hover{border-color:#7058d940;transform:translateY(-1px)}.care-button:disabled{opacity:.55}.care-button>span{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#765fc6;background:#ece7fc}.care-button>div{flex:1}.care-button b,.care-button small{display:block}.care-button b{font-size:12px}.care-button small{margin-top:5px;display:flex;align-items:center;gap:4px;color:#9992a4;font-size:9px}.care-button>svg{color:#aaa3b3}.care-button--chat{grid-column:1 / -1}.care-button--chat>span{color:#4c9c82;background:#e4f5ef}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.daily-progress,.activity-panel{padding:24px}.completion,.count-chip{padding:6px 10px;background:#f1edfb;color:#6e5ab1;font-size:10px;font-weight:700}.trail{position:relative;margin:28px 0 22px;display:flex;justify-content:space-between}.trail:before{content:"";position:absolute;top:14px;left:8%;right:8%;height:1px;background:#ddd8e5}.trail__step{position:relative;z-index:1;width:23%;text-align:center}.trail__step>span{width:29px;height:29px;margin:0 auto 8px;display:grid;place-items:center;border:1px solid #ded9e5;border-radius:50%;background:#f8f6fb;color:#aaa3b3;font-size:10px}.trail__step small{color:#918a9c;font-size:9px}.trail__step.done>span{border-color:#7660cc;background:#7660cc;color:#fff;box-shadow:0 5px 14px #7058d938}.trail__step.done small{color:#625775}.primary-button,.secondary-button,.task-done-button{min-height:40px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.primary-button{border:0;background:linear-gradient(145deg,#7963d7,#604bbf);color:#fff;box-shadow:0 8px 20px #614ac033}.primary-button:hover{transform:translateY(-1px);box-shadow:0 11px 24px #614ac047}.primary-button:disabled{opacity:.55;transform:none}.primary-button--large{min-height:52px;padding:0 24px;border-radius:15px;font-size:14px}.primary-button--block{width:100%}.secondary-button{border:1px solid var(--line);background:#fff;color:#625775;box-shadow:none}.secondary-button:hover{border-color:#7058d940;color:var(--purple)}.activity-list{margin-top:15px}.activity-row{padding:12px 0;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(80,63,111,.07)}.activity-row:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px}.activity-icon--compute{color:#438d76;background:#e4f4ee}.activity-icon--points{color:#ba8635;background:#fff3d7}.activity-icon--social{color:#cb6e91;background:#ffedf4}.activity-row>div{flex:1}.activity-row b,.activity-row small{display:block}.activity-row b{font-size:11px}.activity-row small{margin-top:4px;color:#9b94a5;font-size:9px}.activity-row strong{color:#5e4da1;font-size:11px}.task-summary{margin-bottom:22px;padding:24px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.task-summary__ring{--progress: 120deg;width:76px;height:76px;display:grid;place-content:center;border-radius:50%;background:radial-gradient(circle closest-side,white 77%,transparent 79%),conic-gradient(#755fd1 var(--progress),#ece8f2 0)}.task-summary__ring b{font-size:20px}.task-summary__ring small{font-size:10px;color:var(--muted)}.task-summary h3{margin:0 0 6px}.task-summary p{margin:0;color:var(--muted);font-size:12px}.summary-reward{padding:14px 17px;display:grid;grid-template-columns:auto 1fr;gap:3px 8px;border-radius:15px;background:#f7f3e8;color:#9a783b}.summary-reward svg{grid-row:1 / 3;align-self:center}.summary-reward span{font-size:9px}.summary-reward b{font-size:11px}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.task-card{padding:21px;display:grid;grid-template-columns:auto 1fr;gap:15px}.task-card__icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;color:#725dca;background:#eeeafd}.task-card__body>div:first-child{display:flex;justify-content:space-between}.task-card__body>div:first-child span{color:#8b7db2;font-size:9px;font-weight:800;letter-spacing:.12em}.task-card__body>div:first-child small{color:#aaa3b3;font-size:10px}.task-card h3{margin:7px 0 5px;font-size:15px}.task-card p{min-height:34px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.reward-row{margin-top:13px;display:flex;gap:7px}.reward-row span{padding:5px 7px;display:flex;align-items:center;gap:3px;border-radius:7px;background:#f7f5fa;color:#8d859a;font-size:9px}.task-card>button{grid-column:1 / -1;width:100%}.task-done-button{border:0;color:#5b957f;background:#e8f4ef}.task-card--done{opacity:.72;box-shadow:none}.chat-page{height:100vh;padding-top:28px;padding-bottom:28px}.chat-shell{width:min(860px,100%);height:100%;overflow:hidden;margin:0 auto;display:grid;grid-template-rows:auto auto 1fr auto auto}.chat-header{padding:16px 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.chat-pet-mini{width:46px;height:46px;overflow:hidden;border-radius:14px;background:#eeeafd}.pet-stage--compact{width:46px;height:46px}.pet-stage--compact .pet-character-image{width:43px;height:43px;filter:drop-shadow(0 4px 5px rgba(76,54,146,.16));animation:none}.pet-stage--compact .orbit,.pet-stage--compact .pet-shadow{display:none}.chat-header>div:nth-child(2){flex:1}.chat-header>div:nth-child(2)>div{display:flex;align-items:center;gap:8px}.chat-header h2{margin:0;font-size:16px}.chat-header small{color:#9992a4;font-size:9px}.online-dot{display:inline-flex;align-items:center;gap:4px;color:#5c9c84;font-size:9px}.online-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#61b390}.chat-balance{padding:8px 11px;display:flex;align-items:center;gap:5px;border-radius:11px;color:#5a4b99;background:#f0ecfc}.chat-balance span{font-size:11px;font-weight:800}.chat-balance small{font-size:8px}.chat-context{padding:7px;display:flex;align-items:center;justify-content:center;gap:6px;background:#f8f6fb;color:#90859d;font-size:9px}.messages{min-height:0;padding:25px 26px;overflow-y:auto}.message-date{margin-bottom:18px;color:#aaa3b2;font-size:9px;text-align:center}.message-row{margin:14px 0;display:flex;align-items:flex-end;gap:8px}.message-row>div{max-width:min(72%,530px)}.message-row p{margin:0;padding:12px 15px;border-radius:17px;font-size:12px;line-height:1.65}.message-row small{display:block;margin-top:4px;color:#aaa4b2;font-size:8px}.message-row--assistant p{border:1px solid var(--line);border-bottom-left-radius:5px;background:#fff}.message-row--assistant small{margin-left:4px}.message-row--user{justify-content:flex-end}.message-row--user p{border-bottom-right-radius:5px;background:linear-gradient(145deg,#806bdd,#6550bd);color:#fff}.message-row--user small{margin-right:4px;text-align:right}.message-avatar{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;color:#fff;background:#7861cf;font-size:11px}.typing{padding:13px 16px;display:flex;gap:4px;border-radius:16px 16px 16px 5px;background:#fff}.typing i{width:5px;height:5px;border-radius:50%;background:#9a8bc2;animation:typing 1.1s infinite}.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}@keyframes typing{50%{transform:translateY(-4px);opacity:.5}}.suggestions{padding:7px 21px;display:flex;gap:7px;overflow-x:auto}.suggestions button{padding:7px 10px;flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:#faf9fc;color:#857d90;font-size:9px;cursor:pointer}.suggestions button:hover{border-color:#7058d94d;color:var(--purple)}.chat-input{margin:5px 18px 17px;padding:8px;display:flex;align-items:flex-end;gap:7px;border:1px solid rgba(85,68,120,.13);border-radius:16px;background:#fff;box-shadow:0 8px 24px #36265c0f}.chat-input>button:first-child{width:35px;height:35px;border:0;background:none;color:#958da0;cursor:pointer}.chat-input textarea{flex:1;max-height:100px;padding:9px 4px;resize:none;border:0;outline:0;color:var(--ink);font-size:12px}.send-button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:11px;background:#7058cc;color:#fff;cursor:pointer}.send-button:disabled{opacity:.35}.wallet-hero{display:grid;grid-template-columns:1.45fr .7fr;gap:18px}.compute-card{position:relative;min-height:245px;padding:28px 30px;overflow:hidden;border-radius:25px;background:linear-gradient(135deg,#2f2856,#574498 56%,#745ac2);color:#fff;box-shadow:0 24px 55px #3c2b7c33}.compute-card__glow{position:absolute;width:250px;height:250px;top:-130px;right:-60px;border-radius:50%;background:#dec9ff47;filter:blur(18px)}.compute-card__pattern{position:absolute;right:22px;bottom:22px;color:#ffffff24;font-size:42px;letter-spacing:.3em;transform:rotate(-20deg)}.compute-card__top{position:relative;display:flex;justify-content:space-between;color:#ffffffb8;font-size:12px}.compute-card>strong{position:relative;display:block;margin-top:24px;font-size:45px;letter-spacing:-.04em}.compute-card>small{position:relative;color:#ffffff94;font-size:9px}.compute-card__footer{position:absolute;left:30px;right:30px;bottom:25px;display:flex;gap:28px;color:#ffffff8c;font-size:9px}.compute-card__footer b{margin-left:4px;color:#fff}.wallet-actions{padding:25px;display:flex;flex-direction:column;justify-content:center}.wallet-actions>div{display:flex;align-items:center;gap:12px}.wallet-action-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:#ba8735;background:#fff4d9}.wallet-actions small,.wallet-actions b{display:block}.wallet-actions small{color:var(--muted);font-size:10px}.wallet-actions b{margin-top:3px;font-size:20px}.wallet-actions .primary-button{margin-top:25px}.wallet-actions p{margin:11px 0 0;color:#948d9d;font-size:9px;text-align:center}.wallet-actions p b{display:inline;font-size:inherit}.compute-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px}.api-panel,.usage-panel{padding:24px}.safe-chip{padding:6px 9px;color:#538d78;background:#edf8f3;font-size:9px}.api-key-row{margin:18px 0 14px;padding:12px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:14px}.api-key-row>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#715ec0;background:#eeeafd}.api-key-row>div{flex:1}.api-key-row b,.api-key-row code{display:block}.api-key-row b{font-size:11px}.api-key-row code{margin-top:4px;color:#96909f;font-size:9px}.api-key-row button,.icon-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:#8f8899;cursor:pointer}.code-sample{margin-bottom:14px;overflow:hidden;border-radius:13px;background:#28243a;color:#d8d1e8}.code-sample>div{height:30px;padding:0 12px;display:flex;align-items:center;gap:5px;border-bottom:1px solid rgba(255,255,255,.06)}.code-sample>div i{width:6px;height:6px;border-radius:50%;background:#6f6980}.code-sample>div span{margin-left:auto;color:#8f889f;font-size:8px}.code-sample pre{margin:0;padding:14px;font-size:10px;line-height:1.7}.code-sample em{color:#92d6bd;font-style:normal}.code-sample span{color:#c6a9ff}.usage-total{margin-top:20px}.usage-total>span{display:block;color:var(--muted);font-size:10px}.usage-total strong{display:inline-block;margin-top:4px;font-size:28px}.usage-total small{margin-left:8px;color:#5da083;font-size:8px}.bars{height:115px;margin-top:10px;display:flex;align-items:flex-end;gap:9px}.bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bars i{width:70%;min-height:8px;border-radius:5px 5px 2px 2px;background:#e6e1ef}.bars i.active{background:linear-gradient(#927ee3,#6d56c7)}.bars small{color:#aaa3b2;font-size:8px}.usage-legend{margin-top:13px;display:flex;gap:18px;color:#928a9c;font-size:8px}.usage-legend span{display:flex;align-items:center;gap:5px}.usage-legend i{width:6px;height:6px;border-radius:50%;background:#7a63d0}.usage-legend span:last-child i{background:#d6cfdf}.product-strip{margin-top:18px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.product-strip h3{margin:0 0 6px}.product-strip p{margin:0;color:var(--muted);font-size:10px}.product-list{display:flex;gap:10px}.product-list button{min-width:180px;padding:11px 13px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:#faf9fc;text-align:left;cursor:pointer}.product-list button>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:#735fc5;background:#ece8fb}.product-list button>div{flex:1}.product-list b,.product-list small{display:block}.product-list b{font-size:10px}.product-list small{margin-top:3px;color:#9b94a5;font-size:8px}.product-list button>svg{color:#aaa3b3}.modal-backdrop{position:fixed;inset:0;z-index:80;padding:18px;display:grid;place-items:center;background:#231d3761;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .2s ease}.modal{width:min(410px,100%);padding:30px;border-radius:25px;background:#fff;box-shadow:0 25px 80px #231a4340;text-align:center;animation:modal-in .25s ease}.modal__icon{width:54px;height:54px;margin:0 auto 14px;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(145deg,#8c74e7,#654fbd)}.modal h2{margin:0 0 7px;font-family:Georgia,serif}.modal>p{margin:0 auto 22px;color:var(--muted);font-size:11px}.balance-line{padding:11px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.balance-line b{color:var(--ink)}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.preset-grid button{padding:11px 4px;border:1px solid var(--line);border-radius:11px;background:#faf9fc;font-size:12px;font-weight:700;cursor:pointer}.preset-grid button small{display:block;margin-top:2px;color:#9d96a8;font-size:7px}.preset-grid button.active{border-color:#7660cc;background:#eeeafd;color:#5e49af}.exchange-result{margin:17px 0;padding:12px 14px;display:flex;justify-content:center;align-items:center;gap:11px;border-radius:12px;background:#f6f3fb;font-size:11px}.exchange-result strong{color:#5f4bab}.modal__cancel{margin-top:12px;border:0;background:none;color:#938c9c;font-size:10px;cursor:pointer}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.auth-backdrop{z-index:120}.auth-modal{position:relative;width:min(430px,100%);padding:34px}.auth-modal__close{position:absolute;right:18px;top:18px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#faf9fc;color:#8f879a;cursor:pointer}.auth-modal .eyebrow{margin:17px 0 8px}.auth-modal>p{max-width:300px;line-height:1.65}.auth-form{display:grid;gap:14px;text-align:left}.auth-form>label>span{display:block;margin-bottom:7px;color:#756d82;font-size:10px;font-weight:700}.auth-form>label>div{height:47px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid rgba(83,65,121,.14);border-radius:13px;background:#faf9fc;color:#8b7fb0}.auth-form>label>div:focus-within{border-color:#8069d8;box-shadow:0 0 0 3px #7058d91a}.auth-form input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.auth-form .agreement{display:flex;align-items:flex-start;gap:8px;color:#898190;cursor:pointer}.auth-form .agreement input{width:15px;height:15px;margin:1px 0 0;accent-color:#7058d9}.auth-form .agreement span{margin:0;font-size:9px;font-weight:500;line-height:1.5}.invite-hint,.test-code{margin:-8px 0 15px;padding:9px 11px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:#f3effd;color:#6c57b6;font-size:9px}.test-code{margin:-3px 0 0;background:#f7f2e6;color:#8b6b32}.auth-error{margin:-3px 0 0!important;color:#c95769!important;font-size:10px!important;text-align:left}.logout-button{margin:22px auto 0;padding:10px 15px;display:flex;align-items:center;gap:7px;border:0;background:none;color:#9a6371;font-size:11px;cursor:pointer}.appearance-modal{width:min(680px,100%);padding:28px;border-radius:27px;background:#fbfafe;box-shadow:0 28px 90px #231a4347;animation:modal-in .25s ease}.appearance-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.appearance-modal h2{margin:0 0 7px;font-family:Georgia,"Noto Serif SC",serif;font-size:26px}.appearance-modal header p{margin:0;color:var(--muted);font-size:11px}.appearance-modal__close{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:#8b8496;cursor:pointer}.appearance-grid{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.appearance-option{position:relative;min-height:142px;padding:12px;display:grid;grid-template-columns:112px 1fr;align-items:center;gap:12px;overflow:hidden;border:1px solid rgba(76,61,108,.09);border-radius:19px;background:#fff;text-align:left;cursor:pointer;transition:.2s ease}.appearance-option:before{content:"";position:absolute;width:90px;height:90px;left:22px;top:24px;border-radius:50%;background:color-mix(in srgb,var(--appearance-accent) 18%,white);filter:blur(15px)}.appearance-option:hover{border-color:color-mix(in srgb,var(--appearance-accent) 45%,white);transform:translateY(-2px);box-shadow:0 12px 28px #31235014}.appearance-option.active{border-color:var(--appearance-accent);background:color-mix(in srgb,var(--appearance-accent) 7%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--appearance-accent) 12%,transparent)}.appearance-option__image{position:relative;z-index:1;width:112px;height:112px;display:grid;place-items:center}.appearance-option__image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(58,42,100,.13))}.appearance-option__copy{position:relative;z-index:1}.appearance-option__copy b,.appearance-option__copy small{display:block}.appearance-option__copy b{margin-bottom:7px;font-size:14px}.appearance-option__copy small{color:#8f879a;font-size:9px;line-height:1.6}.appearance-option__check{position:absolute;z-index:2;right:11px;top:11px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--appearance-accent);color:#fff}.invite-card{min-height:200px;padding:32px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border-radius:25px;background:linear-gradient(135deg,#e8e0ff,#f8eefa 57%,#f3e8d6)}.invite-card h2{margin:0 0 7px;font-family:Georgia,serif;font-size:24px}.invite-card p{margin:0 0 20px;color:#726a7f;font-size:11px}.invite-code{position:relative;width:230px;height:120px;display:grid;place-content:center;border:1px solid rgba(112,88,217,.13);border-radius:22px;background:#ffffff7a;text-align:center;transform:rotate(2deg);box-shadow:0 15px 35px #4d377e17}.invite-code small{color:#958aa4;font-size:9px;letter-spacing:.15em}.invite-code strong{margin-top:8px;color:#5e49a7;font-size:23px;letter-spacing:.1em}.invite-code span{position:absolute;right:17px;top:14px;color:#cba75e}.friends-panel{margin-top:20px;padding:24px}.friend-list{margin-top:12px}.friend-row{padding:14px 4px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.friend-row:last-child{border-bottom:0}.friend-avatar{position:relative;width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#eee9f6;color:#6e5c9d;font-weight:800}.friend-avatar i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid white;border-radius:50%;background:#b9b4c0}.friend-avatar i.online{background:#64b995}.friend-row>div:nth-child(2){flex:1}.friend-row b,.friend-row small{display:block}.friend-row b{font-size:12px}.friend-row small{margin-top:4px;color:#9a93a4;font-size:9px}.gift-button{min-width:80px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(112,88,217,.16);border-radius:10px;background:#f0ecfc;color:#6651b1;font-size:9px;font-weight:700;cursor:pointer}.gift-button.sent{border-color:transparent;background:#edf6f2;color:#58917b}.profile-card{padding:24px;display:flex;align-items:center;gap:16px}.profile-avatar{width:62px;height:62px;display:grid;place-items:center;border-radius:19px;background:#e8def7;color:#67539b;font-size:22px;font-weight:800}.profile-card>div:nth-child(2){flex:1}.profile-card h2{margin:0}.profile-card p{margin:5px 0 0;color:var(--muted);font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.settings-list{padding:22px}.settings-list h3{margin:0 0 10px;font-size:14px}.settings-list button{width:100%;padding:13px 3px;display:flex;justify-content:space-between;border:0;border-bottom:1px solid var(--line);background:none;color:#645d70;cursor:pointer}.settings-list button:last-child{border-bottom:0}.settings-list button span{display:flex;align-items:center;gap:9px;font-size:11px}.settings-list button>svg{color:#aaa3b2}.rule-note{margin-top:18px;padding:17px 20px;display:flex;align-items:flex-start;gap:10px;border-radius:15px;background:#f0edf7;color:#70677e}.rule-note svg{flex:0 0 auto;color:#6b58ae}.rule-note p{margin:0;font-size:10px;line-height:1.6}.welcome{position:relative;min-height:100vh;overflow:hidden;padding:0 max(5vw,24px);background:linear-gradient(145deg,#faf8fd,#f4f0fb 55%,#f8f5ef)}.welcome__glow{position:absolute;border-radius:50%;filter:blur(5px)}.welcome__glow--one{width:460px;height:460px;right:2%;top:5%;background:#bca9ff3b}.welcome__glow--two{width:300px;height:300px;left:-170px;bottom:-80px;background:#edc8a126}.welcome__header{position:relative;z-index:2;height:92px;display:flex;align-items:center;justify-content:space-between}.status-pill{padding:8px 13px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;color:#81798c;background:#ffffff80;font-size:10px}.welcome__content{position:relative;z-index:1;min-height:calc(100vh - 92px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;padding-bottom:70px}.welcome__copy{max-width:610px;padding-left:4vw}.welcome__copy h1{margin:16px 0 22px;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(46px,5vw,72px);font-weight:500;line-height:1.15;letter-spacing:-.045em}.welcome__copy h1 em{color:#7159c2;font-style:normal}.welcome__copy>p{max-width:500px;margin:0 0 31px;color:#776f82;font-size:15px;line-height:1.8}.welcome__proof{margin-top:22px;display:flex;gap:18px;color:#8e8798;font-size:10px}.welcome__proof span{display:flex;align-items:center;gap:6px}.welcome__pet-card{position:relative;width:min(480px,90%);height:540px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:46% 46% 42% 42%/35% 35% 25% 25%;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.8),transparent 42%),linear-gradient(150deg,#e4dcffbf,#fff7f480);box-shadow:inset 0 1px #ffffffb3,0 40px 90px #4833821f}.welcome__pet-card .pet-stage{transform:scale(1.18)}.welcome__speech{position:absolute;left:50%;bottom:48px;width:max-content;max-width:80%;padding:14px 17px;border:1px solid rgba(112,88,217,.1);border-radius:14px;background:#ffffffbf;color:#665c77;font-family:Georgia,serif;font-size:12px;transform:translate(-50%);box-shadow:0 12px 30px #3c2b6914}.floating-note{position:absolute;z-index:4;min-width:116px;padding:11px 13px;display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:14px;background:#ffffffb8;box-shadow:0 15px 35px #3d2c6d1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-note svg{grid-row:1 / 3;color:#cf789b}.floating-note span{color:#9a92a4;font-size:8px}.floating-note b{font-size:12px}.floating-note--left{left:-35px;top:145px;transform:rotate(-4deg)}.floating-note--right{right:-35px;top:225px;transform:rotate(4deg)}.floating-note--right svg{color:#b69043}.welcome__pet-carousel{display:grid;place-items:center;animation:carousel-in .42s ease both}.carousel-arrow{position:absolute;z-index:5;top:50%;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(112,88,217,.12);border-radius:50%;background:#ffffffc7;color:#7665b2;box-shadow:0 9px 24px #3727651a;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s ease}.carousel-arrow:hover{background:#fff;transform:translateY(-2px)}.carousel-arrow--left{left:24px}.carousel-arrow--right{right:24px}.welcome__speech{bottom:48px;min-width:230px;padding:11px 16px;display:grid;gap:3px;text-align:center}.welcome__speech b{font-family:Inter,PingFang SC,sans-serif;font-size:12px}.welcome__speech span{color:#8b8297;font-family:Inter,PingFang SC,sans-serif;font-size:9px}.carousel-dots{position:absolute;z-index:5;left:50%;bottom:22px;display:flex;gap:7px;transform:translate(-50%)}.carousel-dots button{width:6px;height:6px;padding:0;border:0;border-radius:99px;background:#6550b13d;cursor:pointer;transition:.25s ease}.carousel-dots button.active{width:19px;background:#7058d9}@keyframes carousel-in{0%{opacity:0;transform:translate(12px) scale(.98)}}.center-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:8px;color:#756b85;text-align:center}.center-screen h2,.center-screen p{margin:0}.center-screen p{color:var(--muted);font-size:12px}.center-screen .primary-button{margin-top:8px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;z-index:100;left:50%;bottom:30px;padding:11px 16px;display:flex;align-items:center;gap:8px;border-radius:999px;background:#322d43;color:#fff;font-size:11px;box-shadow:0 15px 40px #20193240;transform:translate(-50%);animation:toast-in .25s ease both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media(max-width:1050px){.side-nav{width:88px;padding-inline:16px}.side-nav .brand>span:last-child,.side-nav nav span,.side-nav__footer>button span,.mini-profile div{display:none}.side-nav nav button,.side-nav__footer>button{justify-content:center;padding:0}.mini-profile{justify-content:center;padding-inline:0}.main-content{margin-left:88px}.hero-grid{grid-template-columns:.9fr 1.2fr}.stats-grid{grid-template-columns:1fr 1fr}.pet-card{min-height:610px}.product-strip{align-items:flex-start}.product-list{flex-direction:column}}@media(max-width:760px){body{background:#f8f6fb}.side-nav{display:none}.main-content{margin-left:0;padding-bottom:74px}.page{width:100%;padding:18px 16px 34px}.mobile-topbar{height:45px;margin-bottom:19px;display:flex;align-items:center;justify-content:space-between}.mobile-topbar .brand-mark{width:31px;height:31px;border-radius:10px}.avatar-button{width:33px;height:33px;border:0;border-radius:50%;background:#e8def7;color:#67539b;font-weight:700}.page-header{min-height:auto;margin-bottom:23px;align-items:flex-start}.page-header h1{font-size:29px}.page-header p{font-size:11px}.page-header .date-chip{display:none}.bottom-nav{position:fixed;z-index:50;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));height:61px;padding:4px 7px;display:flex;justify-content:space-around;border:1px solid rgba(78,61,110,.1);border-radius:20px;background:#ffffffeb;box-shadow:0 15px 40px #32245529;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{width:18%;border:0;border-radius:14px;background:none;color:#9b94a5;font-size:8px}.bottom-nav button svg{display:block;margin:0 auto 3px}.bottom-nav button.active{color:#6550b6;background:#f0ecfc;font-weight:700}.hero-grid,.lower-grid,.task-grid,.compute-grid,.settings-grid{grid-template-columns:1fr}.pet-card{min-height:500px}.pet-card__visual{height:265px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:113px}.quick-care__actions{grid-template-columns:1fr}.care-button--chat{grid-column:auto}.lower-grid{margin-top:16px}.task-summary{padding:18px;grid-template-columns:auto 1fr}.summary-reward{grid-column:1 / -1}.task-card{padding:18px}.chat-page{height:calc(100vh - 75px);padding:10px}.chat-shell{border-radius:19px}.chat-header{padding:12px 14px}.messages{padding:18px 14px}.message-row>div{max-width:82%}.chat-input{margin:5px 10px 10px}.wallet-hero{grid-template-columns:1fr}.compute-card{min-height:220px}.compute-card>strong{font-size:39px}.wallet-actions{display:grid;grid-template-columns:1fr auto;gap:0 12px}.wallet-actions .primary-button{margin-top:0}.wallet-actions p{grid-column:1 / -1}.product-strip{align-items:stretch;flex-direction:column}.product-list{flex-direction:column}.product-list button{min-width:0}.invite-card{padding:25px;align-items:flex-start;flex-direction:column;gap:25px}.invite-code{width:100%}.profile-card{flex-wrap:wrap}.profile-card .secondary-button{width:100%}.welcome{padding:0 20px}.welcome__header{height:74px}.welcome__content{grid-template-columns:1fr;padding:32px 0 60px}.welcome__copy{padding-left:0;text-align:center}.welcome__copy h1{font-size:43px}.welcome__copy>p{font-size:13px}.welcome__proof{justify-content:center}.welcome__pet-card{grid-row:1;width:100%;height:390px;margin:0 auto 20px}.welcome__pet-card .pet-stage{transform:scale(.92)}.welcome__speech{bottom:43px;min-width:210px}.carousel-dots{bottom:19px}.carousel-arrow{top:46%;width:34px;height:34px}.carousel-arrow--left{left:12px}.carousel-arrow--right{right:12px}.floating-note{display:none}.appearance-modal{max-height:calc(100vh - 36px);padding:21px;overflow-y:auto}.appearance-modal h2{font-size:22px}.appearance-grid{grid-template-columns:1fr}.appearance-option{min-height:118px;grid-template-columns:92px 1fr}.appearance-option__image{width:92px;height:92px}.toast{bottom:84px;width:max-content;max-width:calc(100% - 40px)}}@media(max-width:400px){.stats-grid{gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:18px}.pet-card{min-height:470px}.pet-card__visual{height:245px}.pet-stage{transform:scale(.88)}.pet-stage--compact{transform:none}.welcome__copy h1{font-size:37px}.welcome__pet-card{height:350px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}