:root{--mars-red: #ce0e2d;--mars-red-dark: #a8001c;--ink: #171717;--muted: #817976;--line: #d9d0ca;--paper: #f5f1ec;--white: #fffdfa;--shadow: 0 1.25rem 4rem rgba(52, 30, 23, .1);--header-height: 6.5rem;color:var(--ink);font-family:Prompt,Noto Sans TC,sans-serif;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--ink)}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 12% 8%,rgba(206,14,45,.17),transparent 24rem),var(--ink)}button,input,textarea{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(206,14,45,.3);outline-offset:3px}.app-shell{position:relative;width:min(100%,1440px);min-height:100vh;min-height:100dvh;margin:0 auto;overflow-x:hidden;background:linear-gradient(#ffffff9c,#ffffff9c),repeating-linear-gradient(100deg,rgba(70,48,36,.025) 0 1px,transparent 1px 5px),var(--paper)}.site-header{position:relative;z-index:30;display:grid;grid-template-columns:4rem 1fr 4rem;align-items:center;min-height:calc(var(--header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) clamp(1.25rem,4vw,4.5rem) 0}.icon-button,.brand,.language-switch{border:0;background:transparent;cursor:pointer}.back-button{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border-radius:50%}.back-button:hover{background:#1717170d}.back-button svg{width:1.6rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.brand{display:flex;grid-column:2;align-items:center;justify-self:center;gap:.85rem;padding:.4rem;color:var(--mars-red)}.mars-wordmark{display:block;width:10rem;height:auto}.brand-cafe{padding-left:.85rem;border-left:1px solid rgba(206,14,45,.35);font-size:.65rem;font-weight:600;letter-spacing:.28em;white-space:nowrap}.language-switch{display:flex;grid-column:3;align-items:center;justify-self:end;gap:.4rem;min-width:4rem;min-height:2.5rem;padding:.4rem .75rem;border:1px solid var(--line);border-radius:999px;background:#fffdfaad;font-size:.74rem;transition:border-color .18s ease,color .18s ease}.language-switch:hover{border-color:var(--mars-red);color:var(--mars-red)}.language-switch strong{font-weight:600}.screen{position:relative;min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height) - env(safe-area-inset-top));padding:1.25rem clamp(1.5rem,6vw,6.5rem) max(3rem,env(safe-area-inset-bottom))}.inner-screen{padding-top:.75rem}.screen-enter-active,.screen-leave-active{transition:opacity .24s ease,transform .36s cubic-bezier(.22,1,.36,1)}.screen-enter-from{opacity:0;transform:translateY(.75rem)}.screen-leave-to{opacity:0;transform:translateY(-.25rem)}.eyebrow{margin:0 0 1rem;color:var(--mars-red);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.step-meta{display:flex;justify-content:space-between;margin-bottom:clamp(2.5rem,6vh,4rem);padding-bottom:.9rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.page-intro h1,.creation-heading h1,.confirmation-content h1{margin:0;font-size:clamp(2.8rem,5vw,5.5rem);font-weight:500;letter-spacing:-.05em;line-height:.97;text-wrap:balance}.page-intro>p:last-child{max-width:31rem;margin:1.6rem 0 0;color:var(--muted);line-height:1.7}html[lang=zh-Hant-TW] .welcome-copy h1,html[lang=zh-Hant-TW] .page-intro h1,html[lang=zh-Hant-TW] .creation-heading h1,html[lang=zh-Hant-TW] .confirmation-content h1,html[lang=zh-Hant-TW] .processing-overlay h2{letter-spacing:-.025em;line-height:1.16;word-break:keep-all}html[lang=zh-Hant-TW] .experience-copy>strong{line-height:1.25}.welcome-screen{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(28rem,1.2fr);align-items:center}.welcome-copy{position:relative;z-index:5;align-self:start;margin-top:clamp(3rem,9vh,7rem)}.welcome-copy h1{margin:0;font-size:clamp(3.8rem,6.8vw,7.3rem);font-weight:500;letter-spacing:-.06em;line-height:.87;text-transform:uppercase}.welcome-copy h1 span{display:block}.welcome-copy h1 span:last-child{color:var(--mars-red)}.welcome-stage{position:relative;align-self:stretch;min-height:34rem}.hero-orbit{position:absolute;top:43%;right:-10%;width:min(54vw,48rem);aspect-ratio:1;transform:translateY(-50%)}.orbit{position:absolute;inset:8%;border:1px solid rgba(206,14,45,.2);border-radius:50%}.orbit:after{position:absolute;top:11%;left:19%;width:.45rem;height:.45rem;border-radius:50%;background:var(--mars-red);box-shadow:0 0 0 .45rem #ce0e2d12;content:""}.orbit-two{inset:0;border-color:#1717171a;transform:rotate(24deg) scaleY(.73)}.orbit-three{inset:18%;border-color:#17171714;transform:rotate(-19deg) scaleY(.76)}.planet{position:absolute;z-index:3;border-radius:50%;background:var(--mars-red)}.planet-one{top:10%;right:25%;width:.55rem;height:.55rem}.planet-two{bottom:11%;left:20%;width:.3rem;height:.3rem}.coffee-cup-image{position:absolute;z-index:2;inset:13%;width:74%;height:74%;object-fit:contain;filter:drop-shadow(0 1.5rem 1.8rem rgba(65,35,22,.22))}.order-orbit{position:absolute;z-index:7;bottom:5%;left:-24%;display:grid;place-items:center;width:10.2rem;height:10.2rem;padding:1.5rem;border:0;border-radius:50%;background:linear-gradient(145deg,#df1736,var(--mars-red-dark));box-shadow:0 1rem 2.6rem #ce0e2d45,inset 0 0 0 1px #fff3;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.order-orbit:hover{transform:translateY(-.25rem) scale(1.02);box-shadow:0 1.35rem 3rem #ce0e2d57}.order-orbit:after{position:absolute;inset:-1rem;border:1px solid rgba(206,14,45,.28);border-radius:50%;content:""}.order-orbit-track{position:absolute;inset:-1.65rem;border:2px solid transparent;border-top-color:var(--mars-red);border-right-color:var(--mars-red);border-radius:50%;animation:slow-orbit 11s linear infinite}.order-orbit strong{max-width:6rem;font-size:1.12rem;font-weight:600;letter-spacing:.05em;line-height:1.25;text-transform:uppercase;white-space:pre-line}.version-note{position:absolute;right:clamp(1.5rem,4vw,4rem);bottom:max(1.2rem,env(safe-area-inset-bottom));margin:0;color:var(--muted);font-size:.56rem;letter-spacing:.14em}@keyframes slow-orbit{to{transform:rotate(360deg)}}.split-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,.78fr);gap:clamp(3rem,9vw,9rem);align-items:center;max-width:73rem;margin:clamp(2rem,8vh,6rem) auto 0}.panel-form{padding:clamp(1.5rem,3vw,2.25rem);border:1px solid rgba(206,14,45,.15);border-radius:1rem;background:#fffdfab8;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-form>label:not(.upload-drop){display:block;margin-bottom:.7rem;color:var(--mars-red);font-size:.68rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.line-input{position:relative}.line-input input{width:100%;padding:.85rem 2.5rem .85rem 0;border:0;border-bottom:1px solid var(--ink);border-radius:0;outline:0;background:transparent;color:var(--ink);font-size:1.35rem}.line-input input:focus{border-color:var(--mars-red)}.line-input input::placeholder,.textarea-wrap textarea::placeholder{color:#aaa19c}.line-input span{position:absolute;right:0;bottom:1.05rem;color:var(--muted);font-size:.62rem}.field-error{min-height:1.45rem;margin:.6rem 0 0;color:var(--mars-red);font-size:.74rem;line-height:1.45}.primary-button{display:flex;align-items:center;justify-content:center;gap:1.25rem;width:100%;min-height:4.35rem;padding:.9rem 1.5rem;border:0;border-radius:999px;background:linear-gradient(110deg,var(--mars-red-dark),#ec1737);box-shadow:0 .8rem 1.8rem #ce0e2d33;color:#fff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 1rem 2.2rem #ce0e2d4d}.primary-button:disabled{cursor:wait;opacity:.65}.primary-button strong{font-size:.88rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.primary-button svg{width:1.3rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.button-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.decorative-planet{position:absolute;right:-12rem;bottom:-20rem;width:37rem;aspect-ratio:1;border:1px solid rgba(206,14,45,.15);border-radius:50%}.decorative-planet:after{position:absolute;inset:4rem -5rem;border:1px solid rgba(23,23,23,.08);border-radius:50%;content:"";transform:rotate(25deg) scaleY(.35)}.coffee-heading{margin-bottom:2.8rem}.coffee-heading h1{font-size:clamp(2.75rem,4.7vw,5rem)}.coffee-form{max-width:78rem;margin:0 auto}.option-section{min-width:0;margin:0;padding:0;border:0}.option-section legend{display:flex;align-items:center;width:100%;margin-bottom:.9rem;padding:0;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.option-section legend>span{display:grid;place-items:center;width:1.6rem;height:1.6rem;margin-right:.65rem;border-radius:50%;background:var(--mars-red);color:#fff;font-size:.68rem}.option-section legend strong{font-weight:500}.option-section legend small{margin-left:auto;color:var(--muted);font-size:.58rem;letter-spacing:.12em}.drink-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.drink-card{position:relative;display:grid;grid-template-columns:minmax(7rem,.72fr) 1fr;align-items:center;min-height:11.5rem;overflow:hidden;border:1px solid var(--line);border-radius:.85rem;background:#fffdfa94;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.drink-card:hover{transform:translateY(-2px);border-color:#b8aca5;box-shadow:0 .8rem 1.8rem #2d1e1612}.drink-card:has(input:checked){border-color:var(--mars-red);box-shadow:inset 0 0 0 1px var(--mars-red),0 .8rem 1.8rem #ce0e2d12}.drink-card input,.choice-chip input,.upload-drop input{position:absolute;width:1px;height:1px;opacity:0}.drink-card:has(input:focus-visible),.choice-chip:has(input:focus-visible),.upload-drop:has(input:focus-visible){outline:3px solid rgba(206,14,45,.3);outline-offset:3px}.drink-card>strong{min-width:0;padding:1rem 2.2rem 1rem 1.2rem;font-size:clamp(.95rem,1.2vw,1.08rem);font-weight:500;text-transform:uppercase}.drink-card:has(input:checked)>strong{color:var(--mars-red)}.select-mark{position:absolute;top:.9rem;right:.9rem;width:1rem;height:1rem;border:1px solid var(--line);border-radius:50%}.drink-card:has(input:checked) .select-mark{border:.29rem solid var(--mars-red)}.drink-art{position:relative;align-self:stretch;min-height:11.5rem;background:radial-gradient(ellipse at center 72%,rgba(62,35,22,.14),transparent 47%),linear-gradient(155deg,#e7e0da,#fbfaf8)}.drink-art .glass{position:absolute;z-index:2;bottom:2.35rem;left:50%;width:4.25rem;height:5.3rem;border:3px solid rgba(119,105,96,.5);border-top-width:2px;border-radius:.35rem .35rem 1.3rem 1.3rem;background:linear-gradient(90deg,#ffffff9e,#ffffff0f,#ffffff80);transform:translate(-50%)}.drink-art .liquid{position:absolute;z-index:1;bottom:2.55rem;left:50%;width:3.9rem;height:4.65rem;border-radius:0 0 1.12rem 1.12rem;background:linear-gradient(90deg,#29140d,#5a2c19 58%,#1f100b);transform:translate(-50%)}.drink-art .crema{position:absolute;z-index:3;bottom:7rem;left:50%;width:3.86rem;height:.55rem;border-radius:50%;background:#c88a4d;transform:translate(-50%)}.drink-art .cup-handle{position:absolute;right:calc(50% - 3.4rem);bottom:3.9rem;width:2.1rem;height:2.65rem;border:.33rem solid rgba(119,105,96,.5);border-left:0;border-radius:0 50% 50% 0}.espresso-art .glass{bottom:3rem;height:3.75rem}.espresso-art .liquid{bottom:3.2rem;height:2.5rem}.espresso-art .crema{bottom:5.5rem}.espresso-art .cup-handle{bottom:3.65rem;height:1.9rem}.latte-art .liquid{background:linear-gradient(90deg,#8c4a2a,#d0a071 46%,#9d5d39 76%,#61301e)}.latte-art .crema{height:.75rem;background:#f1dfc8}.coffee-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 3rem;margin-top:2.35rem}.choice-grid{display:grid;gap:.65rem}.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-chip{position:relative;display:flex;align-items:center;justify-content:center;min-height:3.4rem;padding:.7rem;border:1px solid var(--line);border-radius:.68rem;background:#fffdfa7a;cursor:pointer;font-size:.88rem;font-weight:500;text-align:center;text-transform:uppercase;transition:border-color .18s ease,background .18s ease,color .18s ease}.choice-chip:hover{border-color:#aaa09a}.choice-chip:has(input:checked){border-color:var(--mars-red);background:#ce0e2d09;box-shadow:inset 0 0 0 1px var(--mars-red);color:var(--mars-red)}.icon-chip{gap:.75rem;min-height:5.3rem}.icon-chip svg{flex:0 0 auto;width:1.9rem;height:1.9rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35}.check-chip{justify-content:flex-start;gap:.7rem;padding-left:1rem;text-align:left}.check-chip i{flex:0 0 auto;width:.9rem;height:.9rem;border:1px solid var(--line);border-radius:.2rem}.check-chip:has(input:checked) i{border-color:var(--mars-red);background:var(--mars-red);box-shadow:inset 0 0 0 3px var(--white)}.centered-error{margin-top:1.4rem;text-align:center}.coffee-submit{width:min(100%,34rem);margin:.3rem auto 0}html[lang=zh-Hant-TW] .coffee-screen .step-meta{font-size:.78rem}html[lang=zh-Hant-TW] .coffee-screen .option-section legend{font-size:.92rem}html[lang=zh-Hant-TW] .coffee-screen .drink-card>strong{font-size:1.05rem}html[lang=zh-Hant-TW] .coffee-screen .choice-chip{font-size:.98rem}.creation-heading{max-width:54rem;margin:0 auto 2.8rem;text-align:center}.creation-heading>p:last-child{max-width:34rem;margin:1.35rem auto 0;color:var(--muted);line-height:1.7}.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;max-width:70rem;margin:0 auto}.experience-card{display:grid;grid-template-columns:minmax(12rem,.88fr) minmax(0,1fr);min-height:23rem;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:1rem;background:#fffdfa9e;cursor:pointer;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.experience-card:hover{transform:translateY(-4px);border-color:var(--mars-red);box-shadow:0 1.2rem 3rem #2d1e161a}.experience-art{position:relative;display:block;min-height:23rem;overflow:hidden}.happy-art{background:linear-gradient(155deg,#ead6cd,#f6e7d8 48%,#d4ae9c)}.happy-sun{position:absolute;top:19%;right:17%;width:4.3rem;height:4.3rem;border:1px solid rgba(206,14,45,.35);border-radius:50%;background:#fff8ebb8;box-shadow:0 0 0 1.2rem #fff8eb2b}.hill{position:absolute;border-radius:50% 50% 0 0}.hill-back{right:-35%;bottom:-9%;width:125%;height:54%;background:#a95d5f;transform:rotate(-10deg)}.hill-front{bottom:-20%;left:-36%;width:130%;height:62%;background:linear-gradient(140deg,#5b242b,#c11834);transform:rotate(12deg)}.spark{position:absolute;z-index:2;color:var(--mars-red);font-style:normal;font-size:1.7rem}.spark-one{top:12%;left:15%}.spark-two{right:14%;bottom:15%;font-size:1rem}.kawaii-art{background:radial-gradient(circle at center,rgba(255,255,255,.72),transparent 48%),linear-gradient(145deg,#e8dbd5,#f8efea 55%,#dfbdc0)}.kawaii-orbit{position:absolute;top:50%;left:50%;width:15rem;height:15rem;border:1px solid rgba(206,14,45,.3);border-radius:50%;transform:translate(-50%,-50%) scaleY(.62) rotate(-22deg)}.kawaii-head{position:absolute;top:50%;left:50%;width:9.5rem;height:10.5rem;border:1px solid #bd8b82;border-radius:48% 52% 46% 46%;background:radial-gradient(circle at 27% 68%,rgba(224,94,112,.2),transparent 1.3rem),radial-gradient(circle at 73% 68%,rgba(224,94,112,.2),transparent 1.3rem),#f0cbb7;box-shadow:inset 0 .9rem #552c2c,0 1rem 2.5rem #45201c26;transform:translate(-50%,-47%)}.eye{position:absolute;top:52%;width:.65rem;height:.9rem;border-radius:50%;background:#342222}.eye-left{left:29%}.eye-right{right:29%}.smile{position:absolute;bottom:23%;left:50%;width:1.55rem;height:.75rem;border-bottom:2px solid #6d3838;border-radius:50%;transform:translate(-50%)}.experience-copy{display:flex;flex-direction:column;min-width:0;padding:1.8rem}.experience-copy>small{margin-bottom:1.3rem;color:var(--mars-red);font-size:.66rem;letter-spacing:.14em}.experience-copy>strong{font-size:clamp(1.3rem,2vw,2rem);font-weight:500;letter-spacing:-.03em;line-height:1.05;text-wrap:balance}.experience-copy>span{margin-top:.9rem;color:var(--muted);font-size:.76rem;line-height:1.65}.experience-copy b{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:1.5rem;color:var(--mars-red);font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.experience-copy b i{font-size:1.2rem;font-style:normal}.creation-layout{margin-top:clamp(2rem,7vh,5rem)}.textarea-wrap{position:relative}.textarea-wrap textarea{display:block;width:100%;min-height:11rem;padding:1rem 1rem 2.2rem;resize:vertical;border:1px solid var(--line);border-radius:.65rem;outline:0;background:#ffffff8a;color:var(--ink);line-height:1.6}.textarea-wrap textarea:focus{border-color:var(--mars-red)}.textarea-wrap span{position:absolute;right:.8rem;bottom:.6rem;color:var(--muted);font-size:.6rem}.privacy-note{display:flex;align-items:center;gap:.65rem;max-width:27rem;margin-top:1.8rem;color:var(--muted);font-size:.7rem;line-height:1.5}.privacy-note svg{flex:0 0 auto;width:1.35rem;fill:none;stroke:var(--mars-red);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}.upload-drop{position:relative;display:grid;place-items:center;min-height:17rem;overflow:hidden;padding:1.5rem;border:1px dashed #b9aaa3;border-radius:.75rem;background:#ffffff6b;cursor:pointer;text-align:center;transition:border-color .18s ease,background .18s ease}.upload-drop:hover{border-color:var(--mars-red);background:#ce0e2d06}.upload-placeholder{display:flex;flex-direction:column;align-items:center}.upload-placeholder svg{width:3.4rem;margin-bottom:1rem;fill:none;stroke:var(--mars-red);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2}.upload-placeholder strong{font-size:.76rem;letter-spacing:.07em;text-transform:uppercase}.upload-placeholder small{margin-top:.4rem;color:var(--muted);font-size:.6rem}.upload-drop>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.file-pill{position:absolute;right:.7rem;bottom:.7rem;left:.7rem;overflow:hidden;padding:.5rem .7rem;border-radius:999px;background:#14100ebd;color:#fff;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.upload-replace{min-height:1rem;margin:.45rem 0 0;color:var(--muted);font-size:.62rem;text-align:center}.processing-overlay{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(2rem + env(safe-area-inset-top)) 2rem calc(2rem + env(safe-area-inset-bottom));background:radial-gradient(circle at center,rgba(206,14,45,.12),transparent 28rem),var(--paper);text-align:center}.processing-visual{position:relative;width:9rem;height:9rem;margin-bottom:2.2rem}.processing-ring{position:absolute;inset:0;border:1px solid rgba(206,14,45,.25);border-top:2px solid var(--mars-red);border-radius:50%;animation:spin 2.4s linear infinite}.processing-ring.ring-b{inset:1.1rem;border-color:#17171724;border-bottom:2px solid var(--ink);animation-direction:reverse;animation-duration:3.4s}.processing-core{position:absolute;inset:2.5rem;display:grid;place-items:center;border-radius:50%;background:var(--mars-red);box-shadow:0 .8rem 2rem #ce0e2d40;color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.12em}.processing-overlay h2{margin:0;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:500;letter-spacing:-.04em;line-height:1}.processing-body{margin:1rem 0 0;color:var(--muted);font-size:.8rem}.processing-wait{width:min(100%,32rem);margin:.8rem 0 0;color:var(--ink);font-size:.72rem;line-height:1.6}.processing-error-action{width:min(100%,18rem);margin-top:1.5rem}.confirmation-screen{display:grid;place-items:center;overflow:hidden;text-align:center}.confirmation-content{position:relative;z-index:3;width:min(100%,48rem)}.confirmation-content h1{font-size:clamp(3.5rem,7vw,7.4rem)}.final-message{margin:1.3rem 0 0;color:var(--muted)}.order-number{display:flex;flex-direction:column;align-items:center;margin:2.5rem auto}.order-number span{color:var(--mars-red);font-size:.66rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.order-number strong{margin-top:.25rem;color:var(--mars-red);font-size:clamp(5rem,12vw,9.5rem);font-weight:500;letter-spacing:.08em;line-height:1}.final-details{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem;padding:1.3rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.final-details>div{display:flex;flex-direction:column;gap:.3rem}.final-details>div+div{padding-left:1rem;border-left:1px solid var(--line)}.final-details span{color:var(--muted);font-size:.56rem;letter-spacing:.13em;text-transform:uppercase}.final-details strong{font-size:.72rem;font-weight:500;line-height:1.5}.final-note{margin:1.3rem auto 0;color:var(--muted);font-size:.73rem}.text-button{min-height:2.75rem;margin-top:1rem;padding:.4rem;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--muted);cursor:pointer;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}.final-orbits{position:absolute;top:50%;left:50%;width:min(86vw,68rem);aspect-ratio:1;transform:translate(-50%,-50%)}.final-orbit{position:absolute;inset:8%;border:1px solid rgba(206,14,45,.13);border-radius:50%}.final-orbit.orbit-b{inset:0;border-color:#17171714;transform:rotate(28deg) scaleY(.55)}.final-planet{position:absolute;top:12%;right:20%;width:.65rem;height:.65rem;border-radius:50%;background:var(--mars-red);box-shadow:0 0 0 .5rem #ce0e2d14}@media(max-width:980px){.welcome-screen{grid-template-columns:minmax(16rem,.72fr) 1.28fr}.hero-orbit{right:-22%;width:min(68vw,46rem)}.order-orbit{left:-18%}.split-layout{grid-template-columns:1fr;gap:2.5rem;margin-top:2rem}.panel-form{width:min(100%,36rem)}.coffee-options-grid,.drink-card{grid-template-columns:1fr}.drink-card>strong{padding:.9rem .5rem;text-align:center}.drink-art{min-height:9.5rem}.experience-card{grid-template-columns:minmax(9rem,.7fr) minmax(0,1fr)}}@media(max-width:700px){:root{--header-height: 5rem}html,body{background:var(--paper)}.site-header{grid-template-columns:2.75rem 1fr 3.7rem;padding-right:1rem;padding-left:1rem}.brand{gap:0}.mars-wordmark{width:7.15rem}.brand-cafe{display:none}.language-switch{gap:.25rem;min-width:3.6rem;min-height:2.4rem;padding:.3rem .55rem;font-size:.68rem}.back-button{width:2.5rem;height:2.5rem}.screen{min-height:calc(100dvh - var(--header-height) - env(safe-area-inset-top));padding:.75rem 1.15rem max(2.5rem,calc(1.25rem + env(safe-area-inset-bottom)))}.step-meta{margin-bottom:2.25rem}.welcome-screen{display:flex;flex-direction:column;align-items:stretch;height:calc(100svh - var(--header-height) - env(safe-area-inset-top));min-height:calc(100svh - var(--header-height) - env(safe-area-inset-top));padding-top:1.25rem;overflow:hidden}.welcome-copy{flex:0 0 auto;margin:0}.welcome-copy h1{font-size:clamp(3.2rem,17vw,5.2rem)}html[lang=zh-Hant-TW] .welcome-copy h1{font-size:clamp(3rem,15vw,4.8rem);line-height:1.12}.welcome-stage{position:static;flex:1 1 auto;min-height:0;margin:0}.hero-orbit{top:50%;right:-30%;width:min(112vw,30rem)}.order-orbit{bottom:max(2.5rem,calc(1.5rem + env(safe-area-inset-bottom)));left:max(3.25rem,calc(1.6rem + env(safe-area-inset-left)));width:9.6rem;height:9.6rem}.order-orbit strong{font-size:1.08rem}html[lang=zh-Hant-TW] .order-orbit strong{font-size:1.3rem;line-height:1.35}.version-note{right:1.15rem;bottom:max(.85rem,env(safe-area-inset-bottom));font-size:.5rem}.page-intro h1,.creation-heading h1{font-size:clamp(2.4rem,11vw,3.5rem)}html[lang=zh-Hant-TW] .page-intro h1,html[lang=zh-Hant-TW] .creation-heading h1{font-size:clamp(2.15rem,9.5vw,3rem)}.split-layout{gap:2.25rem;margin-top:0}.panel-form{width:100%;padding:1.4rem}.line-input input,.textarea-wrap textarea{font-size:16px}.primary-button{min-height:4rem}.decorative-planet{opacity:.5}.coffee-heading{margin-bottom:2rem}.coffee-heading h1{font-size:clamp(2.35rem,11vw,3.4rem)}.drink-grid{gap:.5rem}.drink-card{min-height:0}.drink-art{min-height:8rem}.drink-card>strong{overflow:hidden;padding:.75rem .2rem;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.select-mark{top:.6rem;right:.6rem}.drink-art .glass{bottom:1.35rem;width:3.3rem;height:4.25rem}.drink-art .liquid{bottom:1.55rem;width:3rem;height:3.65rem}.drink-art .crema{bottom:5rem;width:2.96rem}.drink-art .cup-handle{right:calc(50% - 2.75rem);bottom:2.4rem;width:1.65rem;height:2.05rem;border-width:.27rem}.espresso-art .glass{bottom:1.9rem;height:3.1rem}.espresso-art .liquid{bottom:2.1rem;height:2rem}.espresso-art .crema{bottom:3.9rem}.espresso-art .cup-handle{bottom:2.45rem;height:1.65rem}.coffee-options-grid{gap:1.7rem;margin-top:1.9rem}.coffee-screen{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.option-section legend{font-size:.86rem}html[lang=zh-Hant-TW] .coffee-screen .step-meta{font-size:.82rem}html[lang=zh-Hant-TW] .coffee-screen .option-section legend{font-size:.98rem}html[lang=zh-Hant-TW] .coffee-screen .drink-card>strong{font-size:.9rem}html[lang=zh-Hant-TW] .coffee-screen .choice-chip{font-size:.94rem}.choice-grid{gap:.45rem}.choice-chip{min-height:3.25rem;padding:.65rem .4rem;font-size:.82rem}.icon-chip{min-height:4.7rem}.creation-heading{margin-bottom:2rem;text-align:left}.creation-heading>p:last-child{margin-left:0}.experience-grid{grid-template-columns:1fr}.experience-card{grid-template-columns:minmax(8rem,.72fr) minmax(0,1fr);min-height:17rem}.experience-art{min-height:17rem}.experience-copy{padding:1.15rem}.experience-copy>small{margin-bottom:.9rem}.experience-copy>strong{font-size:1.2rem}.experience-copy>span{font-size:.68rem}.experience-copy b{font-size:.58rem;letter-spacing:.04em}.kawaii-orbit{width:11rem;height:11rem}.kawaii-head{width:7rem;height:8rem}.upload-drop{min-height:14rem}.confirmation-screen{padding-top:1.5rem;overflow:hidden}.confirmation-content h1{font-size:clamp(3rem,14vw,4.5rem)}html[lang=zh-Hant-TW] .confirmation-content h1{font-size:clamp(2.7rem,12vw,4rem)}.order-number{margin:2rem auto}.order-number strong{font-size:clamp(4.5rem,24vw,6.8rem)}.final-details{grid-template-columns:1fr}.final-details>div+div{padding-top:.9rem;padding-left:0;border-top:1px solid var(--line);border-left:0}.final-orbits{width:125vw}.processing-visual{width:8rem;height:8rem}.processing-core{inset:2.2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}