@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#30383d;font-synthesis:none;background:#f5f7f8;font-family:Noto Sans SC,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:#445456;background:#fff;border:1px solid #dce3e5;border-radius:7px;padding:9px 15px;transition:all .18s}button:hover:not(:disabled){color:#245c4b;background:#f2f8f5;border-color:#437969}button:disabled{cursor:not-allowed;opacity:.45}button.primary{color:#fff;background:#305d50;border-color:#305d50;box-shadow:0 4px 10px #234f3b12}button.primary:hover:not(:disabled){color:#fff;background:#244a3f}input,select,textarea{color:#344443;background:#fff;border:1px solid #dae2e3;border-radius:6px;outline:none;width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#5b907e;box-shadow:0 0 0 3px #3c886414}input[type=number]{font-variant-numeric:tabular-nums}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1px;margin:7px 0 10px;font-size:28px}h2{margin-bottom:15px;font-size:19px}h3{margin-bottom:16px;font-size:16px}p{line-height:1.8}small{color:#8a989a;font-size:12px;line-height:1.7}a{color:#305d50}.admin-shell{min-height:100vh;display:flex}.sidebar{z-index:10;background:#fff;border-right:1px solid #e8eded;flex-direction:column;width:220px;padding:32px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#2c5648;align-items:center;gap:12px;margin:0 13px 38px;font-size:22px;font-weight:700;display:flex}.brand>span{font-size:39px;font-weight:400}.brand small{letter-spacing:3px;font-size:9px;font-weight:500;display:block}.nav-heading{letter-spacing:2px;margin-bottom:10px;padding:0 18px;font-size:11px}nav{gap:5px;display:grid}nav button{text-align:left;color:#778285;background:0 0;border:0;align-items:center;gap:13px;padding:13px 16px;display:flex}nav button>span{width:20px;font-size:20px;line-height:1}nav button.active{color:#2e6050;background:#eaf2ed;font-weight:600}nav button em{background:#d5e7dc;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-style:normal}.side-bottom{color:#7c8d87;margin-top:auto;padding:30px 14px 0;font-size:12px}.side-bottom small{margin:8px 0 0 14px;display:block}.online-dot{background:#76a38d;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}main{width:calc(100% - 220px);margin-left:220px}.topbar{color:#657372;background:#fffd;border-bottom:1px solid #e7eced;justify-content:space-between;align-items:center;height:70px;padding:0 38px;font-size:12px;display:flex}.topbar i{color:#ccd2d0;margin:0 12px;font-style:normal}.topbar>div{align-items:center;gap:14px;display:flex}.mode{color:#977b40;background:#f6efdf;border-radius:5px;padding:5px 10px;font-size:11px}.avatar{color:#3b6556;background:#e6eeea;border-radius:50%;padding:7px;font-size:12px}.content{max-width:1630px;margin:auto;padding:30px 38px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-heading small{letter-spacing:2px;color:#84968e;font-size:10px}.page-heading p{color:#8a9597;margin-bottom:0;font-size:12px}.env-banner{color:#8b814b;background:#f4f3e9;border:1px solid #e9e7d4;border-radius:8px;align-items:center;gap:12px;margin-bottom:26px;padding:14px 18px;display:flex}.env-banner b{font-size:12px;font-weight:500}.env-banner small{color:#989173;font-size:11px;display:block}.env-banner button{color:#8b814b;white-space:nowrap;background:0 0;border:0;margin-left:auto;font-size:11px}.metrics{grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 26px;display:grid}.metric{background:#fff;border:1px solid #e9edef;border-radius:9px;padding:22px 25px}.metric>span{color:#7b8988;font-size:12px;display:block}.metric strong{color:#325b50;margin:10px 0;font-size:32px;font-weight:600;line-height:1;display:block}.metric small{font-size:10px}.hero{background:#e5eee6;border-radius:12px;justify-content:space-between;min-height:300px;margin-bottom:32px;padding:35px 40px;display:flex;position:relative;overflow:hidden}.pill{color:#58806b;letter-spacing:1px;border:1px solid #cadccf;border-radius:4px;padding:5px 10px;font-size:10px;display:inline-block}.hero h2{color:#2c5445;margin:13px 0;font-size:30px;font-weight:500;line-height:1.6}.hero p{color:#7f9684;font-size:12px}.hero button{background:#ffffffab;border-color:#0000;font-size:12px}.hero-art{justify-content:center;align-items:center;gap:22px;width:42%;display:flex;position:relative;transform:rotate(-8deg)}.orbit{border:1px solid #bfd4c188;border-radius:50%;width:330px;height:330px;position:absolute;box-shadow:0 0 0 35px #d5e3d450,0 0 0 75px #dbe7d830}.hero-art .bottle{z-index:1;margin:35px;transform:scale(2.5);box-shadow:10px 20px 25px #35513925}.spark{color:#9db9a0;font-size:60px;position:absolute;top:10%;right:10%}.section-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.section-head h2{margin:0}.section-head h2 small{margin-left:14px;font-weight:400}.section-head button{color:#477564;background:0 0;border:0;font-size:12px}.section-head p{margin:7px 0 0;font-size:12px}.panel{background:#fff;border:1px solid #e7ecee;border-radius:10px;margin-bottom:22px;padding:25px}.recent{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.recent .panel{text-align:left}.recent h3{margin:14px 0 8px}.template-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.template-card{background:#fff;border:1px solid #e5eae7;border-radius:12px;overflow:hidden}.template-art{background:radial-gradient(at 50% 100%,#e2d4b975,#0000),#e6ede1;justify-content:center;align-items:center;gap:40px;height:205px;display:flex;position:relative}.template-art .bottle{transform:scale(1.55);box-shadow:10px 14px 20px #484b3626}.template-art em{color:#6a8067;letter-spacing:1px;background:#fff8;border-radius:4px;padding:5px 9px;font-size:10px;font-style:normal;position:absolute;top:18px;right:18px}.template-art>span{color:#b193a0;text-shadow:0 12px 20px #0001;font-size:82px}.template-1 .template-art{background:#f3e8ec}.template-2 .template-art{background:#e7e9f4}.template-2 .template-art>span{color:#8e94b2}.template-body{padding:26px}.template-body>small{letter-spacing:1px;font-size:10px}.template-body h2{margin:7px 0 13px;font-size:23px}.template-body p{color:#8d9697;min-height:43px;font-size:12px}.chips{gap:8px;margin-bottom:22px;display:flex}.chips span{color:#718778;background:#f3f6f4;border-radius:4px;padding:4px 8px;font-size:10px}.template-body>button{width:100%}.bottle{color:#fff;background:linear-gradient(100deg,#685395,#c0a8dc 45%,#745795);border-radius:10px 10px 12px 12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:62px;margin-top:18px;display:flex;position:relative}.bottle i{background:#3d3247;border-radius:4px 4px 0 0;width:18px;height:22px;position:absolute;top:-19px;left:10px}.bottle b{font-size:19px;font-weight:500}.bottle.cream{background:linear-gradient(100deg,#ac7758,#e6c8a8 45%,#b68158);border-radius:5px 5px 12px 12px;height:42px}.bottle.cream i{background:#9c7056;border-radius:5px;width:44px;height:13px;top:-10px;left:-3px}.bottle.mist{background:linear-gradient(100deg,#5d969b,#b9e0dc 45%,#5b979a)}.bottle.mist i{background:#4e7674;width:15px;height:17px;top:-13px;left:10px}.bottle.mist i:after{content:"";background:#4e7674;border-radius:5px;width:17px;height:5px;position:absolute;top:1px;left:10px}.toolbar{align-items:center;gap:14px;margin-bottom:20px;display:flex}.toolbar>input{width:240px;margin-left:auto}.toolbar>select{width:180px}.tabs{flex-wrap:wrap;gap:7px;display:flex}.tabs button{background:0 0;border:0;padding:8px 11px;font-size:12px}.tabs .selected{color:#315f4f;background:#edf4ef}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%;font-size:12px}th{color:#8f9a9d;background:#f7f9fa;padding:14px 13px;font-size:11px;font-weight:500}td{border-bottom:1px solid #edf0f1;padding:18px 13px}td small{margin-top:5px;font-size:10px;display:block}td b{font-weight:500}td button{padding:5px 8px;font-size:11px}tr:last-child td{border-bottom:0}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag{color:#859095;background:#eff1f3;border-radius:4px;padding:4px 8px;font-size:10px;display:inline-block}.tag.published,.tag.won,.tag.shipped{color:#4c8260;background:#eaf3ed}.tag.eligible,.tag.playing{color:#a18a4e;background:#f7efd9}.tag.bound{color:#7787b6;background:#edf0fb}.tag.paused,.tag.lost{color:#b1856c;background:#faece6}.empty{text-align:center;color:#92a49a;padding:45px 20px}.empty>span{font-size:37px}.empty h3{margin:10px;font-size:15px;font-weight:500}.empty p{color:#a9b3ae;font-size:11px}.muted{color:#8c999b;font-size:12px;line-height:1.9}.positive{color:#45886a}.simulator p{color:#8a9694;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{margin-bottom:20px;display:block}.field>span{color:#657772;margin-bottom:9px;font-size:12px;display:block}.field small{margin-top:6px;display:block}.field input,.field select,.field textarea{font-size:12px}.settings-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.settings-grid h2{margin-top:15px}.settings-grid p,.settings-grid li{color:#88948f;font-size:12px;line-height:2}.settings-row{border-bottom:1px solid #eef1ef;justify-content:space-between;padding:14px 0;font-size:12px;display:flex}.settings-row b{color:#8a7951;font-weight:500}.settings-grid ol{padding-left:18px}.funnel{align-items:center;gap:25px;margin:24px 0;font-size:12px;display:flex}.funnel>span{width:90px}.funnel>div{background:#f2f6f3;border-radius:5px;flex:1;height:23px;overflow:hidden}.funnel i{background:#88ae97;border-radius:5px;height:100%;display:block}.funnel b{width:50px;font-weight:500}footer{color:#a3acab;justify-content:space-between;margin-top:36px;font-size:10px;display:flex}.error{color:#a15850;background:#fff0ef;border:1px solid #f4d7d4;border-radius:6px;justify-content:space-between;margin-bottom:18px;padding:13px 18px;display:flex}.error button{color:inherit;background:0 0;border:0;padding:0}.error-text{color:#b4544b;font-size:12px}.toast{color:#fff;z-index:80;background:#254e41;border-radius:7px;padding:14px 25px;position:fixed;bottom:30px;left:50%;box-shadow:0 8px 24px #0002}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#162b2466;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;max-height:94vh;overflow:auto;box-shadow:0 20px 90px #18292144}.editor{width:1040px}.modal-head{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.modal-head h2{margin:5px 0 0}.modal-head small{letter-spacing:2px;font-size:9px}.modal-head button{background:#f4f6f5;border:0;font-size:11px}.stepper{border-bottom:1px solid #eff2f0;gap:22px;padding:20px 30px;display:flex}.stepper button{color:#9aa5a1;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:12px;display:flex}.stepper b{background:#f0f3f1;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.stepper .current{color:#37614e}.stepper .current b{color:#fff;background:#37614e}.editor-body{grid-template-columns:1fr 350px;min-height:540px;display:grid}.editor-fields{padding:30px}.editor-fields h3{margin:0 0 22px;font-weight:500}.preview-column{background:#f5f7f4;border-left:1px solid #eef2ed;flex-direction:column;align-items:center;padding:20px;display:flex}.preview-caption{color:#9ca99f;letter-spacing:2px;margin-bottom:14px;font-size:10px}.phone{text-align:left;background:#fffaf7;border:6px solid #fff;border-radius:28px;flex-shrink:0;width:270px;padding:15px;box-shadow:0 8px 28px #64796413}.phone>.island{background:#d8ded9;border-radius:8px;width:50px;height:6px;margin:0 auto 17px}.phone>small{color:#a59894;font-size:8px;display:block}.phone h3{color:#463c3d;overflow-wrap:anywhere;margin:5px 0 13px;font-size:20px}.phone-stats{color:#585051;background:#fff;border-radius:10px;justify-content:space-around;padding:9px 0;display:flex}.phone-stats span{font-size:16px;font-weight:600}.phone-stats small{font-size:8px;font-weight:400}.face-board{background:#f0ded8;border-radius:15px;height:220px;margin:12px 0;position:relative;overflow:hidden}.face{background:linear-gradient(#ffe7d6,#f1c4b4);border-radius:48% 48% 46% 46%;width:143px;height:203px;position:absolute;top:8px;left:42px;overflow:hidden}.hair{clip-path:polygon(0 0,100% 0,100% 100%,52% 40%,15% 80%,0 100%);background:#443434;border-radius:50% 50% 0 0;height:45px}.eyes{color:#65504a;font-size:26px;position:absolute;top:75px;left:26px}.lips{background:#b87977;border-radius:50%;width:28px;height:12px;position:absolute;bottom:42px;left:60px}.path-line{border-left:4px dotted #9888;height:208px;position:absolute;top:10px;left:110px;transform:rotate(-8deg)}.spot{text-align:center;color:#a58087;background:#fff6;border:2px dashed #b68c9d;border-radius:50%;width:25px;height:25px;font-style:normal;position:absolute}.one{top:58px;left:62px}.two{top:108px;right:36px}.three{bottom:34px;left:90px}.enemy{color:#413543;text-align:center;background:#716571;border-radius:50%;width:23px;height:23px;font-style:normal;position:absolute;top:32px;left:100px}.phone-products{justify-content:space-around;margin-bottom:10px;display:flex}.phone-products>div{flex-direction:column;align-items:center;width:33%;display:flex}.phone-products .bottle{margin-top:0;margin-bottom:-10px;transform:scale(.6)}.phone-products small{text-align:center;max-width:68px;font-size:7px}.phone-reward{text-align:center;background:#f2e9e1;border-radius:8px;flex-direction:column;margin-bottom:9px;padding:12px 5px;display:flex}.phone-reward b{font-size:10px;font-weight:500}.phone-reward span{color:#a78d7b;margin-top:4px;font-size:9px}.modal-foot{background:#fff;border-top:1px solid #eee;align-items:center;gap:15px;padding:18px 30px;display:flex;position:sticky;bottom:0}.modal-foot span{color:#a1aaa5;margin-right:auto;font-size:11px}.note{color:#8b936f;background:#f6f7f0;border:1px solid #e9ecdd;border-radius:6px;margin-bottom:20px;padding:15px;font-size:11px;line-height:1.9}.product-input{align-items:center;gap:15px;display:flex}.product-input>.field{flex:1;min-width:0}.product-input .bottle{margin-top:0;margin-left:-5px;margin-right:-5px;transform:scale(.65)}.review{grid-template-columns:140px 1fr;gap:20px;font-size:12px;line-height:1.7;display:grid}.review dt{color:#91a097}.review dd{color:#405748;margin:0}.compact{width:480px;padding:25px}.compact .modal-head{margin-bottom:20px;padding:0 0 18px}.compact>.phone{margin:15px auto}.compact>.primary{width:100%}.code{word-break:break-all;color:#8c9690;font-size:10px}.login{place-items:center;min-height:100vh;display:grid}.login .panel{width:420px;padding:40px}.login p{color:#8b9991;font-size:12px}@media (width>=1600px){.template-art{height:250px}.hero{min-height:350px}}@media (width<=1100px){.sidebar{width:180px;padding:25px 10px}main{width:calc(100% - 180px);margin-left:180px}.content{padding:24px}.hero-art .bottle{margin:24px;transform:scale(1.8)}.template-grid{gap:12px}.template-art{gap:23px}.template-body{padding:19px}.template-body h2{font-size:19px}.editor-body{grid-template-columns:1fr 300px}.preview-column{padding:15px}.metrics{gap:10px}.metric{padding:20px 16px}}@media (width<=760px){.sidebar{width:66px;padding:20px 5px}.brand{justify-content:center;margin:0 0 25px}.brand>div,.nav-heading,.side-bottom{display:none}nav button{gap:0;padding:15px;font-size:0}nav button span{font-size:20px}nav button em{display:none}main{width:calc(100% - 66px);margin-left:66px}.topbar{height:58px;padding:0 16px}.topbar>div{gap:8px;font-size:0}.content{padding:20px 16px}.page-heading h1{font-size:24px}.page-heading p{max-width:210px;font-size:10px}.page-heading button{padding:9px;font-size:11px}.env-banner{padding:12px}.env-banner button{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.hero{padding:25px}.hero h2{font-size:24px}.hero-art{display:none}.template-grid,.recent,.settings-grid{grid-template-columns:1fr}.template-art{height:180px}.toolbar{flex-wrap:wrap}.toolbar>input{width:100%;margin:0}.panel{padding:16px}.editor-body{display:block}.preview-column{display:none}.editor-fields{padding:20px}.stepper{gap:10px;padding:15px}.stepper button{font-size:10px}.stepper b{width:20px;height:20px}.modal-head{padding:18px}.modal-head h2{font-size:16px}.modal-foot{padding:15px}.modal-foot span{display:none}.form-grid{grid-template-columns:1fr}.product-input{flex-wrap:wrap}.product-input .field{min-width:100px}.compact{width:100%}footer{line-height:2;display:block}footer span{display:block}}.live-preview{max-width:340px;margin:auto}.live-preview canvas{touch-action:manipulation;border-radius:14px;width:100%;display:block}.live-preview h3{margin-bottom:14px}.live-preview .muted{margin:8px 0;font-size:10px}.play-products{gap:6px;margin:12px 0;display:flex}.play-products button{flex:1;padding:8px 5px;font-size:10px}.play-products small{font-size:9px;display:block}.live-preview>button{margin:4px 5px 4px 0;font-size:12px}