:root{--bg: #f1f5f9;--text-main: #0f172a;--text-sub: #64748b;--text-muted: #94a3b8;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--blue-50: #eff6ff;--blue-500: #3b82f6;--grad-start: #0ea5e9;--grad-end: #6366f1;--emerald: #10b981;--red: #ef4444;--status-good: #0ca30c;--status-warning: #fab219;--status-critical: #d03b3b;--font: "Inter", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text-main);background-color:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(56,189,248,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(99,102,241,.1) 0px,transparent 50%),linear-gradient(rgba(226,232,240,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(226,232,240,.5) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;background-position:center center;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0}svg{stroke:currentColor}#root{display:flex;justify-content:center;align-items:center}.shell{position:relative;display:flex;flex-direction:column;width:100%;max-width:428px;height:100%;overflow:hidden;background:#fff6;backdrop-filter:blur(64px);-webkit-backdrop-filter:blur(64px)}@media (min-width: 640px){.shell{height:min(926px,100%);border:1px solid rgba(255,255,255,.6);border-radius:40px;box-shadow:0 25px 50px -12px #00000040}}.glass{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 24px -1px #0000000a}.section-label{display:block;margin-bottom:12px;padding:0 8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.btn{padding:16px 8px;border-radius:16px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .15s}.btn:active{transform:scale(.95)}.btn--secondary{flex:1;background:#fff;border:1px solid var(--slate-200);color:var(--text-sub);font-size:14px;box-shadow:0 1px 2px #0000000d}.btn--secondary:hover{background:var(--slate-50);color:var(--text-main)}.btn--primary{flex:2;background:linear-gradient(to right,var(--grad-start),var(--grad-end));border:1px solid rgba(96,165,250,.5);color:#fff;font-size:16px;box-shadow:0 8px 20px #3b82f64d}.btn--primary:hover{box-shadow:0 8px 25px #3b82f680}.btn--wide{width:100%}.picking{display:flex;flex-direction:column;height:100%}.topbar{flex:none;display:flex;align-items:center;justify-content:space-between;padding:calc(20px + env(safe-area-inset-top)) 24px 20px}.topbar__back{display:flex;align-items:center;height:28px;padding:0;background:none;border:none;color:var(--text-sub);cursor:pointer;transition:color .15s}.topbar__back:hover{color:var(--blue-500)}.topbar__back svg{width:20px;height:20px;transition:transform .15s}.topbar__back:hover svg{transform:translate(-4px)}.topbar__back span{margin-left:4px;font-size:14px;font-weight:600}.topbar__title{font-size:14px;font-weight:700;letter-spacing:.1em}.topbar__count{font-size:12px;font-weight:600;color:var(--text-muted)}.topbar__count span{margin-right:4px;font-size:16px;color:var(--text-main)}.picking__main{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:24px;padding:8px 20px}.picking__section{margin-top:8px}.picking__main::-webkit-scrollbar{display:none}.hero{position:relative;flex:none;overflow:hidden;padding:28px;border-radius:32px;animation:enter .35s cubic-bezier(.2,.9,.3,1),float 6s ease-in-out .35s infinite;transition:box-shadow .2s}@keyframes enter{0%{opacity:0;transform:translateY(16px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.picking--flash .hero{box-shadow:0 0 0 3px #10b98199,0 8px 32px #10b98133}.hero__blob{position:absolute;top:-80px;right:-80px;width:192px;height:192px;border-radius:50%;background:#60a5fa;mix-blend-mode:multiply;filter:blur(80px);opacity:.1}.hero__inner{position:relative;z-index:1}.hero__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chip{padding:6px 12px;border-radius:999px;background:#f1f5f9cc;border:1px solid rgba(226,232,240,.5);font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--text-sub)}.hero__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue-50);color:var(--blue-500)}.hero__icon svg{width:18px;height:18px}.hero__title{margin-bottom:32px;font-size:30px;font-weight:800;line-height:1.25;letter-spacing:-.025em}.hero__title--corner{font-size:44px}.hero__qty{display:flex;align-items:baseline;gap:12px;padding-top:24px;border-top:1px solid var(--slate-100)}.hero__num{font-family:var(--mono);font-size:72px;font-weight:900;line-height:1;letter-spacing:-.05em;background:linear-gradient(to bottom right,var(--grad-start),var(--grad-end));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.hero__unit{font-size:20px;font-weight:700;color:var(--text-sub)}.items{display:flex;flex-direction:column;margin:0;padding:8px;list-style:none;background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:0 1px 2px #0000000d}.items__row{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid transparent;border-radius:12px}.items__row.is-current{margin-bottom:4px;background:#fff;border-color:var(--slate-100);box-shadow:0 2px 10px #00000005}.items__name{flex:1;font-size:16px;font-weight:600;color:var(--text-sub)}.items__row.is-current .items__name{font-weight:700;color:var(--text-main)}.items__row.is-done .items__name,.items__row.is-skipped .items__name{color:var(--text-muted)}.items__row.is-done .items__name{text-decoration:line-through}.items__corner{margin-right:8px;font-size:12px;color:var(--text-muted)}.items__qty{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--text-muted)}.items__row.is-current .items__qty{color:var(--text-sub)}.items__radio{flex:none;display:grid;place-content:center;width:24px;height:24px;border:2px solid var(--slate-300);border-radius:50%;background:#fff;box-shadow:inset 0 2px 4px #00000005;transition:all .3s cubic-bezier(.4,0,.2,1)}.items__radio:before{content:"";width:11px;height:11px;border-radius:50%;background:#fff;transform:scale(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.is-current .items__radio{border-color:transparent;background:linear-gradient(135deg,var(--grad-start),var(--grad-end));box-shadow:0 4px 12px #3b82f64d}.is-current .items__radio:before{transform:scale(1)}.is-done .items__radio{border-color:transparent;background:var(--emerald) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 12.5 3.2 3.2L17 9' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat}.is-skipped .items__radio{border-color:#fca5a5}.picking__footer{position:relative;z-index:1;flex:none;display:flex;flex-direction:column;gap:16px;padding:40px 20px calc(32px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--slate-100),rgba(241,245,249,.9),transparent)}.assist{display:flex;align-items:center;gap:16px;width:100%;margin-bottom:8px;padding:16px;text-align:left;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #fff;border-radius:20px;box-shadow:0 1px 2px #0000000d}button.assist{cursor:pointer}button.assist:active{transform:scale(.98)}.assist__orb{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--slate-50);border:1px solid var(--slate-100);box-shadow:inset 0 2px 4px #0000000d}.assist__wave{display:flex;align-items:center;justify-content:center;gap:3px;height:20px}.assist__wave i{width:3px;height:6px;border-radius:999px;background:linear-gradient(to top,var(--blue-500),var(--grad-start));opacity:.4}.assist--live .assist__wave i,.assist--speaking .assist__wave i{animation:wave 1.2s ease-in-out infinite alternate}.assist--speaking .assist__wave i{background:linear-gradient(to top,var(--grad-end),#a5b4fc)}.assist__wave i:nth-child(1){animation-delay:-.4s}.assist__wave i:nth-child(2){animation-delay:-.2s}.assist__wave i:nth-child(3){animation-delay:-.6s}.assist__wave i:nth-child(4){animation-delay:-.1s}.assist__wave i:nth-child(5){animation-delay:-.5s}@keyframes wave{0%{height:6px;opacity:.4}to{height:20px;opacity:1}}.assist--paused .assist__wave i{background:var(--slate-300)}.assist__warn-icon{width:22px;height:22px;color:var(--red)}.assist__body{display:flex;flex-direction:column;min-width:0}.assist__label{display:flex;align-items:center;gap:8px;margin-bottom:2px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-500)}.assist__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.assist--live .assist__dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{50%{opacity:.5}}.assist--speaking .assist__label{color:var(--grad-end)}.assist--paused .assist__label{color:var(--text-muted)}.assist--warn .assist__label{color:var(--red)}.assist__text{font-size:14px;font-weight:500;line-height:1.25;color:var(--text-main)}.assist--paused .assist__text{color:var(--blue-500)}.actions{display:flex;gap:12px}.screen{display:flex;flex-direction:column;gap:24px;height:100%;overflow-y:auto;padding:calc(40px + env(safe-area-inset-top)) 20px calc(32px + env(safe-area-inset-bottom))}.screen__head{padding:0 4px}.screen__head .section-label{margin-bottom:6px;padding:0;color:var(--blue-500)}.screen__title{font-size:30px;font-weight:800;letter-spacing:-.025em}.screen__sub{margin:6px 0 0;font-size:14px;font-weight:600;color:var(--text-sub)}.screen__warn{margin:0;padding:12px 16px;border-radius:16px;background:#fef2f2;color:var(--red);font-size:14px}.result{display:flex;flex-direction:column;height:100%}.result__body{flex:1;min-height:0;height:auto;padding-bottom:8px}.result__footer{flex:none;display:flex;padding:16px 20px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--slate-100),rgba(241,245,249,.9),transparent)}.lists{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.lists__item{display:flex;align-items:center;gap:16px;width:100%;padding:20px 20px 20px 24px;border-radius:24px;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s}.lists__item:hover{box-shadow:0 12px 40px #1f268714}.lists__item:active{transform:scale(.98)}.lists__main{flex:1;display:flex;flex-direction:column;gap:4px}.lists__title{font-size:20px;font-weight:800;letter-spacing:-.01em}.lists__sub{font-size:13px;font-weight:600;color:var(--text-sub)}.lists__go{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--grad-start),var(--grad-end));color:#fff;box-shadow:0 8px 20px #3b82f64d}.lists__go svg{width:20px;height:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 12px;border-radius:32px}.stats__cell .section-label{margin-bottom:8px}.stats__num{display:block;padding:0 8px;font-family:var(--mono);font-size:48px;font-weight:900;line-height:1;letter-spacing:-.05em;background:linear-gradient(to bottom right,var(--grad-start),var(--grad-end));-webkit-background-clip:text;background-clip:text;color:transparent}.stats__num--muted{background:none;color:var(--text-muted)}.pbar{flex:none;display:flex;gap:2px;height:8px;margin:0 4px}.pbar__seg{position:relative;flex-basis:0;min-width:4px;transition:flex-grow .4s cubic-bezier(.2,.9,.3,1)}.pbar__seg:first-child{border-radius:4px 0 0 4px}.pbar__seg:last-child{border-radius:0 4px 4px 0}.pbar__seg:only-child{border-radius:4px}.pbar__seg--picked{background:var(--status-good)}.pbar__seg--shortage{background:var(--status-critical)}.pbar__seg--skipped{background:var(--status-warning)}.pbar__seg--remaining{background:var(--slate-200)}.pbar__seg:hover:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 8px;border-radius:6px;background:var(--text-main);color:#fff;font-size:11px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:2}.btn--alert{color:var(--status-critical)}.btn--danger{flex:1;background:#fef2f2;border:1px solid #fecaca;color:var(--status-critical);font-size:14px}.chip--retry{background:#fff7e6;border-color:#fde7b0;color:#8a5a00}.badge{flex:none;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.badge--picked{background:#e7f6e7;color:#0a6e0a}.badge--short,.badge--out{background:#fdecec;color:var(--status-critical)}.badge--skipped{background:#fff4d6;color:#8a5a00}.items__row.is-short .items__name{color:var(--text-muted)}.is-short .items__radio{border-color:transparent;background:var(--status-critical) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7v6M12 16.5v.5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 20px no-repeat}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end}.sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a40;animation:fade .2s ease-out}@keyframes fade{0%{opacity:0}}.sheet__panel{position:relative;display:flex;flex-direction:column;gap:12px;width:100%;padding:24px 20px calc(28px + env(safe-area-inset-bottom));border-radius:32px 32px 0 0;background:#ffffffeb;animation:sheet-up .3s cubic-bezier(.2,.9,.3,1)}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet__panel .section-label{margin-bottom:0;padding:0;color:var(--status-critical)}.sheet__product{font-size:24px;font-weight:800;letter-spacing:-.02em}.sheet__order{margin-top:-8px;font-size:14px;font-weight:600;color:var(--text-sub)}.stepper{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:24px;background:var(--slate-50);border:1px solid var(--slate-100)}.stepper__btn{width:56px;height:56px;border:1px solid var(--slate-200);border-radius:50%;background:#fff;font-size:26px;font-weight:600;color:var(--text-main);cursor:pointer}.stepper__btn:disabled{opacity:.35;cursor:default}.stepper__value{display:grid;justify-items:center}.stepper__num{font-family:var(--mono);font-size:56px;font-weight:900;line-height:1;color:var(--status-critical)}.stepper__unit{font-size:14px;font-weight:700;color:var(--status-critical)}.stepper__sub{margin-top:4px;font-size:12px;font-weight:600;color:var(--text-sub)}.sheet__actions{display:flex;gap:12px}.stats__num--alert{background:none;color:var(--status-critical)}.alert-list{padding:18px 16px;border-radius:24px;background:#fef2f2;border:1px solid #fecaca}.alert-list__label{color:var(--status-critical)}.alert-list__items{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.alert-list__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;background:#fff}.alert-list__main{display:flex;flex-direction:column}.alert-list__name{font-size:17px;font-weight:800}.alert-list__value{display:flex;flex-direction:column;align-items:flex-end}.alert-list__value strong{font-size:22px;font-weight:900;color:var(--status-critical)}.alert-list__value small{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--text-sub)}.results{padding:8px;border-radius:24px;background:#fff9;border:1px solid rgba(255,255,255,.8);box-shadow:0 1px 2px #0000000d}.results__head,.results__row{display:grid;grid-template-columns:1fr 52px 64px 64px;align-items:center;gap:8px;padding:10px 12px}.results__head{font-size:11px;font-weight:700;color:var(--text-muted)}.results__head span:not(:first-child),.results__num{text-align:right}.results__head span:last-child{text-align:center}.results__corner{padding:12px 12px 4px;font-size:12px;font-weight:700;color:var(--text-sub)}.results__row{border-radius:12px}.results__row+.results__row{border-top:1px solid var(--slate-100)}.results__row.is-short,.results__row.is-out{background:#fff5f5}.results__name{font-size:15px;font-weight:600}.results__num{font-family:var(--mono);font-size:15px;font-weight:700}.results__num small{margin-left:1px;font-family:var(--font);font-size:10px;color:var(--text-muted)}.results__row.is-short .results__num:nth-child(3),.results__row.is-out .results__num:nth-child(3){color:var(--status-critical)}.results__row .badge{justify-self:center}.diag{flex:none;margin-bottom:8px;border-radius:20px;background:#fff9;border:1px solid rgba(255,255,255,.8)}.diag__toggle{display:flex;justify-content:space-between;width:100%;padding:14px 16px;background:none;border:none;font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--text-muted);cursor:pointer}.diag__toggle span{color:var(--blue-500)}.diag__list{margin:0;padding:0 16px 8px}.diag__row{display:grid;grid-template-columns:108px 1fr;gap:8px;padding:7px 0;border-top:1px solid var(--slate-100);font-size:12px}.diag__row dt{color:var(--text-muted);font-weight:600}.diag__row dd{margin:0;font-weight:600;color:var(--text-main);word-break:break-all}.diag__row.is-bad dd{color:var(--status-critical)}.diag__hint{margin:0 16px 16px;padding:10px 12px;border-radius:12px;background:#fef2f2;font-size:12px;font-weight:600;line-height:1.5;color:var(--status-critical)}.diag__hint.is-benign{background:var(--slate-50);color:var(--text-sub)}