:root{--gd:oklch(32% .09 160);--gm:oklch(45% .11 160);--gl:oklch(62% .13 140);--gp:oklch(95% .035 140);--lime:oklch(76% .17 128);--cream:oklch(97.5% .012 88);--cream2:oklch(92% .015 88);--earth:oklch(42% .07 55);--tx:oklch(20% .02 160);--txm:oklch(44% .03 160);--nav:76px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Outfit,sans-serif;background:#d9d6cc;color:var(--tx);font-size:17px;line-height:1.5;overscroll-behavior:none}a{color:var(--gm);text-decoration:none}a:hover{color:var(--gd)}#root{height:100%}.shell{max-width:520px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--cream);position:relative;box-shadow:0 0 40px #0000001f}.scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.bnav{height:var(--nav);background:var(--gd);display:flex;flex-shrink:0;box-shadow:0 -2px 20px #0003}.bnav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#ffffffb8;border:none;background:none;cursor:pointer;font-family:inherit;position:relative}.bnav-btn.on{color:#fff;background:#ffffff24}.bnav-btn svg{width:26px;height:26px}.bnav-btn span.lbl{font-size:13px;font-weight:800}.bnav-badge{position:absolute;top:8px;left:calc(50% + 6px);min-width:22px;height:22px;border-radius:11px;background:var(--lime);color:var(--gd);font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 6px}.fadein{animation:fi .3s ease-out both}@keyframes fi{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rv{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}.rv.show{opacity:1;transform:none}.inp{width:100%;min-height:54px;padding:14px 16px;border-radius:14px;border:2px solid var(--cream2);font-size:17px;font-family:inherit;background:#fff;color:var(--tx);outline:none;transition:border-color .2s;-webkit-appearance:none}.inp:focus{border-color:var(--gl)}.inp.err{border-color:#e55;background:#fff8f8}.inp::placeholder{color:#76847c}.card{background:#fff;border-radius:18px;box-shadow:0 2px 10px #00000012;overflow:hidden}.cta-wa{display:flex;align-items:center;gap:12px;background:#1f8f4e;color:#fff;border-radius:18px;padding:17px 24px;font-size:19px;font-weight:900;font-family:inherit;box-shadow:0 6px 20px #1f8f4e59;transition:transform .15s}.cta-wa:hover{color:#fff}.cta-wa:active{transform:scale(.97)}.home-action{width:100%;min-height:76px;background:#fff;border:2px solid var(--cream2);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;font-family:inherit;box-shadow:0 2px 10px #0000000d}.home-action-ic{width:52px;height:52px;border-radius:14px;background:var(--gp);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.chev{font-size:28px;color:var(--gm);font-weight:700;flex-shrink:0;line-height:1}.link-btn{background:none;border:none;color:var(--gm);font-size:15px;font-weight:900;cursor:pointer;font-family:inherit;padding:4px 0;display:flex;align-items:center;gap:6px;text-align:left;text-decoration:underline;text-underline-offset:3px}.link-inline{display:inline;padding:0;white-space:nowrap;font-size:inherit}.back-btn{background:var(--cream);border:2px solid var(--cream2);border-radius:12px;min-height:44px;padding:0 14px;font-size:16px;font-weight:900;color:var(--gd);cursor:pointer;font-family:inherit}.clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:10px;background:var(--cream);font-size:16px;font-weight:900;cursor:pointer;color:var(--tx)}.line-card{width:100%;background:#fff;border:2px solid var(--cream2);border-radius:18px;padding:12px 16px 12px 12px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;font-family:inherit;box-shadow:0 2px 10px #0000000d}.line-card img{width:76px;height:76px;object-fit:contain;flex-shrink:0;border-radius:12px;background:var(--cream)}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:50px;background:var(--gp);color:var(--gd);font-size:14px;font-weight:800}.nchip{display:inline-block;padding:5px 10px;border-radius:9px;background:var(--gp);color:var(--gd);font-size:14px;font-weight:700}.nchip b{font-weight:900}.nchip-soft{background:var(--cream);color:var(--txm)}.btn-add{flex:1;min-height:52px;border-radius:14px;border:none;background:var(--earth);color:#fff;font-size:17px;font-weight:900;cursor:pointer;font-family:inherit}.btn-add.on{background:var(--gp);color:var(--gd);border:2px solid var(--gl)}.btn-ask{width:52px;min-height:52px;border-radius:14px;border:2px solid var(--cream2);background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-mini{min-height:44px;padding:0 14px;border-radius:12px;border:none;background:var(--earth);color:#fff;font-size:15px;font-weight:900;cursor:pointer;font-family:inherit;flex-shrink:0}.btn-mini.on{background:var(--gp);color:var(--gd)}.contact-row{display:flex;align-items:center;gap:14px;background:#fff;border:2px solid var(--cream2);border-radius:16px;padding:14px 16px;min-height:72px}.contact-ic{width:46px;height:46px;border-radius:12px;background:var(--gp);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.btn-remove{background:#fff0f0;border:none;cursor:pointer;font-size:15px;color:#b42318;min-height:40px;padding:0 12px;border-radius:10px;font-weight:800;font-family:inherit}.btn-more{width:100%;min-height:76px;margin-top:14px;padding:14px 16px;border-radius:16px;border:2px solid var(--gl);background:var(--gp);color:var(--gd);font-size:17px;font-weight:900;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:14px}.btn-more-ic{width:44px;height:44px;border-radius:50%;background:var(--gm);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;line-height:1;flex-shrink:0}.btn-next{width:100%;min-height:58px;border-radius:16px;background:var(--gm);color:#fff;border:none;font-size:19px;font-weight:900;cursor:pointer;font-family:inherit}.btn-back{flex:1;min-height:58px;border-radius:16px;border:2px solid var(--cream2);background:#fff;font-size:17px;font-weight:800;cursor:pointer;font-family:inherit;color:var(--tx)}.choice{flex:1;min-height:72px;padding:12px 8px;border-radius:14px;border:2px solid var(--cream2);background:#fff;color:var(--tx);font-weight:900;font-size:17px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}.choice.on{border-color:var(--gm);background:var(--gp);color:var(--gd);box-shadow:inset 0 0 0 1px var(--gm)}.unit-fixed{min-height:54px;display:flex;align-items:center;padding:0 16px;border-radius:14px;background:var(--cream);font-size:17px;font-weight:800;color:var(--txm)}.pk-h{font-size:19px;font-weight:900;color:var(--earth)}.pk-addr{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid oklch(88% .05 75);border-radius:12px;padding:12px 14px;margin-top:10px;color:var(--tx)}.pk-addr:hover{color:var(--tx);border-color:var(--earth)}.pk-l{display:block;font-size:13px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:var(--earth)}.pk-a{display:block;font-size:17px;font-weight:800;color:var(--tx);line-height:1.35;margin-top:2px}.pk-m{display:block;font-size:14px;font-weight:800;color:var(--gm);margin-top:4px}.pk-hr{margin-top:12px;padding-top:12px;border-top:1px dashed oklch(82% .06 75)}.pk-warn{display:flex;gap:8px;align-items:center;margin-top:12px;background:#fdecea;border:2px solid #e7a29b;border-radius:12px;padding:12px 14px;font-size:18px;line-height:1.35;color:#7a1f16}.pickup-box{background:#fff7e8;border:2px solid oklch(86% .06 75);border-radius:14px;padding:14px 16px;margin-top:12px}.saved-note{background:var(--gp);border:2px solid var(--gl);border-radius:14px;padding:12px 16px;margin-bottom:16px;font-size:15px;color:var(--gd);font-weight:700}.sum-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:900;color:var(--txm);letter-spacing:.5px}.spin{display:inline-block;width:16px;height:16px;border:2px solid var(--gl);border-top-color:transparent;border-radius:50%;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.toast{position:absolute;left:12px;right:12px;bottom:calc(var(--nav) + 12px);background:var(--tx);color:#fff;border-radius:16px;padding:12px 12px 12px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #0000004d;z-index:300;animation:fi .25s ease-out}.toast button{min-height:44px;padding:0 14px;border-radius:12px;border:none;background:var(--lime);color:var(--gd);font-weight:900;font-size:15px;cursor:pointer;font-family:inherit;flex-shrink:0}.ph{background:var(--gd);padding:18px 20px 16px;position:sticky;top:0;z-index:50}.use-btn{width:100%;min-height:84px;background:#fff;border:2px solid var(--cream2);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;font-family:inherit;box-shadow:0 2px 10px #0000000d}.use-ic{width:56px;height:56px;border-radius:16px;background:var(--gp);display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0}.use-t{display:block;font-size:19px;font-weight:900;color:var(--gd);line-height:1.2}.use-s{display:block;font-size:15px;color:var(--tx);margin-top:2px;line-height:1.35}.use-n{display:block;font-size:13px;font-weight:800;color:var(--gm);margin-top:4px}.unsure{display:flex;align-items:center;gap:14px;background:#fff;border:2px solid #1f8f4e;border-radius:18px;padding:14px 16px;color:var(--tx)}.quiz-q{font-size:21px;font-weight:900;color:var(--gd);line-height:1.3}.quiz-opt{width:100%;min-height:76px;background:#fff;border:2px solid var(--cream2);border-radius:18px;padding:12px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;font-family:inherit;box-shadow:0 2px 10px #0000000d}.quiz-opt:active,.quiz-chip:active{border-color:var(--gm);background:var(--gp)}.quiz-chip{min-height:52px;font-size:16px;padding:0 18px;background:#fff}.quiz-sum{background:var(--gp);border:2px solid var(--gl);border-radius:14px;padding:12px 16px;font-size:16px;line-height:1.5;color:var(--gd)}.lines-btn{background:var(--gd);border-color:var(--gd)}.price-note{display:flex;gap:10px;align-items:flex-start;background:#fff7e8;border:2px solid oklch(86% .06 75);border-radius:14px;padding:12px 14px;font-size:15px;line-height:1.45;color:var(--tx)}.sub-head{background:#fff;border-bottom:1px solid var(--cream2);padding:14px 20px 18px}.sub-head h2{font-family:Outfit,sans-serif;font-weight:800;font-size:26px;color:var(--gd);margin-top:12px;line-height:1.2}.sub-head p{font-size:15px;color:var(--txm);margin-top:2px}.nf{background:#fff;border-radius:16px;padding:14px;border:2px solid var(--cream2)}.nf-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:17px;font-weight:900;color:var(--gd);margin-bottom:10px}.nf-head>span:first-child{flex:1;min-width:0;line-height:1.3}.nf-head small{display:block;font-size:13px;font-weight:600;color:var(--txm);margin-top:2px}.nf-chips{display:flex;flex-wrap:wrap;gap:8px}.nf-chip{min-height:44px;padding:0 14px;border-radius:50px;border:2px solid var(--cream2);background:var(--cream);color:var(--tx);font-size:15px;font-weight:800;cursor:pointer;font-family:inherit}.nf-chip.on{background:var(--gm);border-color:var(--gm);color:#fff}.sec-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;color:var(--gm);margin-top:10px}.sec-label span{background:var(--gp);color:var(--gd);border-radius:20px;padding:1px 9px;font-size:13px}.pc-title{font-size:18px;font-weight:900;color:var(--tx);line-height:1.3}.pc-meta{font-size:14px;color:var(--txm);margin-top:4px;font-weight:600}.pc-meta b{color:var(--gd);font-weight:900}.more-btn{min-height:52px;border-radius:14px;border:2px solid var(--gl);background:#fff;color:var(--gd);font-size:16px;font-weight:900;cursor:pointer;font-family:inherit}.pick-btn{width:100%;min-height:60px;padding:10px 12px 10px 16px;border-radius:14px;border:2px solid var(--cream2);background:#fff;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;font-family:inherit}.pick-btn.err{border-color:#e55;background:#fff8f8}.pk-t{display:block;font-size:16px;font-weight:900;color:var(--tx);line-height:1.3}.pk-s{display:block;font-size:13px;font-weight:700;color:var(--txm);margin-top:2px}.pk-ph{font-size:17px;font-weight:700;color:var(--txm)}.pk-ic{width:36px;height:36px;border-radius:10px;background:var(--gm);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;animation:fi .2s ease-out}.sheet{width:100%;max-width:520px;height:90vh;height:90dvh;background:var(--cream);border-radius:22px 22px 0 0;display:flex;flex-direction:column;animation:sheetIn .25s ease-out;overflow:hidden}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:none}}.sheet-head{padding:16px 18px 12px;background:#fff;border-bottom:1px solid var(--cream2);display:flex;flex-direction:column;gap:12px;flex-shrink:0}.sheet-body{flex:1;overflow-y:auto;padding:16px 16px 28px;display:flex;flex-direction:column;gap:10px}.sheet-close{background:var(--cream);border:none;border-radius:10px;min-height:44px;padding:0 14px;font-size:15px;font-weight:900;cursor:pointer;font-family:inherit;color:var(--tx)}.pick-row{width:100%;min-height:64px;padding:12px 14px 12px 16px;border-radius:14px;border:2px solid var(--cream2);background:#fff;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;font-family:inherit;flex-shrink:0}.pick-row.on{border-color:var(--gm);background:var(--gp)}.pr-ic{width:36px;height:36px;border-radius:50%;background:var(--earth);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;flex-shrink:0}.pick-row.on .pr-ic{background:var(--gm)}.home-top{background:#fff;text-align:center;padding-bottom:30px}.home-img{position:relative;container-type:inline-size}.home-img .home-bg{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;object-position:center 30%}.home-lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42%;display:flex;flex-direction:column;align-items:center;gap:1.2cqw}.home-lock img{display:block;width:100%}.home-fert{color:#fff;font-weight:500;letter-spacing:.34em;padding-left:.34em;font-size:4.1cqw;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.55)}.home-lock .home-badge{position:static;transform:none;margin-top:0;font-size:14px;padding:7px 16px;letter-spacing:0}.home-badge{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:var(--gd);color:#fff;padding:10px 22px;border-radius:50px;font-size:18px;font-weight:800;white-space:nowrap;box-shadow:0 6px 18px #00000040}.home-txt{padding:0 24px;margin-top:24px}.home-avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 14px;border:4px solid var(--gp);box-shadow:0 4px 14px #0000001f}.toast-msg{flex:1;font-size:15px;font-weight:700}@media(min-width:1024px){body{background:#f1ece2}.shell{max-width:none;background:transparent;box-shadow:none}.tnav{height:72px;background:var(--gd);flex-shrink:0;box-shadow:0 2px 20px #0000002e;position:relative;z-index:60;padding-right:var(--sbw,0px)}.tnav-in{height:100%;max-width:1344px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:20px}.tnav-brand{display:flex;align-items:center;gap:12px;color:#fff;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;flex-shrink:0}.tnav-brand img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:10px;padding:3px}.tnav-brand b{display:block;font-size:20px;font-weight:900;line-height:1.1}.tnav-brand small{display:block;font-size:13px;font-weight:600;opacity:.88}.tnav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.tnav-btn{min-height:44px;padding:0 14px;border-radius:12px;border:none;background:none;color:#ffffffe0;font-size:16px;font-weight:800;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:8px;position:relative}.tnav-btn:hover{background:#ffffff1a;color:#fff}.tnav-btn.on{background:#ffffff2e;color:#fff}.tnav-cart{background:var(--earth);color:#fff;margin-left:8px}.tnav-cart:hover,.tnav-cart.on{background:#80512f}.tnav-btn .bnav-badge{position:static}.tnav-wa{display:flex;align-items:center;gap:8px;background:#1f8f4e;color:#fff;border-radius:12px;min-height:44px;padding:0 16px;font-weight:900;font-size:16px;flex-shrink:0}.tnav-wa:hover{color:#fff;background:#1a7a43}.scroll-area{scrollbar-width:auto}.scroll-area::-webkit-scrollbar{display:block}.desk-wrap{max-width:1344px;margin:0 auto;padding:28px 32px 40px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}.desk-wrap.solo{grid-template-columns:minmax(0,820px);justify-content:center}.desk-main{background:var(--cream);border-radius:22px;overflow:clip;box-shadow:0 4px 24px #0000000f;min-height:60vh}.aside{position:sticky;top:28px;display:flex;flex-direction:column;gap:14px}.aside-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;gap:14px}.aside-h{font-size:20px;font-weight:900;color:var(--gd);display:flex;align-items:center;gap:10px}.aside-n{background:var(--lime);color:var(--gd);border-radius:20px;min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;padding:0 8px}.aside-empty{font-size:15px;color:var(--txm);line-height:1.5}.aside-list{list-style:none;display:flex;flex-direction:column;max-height:calc(100vh - 340px);min-height:64px;overflow:auto}.aside-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aside-qty{width:68px;height:40px;border:2px solid var(--cream2);border-radius:10px;padding:0 8px;font:inherit;font-size:16px;font-weight:800;color:var(--tx);text-align:center;flex-shrink:0}.aside-qty:focus{outline:none;border-color:var(--gm)}.aside-unit{height:40px;border:2px solid var(--cream2);border-radius:10px;padding:0 6px;font:inherit;font-size:14px;font-weight:700;color:var(--txm);background:#fff;flex-shrink:0;max-width:110px;display:inline-flex;align-items:center}.aside-list li{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--cream2)}.aside-rm{width:40px;height:40px;border-radius:10px;border:none;background:#fff0f0;color:#b42318;font-weight:900;cursor:pointer;flex-shrink:0;font-size:15px;font-family:inherit}.aside-note{font-size:14px;color:var(--txm);text-align:center;line-height:1.4}.aside-wa{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid #1f8f4e;border-radius:18px;padding:14px 16px}.toast{position:fixed;left:auto;right:32px;bottom:32px;max-width:460px}.sheet-bg{align-items:center}.sheet{border-radius:22px;height:min(82vh,780px);max-width:640px}.bs-bg{align-items:center!important}.bs-panel{border-radius:22px!important;max-width:480px!important;max-height:80vh!important}.home-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;text-align:left;padding:0}.home-img{height:100%}.home-img .home-bg{aspect-ratio:auto;height:100%;min-height:400px}.home-lock .home-badge{font-size:16px;padding:9px 20px}.home-txt{margin:0;padding:40px 40px 40px 36px}.home-avatar{margin:0 0 16px;width:120px;height:120px}.home-cta{display:inline-flex!important;padding:16px 28px}.home-action:hover,.use-btn:hover,.line-card:hover,.quiz-opt:hover,.contact-row:hover,.pick-row:hover{border-color:var(--gl)}.lines-btn:hover{border-color:var(--gd)}.btn-add:hover{filter:brightness(1.08)}.dfoot{border-top:1px solid var(--cream2);background:#fff}.dfoot-in{max-width:1344px;margin:0 auto;padding:22px 32px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;font-size:15px;color:var(--txm)}.dfoot-in b{color:var(--gd)}.dfoot-links{display:flex;flex-wrap:wrap;gap:20px;font-weight:800}.dfoot-links a{display:inline-flex;align-items:center;gap:8px}.dfoot-links svg{width:20px;height:20px;flex-shrink:0;color:var(--gm)}}@media(min-width:1180px){.desk-wrap{grid-template-columns:minmax(0,1fr) 420px}.dgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.dgrid>*{grid-column:1/-1}.dgrid>.card,.dgrid>.use-btn,.dgrid>.line-card,.dgrid>.quiz-opt,.dgrid>.rv,.dgrid>.home-action,.dgrid>.cell{grid-column:auto}.dgrid>.card{align-self:start}.dgrid>.span{grid-column:1/-1}.dgrid>.rv>*{height:100%}}