@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft Yahei,sans-serif;color:#f4f2f0;background:#090b12;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}.shell{max-width:480px;min-height:100dvh;margin:auto;padding:0 20px 22px;background:radial-gradient(ellipse 65% 28% at 55% 17%,#1e2522 0%,transparent 100%),#090b12}.top{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:10px}.logo{display:grid;place-items:center;width:36px;height:36px;border:1px solid #c7ef9c70;border-radius:10px;background:#b9e98f12;color:#c4ed99;font-size:24px}.brand strong{display:block;letter-spacing:.08em;font-size:15px}.brand-en{color:#b9e98f;font-size:9px;letter-spacing:.16em;margin-left:5px}.brand small{display:block;font-size:8px;color:#727d80;letter-spacing:.2em;margin-top:5px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#252b2c;color:#c5e89b}.hero{padding:30px 0 25px}.eyebrow,.overline{font-size:10px;font-weight:700;letter-spacing:.18em;color:#a2c889}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c4ed99;margin-right:6px}.hero h1,.subpage h1{font-size:33px;line-height:1.32;letter-spacing:-.06em;margin:12px 0 8px}.hero h1 span,.subpage h1 em{font-style:normal;color:#bee68f}.hero p,.subpage>p{font-size:12px;color:#8d9495;margin:0;line-height:1.8}.hero-count{margin-top:16px;font-size:10px;color:#c0c8bd}.hero-count span{color:#bfe890}.hero-count .separator{margin:0 5px;color:#686d72}.preview{padding:17px 16px 13px;border:1px solid #323a32;border-radius:19px;background:linear-gradient(145deg,#1a231d,#101518 72%);overflow:hidden;position:relative}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.live{color:#bfe890;font-size:8px;letter-spacing:0;margin-left:7px}.cup-tag{padding:5px 8px;background:#ffffff0b;border:1px solid #ffffff19;border-radius:30px;font-size:9px;color:#b8bebc}.cup-stage{height:245px;position:relative;display:flex;justify-content:center;align-items:center}.halo{position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#bedc9640,transparent 66%);filter:blur(4px)}.cup-art{position:relative;width:137px;height:191px;margin-top:15px;filter:drop-shadow(0 16px 19px #0009)}.lid{position:absolute;z-index:4;width:157px;height:17px;background:linear-gradient(#faf2d9,#a5a396);border-radius:65% 65% 30% 30%;top:2px;left:-10px;border-bottom:4px solid #7e7d70}.straw{position:absolute;width:10px;height:70px;background:linear-gradient(90deg,#f5e3c1,#f8faf1,#abada2);transform:rotate(8deg);z-index:1;left:70px;top:-45px;border-radius:4px}.glass{position:absolute;top:13px;bottom:0;left:3px;width:130px;overflow:hidden;clip-path:polygon(1% 0,99% 0,88% 100%,12% 100%);border:2px solid #ffffff66;background:linear-gradient(100deg,#ffffff35,#ffffff0c 40%,#ffffff20 80%);border-radius:4px 4px 20px 20px}.drink{position:absolute;bottom:0;left:0;right:0;height:83%;transition:height .5s}.milk-layer{position:absolute;top:17%;left:0;right:0;height:23%;background:linear-gradient(170deg,#f1d6a5d9,#e0b88766);filter:blur(6px);transition:opacity .3s}.pearls{position:absolute;bottom:11px;left:18px;width:95px;display:flex;flex-wrap:wrap;gap:6px;color:#37291f;text-shadow:1px 2px 1px #261e17}.glass-logo{position:absolute;top:43%;left:0;width:100%;text-align:center;color:#faf0db;font-size:13px;font-weight:700;letter-spacing:.2em;text-shadow:0 2px 5px #2d3428}.cup-bottom{position:absolute;bottom:-4px;left:19px;width:100px;height:10px;border-radius:50%;background:#af927d}.floating-note{position:absolute;font-size:10px;letter-spacing:.1em;color:#d5e6b4;line-height:1.6}.floating-note b{font-size:15px}.left-note{left:12px;top:100px;transform:rotate(-12deg)}.right-note{right:11px;top:82px;transform:rotate(11deg)}.stage-label{text-align:center;font-size:11px;color:#c5d5c0;min-height:25px}.gold{color:#d5db9d}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff1b;padding-top:12px;gap:4px}.stats>div:not(:first-child){border-left:1px solid #ffffff1b;padding-left:13px}.stats small{display:block;color:#969d97;font-size:10px;margin-bottom:5px}.stats b{font-size:19px}.stats i{font-size:10px;font-style:normal;font-weight:400;color:#9fa9a0}.stats .price{color:#c2e994}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 16px}.section-heading h2,.summary h2{margin:7px 0 0;font-size:20px;letter-spacing:-.04em}.section-number{font-size:10px;letter-spacing:0;font-weight:500;color:#747e7e;margin-left:8px}.spark{font-size:28px;color:#bad991}.tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 14px}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;display:flex;align-items:center;gap:5px;flex-direction:column;min-width:58px;padding:11px 10px;border-radius:11px;border:1px solid #272e32;background:#151922;color:#9ba2a4;font-size:11px}.tabs button span{font-size:19px}.tabs button.active{background:#bcdf94;color:#1a241d;border-color:#bcdf94;font-weight:700}.options-panel{padding:17px 13px;border-radius:16px;border:1px solid #272e32;background:#141821}.panel-header{display:flex;justify-content:space-between;align-items:center;margin:0 2px 13px}.panel-header h3{font-size:15px;margin:0}.panel-header span{font-size:10px;color:#828b8d}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice{min-height:71px;text-align:left;display:flex;align-items:center;gap:8px;border:1px solid #343b40;background:#1c222b;color:#f1f4ee;border-radius:11px;padding:10px 8px;min-width:0}.choice.chosen{border-color:#bce68c;background:#bde98c0f}.choice-icon{width:31px;height:34px;border-radius:9px;background:#ffffff0b;display:grid;place-items:center;font-size:19px;flex-shrink:0}.choice-name{font-size:11px;font-weight:650;min-width:0;flex:1}.choice-name small{display:block;color:#a0a9a8;margin-top:6px;font-size:9px;font-weight:400}.check{width:19px;height:19px;border:1px solid #4c5855;border-radius:50%;display:grid;place-items:center;color:#9fab9d;flex-shrink:0;font-size:13px}.chosen .check{border-color:#bce68c;background:#bce68c;color:#182018}.panel-actions{display:flex;justify-content:space-between;margin-top:17px}.ghost-button,.next-button{border:0;background:transparent;color:#8e989a;padding:8px;font-size:12px}.next-button{color:#bde895;font-weight:700}.summary{background:#141820;border:1px solid #292f36;border-radius:16px;padding:18px 16px;margin-top:22px}.summary-header{margin-bottom:13px}.detail-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:11px;border-bottom:1px solid #ffffff0d}.detail-line span{color:#9aa5a3}.detail-line b{font-size:11px;text-align:right;font-weight:550}.detail-line.total{border-bottom:0}.detail-line.total b{color:#c2e994;font-size:19px}.summary p{color:#697679;font-size:9px;line-height:1.6;margin:8px 0 0}.actions{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;margin:19px 0 28px}.secondary-btn,.primary-btn{height:48px;border-radius:12px;font-size:12px;font-weight:700}.secondary-btn{color:#d8ded7;border:1px solid #3e4849;background:#191e25}.primary-btn{color:#15201a;border:0;background:#c3ea98;box-shadow:0 5px 22px #c3ea981c}.primary-btn span{margin-left:8px}.subpage{padding:26px 0 30px}.back{background:none;border:0;color:#b1babc;font-size:12px;padding:0;margin-bottom:48px}.subpage h1{margin-top:16px;font-size:36px}.input-label{display:block;margin:40px 0 18px;font-size:11px;color:#b6bdba}.input-label input{display:block;width:100%;padding:17px;background:#181e25;border:1px solid #3a4447;border-radius:12px;color:#f7f9f4;font-size:16px;margin-top:12px;outline:none}.input-label input:focus{border-color:#bde895}.save-card{display:flex;gap:16px;align-items:center;border:1px solid #323b34;background:#172019;border-radius:14px;padding:20px;margin-bottom:22px}.save-card>span{font-size:36px;color:#c5e997}.save-card strong,.save-card small{display:block}.save-card small{color:#9da99c;font-size:11px;margin-top:8px}.full{width:100%}.text-btn{display:block;margin:18px auto;border:0;background:transparent;color:#c0df9e;font-size:12px}.detail-hero{height:180px;border-radius:20px;background:radial-gradient(circle at 50% 80%,#536842,#17221b 65%);margin:30px 0 10px;display:flex;align-items:center;justify-content:center;flex-direction:column}.detail-hero span{font-size:65px;color:#c6ec98}.detail-hero b{font-size:15px;letter-spacing:.35em}.detail-hero small{margin-top:10px;color:#a7b4a5}.qr-wrap{padding:25px 0;text-align:center}.qr-wrap img{display:block;margin:17px auto 10px;width:185px;height:185px;border:8px solid white;border-radius:12px}.qr-wrap p{font-size:11px;color:#8f9c99}.detail-summary{margin-top:15px}footer{padding:20px 0 2px;display:flex;justify-content:space-between;color:#5d6866;border-top:1px solid #ffffff12;font-size:9px;letter-spacing:.1em}footer span:first-child{color:#a9c98b}.toast{position:fixed;z-index:20;bottom:26px;left:50%;transform:translate(-50%);background:#d0efad;color:#132015;padding:12px 20px;border-radius:12px;font-size:12px;white-space:nowrap;box-shadow:0 8px 40px #0008}.brewing{animation:float 1.3s ease-in-out infinite alternate}@keyframes float{to{transform:translateY(-8px)}}@media (min-width:481px){body{background:#181b1c}.shell{box-shadow:0 0 90px #0008}}@media (max-width:360px){.shell{padding-left:14px;padding-right:14px}.choice{padding:7px 5px;gap:5px}.choice-name{font-size:10px}.tabs{margin-left:-14px;margin-right:-14px;padding-left:14px}.hero h1{font-size:29px}}.library-trigger{border:1px solid #3b493c;font-size:19px;cursor:pointer}.accent{color:#c3ea98}.library-list{margin:26px 0}.library-item{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:12px 9px;border-bottom:1px solid #ffffff18}.library-item button{border:0;background:transparent;color:#e5f0dc;text-align:left;padding:8px}.library-item button:first-child{flex:1}.library-item b{display:block;font-size:14px}.library-item small{display:block;color:#8ca794;font-size:10px;margin-top:9px}.library-item .remove{color:#e1aaa3;font-size:12px}.empty-state{color:#899890;font-size:12px;line-height:1.8;padding:23px 0}.import-section{border:1px solid #303d32;border-radius:15px;background:#141b1a;padding:18px;margin-top:32px}.import-section h2{font-size:18px}.import-section textarea{display:block;width:100%;resize:vertical;background:#11171a;color:#e6ecdf;border:1px solid #354437;border-radius:10px;padding:13px;margin:15px 0;font:12px/1.6 inherit;outline:none}.import-section textarea:focus{border-color:#bfe591}.recovery-warning{background:#3b2b1a;border:1px solid #a88b58;border-radius:12px;margin:14px 0;padding:16px;color:#f0d9af;font-size:12px;line-height:1.7}.recovery-warning button{width:100%;margin-top:8px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:23px 0 0;padding:5px;background:#171c22;border:1px solid #323a3e;border-radius:15px}.mode-switch button{border:0;border-radius:11px;padding:13px 5px;color:#aab2ab;background:transparent;font-size:12px;font-weight:650}.mode-switch button.selected{background:#bde895;color:#17251c;box-shadow:0 3px 13px #bde89520}.mode-switch button:disabled{opacity:.55}.mode-hint{margin:0 0 14px;padding:12px;border-radius:10px;border:1px solid #58765180;background:#23322565;color:#c0d8b6;font-size:11px;line-height:1.75}.no-extra-milk{padding:20px 10px;text-align:center;font-size:12px;color:#c3e6a4;background:#202b2460;border:1px dashed #72965d;border-radius:12px}.category-tag{display:inline-flex;vertical-align:middle;align-items:center;padding:4px 7px;background:#c1ec9620;border:1px solid #a8d47b66;color:#b8e48b;border-radius:16px;font-size:9px;letter-spacing:0;white-space:nowrap;font-weight:500}.sweetness-alert{margin:12px 0;background:#32291a;border:1px solid #937747a6;border-radius:11px;padding:11px 13px;color:#e6d0a5}.sweetness-alert strong{font-size:12px}.sweetness-alert p{color:#d4bb90!important;font-size:10px!important;line-height:1.7!important;margin:6px 0 0!important}.zero-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 -2px;padding:8px 10px;border-radius:10px;background:#171f1b;border:1px solid #8fbd7150;font-size:10px}.zero-status span{color:#bde895;font-weight:700;letter-spacing:.08em}.zero-status b{color:#d5ded4;font-weight:500}.zero-text{color:#bde895!important}