.obs{--obs-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg);color:var(--ink);align-content:start;gap:14px;font-size:13px;line-height:1.5;display:grid;position:relative}.obs .v2-info{margin-bottom:0}.obs .sub{color:var(--muted)}.obs .wb{font-family:var(--obs-mono);letter-spacing:.01em;font-weight:600}.obs .card{border:1px solid var(--line);background:#fff;border-radius:16px}.v2-info-field .ipt.obs-partner-auto{background:#fafafb;gap:7px}.obs-partner-auto .obs-partner-logo{border-radius:4px;flex:none;display:block}.obs .obs-lower{align-content:start;gap:14px;min-height:560px;display:grid;position:relative}.obs .scan{font-family:var(--obs-mono);border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;outline:none;width:100%;min-width:0;font-weight:600}.obs .scan::placeholder{font-family:var(--font-family-sans,"Pretendard Variable", "Pretendard", "Noto Sans KR", sans-serif);color:#b0b8c1;font-weight:500}.obs .scan:focus{border-color:var(--ink);box-shadow:0 0 0 4px #191f2814}.obs .scan-l{border-radius:14px;height:56px;padding:0 18px;font-size:20px}.obs .btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 16px;font-weight:700;display:inline-flex}.obs .btn:hover{border-color:var(--ink-3)}.obs .btn-p{background:var(--ink);border-color:var(--ink);color:#fff}.obs .btn-p:hover{background:#27303e}.obs .btn-p[disabled]{cursor:not-allowed;background:#d1d6db;border-color:#d1d6db}.obs .btn-l{border-radius:14px;height:56px;padding:0 24px;font-size:17px}.obs .kbd{font-family:var(--obs-mono);opacity:.65;font-size:11px}.obs .mk{color:var(--ink-2);white-space:nowrap;background:#f2f4f6;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:800}.obs .mk.mk-logo{border:1px solid var(--line);color:var(--ink);background:#fff;align-items:center;gap:6px;padding:3px 10px 3px 4px;display:inline-flex}.obs .mlogo{border-radius:4px;flex:none;display:block}.obs .idle{text-align:center;justify-items:center;gap:12px;padding:22px 24px 30px;display:grid}.obs .idle-t{letter-spacing:-.02em;font-size:24px;font-weight:800}.obs .idle-s{font-size:15px}.obs .idle-in{width:min(640px,100%)}.obs .idle>.ev,.obs .idle>.bgdone{text-align:left;width:min(640px,100%)}.obs ol.steps{justify-content:center;justify-self:stretch;align-items:center;margin:0;padding:0;list-style:none;display:flex}.obs .topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-self:stretch;align-items:center;gap:16px;display:grid}.obs .topbar.in-card{padding:0 0 8px}.obs .topbar.in-sheet{padding:14px 28px 2px}.obs .topbar .tb-r{justify-self:end;align-items:center;display:flex}.obs .sess{height:32px;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums;background:#f2f4f6;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 12px;font-size:13px;font-weight:700;display:inline-flex}.obs .sess b{color:var(--ink);font-size:16px;font-weight:800;display:inline-block}.obs .sess.bump b{animation:.32s ease-out obs-pop}.obs .step{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.obs .step+.step:before{content:"";background:var(--line);width:80px;height:2px;margin:0 18px}.obs .step .n{border:2px solid var(--line);background:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.obs .step.on{color:var(--ink)}.obs .step.on .n{background:var(--ink);border-color:var(--ink);color:#fff}.obs .step.fin{color:var(--ink-2)}.obs .step.fin .n{color:var(--ink-2);background:#f2f4f6;border-color:#f2f4f6}.obs .step.fin+.step:before{background:var(--ink-2)}.obs .step.skip .n{color:var(--muted);background:#fff;border:2px dashed #b0b8c1}.obs .items{border:1px solid var(--line);border-radius:16px;display:grid;overflow:hidden}.obs .it{border-top:1px solid var(--line-2);grid-template-columns:56px minmax(0,1fr) 96px 120px 140px;align-items:center;gap:16px;padding:18px 24px;display:grid}.obs .it-h{color:var(--muted);border-top:0;padding-block:8px;font-size:12px;font-weight:700}.obs .it-h span:nth-child(3),.obs .it-h span:nth-child(4){text-align:center}.obs .it-h span:last-child{text-align:right}.obs .th{color:#b0b8c1;background:#f2f4f6;border-radius:12px;place-items:center;width:56px;height:56px;display:grid}.obs .it-code{font-family:var(--obs-mono);color:var(--ink-3);font-size:12px;display:block}.obs .it-name{margin-top:1px;font-size:18px;font-weight:700;display:block}.obs .it-size{text-align:center;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.obs .it-qty{text-align:center;font-variant-numeric:tabular-nums;color:var(--ink-3);justify-content:center;align-items:center;gap:10px;font-size:20px;display:flex}.obs .it-qty b{color:var(--ink);font-weight:800}.obs .qbtn{border:1px solid var(--line);width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:9px;flex:none;place-items:center;padding:0;display:grid}.obs .qbtn:hover{border-color:var(--ink-3)}.obs .st{white-space:nowrap;border-radius:999px;justify-self:end;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:800;display:inline-flex}.obs .st-wait{color:var(--ink-3);background:#f2f4f6}.obs .st-part{color:var(--ink);border:1.5px solid var(--ink);background:#fff}.obs .st-ok{background:var(--ink);color:#fff}.obs .it.ok{background:#fafafb}.obs .it.ok .it-name{color:var(--ink-2)}.obs .it.flash{animation:1s ease-out obs-flash}@keyframes obs-flash{0%{background:#dce0e5}to{background:0 0}}.obs .it.ok.flash{animation-name:obs-flashok}@keyframes obs-flashok{0%{background:#dce0e5}to{background:#fafafb}}.obs .empty{color:var(--muted);justify-items:center;gap:8px;padding:38px 20px;font-size:15px;font-weight:600;display:grid}.obs .ev{border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.obs .ev-ic{border-radius:50%;flex:none;place-items:center;width:26px;height:26px;margin-top:1px;display:grid}.obs .ev-bad{background:var(--danger-soft);color:#c22634}.obs .ev-bad .ev-ic{background:var(--danger);color:#fff}.obs .ev-info{color:var(--ink);background:#f2f4f6}.obs .ev-info .ev-ic{background:var(--ink-2);color:#fff}.obs .ev-t{font-size:16px;font-weight:800;display:block}.obs .ev-sub{margin-top:2px;font-size:13.5px;display:block}.obs .ev-hint{margin-top:4px;font-size:13px;font-weight:600;display:block}.obs .ev.shake{animation:.36s obs-shake}@keyframes obs-shake{0%,to{transform:none}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.obs .bgdone{background:#f2f4f6;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.obs .bgdone .bg-ic{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.obs .bgdone .bg-t{font-weight:800}.obs .bgdone.warn{border:1.5px solid var(--ink);background:#fff}.obs .warnline{color:var(--ink);background:#f2f4f6;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700}.obs .obs-ring{--p:0;background:conic-gradient(var(--ink) calc(var(--p) * 1%), var(--line) 0);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid;position:relative}.obs .obs-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:6px}.obs .obs-ring span{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800;position:relative}.obs .count{flex:none;justify-items:end;gap:4px;display:grid}.obs .count b{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}.obs .count>span{color:var(--muted);font-size:12px;font-weight:700}.obs .state-card{text-align:center;justify-items:center;gap:8px;padding:40px 24px 34px;display:grid}.obs .sc-ic{background:var(--danger);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:24px;font-weight:800;display:grid}.obs .sc-t{letter-spacing:-.02em;margin-top:4px;font-size:22px;font-weight:800}.obs .sc-d{color:var(--ink-2);font-size:15px}.obs .sc-a{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.obs .done{text-align:center;justify-items:center;gap:6px;padding:44px 24px 40px;display:grid}.obs .done-ic{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:68px;height:68px;animation:.32s ease-out obs-pop;display:grid}@keyframes obs-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.obs .done-t{letter-spacing:-.02em;margin-top:8px;font-size:24px;font-weight:800}.obs .done-d{color:var(--ink-2);font-size:15px}.obs .ov{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:5;background:#191f2857;border-radius:16px;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.obs .x{cursor:pointer;width:36px;height:36px;color:var(--ink-2);background:#f2f4f6;border:0;border-radius:10px;flex:none;place-items:center;margin-left:auto;display:grid}.obs .sheet{background:#fff;border-radius:24px 24px 0 0;grid-template-rows:auto auto auto minmax(0,1fr) auto;width:1104px;max-width:100%;height:calc(100% - 10px);display:grid;box-shadow:0 -12px 48px #191f2833}.obs .sheet.up{animation:.3s cubic-bezier(.2,.8,.2,1) obs-up}@keyframes obs-up{0%{opacity:.3;transform:translateY(60px)}to{opacity:1;transform:none}}.obs .grab{background:var(--line);border-radius:999px;width:44px;height:5px;margin:10px auto 0}.obs .sh-h{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:14px 28px 18px;display:flex}.obs .sh-t{letter-spacing:-.025em;font-size:26px;font-weight:800}.obs .sh-t.wb{letter-spacing:.01em;font-size:28px}.obs .sh-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;font-size:14px;display:flex}.obs .sh-b{grid-auto-rows:max-content;align-content:start;gap:12px;min-height:0;padding:18px 28px;display:grid;overflow:auto}.obs .sh-f{border-top:1px solid var(--line);align-items:center;gap:10px;padding:16px 28px 22px;display:flex}@media (prefers-reduced-motion:reduce){.obs *{transition:none!important;animation:none!important}}