@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap";.hm{--red:#a83f2e;--ink:#292b27;--muted:#777b70;--paper:#f8f7f2;--line:#e9e9e0;min-height:100vh;color:var(--ink);background:#e9e8e1;justify-content:center;gap:9vw;font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;display:flex}.hm *{box-sizing:border-box}.hm button,.hm input,.hm textarea,.hm select{font:inherit}.hm button{cursor:pointer}.hm button:disabled{opacity:.5;cursor:not-allowed}.desk{flex-direction:column;justify-content:space-between;width:400px;min-height:100vh;padding:48px 0;display:flex}.brand{letter-spacing:.02em;font-size:24px;font-weight:800}.brand span,.greeting h2 span,.page-title h2 span,.section-title h3 span{color:var(--red)}.brand small{letter-spacing:.17em;font-size:9px;font-weight:700}.desk h1{letter-spacing:-.05em;font:600 41px/1.35 Noto Serif SC,serif}.desk h1 i{color:var(--red);font-style:normal}.desk p{color:#73796f;line-height:1.9}.eyebrow,.section-title small,.page-title>small{letter-spacing:.17em;font-weight:700;color:var(--red)!important;font-size:10px!important}.desk>small{color:#888;font-size:11px}.phone{background:var(--paper);width:430px;min-height:100vh;padding-bottom:88px;position:relative;box-shadow:0 0 70px #0000000e}.top{background:var(--paper);justify-content:space-between;align-items:center;height:70px;padding:20px 22px 12px;display:flex}.role{color:#585c53;background:#fff;border:1px solid #e0ded3;border-radius:25px;padding:9px 12px;font-size:12px!important}.demo-strip,.offline{color:#746f60;background:#ede9dd;align-items:center;gap:7px;padding:8px 22px;font-size:11px;display:flex}.offline{color:#88432c;background:#f9e8d7}.content{padding:0 20px 24px}.greeting{padding:26px 0 16px}.greeting p,.page-title p{color:var(--muted);margin:0 0 7px;font-size:13px}.greeting h2,.page-title h2{margin:0 0 8px;font:700 26px/1.4 Noto Serif SC,serif}.search{color:#9a9d93;background:#fff;border:1px solid #e7e6de;border-radius:11px;align-items:center;gap:10px;width:100%;height:47px;padding:0 14px;font-size:13px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:14px}.hero{background:#444;border-radius:15px;height:250px;margin-top:17px;position:relative;overflow:hidden}.hero img{object-fit:cover;width:100%;height:100%}.hero:after{content:"";background:linear-gradient(90deg,#181c19c9,#0000),linear-gradient(#0000,#181c1999);position:absolute;inset:0}.hero-text{z-index:1;color:#fff;flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:absolute;inset:25px}.hero-text small{letter-spacing:.2em;font-size:9px}.hero-text h2{margin:12px 0 6px;font:600 26px/1.4 Noto Serif SC,serif}.hero-text p{opacity:.85;margin:0 0 14px;font-size:12px}.hero-text button{color:#31352f;background:#fff;border:0;border-radius:30px;align-items:center;gap:10px;padding:9px 13px;font-size:12px;display:flex}.section-title{justify-content:space-between;align-items:end;margin:29px 0 15px;display:flex}.section-title h3{margin:6px 0 0;font:700 20px Noto Serif SC,serif}.section-title button{color:#767a70;background:0 0;border:0;gap:6px;font-size:12px;display:flex}.grid{grid-template-columns:1fr 1fr;gap:18px 12px;display:grid}.product{text-align:left;color:inherit;background:0 0;border:0;min-width:0;padding:0}.product-img{background:#eae8df;border-radius:10px;height:190px;position:relative;overflow:hidden}.product-img img,.detail-image img{object-fit:cover;width:100%;height:100%}.product-img span,.detail-image span{background:#fffdf0df;border-radius:4px;padding:4px 7px;font-size:10px;position:absolute;top:10px;left:10px}.product>b{white-space:nowrap;text-overflow:ellipsis;margin:10px 0 5px;font-size:14px;display:block;overflow:hidden}.product small{color:#92958d;font-size:11px}.product div:last-child{align-items:baseline;gap:7px;margin-top:7px;display:flex}.product strong{color:var(--red);font-size:16px}.product em{color:#9b9c95;font-size:10px;font-style:normal}.stepband{color:#777b70;background:#edece4;border-radius:10px;justify-content:space-between;margin-top:28px;padding:18px 12px;font-size:11px;display:flex}.stepband span{color:#bd6d59}.hint{color:#92958b;margin:15px 0;font-size:11px;line-height:1.7}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(430px,100%);height:76px;padding:10px 0 max(10px,env(safe-area-inset-bottom));z-index:10;background:#fcfcf8ed;border-top:1px solid #e9e8e0;justify-content:space-around;display:flex;position:fixed;bottom:0}.nav button{color:#a4a79e;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex}.nav .on{color:var(--red)}.page-title{padding:25px 0 20px}.page-title h2{margin:8px 0}.list-label{justify-content:space-between;margin:22px 0 14px;font-size:13px;display:flex}.list-label span{color:#999}.back{color:#656a60;background:0 0;border:0;align-items:center;gap:8px;padding:20px 0 10px;font-size:13px;display:flex}.detail-image{background:#eae8df;border-radius:14px;height:340px;position:relative;overflow:hidden}.detail{padding:20px 1px}.detail h2{margin:10px 0;font:700 24px Noto Serif SC,serif}.detail>p:not(.eyebrow){color:#777b71;font-size:13px;line-height:1.8}.seller{align-items:center;gap:5px;display:flex}.price{color:var(--red);padding:12px 0;font-size:27px;font-weight:700}.price small{color:#999;font-size:11px;font-weight:400}.info-box,.explain{color:#62665b;background:#efeee7;border-radius:10px;margin:15px 0;padding:15px;font-size:12px;line-height:1.7}.info-box p{margin:5px 0 0}.primary,.secondary{background:var(--red);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-weight:700;display:flex}.secondary{color:#555a50;background:#fff;border:1px solid #dbddd4}.form2{flex-direction:column;gap:15px;margin:12px 0 25px;display:flex}.form2 label{flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.form2 input,.form2 textarea,.form2 select,.conversation input{color:#30342e;background:#fff;border:1px solid #e4e4dc;border-radius:9px;outline-color:#b66c5b;width:100%;padding:13px;font-weight:400}.twocol{grid-template-columns:1fr 1fr;gap:12px;display:grid}.seller-banner{background:#e7e9df;border-radius:12px;align-items:center;gap:14px;margin:8px 0 15px;padding:20px;display:flex}.seller-banner p{color:#7b8075;margin:5px 0;font-size:11px}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.metrics button{background:#fff;border:1px solid #eee;border-radius:10px;flex-direction:column;gap:5px;padding:17px 5px;display:flex}.metrics b{color:var(--red);font-size:21px}.metrics span{color:#888;font-size:11px}.action-row{text-align:left;width:100%;color:inherit;background:#fff;border:1px solid #efefe8;border-radius:10px;justify-content:space-between;align-items:center;margin:9px 0;padding:16px;font-size:14px;text-decoration:none;display:flex}.action-row small{color:#999;margin-top:6px;font-size:11px;display:block}.empty{text-align:center;color:#a0a398;padding:70px 20px}.empty svg{margin:auto auto 15px}.empty b{color:#4c5149;display:block}.empty p{font-size:12px;line-height:1.8}.empty button{color:#555;background:#fff;border:1px solid #dedfd7;border-radius:9px;padding:10px 15px}.order-card{text-align:left;width:100%;color:inherit;background:#fff;border:1px solid #eee;border-radius:11px;align-items:center;gap:12px;margin:10px 0;padding:12px;display:flex}.order-card img,.summary img{object-fit:cover;border-radius:7px;width:67px;height:76px}.order-card div{flex:1}.order-card small{color:var(--red);margin-bottom:7px;font-size:10px;display:block}.order-card b{font-size:13px}.order-card p,.summary p{color:#969a90;margin:7px 0;font-size:11px}.summary{background:#fff;border-radius:10px;align-items:center;gap:13px;padding:14px;display:flex}.summary b{font-size:14px}.timeline{color:#70766c;padding:20px 5px;font-size:12px}.timeline div{align-items:center;gap:10px;margin:10px 0;display:flex}.timeline svg{color:var(--red)}.dot{border:2px solid #c1c4b8;border-radius:100%;width:10px;height:10px;margin:0 4px}.quote{background:#fff;border:1px solid #eee;border-radius:12px;margin:15px 0;padding:17px}.quote h3,.conversation h3,.form2 h3{margin:0 0 15px;font-size:15px}.quote p{justify-content:space-between;font-size:12px;display:flex}.quote small{color:#888;line-height:1.7}.stack{gap:10px;display:grid}.conversation{padding:25px 0}.conversation form{gap:8px;display:flex}.conversation form button{background:var(--red);color:#fff;border:0;border-radius:8px;padding:0 14px}.msg{overflow-wrap:anywhere;background:#f0eee6;border-radius:8px;padding:10px;font-size:12px}.profile-card{background:#e9e9df;border-radius:12px;align-items:center;gap:15px;margin-bottom:20px;padding:20px;display:flex}.profile-card p{color:#85897f;font-size:11px}.avatar{background:#fff;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.hm-toast{z-index:20;color:#fff;white-space:nowrap;background:#30352e;border-radius:9px;max-width:90vw;padding:12px 16px;font-size:12px;position:fixed;top:85px;left:50%;transform:translate(-50%)}:is(.hm a:focus-visible,.hm button:focus-visible,.hm input:focus-visible){outline-offset:2px;outline:2px solid #a83f2e}@media (max-width:800px){.desk{display:none}.hm{display:block}.phone{width:100%;min-height:100dvh;box-shadow:none}.nav{width:100%}.top{padding-top:max(18px,env(safe-area-inset-top));height:auto;min-height:66px}}@media (max-width:360px){.product-img{height:150px}.hero{height:220px}}.role select{color:#585c53;background:0 0;border:0;outline:0;font-size:12px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.card-actions{gap:7px;display:flex}.card-actions button{color:#666;background:#fff;border:1px solid #dedfd7;border-radius:7px;padding:7px;font-size:11px}.stack{margin-top:14px}
