/* Shared visual language for both products and both account surfaces. */
:root{--ink:#344837;--muted:#737d6d;--green:#486948;--pale:#edf2e6;--line:#e7e9dd;--canvas:#f7f8f2;--peach:#ffdfcb;--red:#ad4e48;--shadow:0 12px 40px #3e55350a;--pet-cream:#fff8eb;--pet-sage:#e7eddb;--pet-pink:#fce7e0;--pet-round:24px;font-family:ui-rounded,"SF Pro Rounded","PingFang SC",-apple-system,BlinkMacSystemFont,sans-serif}
body{font-family:ui-rounded,"SF Pro Rounded","PingFang SC",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--canvas)}
button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8ba876;outline-offset:4px}button:disabled{cursor:not-allowed}::selection{background:#dcebc9;color:#344837}
.primary{background:#486948;border:1px solid #486948;box-shadow:0 4px 0 #355137;border-radius:13px;font-weight:600;min-height:42px}.primary:hover{background:#3d5e3e}.secondary{background:white;border:1px solid #dfe5d4;border-radius:13px;color:#53654a;min-height:40px}.danger{border-radius:13px}.companion-art{display:block;width:100%;height:auto;mix-blend-mode:multiply}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#708461}input,select,textarea{border-radius:12px;border-color:#dfe5d8;background:#fcfdf9}input:focus,select:focus{border-color:#8ba876}dialog{border-radius:24px;box-shadow:0 30px 100px #2e462526}dialog::backdrop{background:#32432d50;backdrop-filter:blur(5px)}.form-error,.error{color:#ad4e48}.notice.warning{background:#fff7e5;border-color:#eddfbf;color:#796241}
/* Console: a calm, useful workspace with small moments of character. */
.console-page .sidebar{width:242px;padding:30px 20px;background:#fcfdf8;border-color:#e7ebde;overflow-y:auto}.console-page .wordmark{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:.2px;color:#3e573e}.console-page .wordmark span{font-weight:650}.console-page .wordmark i{font-size:21px;margin:0;background:#e8efda;border-radius:15px;display:grid;place-items:center;width:43px;height:43px;flex-shrink:0}.console-page .workspace-label{font-size:10px;letter-spacing:1px;margin:36px 14px 16px;color:#7c8873}.console-page .workspace-label span{font-size:8px;letter-spacing:.8px}.console-page .sidebar nav{gap:6px}.console-page .sidebar a[data-view]{border-radius:14px;font-size:13px;padding:12px 16px;min-height:47px;color:#75816d}.console-page .sidebar a[data-view] span{display:flex;width:21px;height:21px;flex-shrink:0}.console-page .sidebar svg{width:21px;height:21px}.console-page .sidebar a[data-view]:hover{background:#f0f4e9}.console-page .sidebar a.active{background:#e7efdb;color:#45643b;box-shadow:inset 3px 0 #86a16d}.console-page .side-bottom{padding-top:24px}.console-page .side-products{display:none}.side-pet-card{margin:22px 4px 0;background:#fff8eb;border:1px solid #ece7d6;border-radius:20px;overflow:hidden;text-align:center;padding-bottom:17px}.side-pet-card img{display:block;width:100%;mix-blend-mode:multiply}.side-pet-card strong{display:block;font-size:11px;font-weight:600}.side-pet-card small{display:block;font-size:9px;color:#899178;margin-top:7px}.console-page .main-shell{margin-left:242px;width:calc(100% - 242px)}.console-page .topbar{height:78px;background:#fcfdf9;border-color:#e7ebdf}.console-page .avatar{background:#f8e8ce;width:34px;height:34px;border:3px solid white;font-size:17px}.console-page .environment{background:#edf3e6;color:#65805a;border:0}.console-page .text-button{font-size:12px}.console-page main{padding:34px 38px 0}.console-page .page-heading{margin-bottom:30px}.console-page .page-heading h1{font-size:29px;font-weight:650;letter-spacing:-.6px;margin:12px 0}.console-page .page-heading p{font-size:13px;color:#7d8875}.console-page .product-tabs{border-radius:13px;background:#edf1e6;padding:5px;border-color:transparent}.console-page .product-tabs button{border-radius:10px;padding:9px 17px;font-size:12px;color:#718366}.console-page .product-tabs button.active{color:#42613c;box-shadow:0 2px 5px #415c3310}.console-page .stats{gap:17px}.console-page .stat{border-radius:20px;padding:23px;border-color:#e8ebdf;box-shadow:0 5px 0 #e8ecdf55}.console-page .stat:nth-child(2){background:#fffaf0}.console-page .stat:nth-child(3){background:#fff5f0}.console-page .stat:nth-child(4){background:#f1f5ee}.console-page .stat .label{font-size:12px;color:#6d7d60}.console-page .stat strong{font-size:36px;font-weight:600;color:#405737;margin:14px 0}.console-page .stat small{font-size:11px;color:#7e8876}.console-page .stat-icon{background:#eaf0df;border-radius:12px;font-size:19px}.console-page .card{border-radius:20px;border-color:#e5e9dc;box-shadow:0 5px 20px #41553504}.console-page .card-heading{padding:24px 25px}.console-page .card-heading h2{font-size:16px}.console-page .card-heading p{font-size:11px;color:#8b957f}.console-page .product-card{padding:25px 0}.console-page .product-avatar{border-radius:18px;background:#fff0d2;font-size:21px;font-weight:650;color:#a17636;transform:rotate(-5deg);border:3px solid white;box-shadow:0 3px 0 #f1e5ca}.console-page .product-avatar.caizhu{background:#fce3dd;color:#ad766e;transform:rotate(5deg);box-shadow:0 3px 0 #f1d9d2}.console-page .product-text strong{font-size:14px}.console-page .product-text small{font-size:11px;color:#859077}.console-page .product-count b{font-size:24px}.console-page .welcome-card{background:#fff8eb;border:1px solid #ece5d5;border-radius:20px;min-height:277px;padding:24px 25px;position:relative;overflow:hidden}.console-page .welcome-card h2{position:relative;z-index:1;font-size:22px;line-height:1.55;color:#586348;margin:14px 0 8px}.console-page .welcome-card p{position:relative;z-index:1;max-width:150px;color:#869172;font-size:11px;line-height:1.8}.console-page .welcome-card a{position:relative;z-index:1;font-size:11px;color:#657f4c}.welcome-pets{position:absolute;right:-26px;bottom:-8px;width:72%;max-width:330px;mix-blend-mode:multiply;pointer-events:none}.console-page th{background:#f7f9f2;color:#7d8b70;font-size:11px;font-weight:550;white-space:nowrap}.console-page td{padding-top:19px;padding-bottom:19px;font-size:12px}.console-page tbody tr:hover{background:#fcfdf7}.console-page .badge{border-radius:9px;background:#edf4e5;color:#607c4b;padding:5px 9px}.console-page .badge.bad{background:#fbeae5;color:#a55e53}.console-page .badge.neutral{background:#f0f0e9;color:#848974}.console-page .row-action{color:#688957;font-weight:500}.console-page .user-avatar{background:#edf0df;border-radius:13px;color:#798660}.console-page .toolbar{background:#fff;padding:19px 24px}.console-page .pagination{padding:19px 24px;color:#89937f}.console-page .pagination button{border-radius:10px}.console-page .notice{border-radius:14px;background:#eef3e6;border:1px solid #e0e8d4;color:#6c7e5c;font-size:12px;line-height:1.9}.console-page .empty{padding:44px 24px}.console-page .empty-icon{display:inline-grid;place-items:center;font-size:36px;color:#81996b;background:#eff3e5;width:72px;height:72px;border-radius:25px;transform:rotate(-8deg);margin-bottom:10px}.console-page .empty h3{font-size:16px;color:#5e7450}.console-page .empty p{font-size:12px;color:#8b9681}.console-page .dialog-header{background:#f9fbf5;border-color:#e7ebde}.console-page .dialog-header h2{font-weight:600}.console-page label{font-size:12px;color:#6f7e61}.console-page .permission-group{border-radius:16px;background:#fbfcf8}.console-page .permission-option{font-size:12px;line-height:1.6}.console-page footer{font-size:10px;color:#9aa28e;margin-top:35px}.console-page .refresh-info{color:#8c987c}.console-page .mini-note{color:#879477}
/* Both sign-in experiences share the same visual language. */
.console-page .login-wrap{grid-template-columns:1.1fr 1fr;background:#f5f7ef;padding:30px;gap:28px}.console-page .login-art{background:var(--pet-cream);border:1px solid #eee7d5;border-radius:32px;padding:32px 38px;position:relative}.console-page .art-copy{margin:auto 0}.console-page .art-copy>.eyebrow{display:inline-block;padding:8px 12px;border-radius:30px;background:#f0efd9;font-size:9px;margin-top:42px}.console-page .art-copy h1{font-size:clamp(32px,3.2vw,49px);font-weight:650;line-height:1.45;margin:22px 0 14px;letter-spacing:-1px}.console-page .art-copy h1 em{font-style:normal;color:#829661}.console-page .art-copy p{font-size:13px;color:#929980}.console-page .companion-art{margin:0 -24px;width:calc(100% + 48px)}.pet-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8a9479;margin-top:-15px;position:relative}.console-page .login-art>small{font-size:10px;letter-spacing:.5px;color:#a0a58f;margin-top:28px}.console-page .login-panel{padding:35px 22px}.console-page .login-forms{background:white;border:1px solid #e5e9dc;border-radius:28px;padding:30px;max-width:420px;box-shadow:0 15px 40px #4c613b06}.console-page .login-forms form{width:100%}.console-page .login-panel h2{font-size:26px;font-weight:600;color:#465d3d}.console-page .login-panel p{color:#879479;line-height:1.8;margin-bottom:25px}.console-page .login-panel input{padding:12px 14px;background:#fafcf6}.console-page .login-panel label{margin-bottom:16px}.console-page .login-panel .form-error{color:#a4554b;margin-bottom:14px}.console-page .login-panel small{color:#8d987f;line-height:1.8}.console-page .login-panel small a{text-decoration:underline;text-underline-offset:4px}.console-page .login-panel .primary{justify-content:center;border-radius:13px}
/* One shared user-center layout; product changes accents only. */
.account-page{--paper:#f6f8f1;--card:#fffefa;--ink:#3c5139;--muted:#7b876f;--accent:#506e44;--soft:#eaf0df;--line:#e4e9d9;background:var(--paper)}.account-page[data-product=pet-lulu]{--paper:#faf8f1;--ink:#514b37;--muted:#89816d;--accent:#7b7045;--soft:#f1ecd9;--line:#eae5d6}.account-page .top{max-width:1240px;padding:23px 30px;border:0}.account-page .brand{font-size:20px;gap:11px;font-weight:650}.account-page .brand-mark{display:grid;place-items:center;font-size:22px;width:44px;height:44px;border-radius:15px;background:var(--soft);transform:rotate(-5deg)}.account-page .brand small{font-size:12px;border:0;background:white;padding:7px 12px;border-radius:30px}.account-page .auth-grid{max-width:1200px;grid-template-columns:1.12fr 1fr;gap:35px;padding:0 30px;margin:25px auto 50px;min-height:660px}.account-page .welcome{background:#fff8eb;border:1px solid #ede8d6;border-radius:32px;padding:40px 35px 24px;display:flex;flex-direction:column;justify-content:center}.account-page .welcome>.eyebrow{align-self:flex-start;display:inline-block;padding:8px 11px;border-radius:30px;background:#eeefdc;font-size:9px}.account-page .welcome h1{font-size:49px;line-height:1.35;margin:21px 0 14px;font-weight:650;color:#536347;letter-spacing:-1px}.account-page .welcome p{font-size:14px;color:#8d967c;margin:0;line-height:1.8}.account-page .garden{height:auto;border:0;margin:4px -28px 0;position:relative}.account-page .garden-label{writing-mode:horizontal-tb;right:27px;bottom:2px;font-size:7px;color:#a3a58b}.account-page .welcome-foot{font-size:10px;margin-top:19px;color:#939c81}.account-page .auth-card{border-radius:28px;padding:34px 36px;border-color:#e4e9d9;background:#fff;box-shadow:0 10px 40px #49603807;position:relative}.account-page .mode-tabs{background:#f2f5eb;border-radius:14px;padding:5px;display:flex;width:fit-content}.account-page .mode-tabs button{border-radius:10px;min-width:87px;padding:9px 18px}.account-page .mode-tabs button.active{background:var(--accent);box-shadow:0 2px 4px #49603818}.letter-badge{position:absolute;right:36px;top:35px;display:grid;place-items:center;width:41px;height:34px;border:1px solid #e9d2bf;background:#fff3db;color:#cb977c;border-radius:9px;transform:rotate(12deg);font-size:23px}.account-page .auth-card h2{font-size:29px;font-weight:600;margin-top:29px;color:var(--ink)}.account-page #auth-description{margin-bottom:25px}.account-page input{background:#fafcf6;border:1px solid #dfe7d6;border-radius:12px;padding:13px 14px;font-size:13px;min-height:45px}.account-page label{font-size:12px;color:#68785c;font-weight:550;margin-top:18px}.account-page .optional{font-size:10px}.account-page .code-row .secondary{background:var(--soft);border-color:var(--soft);padding:13px 12px;min-height:45px}.account-page .primary{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 0 #364c3330;min-height:45px}.account-page .auth-note{font-size:10px;color:#939d87;line-height:1.9;border-top:1px dashed #e5eadc;padding-top:20px;margin-top:25px}.account-page .muted{color:var(--muted)}.account-page #dashboard{max-width:1180px;margin:20px auto 45px}.account-hero{background:#fff8eb;border:1px solid #ece7d5;border-radius:28px;padding:35px 32px 25px;min-height:245px;position:relative;overflow:hidden}.account-hero .page-heading{position:relative;z-index:1;align-items:flex-start}.account-hero .page-heading>div{max-width:65%}.account-hero .page-heading h1{font-size:32px;font-weight:600;line-height:1.4;color:#536247}.account-hero .page-heading>.secondary{margin-top:0;background:#ffffffc9;font-size:11px}.dashboard-art{position:absolute;right:30px;bottom:-35px;width:330px;mix-blend-mode:multiply;pointer-events:none}.hero-note{font-size:11px;color:#8c987a;position:relative;margin-top:32px}.hero-note span{font-size:8px;letter-spacing:1.3px;display:block;margin-top:8px;color:#a5ab96}.account-page .filter-bar{margin:30px 0 22px}.account-page .product-tabs{padding:5px;border-radius:14px;background:#edf2e4;gap:3px}.account-page .product-tabs button{border:0;border-radius:10px;padding:10px 22px;color:#7e8b6b}.account-page .product-tabs button.active{background:white;color:#4e693f;box-shadow:0 2px 5px #4053350d}.account-page .license-card{border:1px solid #e3e8d8;border-radius:23px;padding:27px;background:white;box-shadow:0 5px 0 #eaf0e255}.account-page .license-heading h2{font-size:22px;font-weight:600;display:flex;align-items:center;gap:12px}.account-page .license-heading h2:before{content:'♡';display:inline-grid;place-items:center;width:40px;height:40px;background:#fcf0d8;color:#b89d65;border-radius:14px;transform:rotate(-7deg)}.account-page .license-card[data-product=pet-caizhu] .license-heading h2:before{content:'♡';background:#fbe6e0;color:#ba897e;transform:rotate(7deg)}.account-page .badge{background:#edf3e5;color:#6b8058;font-size:10px;border-radius:9px}.account-page .badge.warning{background:#f9e9e4;color:#ae6c60}.account-page .key-row{background:#f8faf3;border:1px dashed #e0e7d4;border-radius:12px;padding:12px 14px}.account-page .key-row .secondary{min-height:34px;padding:8px 11px;font-size:11px}.account-page .devices-title{font-size:12px;color:#637657}.account-page .device{padding:15px 0;border-color:#eff2e8}.account-page .device button{background:#f0f4e9;padding:8px 12px;border-radius:10px;font-size:11px}.account-page .empty{background:white;border:1px dashed #d9e3cb;border-radius:23px;padding:50px 25px}.account-page .empty:before{content:'🐾';display:block;font-size:35px;margin-bottom:16px}.account-page .empty h2{font-size:20px;font-weight:600;color:#617451}.account-page .empty p{font-size:12px}.account-page .account-settings{background:#f0f3e9;border:1px solid #e3e8d8;border-radius:20px;padding:22px 26px;margin-top:35px}.account-page .account-settings h2{font-size:15px;color:#69775b}.account-page .account-settings p{font-size:11px;margin-bottom:0}.account-page .danger-link{font-size:11px;text-decoration:underline;text-underline-offset:4px}.account-page footer{max-width:1120px;border-top:1px dashed #dfe5d3;color:#939d83;font-size:10px}.account-page dialog{background:white;border-color:#e2e8d6}.account-page .dialog-top h2{font-weight:600}.account-page .quiet{border-radius:10px}.account-page .quiet:hover{background:var(--soft)}
@media(min-width:1500px){.console-page main{padding:42px 48px 0}.console-page .welcome-card{min-height:290px}}
@media(max-width:1100px){.console-page .sidebar{width:207px;padding:26px 15px}.console-page .main-shell{margin-left:207px;width:calc(100% - 207px)}.console-page .wordmark{font-size:16px;gap:8px}.console-page .wordmark i{width:36px;height:36px;font-size:19px}.console-page main{padding:28px 25px 0}.console-page .page-heading h1{font-size:25px}.console-page .stat{padding:18px}.console-page .stat strong{font-size:31px}.console-page .welcome-card{min-height:270px}.welcome-pets{width:70%;right:-30px}.account-page .auth-grid{gap:25px}.account-page .welcome h1{font-size:42px}.account-page .auth-card{padding:30px 26px}.letter-badge{right:26px}.account-page .welcome{padding:34px 25px 24px}.account-hero .page-heading h1{font-size:27px}}
@media(max-width:800px){.console-page .sidebar{width:76px;padding:22px 12px}.console-page .wordmark{justify-content:center}.console-page .sidebar .wordmark span,.console-page .workspace-label,.console-page .side-pet-card{display:none}.console-page .sidebar .wordmark i{font-size:20px}.console-page .sidebar nav{margin-top:27px}.console-page .sidebar a[data-view]{font-size:0;padding:14px;gap:0}.console-page .sidebar a[data-view] span{width:20px;height:20px}.console-page .main-shell{margin-left:76px;width:calc(100% - 76px)}.console-page main{padding:26px 20px 0}.console-page .page-heading h1{font-size:24px}.console-page .topbar{height:66px}.console-page .stats{gap:12px}.console-page .welcome-card{min-height:245px}.welcome-pets{width:55%;right:0;bottom:-15px}.console-page .login-wrap{display:block;padding:22px}.console-page .login-art{display:none}.console-page .login-panel{min-height:calc(100vh - 44px);padding:20px}.console-page .login-forms{max-width:450px;padding:28px}.console-page .form-actions{flex-wrap:wrap}.console-page .product-tabs button{padding:9px 12px}.console-page .detail-list{grid-template-columns:85px minmax(0,1fr)}.account-page .auth-grid{gap:22px}.account-page .welcome h1{font-size:37px}.account-page .auth-card{padding:28px 25px}}
@media(max-width:760px){.account-page .top{padding:20px 22px}.account-page .auth-grid{display:grid;grid-template-columns:1fr;padding:0 22px;margin-top:8px;gap:18px}.account-page .welcome{padding:26px 25px 20px;min-height:232px;display:block}.account-page .welcome h1{font-size:32px;max-width:70%;margin:16px 0 10px}.account-page .welcome h1 br{display:block}.account-page .welcome p{font-size:11px;max-width:56%;line-height:1.8}.account-page .garden{display:block;position:absolute;right:-4px;bottom:10px;width:49%;margin:0}.account-page .garden-label,.account-page .welcome-foot{display:none}.account-page .auth-card{padding:28px;align-self:stretch}.account-page .welcome>.eyebrow{font-size:8px}.account-page .brand small{display:none}.account-hero{padding:25px 24px;min-height:275px;border-radius:23px}.account-hero .page-heading h1{font-size:25px}.account-hero .page-heading>div{max-width:75%}.account-hero .page-heading>.secondary{padding:9px;font-size:10px;position:absolute;right:0;top:0}.account-hero .page-heading>.secondary{top:160px}.account-hero .page-heading .muted{font-size:11px;max-width:85%}.dashboard-art{width:200px;right:0;bottom:-17px}.hero-note{max-width:45%;font-size:10px;margin-top:28px}.hero-note span{font-size:6px}.account-page .license-grid{grid-template-columns:1fr}.account-page .account-settings{padding:21px;gap:15px}.account-page .license-card{padding:23px}.account-page .product-tabs button{padding:9px 18px}.account-page .top-end{max-width:55%;font-size:10px}.account-page .letter-badge{right:28px}}
@media(max-width:480px){.console-page main{padding:23px 14px 0}.console-page .topbar{padding:0 14px}.console-page .breadcrumb{font-size:9px}.console-page .breadcrumb span{margin:0 6px}.console-page .environment{display:none}.console-page .page-heading h1{font-size:22px;line-height:1.5}.console-page .page-heading p{font-size:11px}.console-page .stat{padding:15px;border-radius:16px}.console-page .stat .label{font-size:10px}.console-page .stat-icon{display:none}.console-page .stat small{font-size:9px;line-height:1.7}.console-page .stat strong{font-size:27px}.console-page .product-tabs button{font-size:10px;padding:8px}.console-page .scopebar{gap:7px}.console-page .card-heading{padding:20px 18px;gap:12px}.console-page .card-heading h2{font-size:14px}.console-page .product-card{margin:0 17px;gap:11px}.console-page .product-text strong{font-size:12px}.console-page .product-text .mono{display:none}.console-page .product-avatar{width:36px;height:38px;font-size:16px;flex-shrink:0}.console-page .product-count b{font-size:20px}.console-page .welcome-card{min-height:250px;padding:22px}.welcome-pets{width:75%;right:-30px;bottom:-7px}.console-page .welcome-card h2{font-size:20px}.console-page .welcome-card p{max-width:125px}.console-page .welcome-card a{font-size:10px}.console-page .login-panel{padding:8px}.console-page .login-forms{padding:25px 22px}.console-page footer{line-height:1.8}.account-page .welcome h1{font-size:29px}.account-page .welcome p{max-width:61%}.account-page .welcome{border-radius:24px;padding:24px 22px}.account-page .garden{width:48%;right:-12px;bottom:20px}.account-page .welcome>.eyebrow{font-size:7px}.account-page .auth-card{padding:25px 23px;border-radius:24px}.account-page .auth-card h2{font-size:27px}.account-page .mode-tabs button{min-width:73px}.account-page .letter-badge{right:23px;width:34px;height:29px;font-size:20px}.account-page #dashboard{padding:0 18px}.account-page .account-hero .page-heading h1{font-size:24px}.account-page .account-hero .page-heading>div{max-width:90%}.account-page .account-hero .page-heading .muted{max-width:90%}.account-page .top{padding:18px}.account-page .brand{font-size:18px}.account-page .top-end #identity{max-width:135px}.account-page dialog{padding:23px}.account-page .dialog-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){.primary,.secondary,.sidebar a,.license-card,.stat{transition:background .18s,transform .18s,box-shadow .18s}.primary:hover:not(:disabled){transform:translateY(-1px)}.license-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4960380a}dialog[open]{animation:pet-appear .18s ease-out}@keyframes pet-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
/* Fade the paper edge of the illustration into its containing card. */
.companion-art,.welcome-pets,.dashboard-art,.side-pet-card img{mask-image:radial-gradient(ellipse at 50% 56%,#000 48%,#000c 63%,transparent 78%)}
@media(max-width:760px){.account-hero .page-heading>.secondary{top:190px;left:0;right:auto}}
/* Independent product artwork. Never place the two pets in one scene. */
.login-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:36px 0 20px}.login-product{position:relative;margin:0;background:#f9ecd9;border:1px solid #eee0cc;border-radius:23px;padding:18px 0 23px;overflow:hidden}.login-product.lulu-product{background:#eef0dd;border-color:#e0e6cb}.login-product figcaption{padding:0 19px}.login-product strong{display:block;font-size:17px;color:#766049}.login-product small{display:block;font-size:10px;color:#998875;margin-top:7px}.login-product img{display:block;width:100%;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at 50% 55%,#000 47%,transparent 78%);margin:8px 0}.product-sticker{display:block;text-align:center;font-size:10px;color:#8d8568}.console-page .art-copy{max-width:100%}.side-pet-card.separate{padding:8px 10px;background:#fafbf5;border-color:#e3e8d8}.side-pet-card.separate>div{display:flex;align-items:center;gap:6px;text-align:left;padding:6px 0}.side-pet-card.separate>div+div{border-top:1px dashed #e3e7d6}.side-pet-card.separate img{width:55px;height:51px;object-fit:cover;border-radius:13px;mask-image:none;mix-blend-mode:multiply}.side-pet-card.separate strong{font-size:11px}.side-pet-card.separate small{font-size:8px;line-height:1.6;margin-top:4px}.console-page .product-avatar,.console-page .product-avatar.caizhu{width:93px;height:77px;background:#fff8eb;border:0;box-shadow:none;transform:none;overflow:hidden;border-radius:18px;flex-shrink:0}.console-page .product-avatar img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.console-page .product-card{padding:21px 0}.care-notes{position:absolute;right:25px;bottom:28px;width:170px;height:140px;pointer-events:none}.care-envelope{display:grid;place-items:center;position:absolute;right:17px;bottom:25px;width:100px;height:70px;border:2px solid #ded9b5;border-radius:13px;background:#fffdf3;color:#dba797;font-size:32px;transform:rotate(-12deg);box-shadow:0 8px 0 #e8e2c650}.care-envelope:before{content:'';position:absolute;left:12px;right:12px;top:9px;height:32px;border-bottom:1px solid #e9e0be;border-radius:0 0 50% 50%}.care-cloud{position:absolute;right:2px;top:-9px;color:#d6e2dd;font-size:49px;transform:rotate(7deg)}.care-leaf{position:absolute;left:0;bottom:33px;color:#a4b681;font-size:43px;transform:rotate(-18deg)}.care-caption{position:absolute;bottom:0;right:0;font-size:8px;color:#a09d81}.scene-token{position:absolute;z-index:1;display:flex;align-items:center;gap:7px;padding:9px 12px;background:#fffdf5e8;border:1px solid #e9e8cd;border-radius:13px;box-shadow:0 5px 13px #756c3810;font-size:9px;color:#8a8e6d;white-space:nowrap}.scene-token-one{left:5%;top:25%;transform:rotate(-8deg)}.scene-token-two{right:1%;bottom:14%;transform:rotate(7deg)}.scene-token-icon{font-size:21px;color:#9baf7d}.scene-token-two>span{font-size:19px;color:#d9b572}.account-page[data-product=pet-lulu] .scene-token-one{border-color:#e9dfc8}.account-page[data-product=pet-lulu] .scene-token-icon{color:#b2a374}.license-mascot{width:60px;height:56px;object-fit:cover;border-radius:15px;background:#fff8eb;flex-shrink:0}.account-page .license-heading{justify-content:flex-start;gap:12px}.account-page .license-heading .badge{margin-left:auto}.account-page .license-heading h2:before{display:none}.account-page .license-heading h2{font-size:20px}.console-page .welcome-card p{max-width:145px}.console-page .art-copy>.eyebrow{margin-top:32px}
@media(max-width:1100px){.login-product-grid{gap:12px;margin-top:28px}.login-product figcaption{padding:0 14px}.login-product small{font-size:9px}.care-notes{right:10px;width:140px}.console-page .product-avatar,.console-page .product-avatar.caizhu{width:75px;height:65px}.scene-token{font-size:8px;padding:7px 9px}.scene-token-one{left:0}.scene-token-two{right:-1%}}
@media(max-width:760px){.account-page .scene-token{display:none}.account-page .garden{width:47%;right:0;bottom:20px}.account-page .license-mascot{width:54px;height:52px}.account-page .dashboard-art{width:180px;right:6px;bottom:-4px}}
@media(max-width:480px){.console-page .product-avatar,.console-page .product-avatar.caizhu{width:53px;height:56px}.console-page .product-text small{font-size:10px}.care-notes{width:126px;right:13px;bottom:24px}.care-envelope{width:81px;height:60px;font-size:27px;right:4px}.care-cloud{font-size:39px;top:9px}.care-leaf{font-size:31px;left:4px}.care-caption{font-size:7px}.account-page .garden{width:46%;right:-5px;bottom:24px}}
/* Cartoon v2: product colors, bundled Chinese display face, transparent stickers. */
@font-face{font-family:'Pet Happy';src:url('/fonts/ZCOOLKuaiLe-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--pet-display:'Pet Happy','Hannotate SC','Arial Rounded MT Bold',ui-rounded,sans-serif}
.account-page{--paper:#fff5f3;--ink:#5d393d;--muted:#8b6262;--accent:#ab455b;--soft:#ffe3e8;--line:#f0cbd1;--card:#fffdfb;--button:#f7a4b7;--button-edge:#bd5b70;--button-text:#672536;background-color:var(--paper);background-image:radial-gradient(#eccbd066 .8px,transparent .8px);background-size:19px 19px}
.account-page[data-product=pet-lulu]{--paper:#fff9e9;--ink:#6b4326;--muted:#927451;--accent:#ad631d;--soft:#fff0bc;--line:#f0ddb1;--button:#ffd56b;--button-edge:#c98a37;--button-text:#75400d;background-image:radial-gradient(#e4d6ab77 .8px,transparent .8px)}
.account-page h1,.account-page h2,.account-page .brand,.account-page .mode-tabs button,.account-page #verify,.console-page .wordmark,.console-page .page-heading h1,.console-page .art-copy h1,.console-page .login-panel h2,.console-page .product-text strong,.console-page .card-heading h2{font-family:var(--pet-display);font-weight:400;letter-spacing:.5px}
.account-page .top{padding:18px 30px}.account-page .brand{font-size:25px;color:var(--ink)}.account-page .brand-mark{background:white;border:2px solid var(--line);box-shadow:0 3px 0 var(--line);font-size:21px}.account-page .brand small{font-family:inherit;color:var(--muted);background:transparent}
.account-page .auth-grid{margin:10px auto 25px;min-height:0;align-items:center;gap:50px;max-width:1160px}.account-page .welcome{border:0;background:transparent;padding:30px 20px;overflow:visible}.account-page .welcome>.eyebrow{background:var(--soft);border:1px solid var(--line);color:var(--accent);font-family:var(--pet-display);font-size:11px;letter-spacing:1px;transform:rotate(-3deg)}.account-page .welcome h1{font-size:54px;color:var(--ink);line-height:1.2;margin:25px 0 15px;letter-spacing:1px}.account-page .welcome p{font-size:14px;color:var(--muted)}.account-page .garden{margin:0 auto;max-width:340px;width:90%;height:auto}.companion-art,.welcome-pets,.dashboard-art,.side-pet-card img,.login-product img{mask-image:none!important;mix-blend-mode:normal!important}.account-page .garden .companion-art{width:100%;filter:drop-shadow(0 9px 0 #cc8f7514)}.account-page .scene-token{background:#fffefa;border:2px solid var(--line);color:var(--accent);box-shadow:0 3px 0 var(--line);font-family:var(--pet-display);font-size:11px}.account-page .scene-token-one{left:-16%;top:30%}.account-page .scene-token-two{right:-13%;bottom:16%}.account-page .garden-label{display:none}.account-page .welcome-foot{margin-top:8px;color:var(--muted)}
.account-page .auth-card{background:#fffefa;border:2px solid var(--line);border-radius:29px;padding:30px 32px;box-shadow:0 7px 0 var(--line),0 18px 40px #703f3510}.account-page .mode-tabs{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:4px}.account-page .mode-tabs button{font-size:18px;padding:7px 18px;min-width:82px;line-height:1.3;color:var(--muted)}.account-page .mode-tabs button.active{background:var(--button);border-radius:11px;color:var(--button-text);box-shadow:0 2px 0 var(--button-edge)}.account-page .auth-card h2{font-size:32px;color:var(--ink);margin:23px 0 9px}.account-page #auth-description{color:var(--muted);font-size:13px;margin:0 0 20px}.account-page label{color:var(--ink);font-weight:650;font-size:13px}.account-page input{font-size:16px;background:white;border:2px solid var(--line);border-radius:13px;min-height:46px;padding:11px 13px;color:var(--ink)}.account-page input::placeholder{font-size:13px;color:#a18784}.account-page[data-product=pet-lulu] input::placeholder{color:#a39477}.account-page input:focus{border-color:var(--button-edge);outline-color:var(--line)}.account-page .primary{background:var(--button);border:2px solid var(--button-edge);color:var(--button-text);box-shadow:0 4px 0 var(--button-edge);border-radius:15px;font-size:20px;min-height:48px;line-height:1.2}.account-page .primary:hover{background:var(--button);filter:brightness(1.03)}.account-page button:disabled{opacity:.68}.account-page .secondary{background:var(--soft);border:1.5px solid var(--line);color:var(--accent);font-weight:600}.account-page .code-row .secondary{background:var(--soft);border:2px solid var(--line);color:var(--accent);min-height:46px;padding:11px 12px;font-size:12px}.account-page #verify{margin-top:12px}.account-page .auth-note{margin:20px 0 0;padding:14px 0 0;border-color:var(--line);font-size:11px;color:var(--muted);text-align:center}.account-page .letter-badge{background:#fff2bd;border:2px solid #e8c981;color:#c78354;top:31px}.account-page footer{border:0;margin:16px auto 0;padding:16px 28px;color:var(--muted);font-size:10px}
.invite-details{margin:15px 0 3px;font-size:12px;color:var(--accent)}.invite-details summary{cursor:pointer;font-weight:600;list-style: none;display:flex;gap:8px;align-items:center;min-height:25px}.invite-details summary:before{content:'＋';display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;width:18px;height:18px;background:var(--soft)}.invite-details[open] summary:before{content:'−'}.invite-details summary span{font-weight:400;color:var(--muted);font-size:10px}.account-page .invite-label{margin:0}.account-page .invite-label input{margin-top:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.account-page .account-hero{background:var(--soft);border:2px solid var(--line);min-height:210px;border-radius:25px}.account-page .page-heading h1{color:var(--ink);font-size:34px}.account-page .dashboard-art{width:195px;right:35px;bottom:5px}.account-page .license-card{border:2px solid var(--line);box-shadow:0 5px 0 var(--line);background:#fffefa}.account-page .license-heading h2{font-size:26px}.account-page .license-mascot{object-fit:contain;background:transparent}.account-page .product-tabs{background:var(--soft);border:1px solid var(--line)}.account-page .product-tabs button{color:var(--accent);font-weight:600}.account-page .product-tabs button.active{color:var(--ink);border:1px solid var(--line)}.account-page .key-row{background:var(--paper);border-color:var(--line)}.account-page .account-settings{background:var(--soft);border-color:var(--line)}.account-page .account-settings h2{color:var(--ink);font-size:21px}.account-page .device button{background:var(--soft);color:var(--accent)}
.console-page{--ink:#4e4437;--green:#527c45;--line:#e4dfc9;--canvas:#fffaf0;background:var(--canvas);color:var(--ink)}.console-page .sidebar{background:#fffdf5;border-color:#e8e1cc}.console-page .wordmark{font-size:22px;color:#5e6f3c}.console-page .sidebar a.active{background:#e7f1cb;color:#41652e;box-shadow:inset 3px 0 #89aa57}.console-page .sidebar a[data-view]{font-weight:600;color:#716849}.console-page .topbar{background:#fffdf7;border-color:#ebe3ce}.console-page .page-heading h1{font-size:32px;color:#62533c}.console-page .page-heading p{color:#8e795e}.console-page .stat{border:2px solid #e8e4cf;box-shadow:0 4px 0 #e8e4cf}.console-page .stat:nth-child(2){background:#fff2bf}.console-page .stat:nth-child(3){background:#ffe8eb}.console-page .stat:nth-child(4){background:#eaf2d5}.console-page .stat strong{font-family:var(--pet-display);color:#5b633b}.console-page .card{border:2px solid #e8e2cc;box-shadow:0 4px 0 #eee6d5}.console-page .card-heading h2{font-size:22px;color:#65553b}.console-page .primary{background:#c8df98;border:2px solid #80a656;color:#3a592e;box-shadow:0 4px 0 #80a656;font-weight:700}.console-page .primary:hover{background:#d2e6aa}.console-page .secondary{background:#fffcef;border:1.5px solid #e5daba;color:#796747}.console-page .product-text strong{font-size:20px}.console-page .product-avatar,.console-page .product-avatar.caizhu{background:transparent;overflow:visible}.console-page .product-avatar img{object-fit:contain;mix-blend-mode:normal}.console-page .product-tabs{background:#f2eedb}.console-page .product-tabs button.active{background:#fff7d8;color:#756434}.console-page .login-wrap{background:#fffaf0}.console-page .login-art{background:#fff5d8;border:2px solid #eee0b7}.console-page .art-copy h1{font-size:48px;color:#735c35}.console-page .art-copy h1 em{color:#81a354}.console-page .login-forms{border:2px solid #e7ddc2;box-shadow:0 6px 0 #e7ddc2}.console-page .login-panel h2{font-size:31px}.console-page .login-product{background:#ffe6e9;border:2px solid #f0c5ce}.console-page .login-product.lulu-product{background:#fff0b7;border-color:#e8d697}.console-page .login-product img{width:85%;margin:15px auto}.console-page .login-product strong{font-family:var(--pet-display);font-size:24px}.console-page .side-pet-card.separate{background:#fff9e8;border:1.5px solid #e9dfc1}.console-page .side-pet-card.separate img{object-fit:contain;background:transparent}.console-page .welcome-card{background:#fff3cf;border:2px solid #ecdbb3}.console-page .welcome-card h2{font-family:var(--pet-display);font-weight:400;font-size:25px;color:#80643c}.console-page .notice{background:#f0f5df;border-color:#d7e2ba;color:#61734a}.console-page .permission-group{background:#fffdf5;border-color:#e8e1ca}.console-page th{background:#faf4e1;color:#826f4b}.console-page .dialog-header{background:#fff9e8}.console-page .dialog-header h2{font-family:var(--pet-display);font-weight:400;font-size:26px}
@media(max-width:760px){
 .account-page .top{height:55px;padding:10px 20px;gap:12px}.account-page .brand{font-size:22px;gap:8px}.account-page .brand-mark{width:31px;height:31px;font-size:17px;border-radius:11px}.account-page .auth-grid{display:block;padding:0 19px;margin:0 auto;max-width:450px;min-height:0}.account-page .welcome{height:102px;min-height:0;padding:12px 12px 5px;display:block;overflow:visible}.account-page .welcome>.eyebrow,.account-page .welcome-foot,.account-page .welcome p{display:none}.account-page .welcome h1{font-size:32px;line-height:1.13;margin:2px 0 0;max-width:calc(100% - 110px);letter-spacing:1px}.account-page .welcome h1 br{display:block}.account-page .garden{position:absolute;width:115px;height:115px;right:5px;top:-5px;bottom:auto;margin:0;z-index:2}.account-page .garden .companion-art{height:115px;object-fit:contain;filter:drop-shadow(0 4px 0 #d7aaa52a)}.account-page .scene-token{display:none}.account-page .auth-card{padding:19px 21px 17px;border-radius:25px;position:relative;z-index:1}.account-page .mode-tabs{padding:3px;border-radius:13px}.account-page .mode-tabs button{font-size:17px;padding:6px 19px;min-width:72px}.account-page .letter-badge{top:20px;right:22px;width:31px;height:26px;font-size:18px}.account-page .auth-card h2{font-size:27px;margin:16px 0 6px;line-height:1.12}.account-page #auth-description{font-size:11px;line-height:1.5;margin:0 0 12px}.account-page label{font-size:12px;margin:12px 0 0;line-height:1.35}.account-page label input{margin-top:6px}.account-page input{padding:10px 12px;min-height:44px;height:44px;font-size:16px;border-radius:12px}.account-page input::placeholder{font-size:12px}.account-page .code-row{gap:8px}.account-page .code-row .secondary{height:44px;min-height:44px;padding:9px 10px;font-size:11px}.account-page .invite-details{margin:10px 0 0;line-height:1.4}.account-page .invite-details summary{min-height:23px;font-size:11px}.account-page .invite-details summary span{font-size:9px}.account-page .invite-label{margin:0}.account-page .primary{min-height:44px;font-size:19px;padding:10px 15px}.account-page #verify{margin-top:17px}.account-page .auth-note{font-size:9px;line-height:1.5;margin:16px 0 0;padding-top:10px}.account-page .error{font-size:11px;margin:9px 0 0;line-height:1.5}.account-page footer{margin:14px auto 0;padding:9px 20px 12px;max-width:450px;font-size:9px;gap:10px;line-height:1.4}.account-page .notice{bottom:15px;font-size:12px;padding:10px 16px}.account-page .account-hero{min-height:168px;padding:23px 20px}.account-page .account-hero .page-heading h1{font-size:26px;line-height:1.2}.account-page .account-hero .page-heading>div{max-width:75%}.account-page .account-hero .page-heading .muted{font-size:10px;max-width:85%;line-height:1.6}.account-page .dashboard-art{width:104px;right:7px;bottom:1px}.account-page .hero-note{display:none}.account-page .account-hero .page-heading>.secondary{position:static;margin-top:0;align-self:flex-start;padding:8px;font-size:0;min-height:32px}.account-page .account-hero .page-heading>.secondary:before{content:'↻';font-size:18px}.console-page .page-heading h1{font-size:28px}.console-page .card-heading h2{font-size:20px}.console-page .sidebar .wordmark{font-size:0}.console-page .login-panel h2{font-size:28px}
}
@media(max-width:760px) and (max-height:700px){.account-page .top{height:47px;padding-top:7px;padding-bottom:7px}.account-page .welcome{height:84px;padding-top:8px}.account-page .welcome h1{font-size:29px}.account-page .garden{width:101px;height:101px;top:-9px}.account-page .garden .companion-art{height:101px}.account-page .auth-card{padding:16px 20px 14px}.account-page .auth-card h2{margin-top:12px;font-size:25px}.account-page #auth-description{margin-bottom:9px}.account-page label{margin-top:10px}.account-page #verify{margin-top:13px}.account-page .auth-note{margin-top:14px;padding-top:8px}.account-page footer{margin-top:10px;padding-top:7px;padding-bottom:8px}.account-page .letter-badge{top:16px}}
.account-page{min-height:100svh}.admin-code-row{display:flex;gap:8px;align-items:center}.admin-code-row input{flex:1;min-width:0}.admin-code-row button{flex-shrink:0;white-space:nowrap}.admin-invite{font-size:11px;color:#827250;margin:0 0 15px}.admin-invite summary{cursor:pointer;padding:7px 0}.admin-invite label{margin:0!important}
@media(max-width:760px){.console-page .login-wrap{padding:16px}.console-page .login-panel{padding:0;min-height:calc(100svh - 32px)}.console-page .login-forms{padding:23px;max-width:400px}.console-page .login-forms>.product-tabs{margin-bottom:20px}.console-page .login-panel h2{margin:12px 0 7px}.console-page .login-panel p{margin-bottom:18px;font-size:11px}.console-page .login-panel label{margin-bottom:12px;font-size:12px;gap:6px}.console-page .login-panel input,.console-page .login-panel select{padding:10px 12px;min-height:42px;font-size:16px}.console-page .login-panel .primary{min-height:44px;padding:10px 14px}.console-page .login-panel small{margin-top:18px;font-size:10px}.console-page .login-panel .admin-invite{margin-bottom:10px}.console-page .admin-code-row button{font-size:11px;padding:10px}}
/* Password account flows retain the compact mobile card. */
.account-page [hidden]{display:none!important}.account-page .auth-links{display:flex;justify-content:flex-end;margin-top:10px}.account-page .auth-links .quiet{color:var(--accent);min-height:32px;padding:4px 0;font-size:12px}
@media(max-width:760px){.account-page[data-auth-mode=register] .welcome,.account-page[data-auth-mode=reset] .welcome{height:68px}.account-page[data-auth-mode=register] .welcome h1,.account-page[data-auth-mode=reset] .welcome h1{font-size:25px}.account-page[data-auth-mode=register] .garden,.account-page[data-auth-mode=reset] .garden{top:-15px}.account-page[data-auth-mode=register] .auth-card h2{margin-top:9px;margin-bottom:3px}.account-page[data-auth-mode=register] label,.account-page[data-auth-mode=reset] label{margin-top:7px}.account-page[data-auth-mode=register] label input,.account-page[data-auth-mode=reset] label input{margin-top:4px}.account-page[data-auth-mode=register] .auth-links{margin:0}.account-page .invite-details summary{min-height:26px;display:flex;align-items:center}.account-page .auth-links{margin-top:7px}}
@media(max-width:760px){.account-page[data-auth-mode=register] .auth-card{padding-top:12px;padding-bottom:12px}.account-page[data-auth-mode=register] .auth-card h2{font-size:23px;margin:8px 0 0}.account-page[data-auth-mode=register] label{margin-top:5px;font-size:11px}.account-page[data-auth-mode=register] label input{margin-top:2px}.account-page[data-auth-mode=register] #verify{margin-top:9px}.account-page[data-auth-mode=register] footer{margin-top:3px;padding-top:3px}.account-page[data-auth-mode=register] .welcome{height:58px}.account-page[data-auth-mode=register] .welcome h1{font-size:23px}.account-page[data-auth-mode=register] .garden{width:91px;height:91px;top:-17px}.account-page[data-auth-mode=register] .garden .companion-art{height:91px}}
.account-page #password-requirements{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:5px;font-weight:400}
@media(max-width:760px){.account-page[data-auth-mode=register] .welcome{height:82px;padding-top:6px}.account-page[data-auth-mode=register] .welcome h1{line-height:1.2;margin:0}.account-page[data-auth-mode=register] .garden{top:-4px}.account-page #password-requirements{font-size:10px;margin-top:3px}}