.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,.obs .idle>.warnline{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 .it-h span:first-child{text-align:center}.obs .th{color:#b0b8c1;background:#f2f4f6;border-radius:12px;place-items:center;width:56px;height:56px;display:grid}.obs .th-none{box-sizing:border-box;width:100%;height:100%;color:var(--muted);background:#fff;border:1.5px dashed #c9ced6;border-radius:12px;align-content:center;place-items:center;gap:2px;font-size:10px;font-weight:600;line-height:1.2;display:grid}.obs .th-btn{cursor:pointer;background:0 0;border:0;border-radius:12px;width:56px;height:56px;padding:0;display:block;position:relative}.obs .th-pen{color:#fff;pointer-events:none;background:#191f2880;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;display:none;position:absolute;inset:0}.obs .th-btn:hover .th-pen,.obs .th-btn.drag .th-pen{display:flex}.obs .th-btn.drag{box-shadow:0 0 0 2px var(--ink)}.obs .it-nm{min-width:0}.obs .it-p1{align-items:baseline;gap:10px;min-width:0;display:flex}.obs .it-code{font-family:var(--obs-mono);color:var(--ink);background:#f2f4f6;border-radius:6px;flex:none;padding:1px 8px;font-size:15px;display:inline-block}.obs .it-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:18px;font-weight:700;display:block;overflow:hidden}.obs .it-name.full{white-space:normal;overflow-wrap:anywhere}.obs .it-mk{min-width:0;color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:12.5px;display:flex}.obs .it-mk>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.obs .it-mk.full>span{white-space:normal;overflow-wrap:anywhere}.obs .it-mk-logo{border-radius:3px;flex:none;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 .sh-h>.count{align-content:center;min-height:86px}.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}.obs .obs-nav{z-index:6;width:56px;height:56px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #191f282e}.obs .obs-nav.prev{left:max(-22px,50% - 630px)}.obs .obs-nav.next{right:max(-22px,50% - 630px)}.obs .obs-nav:hover:not(.off){transform:translateY(-50%)scale(1.06)}.obs .obs-nav.off{opacity:.35;box-shadow:none;cursor:default}.obs .topbar .tb-r{position:relative}.obs .obs-pos{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:700;position:absolute;top:calc(100% + 4px);right:8px}.obs .obs-pos.past{color:var(--brand,#3182f6)}.obs .sheet.past .sh-f .scan{border-color:var(--line);background:#fafafb}.obs .sh-tr{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.obs .btn.btn-s{border-radius:9px;gap:6px;height:32px;padding:0 12px;font-size:13px}.obs .btn.wb-btn{color:var(--ink-2);font-weight:600}.obs .btn.wb-btn:hover{color:var(--ink)}.obs .wb-edit{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.obs .wb-in{font-family:var(--obs-mono);letter-spacing:.01em;border:1.5px solid var(--line);width:min(320px,100%);min-width:0;height:44px;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:0 14px;font-size:22px;font-weight:600}.obs .wb-in::placeholder{font-family:var(--font-family-sans,"Pretendard Variable", "Pretendard", "Noto Sans KR", sans-serif);color:#b0b8c1;font-size:15px;font-weight:500}.obs .wb-in:focus{border-color:var(--ink);box-shadow:0 0 0 4px #191f2814}.obs .wb-in:disabled{color:var(--ink-3);background:#fafafb}@media (prefers-reduced-motion:reduce){.obs *{transition:none!important;animation:none!important}}@media (pointer:coarse){.obs .qbtn,.obs .x{width:44px;height:44px}.obs .btn.btn-s{height:44px}.obs .v2-info-field button{min-width:44px;min-height:44px}.obs .v2-info-field .ipt{height:44px}.obs .v2-info-field .ipt input{align-self:stretch}.obs .v2-info-field div:not(.ipt)>input:not([readonly]){min-height:44px}.obs .it .sub>button,.obs .it .sub>label{position:relative}.obs .it .sub>button:after,.obs .it .sub>label:after{content:"";position:absolute;inset:-13px -4px}.obs .it .sub>input{min-height:44px}}@media (width<=1024px) and (any-pointer:coarse){.obs,.obs .obs-lower,.obs .idle,.obs .sheet,.obs .state-card,.obs .done{grid-template-columns:minmax(0,1fr)}.obs .topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;display:flex}.obs .topbar>div:first-child{display:none}.obs .step{gap:6px;font-size:13px}.obs .step+.step:before{width:16px;margin:0 8px}.obs .sheet{width:100%}.obs .topbar.in-sheet{padding:12px 16px 2px}.obs .sh-h{gap:12px;padding:12px 16px 14px}.obs .sh-b{padding:14px 16px}.obs .sh-f{padding:12px 16px 16px}.obs .it{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"th nm st""th sz qt";gap:4px 12px;padding:14px 16px}.obs .it>:first-child{grid-area:th;align-self:start}.obs .it>:nth-child(2){grid-area:nm}.obs .it>:nth-child(3){text-align:left;grid-area:sz;justify-self:start}.obs .it>:nth-child(4){grid-area:qt;justify-self:end}.obs .it>:nth-child(5){grid-area:st;align-self:start}.obs .it-h{display:none}.obs .it-size{font-size:22px}.obs .obs-nav.prev{left:-12px}.obs .obs-nav.next{right:-12px}.obs .v2-info{grid-template-columns:repeat(2,minmax(0,1fr))}.obs .v2-info-field .ipt.obs-partner-auto{gap:5px;padding:0 8px}.obs .wb,.obs .done-wb{white-space:nowrap}.obs .obs-lower{min-height:max(560px,100dvh - 440px)}}@media (width<=600px) and (any-pointer:coarse){.obs .step{gap:0;font-size:0}.obs .step .n{width:24px;height:24px;font-size:12px}.obs .step+.step:before{width:12px;margin:0 5px}.obs .sess{gap:4px;height:28px;padding:0 10px 0 8px;font-size:12px}.obs .sess b{font-size:14px}.obs .idle{padding:16px 14px 20px}.obs .idle-t{font-size:19px}.obs .state-card,.obs .done{padding:28px 14px 24px}.obs .sh-h{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cnt wbb x""ttl ttl ttl""meta meta meta";align-items:center;gap:6px 10px;padding:10px 12px 12px;display:grid}.obs .sh-h>:first-child,.obs .sh-h .sh-tr{display:contents}.obs .sh-h .sh-t,.obs .sh-h .wb-edit{grid-area:ttl}.obs .sh-h .wb-btn{grid-area:wbb;justify-self:end}.obs .sh-h .sh-meta{grid-area:meta;margin-top:0}.obs .sh-h>.count{grid-area:cnt;justify-items:start}.obs .sh-h>.x{grid-area:x;margin-left:0}.obs .sh-t,.obs .sh-t.wb{font-size:22px}.obs .sh-h .sh-t.wb{white-space:normal}.obs .topbar.in-sheet{padding:10px 12px 2px}.obs .sh-b{padding:12px}.obs .it{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"th nm""th st""sz qt";gap:6px 10px;padding:12px}.obs .it>:nth-child(3){justify-self:center}.obs .it>:nth-child(4),.obs .it>:nth-child(5){justify-self:start}.obs .it-name{font-size:16px}.obs .it-size{font-size:20px}.obs .sh-h>.count{min-height:0}.obs .obs-nav{width:44px;height:44px}.obs .obs-nav.prev{left:2px}.obs .obs-nav.next{right:2px}.obs .sh-f{flex-wrap:wrap;gap:8px;padding:10px 12px 12px}.obs .sh-f>*{flex:100%}.obs .scan-l{height:52px;padding:0 14px;font-size:17px}.obs .sh-f .btn-l{height:48px}.obs .v2-info{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}.obs .obs-lower{min-height:max(560px,100dvh - 130px)}}