.qsf{--ink:var(--sf-fg,#14201b);--ink2:var(--sf-ink2,#3d4a44);--mute:var(--sf-muted,#5f6b65);--soft:var(--sf-subtle,#66716b);--canvas:var(--sf-bg,#f6f7f7);--tray:var(--sf-bg-muted,#eef1ef);--card:var(--sf-bg-elevated,#fff);--raised:var(--sf-bg-raised,#f1f3f2);--line:var(--sf-border,#e1e7e3);--line2:var(--sf-border-strong,#d3dbd6);--brand:var(--sf-accent,#14201b);--brand-fg:var(--sf-accent-foreground,#fff);--brand-soft:color-mix(in srgb,var(--brand)9%,var(--card));--brand-2:color-mix(in srgb,var(--brand)80%,#000);--ok:#2e7d22;--ok-bg:#eaf6e7;--warn:#7a5200;--warn-bg:#fff4d6;--sale:#b42318;--star:#e8a317;--ease:cubic-bezier(.16,1,.3,1);font-family:var(--font-geist-sans),"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.45}.qsf *{box-sizing:border-box}.qsf ::selection{background:color-mix(in srgb,var(--brand)22%,var(--card))}.qsf h1,.qsf h2,.qsf h3,.qsf p,.qsf ul,.qsf ol,.qsf figure{margin:0}.qsf ul,.qsf ol{padding:0;list-style:none}.qsf a{color:var(--brand);text-underline-offset:3px}.qsf button{font:inherit;color:inherit;cursor:pointer}.qsf button:disabled{cursor:not-allowed}.qsf input,.qsf textarea,.qsf select{font:inherit;color:var(--ink)}.qsf input::placeholder,.qsf textarea::placeholder{color:var(--soft)}.qsf :focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.qsf .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.qsf .ic{stroke-linecap:square;stroke-linejoin:miter;flex:none;display:block}.qsf .sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qsf .w{max-width:1360px;margin:0 auto;padding:0 40px}@media (max-width:1023.98px){.qsf .d-only{display:none!important}}@media (min-width:1024px){.qsf .m-only{display:none!important}}.qsf .btn{letter-spacing:-.02em;white-space:nowrap;height:46px;transition:background .25s var(--ease),border-color .25s var(--ease),transform .2s var(--ease),opacity .2s;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.qsf .btn:active{transform:scale(.98)}.qsf .bp{background:var(--brand);color:var(--brand-fg)}.qsf .bp:hover{background:var(--brand-2);color:var(--brand-fg)}.qsf .bp:disabled,.qsf .bp[aria-disabled=true]{background:color-mix(in srgb,var(--brand)40%,var(--card));pointer-events:none}.qsf .bs{background:var(--card);color:var(--ink);border-color:var(--line2)}.qsf .bs:hover{border-color:var(--ink);color:var(--ink)}.qsf .bsm{height:40px;padding:0 14px;font-size:14px}.qsf .blg{height:52px;font-size:16px}.qsf .bw{width:100%}.qsf .link{color:var(--brand);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;font-weight:500;text-decoration:underline}.qsf .icb{background:var(--card);border:1px solid var(--line);width:40px;height:40px;color:var(--ink);border-radius:50%;flex:none;place-items:center;padding:0;text-decoration:none;display:grid;position:relative}.qsf .icb.flat{border-color:#0000}.qsf .badge-dot{background:var(--brand);min-width:18px;height:18px;color:var(--brand-fg);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.qsf .chips{scrollbar-width:none;gap:8px;padding:0 16px;display:flex;overflow-x:auto}.qsf .chips::-webkit-scrollbar{display:none}.qsf .chip{border:1px solid var(--line2);background:var(--card);white-space:nowrap;height:36px;color:var(--ink2);transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.qsf .chip b{color:var(--soft);font-weight:500}.qsf .chip.on{background:var(--ink);border-color:var(--ink);color:var(--card)}.qsf .chip.on b{color:color-mix(in srgb,var(--card)70%,var(--ink))}.qsf .ach{background:var(--tray);height:30px;color:var(--ink);border:0;border-radius:999px;align-items:center;gap:6px;padding:0 8px 0 11px;font-size:13px;font-weight:500;display:inline-flex}.qsf .tbb{border:1px solid var(--line2);background:var(--card);height:36px;color:var(--ink);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.qsf .tbb b{background:var(--ink);min-width:20px;height:20px;color:var(--card);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;font-weight:600;display:inline-grid}.qsf .tbb .ic{color:var(--ink2)}.qsf .tbb select{appearance:none;cursor:pointer;background:0 0;border:0;outline:none;padding-right:2px;font-size:14px;font-weight:500}.qsf .card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:0 12px}.qsf .card>.row:first-child{border-top:0}.qsf .row{border-top:1px solid var(--line);grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.qsf .card>.row-wrap:first-child>.row{border-top:0}.qsf .th{object-fit:cover;background:var(--tray);border-radius:12px;width:68px;height:68px;display:block;overflow:hidden}.qsf .th img{object-fit:cover;width:100%;height:100%;display:block}.qsf .nm{letter-spacing:-.015em;color:var(--ink);font-size:14.5px;font-weight:600;line-height:1.3;text-decoration:none;display:block}.qsf .mt{color:var(--mute);margin-top:2px;font-size:13px;line-height:1.35}.qsf .mt.low{color:var(--warn);font-weight:500}.qsf .pr{letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;column-gap:7px;margin-top:5px;font-size:15.5px;font-weight:600;display:flex}.qsf .was{color:var(--soft);font-size:13px;font-weight:400;text-decoration:line-through}.qsf .off{color:var(--sale);font-size:12.5px;font-weight:600}.qsf .row.out .th{opacity:.45}.qsf .row.out .nm,.qsf .row.out .pr{color:var(--soft)}.qsf .add{border:1.5px solid var(--brand);background:var(--card);width:42px;height:42px;color:var(--brand);transition:background .2s var(--ease);border-radius:6px;place-items:center;padding:0;display:grid}.qsf .add:hover{background:var(--brand-soft)}.qsf .step{background:var(--brand);height:42px;color:var(--brand-fg);animation:qsfPop .35s var(--ease);border-radius:6px;align-items:center;display:flex}.qsf .step button{width:32px;height:42px;color:var(--brand-fg);background:0 0;border:0;place-items:center;padding:0;display:grid}.qsf .step button:disabled{opacity:.45}.qsf .step span{text-align:center;min-width:16px;font-weight:600}.qsf .choose{border:1.5px solid var(--brand);background:var(--card);height:42px;color:var(--brand);white-space:nowrap;border-radius:6px;align-items:center;padding:0 12px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.qsf .choose.open{background:var(--brand-soft)}.qsf .so{color:var(--soft);padding-right:4px;font-size:13px;font-weight:500}.qsf .pick{background:var(--brand-soft);border-top:1px solid var(--line);animation:qsfOpen .4s var(--ease);margin:0 -12px;padding:12px 12px 14px}.qsf .opts{flex-wrap:wrap;gap:6px;display:flex}.qsf .opt{border:1px solid var(--line2);background:var(--card);min-width:46px;height:40px;color:var(--ink);border-radius:6px;padding:0 10px;font-size:14.5px;font-weight:500}.qsf .opt.on{background:var(--ink);border-color:var(--ink);color:var(--card)}.qsf .opt:disabled{color:var(--soft);background:var(--raised);border-color:var(--line);text-decoration:line-through}@keyframes qsfPop{0%{opacity:.5;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes qsfOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.qsf .sec{justify-content:space-between;align-items:baseline;padding:26px 4px 10px;display:flex}.qsf .sec h2{letter-spacing:-.03em;font-size:19px;font-weight:700}.qsf .sec>span{color:var(--mute);font-size:13px}.qsf .cover{background:var(--tray);height:128px;position:relative;overflow:hidden}.qsf .cover img{object-fit:cover;width:100%;height:100%;display:block}.qsf .idn{background:var(--card);padding:0 16px 14px}.qsf .idn-top{justify-content:space-between;align-items:flex-start;margin-top:-30px;display:flex;position:relative}.qsf .logo{background:var(--brand);width:64px;height:64px;color:var(--brand-fg);letter-spacing:-.02em;box-shadow:0 0 0 4px var(--card);border-radius:50%;flex:none;place-items:center;font-size:21px;font-weight:700;display:grid;overflow:hidden}.qsf .logo img{object-fit:cover;width:100%;height:100%}.qsf .acts{gap:8px;margin-top:40px;display:flex}.qsf .act{border:1px solid var(--line2);background:var(--card);min-width:38px;height:38px;color:var(--ink);transition:border-color .2s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.qsf .act.ask{color:var(--brand);border-color:color-mix(in srgb,var(--brand)30%,var(--card));background:var(--brand-soft);padding:0 14px 0 12px}.qsf .act:hover{border-color:var(--ink)}.qsf .idn h1{letter-spacing:-.04em;margin-top:4px;font-size:26px;font-weight:700;line-height:1.1}.qsf .tagline{color:var(--mute);margin-top:4px;font-size:15px}.qsf .dline{background:var(--tray);width:100%;min-height:40px;color:var(--ink2);text-align:left;border:0;border-radius:10px;align-items:center;gap:9px;margin-top:12px;padding:8px 12px;font-size:13.5px;display:flex}.qsf .dline .ic{color:var(--ink2)}.qsf .dline span{flex:1}.qsf .dline b{color:var(--ink);font-weight:600}.qsf .dline i{color:var(--mute);margin:0 7px;font-style:normal}.qsf .stick{z-index:20;background:color-mix(in srgb,var(--card)96%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:16px 0 12px;position:sticky;top:0}.qsf .search{background:var(--raised);height:46px;color:var(--mute);border-radius:10px;align-items:center;gap:10px;margin:0 16px;padding:0 14px;display:flex}.qsf .search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:15px}.qsf .foot-m{border-top:1px solid var(--line);margin-top:28px;padding:24px 16px 120px}.qsf .rb{z-index:30;padding:10px 12px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(color-mix(in srgb,var(--canvas)0%,transparent),var(--canvas)30%);position:fixed;bottom:0;left:0;right:0}.qsf .rb-in{background:var(--brand);width:100%;height:62px;color:var(--brand-fg);text-align:left;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 8px 0 10px;display:flex;box-shadow:0 12px 28px -14px #0e1e168c}.qsf .rb-in img,.qsf .rb-in .rb-th{object-fit:cover;border:2px solid var(--brand);background:var(--card);border-radius:8px;width:38px;height:38px;display:block}.qsf .rb-total{letter-spacing:-.02em;transform-origin:0;font-size:17px;font-weight:700;display:block}.qsf .rb-total.tick{animation:qsfTick .5s var(--ease)}@keyframes qsfTick{35%{transform:scale(1.12)}}.qsf .rb-ck{background:var(--card);height:46px;color:var(--brand);letter-spacing:-.02em;border-radius:6px;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.qsf .rb-empty{background:var(--raised);height:52px;color:var(--mute);border-radius:12px;justify-content:center;align-items:center;font-size:14px;display:flex}.qsf-layer{z-index:60;position:fixed;inset:0}.qsf .scrim{z-index:60;animation:qsfFade .25s var(--ease);background:#14201b6b;border:0;padding:0;position:fixed;inset:0}.qsf .sheet{z-index:61;background:var(--card);max-height:88vh;animation:qsfUp .35s var(--ease);border-radius:22px 22px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px -16px #0e1e1666}@media (min-width:1024px){.qsf .sheet{width:min(520px,100vw - 48px);animation:qsfFade .25s var(--ease);border-radius:20px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}@keyframes qsfUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes qsfFade{0%{opacity:0}to{opacity:1}}.qsf .grab{background:var(--line2);border-radius:3px;flex:none;width:40px;height:5px;margin:8px auto 0}.qsf .shh{flex:none;justify-content:space-between;align-items:center;padding:10px 18px 4px;display:flex}.qsf .shh h2{letter-spacing:-.03em;font-size:19px;font-weight:700}.qsf .shb{padding:0 18px 4px;overflow-y:auto}.qsf .shf{padding:14px 18px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex:none;gap:10px;margin-top:14px;display:flex}.qsf .flab{color:var(--ink);margin:18px 0 10px;font-size:14px;font-weight:600}.qsf .fopt{width:100%;height:42px;color:var(--ink2);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:15px;display:flex}.qsf .rdo{border:1.5px solid var(--line2);background:var(--card);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.qsf .rdo:after{content:"";background:var(--ink);width:10px;height:10px;transition:transform .25s var(--ease);border-radius:50%;transform:scale(0)}.qsf .fopt.on{color:var(--ink);font-weight:500}.qsf .fopt.on .rdo{border-color:var(--ink)}.qsf .fopt.on .rdo:after{transform:scale(1)}.qsf .cbx{border:1.5px solid var(--line2);background:var(--card);color:#0000;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;display:grid}.qsf .fopt.on .cbx{background:var(--ink);border-color:var(--ink);color:var(--card)}.qsf .cv-hd{z-index:20;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0}.qsf .cv-top{align-items:center;gap:10px;height:60px;padding:0 12px;display:flex}.qsf .cv-top h1{letter-spacing:-.03em;font-size:18px;font-weight:700;line-height:1.15}.qsf .cv-top p{color:var(--mute);font-size:12.5px}.qsf .tb{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px 12px;display:flex}.qsf .lst{padding:12px 12px 120px}.qsf .cnt{color:var(--mute);padding:2px 4px 8px;font-size:13px}.qsf .sk .th,.qsf .sk i{background:var(--tray);animation:1.4s ease-in-out infinite qsfSk}.qsf .sk i{border-radius:6px;height:11px;margin:7px 0;display:block}@keyframes qsfSk{50%{opacity:.55}}.qsf .more{color:var(--mute);justify-content:center;align-items:center;gap:10px;padding:14px 0 6px;font-size:13px;display:flex}.qsf .spin{border:2px solid var(--line2);border-top-color:var(--ink2);border-radius:50%;width:16px;height:16px;animation:.9s linear infinite qsfSpin}@keyframes qsfSpin{to{transform:rotate(360deg)}}.qsf .totop{z-index:31;background:var(--ink);height:38px;color:var(--card);animation:qsfFade .25s var(--ease);border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 12px;font-size:14px;font-weight:600;display:inline-flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px -12px #0e1e1699}.qsf .srch{background:var(--card);border:1.5px solid var(--ink);border-radius:10px;flex:1;align-items:center;gap:10px;height:44px;padding:0 12px;font-size:15.5px;display:flex}.qsf .srch input{background:0 0;border:0;outline:none;flex:1;min-width:0}.qsf mark{background:color-mix(in srgb,var(--brand)14%,var(--card));color:inherit;border-radius:3px;padding:0 1px}.qsf .ask-row{background:var(--card);border:1px solid var(--line);color:var(--ink);text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;margin-top:12px;padding:14px;text-decoration:none;display:flex}.qsf .ask-row .ab{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:50%;flex:none;place-items:center;display:grid}.qsf .empty{text-align:center;color:var(--mute);padding:40px 16px;font-size:14.5px}.qsf .empty h3{color:var(--ink);letter-spacing:-.02em;margin-bottom:6px;font-size:18px;font-weight:700}.qsf .dh{z-index:30;background:var(--sf-header-bg,#fffffff5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);height:72px;position:sticky;top:0}.qsf .dh-in{align-items:center;gap:24px;height:72px;display:flex}.qsf .brandlink{color:var(--ink);align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.qsf .brandlink .logo{width:40px;height:40px;box-shadow:none;font-size:14px}.qsf .brandlink b{letter-spacing:-.03em;font-size:16.5px;font-weight:700;line-height:1.2;display:block}.qsf .brandlink small{color:var(--mute);font-size:13px;display:block}.qsf .dsearch{background:var(--raised);max-width:480px;height:44px;color:var(--mute);border-radius:10px;flex:1;align-items:center;gap:10px;margin:0 auto;padding:0 14px;display:flex}.qsf .dsearch input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:15px}.qsf .dgrid{grid-template-columns:228px minmax(0,1fr) 360px;align-items:start;gap:28px;padding-top:28px;padding-bottom:40px;display:grid}.qsf .rail{background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:14px;padding:18px 8px 14px;display:flex;position:sticky;top:100px}.qsf .rs{border:0;border-top:1px solid var(--line);margin:2px 12px}.qsf .fh{color:var(--ink);margin:0 0 6px;padding:0 12px;font-size:13px;font-weight:600;display:block}.qsf .fs{border:0;flex-direction:column;gap:2px;min-width:0;margin:0;padding:0;display:flex}.qsf .cat{width:100%;height:42px;color:var(--ink2);text-align:left;transition:background .2s var(--ease);background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:0 12px;font-size:15px;display:flex}.qsf .cat:hover{background:var(--raised)}.qsf .cat b{color:var(--soft);font-size:13.5px;font-weight:500}.qsf .cat.on{background:var(--tray);color:var(--ink);font-weight:600}.qsf .rail .fopt{border-radius:10px;height:38px;padding:0 12px;font-size:14.5px}.qsf .rail .fopt:hover{background:var(--raised)}.qsf .rail .cbx{width:18px;height:18px}.qsf .fact{color:var(--ink2);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.qsf .fact .ic{color:var(--brand);margin-top:1px}.qsf .dmain{background:var(--card);border:1px solid var(--line);border-radius:20px;min-width:0;padding:14px 26px 30px}.qsf .dcover{background:var(--tray);border-radius:14px;height:200px;margin:0 -14px;overflow:hidden}.qsf .dcover img{object-fit:cover;width:100%;height:100%;display:block}.qsf .dmain h1{letter-spacing:-.04em;font-size:34px;font-weight:700;line-height:1.05}.qsf .dtool{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;padding:14px 0;display:flex}.qsf .sel{border:1px solid var(--line2);background:var(--card);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235f6b65' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;height:40px;padding:0 34px 0 12px;font-size:14px}.qsf .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px;margin-top:22px;display:grid}.qsf .pc{flex-direction:column;min-width:0;display:flex}.qsf .pimg{aspect-ratio:1;background:var(--tray);border-radius:14px;display:block;position:relative;overflow:hidden}.qsf .pimg img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);display:block}.qsf .pc:hover .pimg img{transform:scale(1.03)}.qsf .pbadge{background:var(--card);border-radius:999px;align-items:center;height:24px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px}.qsf .pbadge.sale{color:var(--sale)}.qsf .pbadge.low{background:var(--warn-bg);color:var(--warn)}.qsf .pbadge.out{color:var(--mute)}.qsf .pn{letter-spacing:-.015em;color:var(--ink);margin-top:12px;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none}.qsf .pc .mt{font-size:13.5px}.qsf .pc-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.qsf .pc-foot .pr{margin-top:0;font-size:16px}.qsf .pc.out .pimg img{opacity:.5}.qsf .pc.out .pn,.qsf .pc.out .pr{color:var(--soft)}.qsf .osheet{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;position:sticky;top:100px}.qsf .osheet h2{letter-spacing:-.03em;font-size:19px;font-weight:700}.qsf .oln{border-top:1px dashed var(--line2);grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 0;display:grid}.qsf .oln:first-child{border-top:0}.qsf .oln .th{border-radius:10px;width:48px;height:48px}.qsf .mini{border:1px solid var(--line2);background:var(--card);border-radius:6px;align-items:center;height:30px;display:inline-flex}.qsf .mini button{background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.qsf .mini button:disabled{opacity:.4}.qsf .mini span{text-align:center;min-width:16px;font-size:13.5px;font-weight:600}.qsf .seg{background:var(--tray);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:grid;position:relative}.qsf .seg button{z-index:1;height:38px;color:var(--ink2);transition:color .3s var(--ease);background:0 0;border:0;border-radius:9px;font-size:14.5px;font-weight:500;position:relative}.qsf .seg button.on{color:var(--ink)}.qsf .seg .thumb{background:var(--card);width:calc(50% - 4px);transition:transform .45s var(--ease);border-radius:9px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 2px #0e1e161f,0 2px 6px -2px #0e1e161a}.qsf .seg.k1 .thumb{transform:translate(100%)}.qsf .seg.one{grid-template-columns:1fr}.qsf .seg.one .thumb{width:calc(100% - 8px)}.qsf .tl{color:var(--ink2);justify-content:space-between;gap:12px;padding:4px 0;font-size:14.5px;display:flex}.qsf .tl.tot{color:var(--ink);letter-spacing:-.02em;border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-size:18px;font-weight:700}.qsf .note{color:var(--mute);font-size:13px;line-height:1.45}.qsf .err{color:var(--sale);background:#fdecea;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:13.5px;line-height:1.45}.qsf .dfoot{border-top:1px solid var(--line);color:var(--mute);justify-content:space-between;gap:16px;padding:22px 0 40px;font-size:13.5px;display:flex}.qsf .fl{color:var(--ink2);margin:16px 0 6px;font-size:13.5px;font-weight:600;display:block}.qsf .fl i{color:var(--mute);font-style:normal;font-weight:400}.qsf .in{border:1px solid var(--line2);background:var(--sf-input-bg,var(--card));width:100%;height:48px;color:var(--ink);border-radius:10px;outline:none;align-items:center;gap:10px;padding:0 14px;font-size:15.5px;transition:border-color .2s,box-shadow .2s;display:flex}.qsf textarea.in{resize:vertical;height:auto;min-height:72px;padding:12px 14px;line-height:1.5}.qsf .in:focus,.qsf .in:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px var(--tray)}.qsf .in.ro{background:var(--raised);border-color:var(--raised);color:var(--ink2)}.qsf .grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.qsf .co{z-index:50;background:var(--canvas);animation:qsfFade .2s var(--ease);position:fixed;inset:0;overflow-y:auto}.qsf .co-top{z-index:5;border-bottom:1px solid var(--line);background:var(--card);align-items:center;gap:10px;height:60px;padding:0 12px;display:flex;position:sticky;top:0}.qsf .co-top h1{letter-spacing:-.03em;flex:1;font-size:17px;font-weight:700}.qsf .prog{background:var(--card);gap:6px;padding:14px 16px 0;display:flex}.qsf .prog i{background:var(--line);border-radius:2px;flex:1;height:4px}.qsf .prog i.on{background:var(--brand)}.qsf .co-body{background:var(--card);min-height:calc(100vh - 210px);padding:4px 16px 24px}.qsf .co-foot{padding:12px 16px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--card);position:sticky;bottom:0}.qsf .ln{border-top:1px solid var(--line);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.qsf .ln:first-child{border-top:0}.qsf .ln .th{border-radius:10px;width:64px;height:64px}.qsf .pm{border:1px solid var(--line);background:var(--card);text-align:left;width:100%;transition:border-color .25s var(--ease),box-shadow .25s var(--ease);border-radius:14px;padding:0;display:block;overflow:hidden}.qsf .pm.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--tray)}.qsf .pmh{align-items:center;gap:12px;padding:14px;display:flex}.qsf .pmh b{font-size:15px;font-weight:600;display:block}.qsf .pmh small{color:var(--mute);font-size:13px;display:block}.qsf .rad{border:1.5px solid var(--line2);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.qsf .pm.on .rad{border-color:var(--brand)}.qsf .pm.on .rad:after{content:"";background:var(--brand);border-radius:50%;width:10px;height:10px}.qsf .pslogo{width:auto;height:17px;margin:1px 0 5px;display:block}.qsf .pmb{background:var(--canvas);border-radius:10px;margin:0 14px 14px;padding:4px 12px 10px}.qsf .kv{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14.5px;display:flex}.qsf .kv:first-child{border-top:0}.qsf .kv>span:first-child{color:var(--mute)}.qsf .kv b{text-align:right;font-weight:600}.qsf .copy{border:1px solid var(--line2);background:var(--card);border-radius:6px;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.qsf .timer{background:var(--warn-bg);height:24px;color:var(--warn);border-radius:999px;align-items:center;padding:0 9px;font-size:13px;font-weight:600;display:inline-flex}.qsf .done-ic{background:var(--brand-soft);width:64px;height:64px;color:var(--brand);border-radius:50%;place-items:center;display:grid}.qsf .tlist{margin-top:22px;position:relative}.qsf .tlist li{gap:14px;padding-bottom:20px;display:flex;position:relative}.qsf .tlist li:last-child{padding-bottom:0}.qsf .tlist li:not(:last-child):after{content:"";background:var(--line);width:2px;position:absolute;top:22px;bottom:0;left:10px}.qsf .tdot{background:var(--card);border:2px solid var(--line2);z-index:1;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid;position:relative}.qsf .tdot.now{border-color:var(--brand)}.qsf .tdot.done{background:var(--brand);border-color:var(--brand);color:var(--brand-fg)}.qsf .tlist b{font-weight:600}.qsf .tlist .later b{color:var(--mute)}.qsf .tlist small{color:var(--mute);font-size:13.5px;display:block}@media (min-width:1024px){.qsf .co-top{height:72px;padding:0}.qsf .co-wrap{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:28px;max-width:1180px;margin:0 auto;padding:36px 40px 60px;display:grid}.qsf .co-wrap.narrow{max-width:760px;padding-top:56px;display:block}.qsf .ccard{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px 28px}.qsf .ccard h2{letter-spacing:-.03em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.qsf .ccard h2 i{background:var(--ink);width:26px;height:26px;color:var(--card);border-radius:50%;place-items:center;font-size:13px;font-style:normal;display:grid}.qsf .csum{position:sticky;top:96px}.qsf .pays{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.qsf .pays .pm{align-items:flex-start;gap:14px;padding:18px;display:flex}}.qsf .pp-m-top{z-index:3;justify-content:space-between;display:flex;position:absolute;top:12px;left:12px;right:12px}.qsf .pp-m-top .icb{border-color:#0000;box-shadow:0 2px 8px #0e1e161f}.qsf .gal{aspect-ratio:1;background:var(--tray);position:relative;overflow:hidden}.qsf .gal-track{scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.qsf .gal-track::-webkit-scrollbar{display:none}.qsf .gal-track img{object-fit:cover;scroll-snap-align:start;flex:none;width:100%;height:100%}.qsf .dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:12px;left:0;right:0}.qsf .dots i{width:6px;height:6px;transition:width .3s var(--ease);background:#fff9;border-radius:3px}.qsf .dots i.on{background:#fff;width:18px}.qsf .pp-body{background:var(--card);padding:18px 16px 130px}.qsf .pp-body h1{letter-spacing:-.035em;font-size:24px;font-weight:700;line-height:1.15}.qsf .pp-price{letter-spacing:-.03em;align-items:baseline;gap:10px;margin-top:8px;font-size:22px;font-weight:700;display:flex}.qsf .rating{color:var(--ink2);align-items:center;gap:6px;font-size:14px;text-decoration:none;display:inline-flex}.qsf .stars{gap:2px;display:inline-flex}.qsf .optnote{color:var(--mute);margin-top:8px;font-size:13.5px}.qsf .pp-sec{margin-top:26px}.qsf .pp-sec h2{letter-spacing:-.03em;font-size:18px;font-weight:700}@media (min-width:1024px){.qsf .pp-sec h2{letter-spacing:-.035em;font-size:24px}}.qsf .desc{color:var(--ink2);font-size:15px;line-height:1.6}.qsf .rv{border-top:1px solid var(--line);padding:16px 0}.qsf .rv-av{background:var(--tray);width:34px;height:34px;color:var(--ink2);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.qsf .vb{color:var(--ok);background:var(--ok-bg);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.qsf .addbar{z-index:30;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.qsf .qty{border:1px solid var(--line2);border-radius:6px;align-items:center;height:50px;display:flex}.qsf .qty button{background:0 0;border:0;place-items:center;width:40px;height:48px;padding:0;display:grid}.qsf .qty span{text-align:center;min-width:20px;font-weight:600}@media (min-width:1024px){.qsf .pp-d{grid-template-columns:96px minmax(0,600px) minmax(0,1fr);align-items:start;gap:24px;padding-top:20px;display:grid}.qsf .thumbs{flex-direction:column;gap:10px;display:flex}.qsf .thumbs button{background:var(--tray);border:2px solid #0000;border-radius:12px;width:96px;height:96px;padding:0;overflow:hidden}.qsf .thumbs button.on{border-color:var(--ink)}.qsf .thumbs img{object-fit:cover;width:100%;height:100%;display:block}.qsf .pp-img{aspect-ratio:1;background:var(--tray);border-radius:20px;overflow:hidden}.qsf .pp-img img{object-fit:cover;width:100%;height:100%;display:block}.qsf .pp-info{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;position:sticky;top:96px}.qsf .pp-info h1{letter-spacing:-.04em;font-size:30px;font-weight:700;line-height:1.1}.qsf .rvgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.qsf .rvgrid .rv{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:18px 20px}.qsf .pgrid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:18px;display:grid}}.qsf .rvw{max-width:1000px;margin:0 auto}.qsf .pcx{background:var(--canvas);border-radius:14px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.qsf .pcx img,.qsf .pcx .ph{object-fit:cover;background:var(--tray);border-radius:10px;width:56px;height:56px;display:block}.qsf .pcx b{font-size:15px;font-weight:600;display:block}.qsf .pcx small{color:var(--mute);margin-top:2px;font-size:13px;display:block}.qsf .rstars{gap:4px;margin-top:4px;display:flex}.qsf .rstars button{width:52px;height:52px;transition:transform .3s var(--ease),background .2s;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid}.qsf .rstars button:hover{background:var(--raised)}.qsf .rstars button:active{transform:scale(.9)}.qsf .rstars path{transition:fill .25s var(--ease),stroke .25s var(--ease)}.qsf .ph2{border:1.5px dashed var(--line2);width:72px;height:72px;color:var(--mute);background:var(--card);border-radius:12px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.qsf .ph2:hover{border-color:var(--ink);color:var(--ink)}.qsf .ph2 img{object-fit:cover;width:100%;height:100%}.qsf .fill{object-fit:cover;width:100%;height:100%;display:block}.qsf .rvcard{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:14px 16px}@media (prefers-reduced-motion:reduce){.qsf *,.qsf :before,.qsf :after{transition:none!important;animation:none!important}}