:root{--u-bg: #f0ece3;--u-surface: #fbf9f4;--u-surface-2: #f4f0e7;--u-head: #26221d;--u-ink: #211d18;--u-ink-2: #5f574b;--u-ink-3: #968c7c;--u-line: #e2dccc;--u-line-strong: #d2cab6;--u-good: #3f6f53;--u-good-soft: #e7efe4;--u-warn: #b8893a;--u-bad: #c25438;--u-info: #3f5d6b;--u-font-display: "Space Grotesk", "Zen Kaku Gothic New", system-ui, sans-serif;--u-font-body: "Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, system-ui, sans-serif;--u-font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;--u-radius: 16px;--u-radius-sm: 11px}:root{--bg: var(--u-bg);--surface: var(--u-surface);--surface-2: var(--u-surface-2);--surface-3: var(--u-surface-2);--ink: var(--u-ink);--ink-2: var(--u-ink-2);--ink-3: var(--u-ink-3);--line: var(--u-line);--line-strong: var(--u-line-strong);--brand: var(--u-good);--brand-ink: var(--u-good);--brand-soft: var(--u-good-soft);--good: var(--u-good);--info: var(--u-info);--caution: var(--u-warn);--bad: var(--u-bad);--radius: var(--u-radius);--radius-sm: var(--u-radius-sm);--shadow: 0 1px 0 rgba(20, 24, 26, .02);--shadow-float: 0 12px 30px -18px rgba(20, 24, 26, .28);--font-display: var(--u-font-display);--font-body: var(--u-font-body);--font-mono: var(--u-font-mono);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(120% 80% at 100% 0%,rgba(63,111,83,.06),transparent 55%),radial-gradient(100% 60% at 0% 100%,rgba(63,93,107,.05),transparent 60%);background-attachment:fixed;color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.62;font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{max-width:620px;margin:0 auto;min-height:100vh;position:relative}button{font-family:inherit;cursor:pointer}.app{padding-bottom:calc(24px + var(--safe-bottom))}.appbar{position:sticky;top:0;z-index:20;background:#26221de6;backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid rgba(243,237,225,.12);color:var(--u-bg);padding:calc(15px + var(--safe-top)) 20px 14px;display:flex;align-items:center;gap:11px}.appbar h1{font-family:var(--font-display);font-size:17px;font-weight:900;margin:0;letter-spacing:.01em}.appbar .logo{width:34px;height:34px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:11px;letter-spacing:.04em}.appbar .sub{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#f0ece399}.view{padding:18px 16px 40px;animation:viewIn .4s ease both}@keyframes viewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.error-banner{display:flex;align-items:center;gap:8px;margin:10px 14px 0;padding:11px 13px;border:1px solid var(--bad);border-radius:10px;background:#c2543814;color:var(--bad);font-size:13.5px;line-height:1.45}.error-banner span{flex:1}.error-banner .error-close{border:0;background:transparent;color:var(--bad);font-size:18px;line-height:1;padding:0 4px}.stage-indicator{display:flex;align-items:center;gap:4px;padding:14px 16px 4px}.stage-step{display:flex;align-items:center;gap:8px;border:none;background:none;padding:6px 4px;color:var(--ink-3);font-family:var(--font-body);font-size:12.5px;font-weight:700;transition:color .18s}.stage-step:disabled{cursor:not-allowed;opacity:.55}.stage-step .num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1.5px solid var(--line-strong);font-family:var(--font-display);font-weight:900;font-size:13px;color:var(--ink-3);flex-shrink:0}.stage-step.active{color:var(--ink)}.stage-step.active .num{background:var(--brand);border-color:var(--brand);color:#fff}.stage-step.done .num{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}.stage-conn{flex:1;height:2px;min-width:12px;background:var(--line);border-radius:2px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.card h2{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.02em;margin:0 0 14px;display:flex;align-items:center;gap:8px;color:var(--ink)}.card h2 svg{color:var(--brand)}.card h2:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.card .hint{font-size:12.5px;color:var(--ink-3);margin:-6px 0 12px;line-height:1.55}.capture{display:grid;grid-template-columns:1fr 1fr;gap:10px}.capture label{border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);padding:22px 10px;text-align:center;color:var(--ink-2);background:var(--surface-2);font-size:13px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .18s,background .18s,color .18s,transform .08s}.capture label svg{color:var(--ink-3);transition:color .18s}.capture label:active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink);transform:scale(.99)}.capture label:active svg{color:var(--brand)}.capture input[type=file]{display:none}.img-list{margin-top:14px;display:flex;flex-direction:column;gap:10px}.img-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.img-row .thumb{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#111513;border:1px solid var(--line)}.img-row .info{flex:1;min-width:0}.img-row .info .nm{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-row .info .st{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.img-row .info .st.err{color:var(--bad)}.img-row .info .st.ok{color:var(--brand-ink)}.img-row .del{border:none;background:none;color:var(--ink-3);display:grid;place-items:center;padding:8px;border-radius:9px}.img-row .del:active{color:var(--bad);background:#fdeaea}.field{margin-bottom:13px}.field label{display:block;font-size:12px;font-weight:700;letter-spacing:.01em;color:var(--ink-2);margin-bottom:6px}.field .unit{color:var(--ink-3);font-weight:500}.field input,.field select{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:11px 13px;font-size:16px;font-family:var(--font-body);background:var(--surface-2);color:var(--ink);transition:border-color .18s,background .18s,box-shadow .18s}.field input[type=number]{font-family:var(--font-mono);font-weight:500}.field input:focus,.field select:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px var(--brand-soft)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.btn{width:100%;border:1px solid transparent;border-radius:var(--radius-sm);padding:15px;font-size:15px;font-weight:700;letter-spacing:.01em;color:#fff;background:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:var(--shadow-float);transition:transform .08s,opacity .18s,background .18s}.btn:active{transform:translateY(1px) scale(.995)}.btn:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.btn.primary,.btn.cta{background:var(--brand)}.btn svg{vertical-align:middle}.btn.secondary{background:var(--surface);color:var(--ink-2);border-color:var(--line-strong);box-shadow:var(--shadow)}.btn.danger{background:#fdeeee;color:var(--bad);border-color:#f6cccc;box-shadow:none}.btn-row{display:flex;gap:10px;margin-top:6px}.btn-row .btn{width:auto;flex:1}.table-wrap{overflow-x:auto;margin:0 -4px;-webkit-overflow-scrolling:touch}table.items{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}table.items th{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--ink-3);text-align:left;padding:8px 6px;border-bottom:1.5px solid var(--line-strong);white-space:nowrap}table.items td{padding:4px 5px;border-bottom:1px solid var(--line);vertical-align:middle}table.items input,table.items select{width:100%;min-width:52px;border:1px solid transparent;border-radius:7px;padding:7px;font-size:15px;font-family:var(--font-body);background:var(--surface-2);color:var(--ink)}table.items input[type=number]{font-family:var(--font-mono);min-width:60px}table.items input:focus,table.items select:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 2px var(--brand-soft)}table.items td.missing input{background:#fcf3e0;border-color:#f0dcae}table.items .row-del{border:none;background:none;color:var(--ink-3);padding:6px;border-radius:7px;display:grid;place-items:center}table.items .row-del:active{color:var(--bad);background:#fdeaea}.chair-flag{color:var(--caution);font-size:11px;font-weight:700}.carry-cell{display:flex;align-items:center;gap:6px}.carry-cell select{flex:1}table.items select.auto{background:#eef6ff;border-color:#cfe3fb}.auto-badge{flex:none;font-size:10px;font-weight:700;color:var(--brand);background:var(--brand-soft);border:1px solid #cfe3fb;border-radius:6px;padding:2px 5px;line-height:1.3;white-space:nowrap}table.items td.flags-cell{white-space:nowrap}.flag-toggle{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--ink-2);line-height:1.8;cursor:pointer}.flag-toggle input[type=checkbox]{width:18px;height:18px;min-width:18px;margin:0;flex:none}@media (max-width: 680px){.table-wrap{overflow-x:visible;margin:0}table.items{min-width:0;width:100%;display:block;font-size:14px}table.items thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}table.items tbody{display:block}table.items tr{display:block;border:1.5px solid var(--line-strong);border-radius:12px;padding:8px 10px;margin-bottom:12px;background:var(--surface);box-shadow:var(--shadow)}table.items td{display:flex;align-items:center;gap:10px;padding:5px 0;border:none;border-bottom:1px solid var(--line)}table.items td:last-child{border-bottom:none}table.items td:before{content:attr(data-label);flex:0 0 76px;font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--ink-3);white-space:nowrap}table.items td:not([data-label]):before{content:none}table.items input,table.items select{flex:1;min-width:0}table.items td.flags-cell{justify-content:flex-start;gap:18px;white-space:normal;flex-wrap:wrap}table.items .row-del{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--bad);font-size:12px;font-weight:600}table.items .row-del:after{content:"この行を削除"}}.advanced summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--ink);padding:4px 0}.advanced summary::-webkit-details-marker{display:none}.advanced summary .chev{transition:transform .2s;color:var(--ink-3);display:inline-flex}.advanced[open] summary .chev{transform:rotate(90deg)}.param-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:14px}.param-grid .field{margin-bottom:0}.param-grid .field label{font-size:11px}.param-note{font-size:12px;color:var(--ink-3);margin-top:12px;line-height:1.5}.param-reset{margin-top:14px}.kpi{display:flex;gap:10px;margin:12px 0}.kpi>div{flex:1;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 10px;text-align:center}.kpi .num{font-family:var(--font-display);font-size:26px;font-weight:900;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kpi .lab{margin-top:3px;font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--ink-3)}.result-head{display:flex;align-items:baseline;gap:10px;margin-bottom:2px}.result-head .name{font-family:var(--font-display);font-size:17px;font-weight:700;flex:1}.result-head .sub{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.card.overall{border-color:var(--brand);border-width:1.5px}.breakdown-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.breakdown-row:last-child{border-bottom:none}.breakdown-row .meta{color:var(--ink-3);font-size:12px}.breakdown-row .val{font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;white-space:nowrap}.breakdown-row .qty{min-width:40px;text-align:right;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width: 420px){.breakdown-row{grid-template-columns:1fr auto;gap:2px 10px}.breakdown-row .val{grid-column:1 / -1;text-align:left;font-size:13px}}.breakdown-row.total{border-top:1.5px solid var(--line-strong);border-bottom:none;margin-top:4px;padding-top:11px}.breakdown-row.total .lbl{font-weight:800}.live-preview{position:sticky;bottom:0;margin:14px -16px 0;padding:12px 16px calc(12px + var(--safe-bottom));background:#fbf9f4f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:10}.live-preview .lp-head{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.live-preview .lp-row{display:flex;gap:14px}.live-preview .lp-row>div{display:flex;align-items:baseline;gap:5px}.live-preview .lp-num{font-family:var(--font-display);font-weight:900;font-size:20px;font-variant-numeric:tabular-nums;color:var(--brand-ink)}.live-preview .lp-lab{font-size:11px;color:var(--ink-2);font-weight:600}.warn{display:flex;gap:10px;background:#fdf6e8;border:1px solid #f3e0b0;color:#92560e;border-radius:var(--radius-sm);padding:12px 13px;font-size:13px;margin-bottom:8px;line-height:1.55}.warn svg{color:var(--caution);flex:none}.warn:last-child{margin-bottom:0}.collision-warn{align-items:flex-start}.collision-warn .error-close{border:none;background:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;padding:0 2px;opacity:.7;flex:none}.collision-warn .error-close:active{opacity:1}.collision-warn .btn-row .btn{flex:0 0 auto}.gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 24px calc(40px + var(--safe-bottom));text-align:center}.gate .brand-mark{width:64px;height:64px;border-radius:18px;background:var(--brand);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:20px;box-shadow:var(--shadow-float)}.gate h1{font-family:var(--font-display);font-size:24px;font-weight:900;margin:0}.gate p{color:var(--ink-2);max-width:320px;margin:0;line-height:1.7}.gate .google-btn{width:100%;max-width:320px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);border-radius:var(--radius-sm);padding:14px 16px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-float);transition:transform .08s}.gate .google-btn:active{transform:translateY(1px) scale(.995)}.turnstile-placeholder{width:100%;max-width:320px;min-height:66px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);display:grid;place-items:center;color:var(--ink-3);font-size:12px;padding:10px;text-align:center}.turnstile-placeholder.error{border-style:solid;border-color:#f0c2c2;background:#fdeaea;color:var(--bad);font-weight:600}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:7px}.spinner.dark{border-color:#211d1833;border-top-color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--ink-3);font-size:14px}.empty-note{text-align:center;color:var(--ink-3);padding:28px 20px;font-size:13.5px;line-height:1.7}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}