:root{--bg:#f7f8fa;--ink:#253041;--muted:#8c939e;--gold:#b48436;--line:#eceef1;--cream:#faf3e6;--dark:#1c2430}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{background:white;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;width:228px;padding:35px 23px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;font-weight:800;font-size:22px;letter-spacing:1px}.brandmark{height:38px;width:38px;background:linear-gradient(130deg,#e5c781,#ad762b);border-radius:50%;display:grid;place-items:center;color:white;box-shadow:inset 0 0 0 5px #ffffff35;transform:rotate(-18deg)}.brand small{font-size:9px;letter-spacing:3px;font-weight:400;color:var(--muted);display:block;margin-top:4px}.navlabel{font-size:10px;letter-spacing:2px;color:#b0b5bc;margin:54px 17px 17px}.nav{display:grid;gap:8px}.nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:15px 18px;border-radius:10px;color:#858d99}.nav button.active{background:#fbf3e5;color:#ac7b2f;font-weight:600}.nav button:hover{background:#f7f7f8}.nav button.active:hover{background:#fbf3e5}.nav .dot{width:6px;height:6px;background:#b9904e;border-radius:50%;margin-left:auto}.side-note{margin-top:auto;background:linear-gradient(145deg,#faf4e7,#fffcf6);padding:20px 15px;border:1px solid #f0e4cd;border-radius:12px}.side-note .icon{color:#b9904e}.side-note p{font-size:12px;color:#a99575;line-height:1.8;margin-bottom:0}.side-bottom{display:flex;align-items:center;gap:10px;margin:24px 9px 0;font-size:12px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#eee8dc;color:#a38a5a;font-size:15px}.side-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.workspace{grid-column:2;min-width:0}.topbar{height:90px;background:#ffffffa0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 39px}.breadcrumbs{color:#a6abb3;font-size:12px}.breadcrumbs span{color:#515c6b;margin-left:14px}.top-right{display:flex;align-items:center;gap:23px;color:#8a929e;font-size:12px}.demo-pill{background:#f1f3f5;border:1px solid #e8ebee;padding:6px 11px;border-radius:20px;font-size:10px}.top-right button{position:relative}.top-right button:after{content:'';width:5px;height:5px;border-radius:50%;background:#bc9250;position:absolute;right:7px;top:1px}.content{max-width:1510px;margin:auto;padding:31px 38px 35px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-heading h1{font-size:25px;letter-spacing:1px;margin:0 0 8px;font-weight:700}.page-heading p{margin:0;color:#959ca7;font-size:12px}.date{font-size:12px;color:#949ca8;display:flex;gap:8px;align-items:center}.dashboard{display:grid;grid-template-columns:minmax(480px,1fr) 320px;gap:22px}.left-col,.right-col{display:grid;gap:21px;align-content:start}.hero{height:435px;position:relative;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at 50% 80%,#4e3b3a4f,transparent 55%),radial-gradient(ellipse at 40% 20%,#2c3541,transparent 65%),#1d2530;color:white}.hero:before{content:'';position:absolute;inset:0;opacity:.45;background-image:radial-gradient(1px 1px at 10% 25%,white,transparent),radial-gradient(1px 1px at 28% 58%,#efcf9b,transparent),radial-gradient(1px 1px at 81% 46%,white,transparent),radial-gradient(2px 2px at 66% 19%,#d6b370,transparent),radial-gradient(1px 1px at 93% 12%,white,transparent);background-size:240px 220px}.hero-label{position:absolute;left:27px;top:24px;color:#e2cda8;font-size:12px;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#dbc18f;box-shadow:0 0 9px #ebca80}.hero-help{position:absolute;right:24px;top:23px;color:#b0b2b6}.hero-sub{position:absolute;left:27px;top:52px;color:#858d98;font-size:10px;letter-spacing:1px}.planet-wrap{position:absolute;left:50%;top:44%;width:270px;height:270px;transform:translate(-50%,-50%)}.planet-glow{position:absolute;inset:-45px;background:radial-gradient(circle,#d2a04e20,transparent 68%)}.planet{position:absolute;inset:16px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fcdf9a 0%,#e9bf6f 23%,#b9853b 49%,#755122 72%,#322c26 92%);box-shadow:inset -22px -20px 35px #161d29aa,inset 6px 6px 20px #ffe8b44a,0 0 60px #c4a05219;overflow:hidden;transform:rotate(-20deg)}.planet:after{content:'';position:absolute;inset:0;background:url('assets/terrain.svg');mix-blend-mode:soft-light;opacity:.67}.planet:before{content:'';position:absolute;width:70%;height:30%;background:#fff4c412;filter:blur(12px);transform:rotate(-25deg);top:25%;left:4%}.orbit{position:absolute;inset:69px -55px;border:1px solid #d9b47255;border-radius:50%;transform:rotate(-26deg);box-shadow:0 2px 0 #e0ba6c09}.orbit.back{inset:47px -45px;transform:rotate(22deg);border-color:#e7bb691a}.planet-shadow{position:absolute;bottom:-10px;width:100%;height:20px;border-radius:50%;background:#0003;filter:blur(12px)}.bean{position:absolute;z-index:2;display:flex;flex-direction:column;gap:5px;align-items:center;font-size:10px;color:#e9d8af;animation:float 4s ease-in-out infinite}.bean-icon{width:39px;height:39px;border:1px solid #e6c27d56;border-radius:50%;display:grid;place-items:center;background:#bd995326;box-shadow:0 0 20px #d3ae4920;backdrop-filter:blur(3px)}.seed{height:20px;width:13px;display:block;border-radius:65% 35% 60% 40%;transform:rotate(32deg);background:linear-gradient(130deg,#fff6c2,#e8be62 50%,#99702a);box-shadow:inset 2px 1px 2px #fff8c478,2px 2px 4px #0004}.bean:nth-of-type(1){left:8%;top:40%;animation-delay:-1s}.bean:nth-of-type(2){right:6%;top:24%;animation-delay:-2s}.bean:nth-of-type(3){right:14%;bottom:10%;animation-delay:-.5s}.bean:nth-of-type(4){left:20%;top:7%}.bean:nth-of-type(5){left:6%;bottom:7%;animation-delay:-3s}@keyframes float{50%{transform:translateY(-9px)}}.hero-bottom{position:absolute;bottom:23px;left:0;right:0;text-align:center}.hero-bottom small{font-size:10px;color:#a9a9a7}.harvest-count{font-size:25px;font-weight:500;letter-spacing:1px;margin:5px 0 12px}.harvest-count small{font-size:11px;letter-spacing:0;margin-left:6px}.primary{padding:12px 25px;border-radius:8px;background:linear-gradient(110deg,#ead2a1,#d4ae67);color:#55401c;font-weight:600;font-size:12px;display:inline-flex;justify-content:center;gap:8px;align-items:center;transition:filter .15s,transform .15s}.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.primary .icon{width:16px;height:16px}.hero-bottom .primary{min-width:170px}.hero-footnote{position:absolute;bottom:24px;right:22px;color:#8f9399;font-size:9px}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:23px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-title h2{font-size:15px;margin:0;display:flex;align-items:center;gap:9px}.panel-title h2 .icon{color:#b68e4b;width:19px;height:19px}.text-link{font-size:11px;color:#929aa5;display:inline-flex;gap:5px;align-items:center}.text-link .icon{width:12px;height:12px}.wallet-card{padding:25px 23px 20px;background:linear-gradient(140deg,#fffcf5,#fff);position:relative;overflow:hidden}.eyebrow{font-size:11px;color:#a69376;display:flex;align-items:center;gap:7px}.balance{font-size:35px;letter-spacing:1px;margin:12px 0 3px;font-weight:600;color:#3b3940}.wallet-card .sub{font-size:11px;color:#a3a1a0}.wallet-decoration{position:absolute;right:24px;top:46px;width:36px;height:44px;opacity:.4;transform:rotate(25deg);border-radius:60% 40% 65% 35%;background:linear-gradient(130deg,#f9e9c5,#d6b36b)}.goal-progress{margin-top:22px;border-top:1px solid #f1eadf;padding-top:18px}.goal-label{display:flex;justify-content:space-between;font-size:11px;color:#8f8981}.goal-label b{color:#b18b4c;font-weight:500}.progress{height:5px;background:#efece6;border-radius:5px;overflow:hidden;margin:11px 0}.progress div{height:100%;background:linear-gradient(90deg,#ddc896,#bf964f);border-radius:5px}.tiny{font-size:10px;color:#a3a7af;line-height:1.8}.wallet-card .primary{width:100%;margin-top:17px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.stat{text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat .icon{color:#b99559;width:19px;height:19px;margin-bottom:6px}.stat b{display:block;font-size:19px;font-weight:600}.stat span{display:block;font-size:10px;color:#a0a6ae;margin-top:6px}.task-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f2f3f5}.task-row:last-child{border:0;padding-bottom:0}.task-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#faf5ea;color:#b49254}.task-icon .icon{width:18px;height:18px}.task-info{flex:1}.task-info strong{font-size:12px;font-weight:500}.task-info small{font-size:10px;color:#a1a7af;display:block;margin-top:5px}.reward{font-size:10px;color:#b48a43}.outline-btn{font-size:10px;color:#b18b4c;background:#fcf8f0;border:1px solid #efe4d1;padding:7px 13px;border-radius:6px;white-space:nowrap}.task-row .outline-btn{margin-left:10px}.together{background:linear-gradient(135deg,#f6f4ef,#fffdf9);position:relative}.together p{font-size:11px;color:#99968e;line-height:1.9;margin:13px 0}.avatars{display:flex;align-items:center;margin-top:17px}.avatars span{width:29px;height:29px;border:2px solid white;border-radius:50%;margin-left:-6px;display:grid;place-items:center;background:#e2d7c4;color:#9d8a66;font-size:10px}.avatars span:first-child{margin-left:0}.avatars small{font-size:10px;color:#9c9b97;margin-left:10px}.together .outline-btn{width:100%;margin-top:17px;padding:10px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.feature-card{position:relative;min-height:138px;overflow:hidden;padding:24px;border-radius:13px;border:1px solid var(--line);background:#fff;text-align:left}.feature-card.gold{background:linear-gradient(110deg,#f6eddb,#fcf7ee);border-color:#f0e5d0}.tag{font-size:8px;letter-spacing:1px;color:#b68e4b;border:1px solid #dfc999;display:inline-block;padding:3px 6px;border-radius:3px}.feature-card h3{font-size:15px;font-weight:600;margin:10px 0 7px}.feature-card p{font-size:10px;color:#999b9d;margin:0}.feature-card .arrow{position:absolute;bottom:22px;right:22px;color:#b29b74}.gold-bar{position:absolute;right:25px;top:29px;width:75px;height:48px;background:linear-gradient(135deg,#f7e3a6,#c59a43 58%,#a27830);clip-path:polygon(18% 0,84% 0,100% 82%,88% 100%,0 100%,3% 16%);transform:rotate(-20deg);display:grid;place-items:center;color:#faedc0;font-size:11px;box-shadow:10px 8px 10px #0004}.gold-bar:after{content:'Au 999';transform:rotate(0deg);font-family:Georgia,serif;font-size:13px}.feature-card .icon-art{position:absolute;right:29px;top:33px;color:#c4bba7}.icon-art .icon{width:47px;height:47px;stroke-width:1}.activity{font-size:11px;display:flex;align-items:center;gap:12px;color:#9ca1a9;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.activity .icon{width:15px;height:15px;color:#b39a70}.activity span{color:#a58c61}.page-footer{display:flex;justify-content:space-between;font-size:9px;color:#adb2bb;margin-top:26px}.page-footer div{display:flex;gap:18px}.full-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:23px}.section-hero{background:var(--dark);border-radius:15px;color:#ead8b8;padding:30px;margin-bottom:23px;position:relative;overflow:hidden}.section-hero h2{font-size:24px;margin:10px 0 12px}.section-hero p{color:#a9adb4;font-size:12px;max-width:620px;line-height:1.9}.section-hero .tag{border-color:#756342}.large-num{font-size:42px;font-weight:600;margin:20px 0 8px}.large-num small{font-size:12px;font-weight:400;margin-left:10px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{padding:24px;background:white;border:1px solid var(--line);border-radius:14px}.product-art{height:145px;background:#faf7f0;border-radius:10px;position:relative;display:grid;place-items:center}.product-art .gold-bar{position:relative;inset:auto;width:110px;height:64px}.product h3{font-size:16px;margin:22px 0 10px}.product p{font-size:11px;color:#979da6;line-height:1.9}.product .primary{width:100%;margin-top:16px}.gold-cost{font-size:20px;color:#b18a45;margin:17px 0 8px}.gold-cost small{font-size:10px}.tabs{display:flex;gap:7px;margin-bottom:22px}.tabs button{padding:9px 18px;border-radius:7px;font-size:12px;color:#9a9fa8}.tabs button.active{background:#f3ead8;color:#a58140}.ledger-row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px}.ledger-row:last-child{border:0}.ledger-row .task-icon{background:#f7f5ef}.ledger-row strong{font-size:12px;font-weight:500}.ledger-row small{display:block;font-size:10px;color:#a2a7ae;margin-top:7px}.ledger-amount{margin-left:auto;color:#ae8a4b;font-size:16px;white-space:nowrap}.empty{padding:45px 15px;text-align:center;color:#999fa9;font-size:12px;line-height:2}.quote{font-family:Georgia,serif;font-size:23px;line-height:1.8;margin:22px 0;color:#676050}.step{display:flex;gap:17px;padding:17px 0;align-items:start}.step>span{border:1px solid #e6d7ba;color:#ad8c51;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:11px;flex:none}.step strong{font-size:13px}.step p{font-size:11px;color:#979da6;line-height:1.8;margin-bottom:0}.form-label{display:block;margin:19px 0;font-size:12px}.form-label span{display:flex;justify-content:space-between;margin-bottom:12px}.form-label input[type=range]{width:100%;accent-color:#b59355}.form-label input[type=number],input[type=text],select{width:100%;padding:12px;border:1px solid #e2e5e9;border-radius:8px;background:#fff;color:#535d6b;outline-color:#c4a56c}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}td,th{padding:15px 9px;border-bottom:1px solid var(--line)}th{font-weight:500;color:#9ba1aa}td{line-height:1.8}.info-strip{padding:15px 20px;background:#f9f3e6;color:#a08b65;border:1px solid #eee1c8;border-radius:9px;font-size:11px;line-height:1.9;margin:20px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.metric{border:1px solid var(--line);border-radius:10px;padding:20px;background:white}.metric small{color:#9a9fa8;font-size:11px}.metric b{display:block;margin-top:13px;font-size:24px;color:#ad8b51}.mobile-nav{display:none}#toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#26303e;color:white;border-radius:10px;padding:14px 23px;font-size:12px;box-shadow:0 8px 30px #0002;z-index:100;transition:.2s;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:18px;padding:30px;width:440px;max-width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#17202f80;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{font-size:19px;margin:0}.modal-head button{color:#929aa7;font-size:23px}.modal-body{font-size:12px;color:#8b939e;line-height:1.9}.modal-body strong{color:#554b37}.modal-body .primary{width:100%;margin-top:22px}.answer{display:flex;align-items:center;width:100%;border:1px solid #e9e2d6;border-radius:8px;padding:12px;margin-top:10px;text-align:left}.answer:hover{background:#fcf7ec}.poster{padding:32px;border-radius:12px;background:radial-gradient(circle at 85% 25%,#69522e,#28313c 60%);text-align:center;color:#ead6aa}.poster .brandmark{margin:auto}.poster h3{font-size:22px;margin:25px 0 10px}.poster .poster-num{font-size:37px;margin:20px 0}.poster p{font-size:10px;line-height:1.9;color:#bfb9ae}.poster small{font-size:9px;color:#928f88}.pending-tag{font-size:9px;background:#f8f1e2;color:#b08c49;padding:5px 8px;border-radius:5px}.rules-list{padding-left:18px;line-height:2.2;font-size:12px;color:#8c939c}.celebrate{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,#f6d58b22,transparent);animation:fade 1s forwards}@keyframes fade{to{opacity:0}}button:focus-visible,a:focus-visible{outline:2px solid #b79557;outline-offset:4px}@media(min-width:1550px){.hero{height:465px}.planet-wrap{width:295px;height:295px}}@media(max-width:1200px){.sidebar{width:190px;padding:30px 15px}.shell{grid-template-columns:190px 1fr}.brand{font-size:19px}.content{padding:27px}.topbar{padding:0 27px}.dashboard{grid-template-columns:minmax(380px,1fr) 280px;gap:18px}.panel{padding:20px}.hero-footnote{display:none}.task-info small{max-width:190px}.product-grid{gap:13px}.product{padding:18px}}@media(max-width:1000px){.sidebar{width:170px;padding:30px 10px}.shell{grid-template-columns:170px 1fr}.brand{font-size:17px;gap:7px}.brandmark{width:31px;height:31px}.nav button{padding:14px 12px}.dashboard{grid-template-columns:1fr}.right-col{grid-template-columns:1fr 1fr}.right-col .together{grid-column:1/-1}.full-grid{grid-template-columns:1fr}.hero{height:430px}.product-grid{grid-template-columns:repeat(3,1fr)}.gold-cost{font-size:17px}}@media(max-width:650px){.shell{display:block}.sidebar{display:none}.workspace{display:block}.topbar{height:64px;padding:0 20px;background:white}.breadcrumbs{font-size:14px;font-weight:600;color:#ac8748}.breadcrumbs span{display:none}.top-right{gap:14px}.top-right>span:last-child{display:none}.content{padding:24px 17px 95px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.date{font-size:10px}.date .icon{display:none}.dashboard{gap:17px}.hero{height:430px;border-radius:15px}.planet-wrap{width:245px;height:245px;top:43%}.hero-label{left:21px}.hero-sub{left:21px}.hero-bottom{bottom:24px}.right-col{grid-template-columns:1fr}.right-col .together{grid-column:auto}.left-col,.right-col{gap:17px}.bottom-grid{gap:13px}.feature-card{padding:18px;min-height:154px}.feature-card h3{font-size:14px}.feature-card p{font-size:9px;max-width:110px;line-height:1.8}.feature-card .gold-bar{width:44px;height:28px;right:16px;top:29px}.gold-bar:after{font-size:8px}.feature-card .icon-art{right:15px;top:23px}.icon-art .icon{width:33px}.panel{padding:22px}.task-info small{max-width:none}.task-row{gap:9px}.reward{font-size:9px}.task-row .outline-btn{margin-left:1px;padding:7px 9px}.task-info strong{font-size:11px}.task-info small{font-size:9px}.activity{font-size:9px;gap:6px}.page-footer{display:block;text-align:center;font-size:8px;line-height:2}.page-footer div{justify-content:center;margin-top:5px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);padding:11px 5px calc(10px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:20}.mobile-nav button{display:grid;justify-items:center;gap:5px;color:#999fa8;font-size:9px}.mobile-nav button.active{color:#ac8442}.mobile-nav .icon{width:20px;height:20px}.product-grid{grid-template-columns:1fr}.product{display:grid;grid-template-columns:105px 1fr;gap:0 18px;padding:20px}.product-art{grid-row:1/6;height:150px}.product-art .gold-bar{width:70px;height:42px}.product h3{margin:3px 0 9px;font-size:15px}.product p{margin:0;font-size:10px}.gold-cost{font-size:17px;margin:13px 0 0}.product .primary{margin-top:13px;padding:10px}.section-hero{padding:24px}.section-hero h2{font-size:21px}.metrics{gap:8px}.metric{padding:15px 10px}.metric b{font-size:18px}.metric small{font-size:9px}.balance{font-size:36px}.full-grid{gap:17px}.panel-title h2{font-size:14px}.task-page .task-info small{max-width:150px}.task-page .task-row{gap:8px}.task-page .reward{font-size:9px}#toast{bottom:90px;white-space:normal;width:max-content}.top-right .demo-pill{font-size:9px}.section-hero .large-num{font-size:35px}td,th{padding:12px 6px;font-size:10px}.quote{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}