:root{--red:#ef4444;--red-h:#f15757;--red-d:#e03438;--title:#030712;--text:#6b7280;--line:#d9d9de;--green:#17a34a;--green-h:#2eac5c;--green-d:#0e9542;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:#fff;margin:0;padding:0}body{font-family:var(--font);color:var(--title);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.4}button{font-family:inherit}img{max-width:100%;display:block}.app{flex-direction:column;min-height:100svh;display:flex}.top{width:100%;max-width:28rem;margin:0 auto;padding:12px 12px 0}.top-row{grid-template-columns:28px 1fr 28px;align-items:start;display:grid}.back{width:28px;height:28px;color:var(--title);cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:flex-start;padding:0;display:flex}.back svg{width:14px;height:14px;margin-top:2px}.back-sp{width:28px}.logo{background:#f7f7f8;border-radius:6px;flex-direction:column;justify-content:center;justify-self:center;align-items:center;gap:4px;width:150px;height:82px;display:flex}.logo svg{width:50px;height:32px}.logo-t{letter-spacing:.14em;color:#111827;font-size:10.5px;font-weight:800}.bar{background:#fde4e4;border-radius:99px;height:8px;margin-top:12px;overflow:hidden}.bar-fill{background:var(--red);border-radius:99px;height:100%;transition:width .5s}.main{flex:1;width:100%;max-width:28rem;margin:0 auto;padding:16px 12px 40px}.screen{flex-direction:column;gap:16px;animation:.35s both fade-in;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pre{flex-direction:column;gap:6px;display:flex}.t-h1,.t-h2,.t-h3{text-align:center;color:var(--title);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:700}.t-h1{font-size:31px;line-height:1.1}.t-h2{font-size:25px;line-height:1.12}.t-h3{font-size:20.5px;line-height:1.12}.t-p{color:var(--text);margin:0;font-size:16px;line-height:1.4}.t-p strong{color:#09090b}.center{text-align:center}.spaced{margin-top:18px}.red{color:#dc2626!important}.sp-32{height:16px}.btn-main,.btn-buy{text-align:center;color:#fff;cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:66px;padding:10px 18px;font-size:16px;font-weight:500;line-height:1.35;text-decoration:none;transition:background .2s,transform .1s,box-shadow .2s;display:flex}.btn-main{background:var(--red);box-shadow:0 3px 0 var(--red-d)}.btn-main:hover{background:var(--red-h)}.btn-main:active{box-shadow:0 1px 0 var(--red-d);transform:translateY(2px)}.btn-main:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-buy{background:var(--green);box-shadow:0 3px 0 var(--green-d);text-transform:uppercase}.btn-buy:hover{background:var(--green-h)}.btn-buy:active{box-shadow:0 1px 0 var(--green-d);transform:translateY(2px)}.opts-wrap{flex-direction:column;gap:16px;display:flex}.opts{gap:8px;display:grid}.opts.cols-2{grid-template-columns:1fr 1fr}.opt{text-align:left;width:100%;color:var(--title);border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;padding:0;font-size:16px;line-height:1.4;transition:border-color .15s,background .15s,color .15s,transform .12s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px #e4e4e7,0 4px 10px #1118270d}.opt:hover{border-color:var(--red)}.opt:active{transform:translateY(1px);box-shadow:0 1px #e4e4e7}.opt.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 2px 0 var(--red-d)}.opt-body{align-items:center;gap:12px;width:100%;min-height:66px;padding:12px 16px;display:flex}.opt.center .opt-label{text-align:center;width:100%}.opt-label{flex:1}.opt-card-img{aspect-ratio:1;background:#f4f4f5;width:100%;display:block}.opt-card-img img{object-fit:contain;width:100%;height:100%}.opt.opt-thumb{flex-direction:row;align-items:stretch}.opt-thumbimg{flex-shrink:0;align-items:center;width:72px;display:flex}.opt-thumbimg img{object-fit:contain;width:72px;height:72px}.opt-thumbimg+.opt-body{padding-left:12px}.opt-ind{border:1.5px solid var(--line);width:26px;height:26px;color:var(--title);background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.opt-ind.is-radio{border-radius:99px}.opt-ind.is-check{border-radius:6px}.opt-ind svg{opacity:0;width:15px;height:15px;transition:opacity .15s}.opt.active .opt-ind{border-color:#fff}.opt-ind.on svg{opacity:1}.opts.cols-2 .opt-card .opt-card-img img{object-fit:contain}.pic{width:100%;overflow:hidden}.pic img{object-fit:contain;width:100%;height:100%}.pic.rounded{border-radius:16px}.pic.seal{width:100%}.meals{grid-template-columns:1fr 1fr;align-items:center;gap:8px;display:grid}.meals .pic{border-radius:12px}.ruler{-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;display:flex}.ruler-num{text-align:center;margin:6px 0 10px;line-height:1}.ruler-num b{color:var(--title);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:700}.ruler-num span{color:var(--title);margin-left:2px;font-size:20px;font-weight:600}.ruler-frame{border-bottom:1.5px solid #d4d4d8;position:relative;overflow:hidden}.ruler-frame:before,.ruler-frame:after{content:"";z-index:2;pointer-events:none;width:60px;position:absolute;top:0;bottom:0}.ruler-frame:before{background:linear-gradient(90deg,#fff,#fff0);left:0}.ruler-frame:after{background:linear-gradient(270deg,#fff,#fff0);right:0}.ruler-pointer{background:var(--red);z-index:3;pointer-events:none;border-radius:3px 3px 0 0;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0;left:50%}.ruler-pointer:after{content:"";border:10px solid #0000;border-bottom-color:var(--red);border-top:0;position:absolute;bottom:0;left:-8px}.ruler-scroll{touch-action:pan-x;cursor:grab;scrollbar-width:none;box-sizing:content-box;outline:none;height:100px;padding:0 calc(50% - 5px);display:flex;overflow:auto hidden}.ruler-scroll::-webkit-scrollbar{display:none}.ruler-scroll.dragging{cursor:grabbing}.ruler-scroll:focus-visible{box-shadow:inset 0 0 0 2px #fca5a5}.ruler-ticks{flex-shrink:0;align-items:flex-start;display:flex}.rl-tick{flex:none;justify-content:center;height:100%;display:flex;position:relative}.rl-tick i{background:#c4c4c8;width:1.5px;height:18px;margin-top:6px;display:block}.rl-tick.mid i{height:24px}.rl-tick.major i{background:#9ca3af;height:46px}.rl-tick span{color:#4b5563;font-variant-numeric:tabular-nums;font-size:15px;position:absolute;top:62px;left:50%;transform:translate(-50%)}.ruler-hint{text-align:center;color:#a1a1aa;margin:2px 0 0;font-size:12px}.reviews{gap:8px;display:grid}.review{background:#fff;border:1px solid #ececef;border-radius:16px;padding:16px;box-shadow:0 2px #f0f0f2}.stars{color:#facc15;gap:2px;padding-bottom:4px;display:flex}.stars svg{width:12px;height:12px}.review-name{color:var(--title);font-weight:600}.review-handle{color:var(--text);font-size:12px}.review-text{color:var(--text);padding-top:8px}.loading{flex-direction:column;gap:6px;display:flex}.loading-top{color:var(--title);justify-content:space-between;font-size:14px;font-weight:600;display:flex}.loading-track{background:#ededed;border-radius:12px;height:12px;overflow:hidden}.loading-fill{background:var(--red);border-radius:12px;height:100%}.loading-cap{padding-top:4px}.chart{aspect-ratio:366/206;width:100%}.chart svg{width:100%;height:100%;overflow:visible}.chart-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.4s .15s forwards draw}.chart-area{opacity:0;animation:.8s .7s forwards fade}.chart-dot,.chart-badge{opacity:0;animation:.5s 1.1s forwards fade}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade{to{opacity:1}}.offer{flex-direction:column;gap:16px;display:flex}.conds{grid-template-columns:1fr 1fr;gap:10px;margin-top:-6px;display:grid}.cond-top{color:var(--title);justify-content:space-between;padding:0 2px 6px;font-size:14px;font-weight:500;display:flex}.cond-bars{grid-template-columns:repeat(5,1fr);gap:5px;display:grid;position:relative}.cond-seg{background:#ccccccb3;border-radius:99px;height:8px;overflow:hidden}.cond-seg div{border-radius:99px;height:100%;transition:width .25s ease-out}.cond-knob{background:#fff;border:3px solid #ccc;border-radius:99px;width:22px;height:22px;margin:-11px 0 0 -11px;transition:left 1s;position:absolute;top:50%}.timer{justify-content:center;align-items:center;gap:6px;display:flex}.timer-box{color:#ec1129;background:#ffe6e3;border:1px solid #fecdc8;border-radius:16px;flex-direction:column;align-items:center;width:58px;padding:10px 0 8px;line-height:1;display:flex}.timer-box b{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.timer-box span{opacity:.8;margin-top:5px;font-size:11px}.timer-sep{color:var(--title);font-weight:700}.price-card{border:1.5px solid var(--red);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;box-shadow:0 2px #fecaca}.price-title{color:var(--title);font-size:20px;font-weight:700}.price-box{background:#f3f4f6d9;border-radius:12px;min-width:112px;padding:8px 10px}.price-off{color:#03071299;white-space:nowrap;font-size:12px;line-height:1}.price-off s{margin-left:4px}.price-val{color:var(--title);white-space:nowrap;padding:4px 0 3px;font-size:26px;font-weight:700;line-height:1}.price-val small{font-size:14px}.price-cash{text-align:right;color:#03071299;font-size:12px;line-height:1}.how h3{color:var(--title);text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin:0 0 22px;font-size:18.5px;font-weight:700;line-height:1.12}.how h3.center{text-align:center}.how ul{gap:26px;margin:0 0 6px;padding-left:1.2rem;display:grid}.how li{color:var(--text);text-align:justify;font-size:15px;line-height:1.45}.how li strong{color:#4b5563;font-weight:600}.faq{border-top:0}.faq-item{border-bottom:1px solid #e5e7eb}.faq-q{text-align:left;width:100%;color:var(--title);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-size:16px;font-weight:600;display:flex}.faq-q svg{color:#9ca3af;flex-shrink:0;width:18px;height:18px;transition:transform .2s}.faq-item.open .faq-q svg{transform:rotate(180deg)}.faq-a{color:var(--text);padding:0 0 16px;display:none}.faq-a p{margin:0 0 10px}.faq-item.open .faq-a{display:block}.foot{text-align:center;color:var(--text);padding:8px 0 12px;font-size:10.5px}
