:root{color-scheme:dark;--bg-base: #070d18;--bg-raised: #0d1626;--bg-card: #111c30;--bg-card-hover: #16233b;--bg-inset: #0a1220;--border: rgba(126, 162, 204, .16);--border-strong: rgba(126, 190, 224, .32);--border-focus: rgba(53, 214, 232, .62);--text-primary: #eef4fb;--text-secondary: #a7b8ce;--text-muted: #78899f;--text-on-accent: #04121a;--cyan: #35d6e8;--cyan-dim: #1d99ab;--cyan-wash: rgba(53, 214, 232, .12);--cyan-glow: rgba(53, 214, 232, .18);--violet: #a78bfa;--violet-dim: #7c5cf0;--violet-wash: rgba(167, 139, 250, .14);--amber: #fbbf24;--amber-wash: rgba(251, 191, 36, .14);--danger: #fb7185;--danger-wash: rgba(251, 113, 133, .14);--radius-sm: 8px;--radius: 14px;--radius-lg: 18px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-raised: 0 6px 20px rgba(0, 0, 0, .45);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--fs-caption: 12px;--fs-label: 13px;--fs-body: 15px;--fs-value: 17px;--fs-seq: 22px;--fs-title: 18px;--fs-metric: 26px;--touch: 44px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-num: ui-monospace, "SF Mono", "Roboto Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{max-width:100%;overflow-x:clip}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.45;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{display:flex;flex-direction:column;min-height:100%;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.app__main{flex:1;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-3);padding:calc(var(--sp-3) + env(safe-area-inset-top,0px)) var(--sp-4) var(--sp-3);background:linear-gradient(180deg,#0a1322,#0a1322f0);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.appbar__identity{min-width:0;flex:1}.appbar__title{margin:0;font-size:var(--fs-title);font-weight:650;letter-spacing:.02em}.appbar__meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:2px;font-size:var(--fs-caption);color:var(--text-secondary)}.appbar__meta code{font-family:var(--font-num);color:var(--cyan)}.appbar__actions{display:flex;gap:var(--sp-2);flex-shrink:0}.btn{min-height:var(--touch);min-width:var(--touch);padding:0 var(--sp-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);font-size:var(--fs-label);font-weight:600;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--bg-card-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--cyan);border-color:var(--cyan);color:var(--text-on-accent)}.btn--primary:hover:not(:disabled){background:#4ae2f3}.btn--accent{background:var(--violet-dim);border-color:var(--violet-dim);color:#fff}.btn--accent:hover:not(:disabled){background:var(--violet)}.btn--ghost{background:transparent;border-color:var(--border)}.btn--sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-caption)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.card__title{margin:0;font-size:var(--fs-label);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.card__count{font-family:var(--font-num);font-size:var(--fs-caption);color:var(--text-muted)}.card__body{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.banner{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised);font-size:var(--fs-label)}.banner--info{border-color:var(--border-strong);background:var(--cyan-wash)}.banner--warn{border-color:#fbbf2466;background:var(--amber-wash)}.banner--error{border-color:#fb718573;background:var(--danger-wash)}.banner__icon{font-size:16px;line-height:1.3}.banner__text{flex:1;min-width:0}.banner__title{font-weight:650;display:block}.banner__detail{color:var(--text-secondary);font-size:var(--fs-caption)}.capture__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.capture__stats{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-caption);color:var(--text-secondary);padding:0 var(--sp-1)}.capture__stats b{font-family:var(--font-num);font-size:var(--fs-label);color:var(--text-primary)}.progress{height:6px;border-radius:var(--radius-pill);background:var(--bg-inset);overflow:hidden;border:1px solid var(--border)}.progress__fill{height:100%;background:linear-gradient(90deg,var(--cyan-dim),var(--cyan));transition:width .18s ease}.thumbrail{display:flex;gap:var(--sp-3);overflow-x:auto;padding:var(--sp-1) var(--sp-1) var(--sp-3);scroll-snap-type:x proximity}.thumb{position:relative;flex:0 0 auto;width:92px;scroll-snap-align:start}.thumb__img{width:92px;height:118px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-inset);display:block}.thumb__no{position:absolute;top:var(--sp-1);left:var(--sp-1);padding:2px 7px;border-radius:var(--radius-pill);background:#070d18db;border:1px solid var(--border-strong);font-family:var(--font-num);font-size:11px;font-weight:700}.thumb__remove{position:absolute;top:-6px;right:-6px;width:var(--touch);height:var(--touch);display:grid;place-items:center;border:none;background:none}.thumb__remove span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--bg-raised);border:1px solid var(--border-strong);font-size:14px;line-height:1}.thumb__state{margin-top:var(--sp-1);font-size:11px;color:var(--text-muted);text-align:center}.tabs{position:sticky;top:60px;z-index:15;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--radius);background:var(--bg-inset);border:1px solid var(--border)}.tab{min-height:var(--touch);padding:var(--sp-1) var(--sp-2);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--fs-label);font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.tab[aria-selected=true]{background:var(--bg-card);border-color:var(--border-focus);color:var(--text-primary);font-weight:750;box-shadow:inset 0 -2px 0 var(--cyan)}.tab__count{font-family:var(--font-num);font-size:11px;color:var(--text-muted)}.tab[aria-selected=true] .tab__count{color:var(--cyan)}.row{position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3);align-items:center;padding:var(--sp-3);padding-left:var(--sp-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised);text-align:left;width:100%}.row--priority{border-color:#fbbf2457}.row--priority:before{content:"";position:absolute;inset:var(--sp-2) auto var(--sp-2) 0;width:4px;border-radius:var(--radius-pill);background:var(--amber)}.row__seq{display:flex;flex-direction:column;align-items:center;min-width:46px}.row__seq b{font-family:var(--font-num);font-size:var(--fs-seq);font-weight:700;line-height:1.1;color:var(--cyan)}.row__seq small{font-size:10px;color:var(--text-muted);letter-spacing:.04em}.row__main{min-width:0}.row__metrics{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4)}.metric{display:flex;flex-direction:column}.metric__label{font-size:11px;color:var(--text-muted);letter-spacing:.04em}.metric__value{font-family:var(--font-num);font-size:var(--fs-value);font-weight:650}.row__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);min-width:0;font-size:var(--fs-caption);color:var(--text-muted)}.row--blocked{border-color:#fb71856b;background:linear-gradient(90deg,rgba(251,113,133,.07),var(--bg-raised) 40%)}.colorpick{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-inset);display:flex;flex-direction:column;gap:var(--sp-3)}.colorpick__label{margin:0;font-size:var(--fs-label);color:var(--text-secondary)}.colorpick__options{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.colorpick__options .btn[aria-pressed=true]{font-weight:750;box-shadow:inset 0 0 0 1px #ffffff59}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px var(--sp-2);border-radius:var(--radius-pill);border:1px solid var(--border);font-size:11px;font-weight:650;letter-spacing:.02em;white-space:nowrap;min-width:0;max-width:100%}.tag--review{white-space:normal;overflow-wrap:anywhere}.tag--priority{border-color:#fbbf2480;background:var(--amber-wash);color:var(--amber)}.tag--review{border-color:#fb718580;background:var(--danger-wash);color:var(--danger)}.tag--ok{border-color:#35d6e866;background:var(--cyan-wash);color:var(--cyan)}.tag--muted{color:var(--text-muted)}.tag--violet{border-color:#a78bfa73;background:var(--violet-wash);color:var(--violet)}.costgrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.costcell{padding:var(--sp-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card)}.costcell--total{grid-column:1 / -1;border-color:#a78bfa80;background:linear-gradient(150deg,#7c5cf033,#111c30e6);box-shadow:0 0 0 1px #a78bfa1a,var(--shadow-card)}.costcell__label{font-size:var(--fs-caption);color:var(--text-secondary);letter-spacing:.05em}.costcell__value{margin-top:var(--sp-1);font-family:var(--font-num);font-size:clamp(17px,5vw,var(--fs-metric));font-weight:700;line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums}@media(min-width:1024px){.costcell__value{font-size:clamp(17px,1.7vw,var(--fs-metric))}}.costcell--total .costcell__value{color:var(--violet)}.costcell__unit{font-size:var(--fs-caption);color:var(--text-muted);margin-left:4px;font-weight:500}.costcell__value--unavailable{font-size:var(--fs-value);color:var(--text-muted);font-weight:600}.sourcebox{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);border:1px dashed var(--border-strong);background:var(--bg-inset);font-size:var(--fs-caption);color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--sp-1)}.sourcebox code{font-family:var(--font-num);color:var(--cyan);word-break:break-all}.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom,0px));background:linear-gradient(0deg,#060b14 60%,#060b14e6);border-top:1px solid var(--border)}.bottombar .btn{flex:1}.bottombar__status{position:absolute;top:-22px;left:var(--sp-4);right:var(--sp-4);font-size:11px;color:var(--text-muted);text-align:center}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#03070eb8;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:560px;max-height:88vh;overflow-y:auto;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-raised);padding:var(--sp-4);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:var(--sp-4)}.sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.sheet__title{margin:0;font-size:var(--fs-title)}.crop{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-inset);overflow:hidden;aspect-ratio:16 / 7;display:grid;place-items:center;position:relative;flex-shrink:0}.crop__box{position:absolute;max-width:none;object-fit:fill}.crop__whole{width:100%;height:100%;object-fit:contain}.crop__empty{color:var(--text-muted);font-size:var(--fs-caption);padding:var(--sp-4);text-align:center}.fieldlist{display:flex;flex-direction:column;gap:var(--sp-2)}.fieldlist__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--bg-inset);border:1px solid var(--border);font-size:var(--fs-label)}.fieldlist__row--weak{border-color:#fb718566}.fieldlist__conf{font-family:var(--font-num);color:var(--text-secondary)}.sheet__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.empty{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-secondary);border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-inset)}.empty__title{color:var(--text-primary);font-weight:650;margin-bottom:var(--sp-2)}.only-desktop{display:none}@media(min-width:1024px){.app{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.app__main{max-width:1440px;width:100%;margin:0 auto;padding:var(--sp-5) var(--sp-6);gap:var(--sp-5)}.only-desktop{display:block}.only-mobile{display:none}.threecol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);align-items:start}.costgrid--desktop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}.costcell--total{grid-column:auto}.capture__actions{grid-template-columns:repeat(4,minmax(0,1fr))}.bottombar{justify-content:flex-end}.bottombar .btn{flex:0 0 auto;min-width:180px}.sheet-backdrop{align-items:center}.sheet{border-radius:var(--radius-lg)}}