@import "https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700&family=Montserrat:wght@500;600;700&display=swap";:root{--paper:#f6f5f9;--ink:#1d1a2b;--crust:#392b5f;--card:#fff;--line:#e4e1ec;--ink-soft:#6f6a80;--crust-soft:#ede9f6;--lilac:#b9a9e0;--todo:#392b5f;--done:#a39b9e;--warn:#d98e1f;--todo-soft:#ede9f6;--warn-soft:#fbf1de;--bad:#b3261e;--bad-soft:#fbe9e7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Montserrat,"M PLUS 1p",Hiragino Sans,Yu Gothic,sans-serif;font-size:16px;font-weight:500;line-height:1.5}button,input,select,textarea{font:inherit}.num,.big,.huge,.q,table.wk,.kv,.pin{font-family:Montserrat,"M PLUS 1p",sans-serif}.num{font-variant-numeric:tabular-nums;font-weight:700}.unit{color:var(--ink-soft);margin-left:2px;font-size:.65em;font-weight:400}.muted{color:var(--ink-soft)}.small{font-size:13px}.app{background:var(--card);border-left:1px solid var(--line);border-right:1px solid var(--line);flex-direction:column;max-width:760px;min-height:100%;margin:0 auto;display:flex}.app.wide{max-width:1100px}@media (width<=761px){.app{border:0}}.top{border-bottom:1px solid var(--line);background:var(--card);z-index:3;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 10px;display:flex;position:sticky;top:0}.brand{letter-spacing:.18em;color:var(--crust);margin-bottom:2px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;display:block}.top .who{gap:1px;margin:2px 0 0;display:grid}.top .who div{color:var(--ink-soft);align-items:baseline;gap:6px;font-size:13px;display:flex}.top .who dt{color:var(--ink-soft);white-space:nowrap;flex-shrink:0;min-width:2.2em;font-size:11px}.top .who .lead dd small{color:var(--ink-soft);margin-left:4px;font-size:12px;font-weight:400}.top .who dt:after{content:"："}.top .who dd{color:var(--ink);margin:0}.top .who .lead dd{color:var(--brand);font-size:17px;font-weight:700}.top .right{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.top .right select{font:inherit;border:1px solid var(--line);background:var(--card);border-radius:6px;padding:2px 4px;font-size:13px}.band{background:var(--card);border-bottom:1px solid var(--line);padding:18px 16px}.band .label{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.big{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.2}.huge{font-variant-numeric:tabular-nums;font-size:44px;font-weight:700;line-height:1.1}@media (width>=700px){.huge{font-size:64px}}.todo{color:var(--todo)}.warn{color:var(--warn)}.body{background:var(--paper);flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;position:relative}.card.todo-l{border-left:3px solid var(--crust)}.card.done-l{border-left:3px solid var(--line);color:var(--ink-soft)}.card.warn-l{border-left:3px solid var(--warn)}.card.flat{padding:12px 16px}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.pill{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.pill.todo{background:var(--crust);color:#fff}.pill.done{color:var(--done);border-color:var(--line);background:0 0}.pill.warn{background:var(--warn-soft);color:#8a5d0f}.pill.bad{background:var(--bad-soft);color:var(--bad)}.items{grid-template-columns:1fr auto auto;align-items:center;gap:6px 10px;margin-top:10px;font-size:16px;display:grid}@media (width>=700px){.items{grid-template-columns:1fr 120px 130px;column-gap:16px;font-size:17px}}.items>span:first-child,.items>span:nth-child(3n+1){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.items .q{border:1px solid var(--line);text-align:center;background:var(--card);width:88px;height:48px;color:var(--ink);font-variant-numeric:tabular-nums;-moz-appearance:textfield;border-radius:8px;font-size:22px;font-weight:700}.items .q::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.items .q::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.items .q::placeholder{color:#0000}.items .q:focus{outline:2px solid var(--crust);outline-offset:1px}.items .q.short{border-color:var(--warn);background:var(--warn-soft)}.items .ordered{color:var(--ink-soft);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.items .reason{color:#8a5d0f;grid-column:1/-1;align-items:center;gap:8px;padding:2px 0 6px;font-size:14px;display:flex}.items .reason input{border:1px solid var(--warn);border-radius:8px;flex:1;height:40px;padding:0 10px;font-size:15px}.foot{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--card);z-index:3;position:sticky;bottom:0}.btn{letter-spacing:.02em;background:var(--crust);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;height:52px;font-size:18px;font-weight:700;display:block}.btn.ghost{background:var(--card);color:var(--crust);border:1px solid var(--crust);height:44px;font-size:15px}.btn.small{width:auto;height:44px;padding:0 16px;font-size:15px}.btn.back{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn.danger{background:var(--card);color:var(--bad);border:1px solid var(--bad)}.btn:disabled{background:var(--line);color:var(--ink-soft);cursor:not-allowed;border-color:var(--line)}.btn:focus-visible,.key:focus-visible,.namebtn:focus-visible,.seg button:focus-visible{outline:3px solid var(--crust);outline-offset:2px}.why{color:var(--ink-soft);text-align:center;margin:0 0 8px;font-size:14px}.why.bad{color:var(--bad)}.link{color:var(--crust);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:15px;font-weight:700}.cal{grid-template-columns:repeat(7,1fr);gap:4px;font-size:12px;display:grid}.cal .h{text-align:center;color:var(--ink-soft);padding:2px 0}.cal .d{border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:left;border-radius:6px;min-height:58px;padding:6px 4px}@media (width>=700px){.cal .d{min-height:72px}.cal .d .v{font-size:14px}}.cal .d .n{font-size:13px;font-weight:700}.cal .d .s{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.cal .d .v{font-variant-numeric:tabular-nums;font-size:12px}.cal .d.off{background:var(--paper);color:var(--ink-soft)}.cal .d.sel{background:var(--crust-soft);border-color:var(--crust)}.cal .d.pick{outline:2px solid var(--crust);outline-offset:-2px}.cal .d.empty{opacity:.75}.sheet-wrap{z-index:20;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.overlay{background:#2b1d1459;position:absolute;inset:0}.sheet{background:var(--card);width:100%;max-width:760px;padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:14px 14px 0 0;max-height:88vh;position:relative;overflow:auto;box-shadow:0 -4px 24px #2b1d141f}.sheet h3{margin:0 0 12px;font-size:18px}.opt{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:10px;padding:10px 0;font-size:16px;display:flex}.opt input{width:22px;height:22px;accent-color:var(--crust)}.chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.chip{border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink);border-radius:999px;padding:6px 14px;font-size:14px}.chip.on{background:var(--crust-soft);border-color:var(--crust);color:var(--crust);font-weight:700}.modal-wrap{z-index:20;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:12px;width:100%;max-width:520px;max-height:92vh;padding:20px 16px;position:relative;overflow:auto;box-shadow:0 8px 32px #2b1d1433}.modal h3{margin:0 0 10px;font-size:18px}.modal p{margin:0 0 6px;font-size:15px}.modal .note{color:var(--ink-soft);margin-top:8px;font-size:13px}.two{gap:10px;margin-top:16px;display:flex}.two .btn{flex:1}.names{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0;display:grid}.namebtn{border:1px solid var(--line);background:var(--card);cursor:pointer;height:64px;color:var(--ink);border-radius:10px;font-size:17px;font-weight:700}.namebtn.on{background:var(--crust-soft);border-color:var(--crust);color:var(--crust)}.pin{letter-spacing:4px;justify-content:center;gap:14px;min-height:40px;margin:10px 0;font-size:28px;display:flex}.pin span{text-align:center;width:22px}.keys{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.key{border:1px solid var(--line);background:var(--card);cursor:pointer;height:56px;color:var(--ink);border-radius:8px;font-size:24px;font-weight:700}.seg{border-bottom:1px solid var(--line);background:var(--card);gap:6px;padding:8px 16px;display:flex}.seg button{border:1px solid var(--line);background:var(--card);cursor:pointer;height:40px;color:var(--ink);border-radius:10px;flex:1;font-size:15px}.seg button[aria-selected=true]{background:var(--crust);color:#fff;border-color:var(--crust)}table.wk{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}table.wk th,table.wk td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:8px 6px}@media (width>=700px){table.wk{font-size:17px}table.wk th,table.wk td{padding:12px 10px}}table.wk th:first-child,table.wk td:first-child{text-align:left;background:var(--card);position:sticky;left:0}table.wk th{color:var(--ink-soft);font-size:12px;font-weight:400}table.wk tr.sum td{border-top:2px solid var(--line);font-weight:700}table.wk .tot{background:var(--crust-soft);color:var(--crust);font-weight:700}table.wk th.tot{color:var(--crust)}table.wk .u{color:var(--ink-soft);margin-left:1px;font-size:11px;font-weight:400}table.wk td.firm{color:var(--crust);font-weight:700}.tomorrow{color:var(--ink-soft);font-size:14px}.ship{border-top:1px dashed var(--line);grid-template-columns:1fr auto;align-items:center;gap:6px 10px;margin-top:10px;padding-top:10px;font-size:15px;display:grid}.ship .pk{grid-column:1/-1;align-items:center;gap:8px;display:flex}.ship select,.ship input{border:1px solid var(--line);background:var(--card);height:44px;color:var(--ink);border-radius:8px;padding:0 8px;font-size:16px}.ship input{text-align:center;width:80px}.hq{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=700px){.hq{grid-template-columns:1fr 1fr}}.kv{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:8px;font-size:15px;display:grid}.kv .k{color:var(--ink-soft)}.kv .v{text-align:right;font-weight:700}.kv .v.ex{color:var(--ink-soft);font-weight:400}.det{margin-top:8px;font-size:14px}.det summary{cursor:pointer;color:var(--crust);padding:6px 0;font-weight:700;list-style:none}.det summary:before{content:"▸ "}.det[open] summary:before{content:"▾ "}.list2{font-variant-numeric:tabular-nums;color:var(--ink);grid-template-columns:1fr auto;gap:4px 12px;padding:6px 0;font-size:15px;display:grid}.list2 span:nth-child(2n){text-align:right;font-weight:700}.field{flex-direction:column;gap:4px;margin:8px 0;display:flex}.field label{color:var(--ink-soft);font-size:13px}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--card);height:48px;color:var(--ink);border-radius:8px;padding:0 12px;font-size:16px}.field textarea{height:auto;padding:10px 12px}.stamp{text-align:right;color:#b7ada3;background:var(--paper);padding:12px 16px 20px;font-size:11px}.toast{background:var(--ink);color:#fff;z-index:30;border-radius:8px;max-width:90vw;padding:10px 16px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.toast.bad{background:var(--bad)}.skel{background:linear-gradient(90deg,var(--paper),#eceaf2,var(--paper));background-size:200% 100%;border-radius:8px;height:18px;animation:1.2s infinite sk}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.login{background:var(--card);border:1px solid var(--line);border-radius:12px;max-width:420px;margin:48px auto;padding:24px}.login h1{margin:0 0 4px;font-size:20px}.stack{flex-direction:column;gap:8px;display:flex}.tabs{background:var(--card);border-bottom:1px solid var(--line);gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.tabs button{border:1px solid var(--line);background:var(--card);color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:999px;padding:6px 14px;font-size:14px}.tabs button[aria-selected=true]{background:var(--crust-soft);border-color:var(--crust);color:var(--crust);font-weight:700}@media (prefers-reduced-motion:no-preference){.sheet{animation:.18s ease-out up}@keyframes up{0%{opacity:.6;transform:translateY(20px)}}}@media print{.top,.foot,.seg,.tabs,.btn,.why{display:none!important}.body{padding:0}.card{break-inside:avoid;border:1px solid #999}}.three{gap:8px;margin-top:8px;display:flex}.three .btn{flex:1}.cam{aspect-ratio:4/3;background:#000;border-radius:10px;margin-top:8px;overflow:hidden}.cam video,.cam img{object-fit:cover;width:100%;height:100%;display:block}.cam.small{aspect-ratio:16/7}.ph{border:1px solid var(--line);border-radius:8px;max-width:100%;max-height:220px;margin:4px 0;display:block}textarea{font:inherit;border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:8px;padding:10px;font-size:16px}.track{margin-top:4px;font-weight:700;display:inline-block}
