:root{color:#203536;background:#f5f1e8;font-family:system-ui,-apple-system,BlinkMacSystemFont,Noto Sans TC,sans-serif;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}fieldset{min-width:0}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}#app{max-width:720px;height:100vh;height:100dvh;margin:0 auto;overflow:hidden}.app-shell{display:flex;flex-direction:column;height:100%;min-height:0}.app-header{flex:0 0 auto;padding:10px 14px 8px;background:#123b3a;color:#f5f1e8}.title-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0}.title-row .eyebrow{flex-basis:100%}.eyebrow{color:#c7dbcb;font-size:.78rem;letter-spacing:.12em}h1{margin:1px 0 0;font-size:clamp(1.45rem,7vw,1.85rem);letter-spacing:.04em;white-space:nowrap}.intro{color:#dce9dd;margin:12px 0 0;font-size:.95rem}.connection-pill{border:1px solid #c7dbcb;border-radius:999px;padding:4px 8px;color:#dce9dd;font-size:.78rem;white-space:nowrap}.connection-pill.offline{color:#ffd9a3;border-color:#e6a45c}.notice{margin-top:18px;padding:10px 12px;border-radius:10px;font-size:.86rem}.notice-warn{background:#fff0cc;color:#513a20}.notice-runtime{background:#214f4d;color:#dce9dd}.maintenance-link{display:inline-block;margin-top:10px;color:#dce9dd;font-size:.86rem;text-decoration:underline;text-underline-offset:3px}.header-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.header-links .maintenance-link{margin-top:0}.intro-view{padding:18px}.intro-view h2{margin:0;font-size:1.35rem}.intro-lead,.intro-group-note,.intro-note{color:#536565;margin:5px 0 14px}.intro-group{margin-top:20px;scroll-margin-top:14px}.intro-group h3{margin:0 0 6px;color:#365b57;font-size:1.05rem}.intro-card-grid{display:grid;gap:9px;margin-top:10px}.intro-card{border:1px solid #d7dfd6;border-radius:12px;padding:11px 12px;background:#fffdf8}.intro-card h4{margin:0;color:#365b57;font-size:.95rem;overflow-wrap:anywhere}.intro-card p{margin:4px 0 0;color:#536565;font-size:.86rem}.intro-example-note{color:#536565;margin:5px 0 14px;font-size:.86rem}.intro-example-link{display:inline-block;margin-top:8px;color:#1c6b63;font-size:.82rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}.intro-note{border-left:4px solid #d68b45;background:#fff8e8;padding:9px 11px;border-radius:0 9px 9px 0}.controls{padding:16px 18px 6px;display:grid;gap:10px}.field-label{display:grid;gap:5px;color:#536565;font-size:.82rem;font-weight:700}input,select{width:100%;min-height:44px;border:1px solid #bfcac0;border-radius:10px;padding:9px 12px;color:#203536;background:#fffdf8}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #d68b45;outline-offset:2px}.storage-warning{color:#9b4c2d;font-size:.82rem;padding:0 18px;min-height:1.4em}.app-context{padding:0 18px 1px}.app-context .intro{color:#536565}.mode-nav{flex:0 0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:6px 10px 8px;background:#f5f1e8;border-bottom:1px solid #d7dfd6;box-shadow:0 2px 7px #28433d12;position:relative;z-index:2}.mode-button{min-width:0;min-height:40px;border:1px solid #bfcac0;border-radius:9px;padding:6px 4px;background:#edf1eb;color:#365b57;cursor:pointer;font-size:.78rem;font-weight:700;overflow-wrap:anywhere}.mode-button.active{background:#123b3a;color:#fffdf8;border-color:#123b3a}.app-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.converter-view{padding:18px}.converter-view h2{margin:0;font-size:1.35rem}.converter-intro{color:#536565;margin:5px 0 14px}.converter-form{display:grid;grid-template-columns:minmax(0,1fr) 8.5rem;gap:10px;align-items:end}.converter-form .button{grid-column:1 / -1;width:100%}.converter-output{margin-top:14px;border:1px solid #d7dfd6;border-radius:12px;padding:13px;background:#fffdf8;min-height:76px}.converter-placeholder{margin:0;color:#647374;font-size:.88rem}.converter-error{margin:0;color:#8b3327;font-size:.9rem}.converter-values{display:grid;grid-template-columns:7rem 1fr;gap:7px 12px;margin:0}.converter-values dt{color:#647374;font-size:.86rem}.converter-values dd{margin:0;font-weight:700;overflow-wrap:anywhere}.guided-view{padding:18px}.guided-view h2{margin:0;font-size:1.35rem}.guide-intro{color:#536565;margin:5px 0 14px}.guided-view form{display:grid;gap:13px}.candidate-end,.candidate-measurements{border:1px solid #d7dfd6;border-radius:12px;padding:12px;display:grid;gap:10px;background:#fffdf8}.candidate-end legend,.candidate-measurements legend{padding:0 5px;font-weight:700;color:#365b57}.candidate-ends{display:grid;gap:10px}.check-label{display:flex;align-items:center;gap:8px;color:#365b57;font-size:.9rem}.check-label input{width:auto;min-height:auto}.measurement-help{font-size:.83rem;color:#647374;margin:0}.measurement-row{display:grid;grid-template-columns:minmax(0,1fr) 4.1rem;gap:6px;align-items:center}.measurement-label{grid-column:1 / -1;font-size:.85rem;color:#365b57}.measurement-row input,.measurement-row select{min-height:40px;padding:7px 8px}.measurement-diagram{background:#fffdf8;border-radius:12px;border:1px solid #d7dfd6;padding:8px}.measurement-diagram svg{width:100%;height:auto;display:block}.candidate-actions{display:flex;flex-wrap:wrap;gap:8px}.candidate-actions .button{flex:1}.candidate-results{display:grid;gap:10px}.candidate-scope,.candidate-condition{font-size:.84rem;color:#536565;margin:0}.candidate-card{border:1px solid #d7dfd6;border-radius:12px;padding:13px;background:#fffdf8}.candidate-state-label{margin:0;color:#536565;font-size:.78rem;font-weight:700}.candidate-card h3{margin:8px 0 0;font-size:1.05rem}.candidate-card ul{margin:7px 0;padding-left:1.2rem;font-size:.88rem}.candidate-card li{margin:3px 0}.candidate-next{border-radius:8px;padding:8px;margin:8px 0 0;background:#edf1eb;color:#365b57;font-size:.84rem}.candidate-matched{border-left:4px solid #4d8b59}.candidate-pending{border-left:4px solid #d68b45}.candidate-excluded{border-left:4px solid #9b4c2d}.content{padding:0 18px}.result-heading{padding:12px 0 8px;color:#536565;font-size:.9rem;font-weight:700}.results{display:grid;gap:12px}.results.results-tree{display:block}.tree-root{display:grid;gap:9px}.tree-node{min-width:0;border:1px solid #d7dfd6;border-radius:11px;background:#fffdf8;overflow:hidden}.tree-node>summary{cursor:pointer;list-style:none}.tree-node>summary::-webkit-details-marker{display:none}.tree-summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:11px 12px;color:#365b57;font-weight:700}.tree-summary:before{content:"▸";flex:0 0 auto;color:#d68b45}.tree-node[open]>.tree-summary:before{content:"▾"}.tree-summary-label{min-width:0;overflow-wrap:anywhere}.tree-summary-count{flex:0 0 auto;color:#647374;font-size:.8rem;font-weight:500;white-space:nowrap}.tree-children{display:grid;gap:8px;padding:0 8px 8px 14px}.tree-nominal{background:#f7faf5}.tree-leaves{display:grid;gap:10px;padding:0 2px 2px}.tree-leaves .product-card{min-width:0;box-shadow:none}.product-card{background:#fffdf8;border:1px solid #d7dfd6;border-radius:14px;padding:15px;box-shadow:0 4px 12px #28433d0e}.category-text{margin:0 0 6px;color:#536565;font-size:.82rem}.card-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px}.status-chip,.category-chip,.quality-chip{display:inline-block;border-radius:999px;padding:3px 8px;font-size:.75rem}.status-chip{background:#fff0cc;color:#754a20}.quality-chip{flex:1 1 100%;background:#fff7e5;color:#76532d;overflow-wrap:anywhere}.status-verified{background:#dcebdc;color:#24532a}.status-conflict{background:#f7d7cf;color:#8b3327}.category-chip{color:#536565;background:#edf1eb}.product-card h2,.detail-panel h2{margin:10px 0 0;font-size:1.18rem}.official-name{color:#647374;margin:1px 0 9px;font-size:.87rem}.part-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;letter-spacing:.04em;margin:0}.port-summary{margin:7px 0 12px;color:#365b57;font-size:.9rem;overflow-wrap:anywhere}.card-actions{display:flex;gap:8px}.button{border:0;border-radius:9px;min-height:42px;padding:8px 12px;cursor:pointer}.button-primary{background:#123b3a;color:#fffdf8}.button-quiet{background:#edf1eb;color:#365b57}.button-update{background:#d68b45;color:#281a0f}.filter-button{width:100%;align-self:end}.part-actions{margin:8px 0}.empty-state{border:1px dashed #aabbb0;border-radius:12px;padding:20px;color:#536565;background:#fffdf8}.error-state{color:#8b3327}.recognition-tips{margin-top:22px;border-left:4px solid #d68b45;background:#fff8e8;padding:10px 13px;border-radius:0 10px 10px 0}.recognition-tips h2{margin:0;font-size:1rem}.recognition-tips p{margin:4px 0 0;font-size:.88rem;color:#5c5145}.footer{padding:22px 18px 0;color:#788382;font-size:.78rem}.detail-overlay{position:fixed;inset:0;z-index:10;display:grid;align-items:end;background:#132c2b88}.detail-panel{max-height:92vh;overflow:auto;background:#fffdf8;border-radius:18px 18px 0 0;padding:22px 18px 30px;position:relative}.close-button{float:right;border:0;background:#edf1eb;border-radius:999px;padding:7px 11px;color:#365b57;cursor:pointer}.facts{display:grid;grid-template-columns:5.5rem 1fr;gap:8px 12px;margin:18px 0}.facts dt{color:#647374;font-size:.86rem}.facts dd{margin:0;font-size:.92rem;overflow-wrap:anywhere}.detail-panel a{display:block;color:#176a65;margin:9px 0;overflow-wrap:anywhere}.detail-note{padding:10px 12px;background:#fff0cc;color:#5b4426;border-radius:9px;font-size:.86rem}.detail-favorite{margin-top:15px;width:100%}.maintenance-view{padding:18px}.maintenance-view h2{margin:0;font-size:1.35rem}.maintenance-intro,.maintenance-source,.maintenance-result-count,.maintenance-muted{color:#536565;font-size:.86rem}.maintenance-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 8px}.maintenance-count{border:1px solid #d7dfd6;border-radius:10px;background:#fffdf8;padding:9px 10px;color:#365b57;font-size:.84rem;font-weight:700}.maintenance-controls{display:grid;gap:10px;margin:14px 0}.maintenance-results{display:grid;gap:9px}.maintenance-entry{border:1px solid #d7dfd6;border-radius:11px;background:#fffdf8;overflow:hidden}.maintenance-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;cursor:pointer;list-style:none;padding:12px}.maintenance-summary::-webkit-details-marker{display:none}.maintenance-part{min-width:0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700}.maintenance-status{border-radius:999px;padding:3px 7px;font-size:.75rem;white-space:nowrap}.maintenance-status.status-verified{background:#dcebdc;color:#24532a}.maintenance-status.status-unverified{background:#fff0cc;color:#754a20}.maintenance-status.status-conflict{background:#f7d7cf;color:#8b3327}.maintenance-gap-count{color:#647374;font-size:.78rem;white-space:nowrap}.maintenance-entry-body{border-top:1px solid #d7dfd6;padding:12px}.maintenance-facts{margin:0 0 14px}.maintenance-entry-body h4{margin:14px 0 6px;color:#365b57;font-size:.92rem}.maintenance-raw{margin:8px 0 14px;border:1px solid #d7dfd6;border-radius:9px;padding:8px 10px;background:#f7faf5}.maintenance-raw summary{cursor:pointer;color:#365b57;font-size:.86rem;font-weight:700}.maintenance-list{margin:5px 0;padding-left:1.2rem}.maintenance-list li{margin:7px 0;overflow-wrap:anywhere}.maintenance-list p{margin:3px 0;font-size:.86rem}.maintenance-next{color:#754a20}.maintenance-note{white-space:pre-wrap;overflow-wrap:anywhere;color:#536565;font-size:.86rem}.maintenance-evidence{color:#647374;font-size:.78rem}.maintenance-entry-body a{display:inline;margin:0}.maintenance-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.maintenance-page-number{color:#536565;font-size:.84rem}.maintenance-error{margin-top:14px}@media(min-width:620px){.controls{grid-template-columns:2fr 1fr 1fr;align-items:end}.controls .field-label:first-child{grid-column:1 / -1}.results:not(.results-tree){grid-template-columns:repeat(2,minmax(0,1fr))}.tree-leaves{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-overlay{align-items:center;justify-items:center;padding:18px}.detail-panel{max-width:600px;width:100%;border-radius:18px}.maintenance-controls{grid-template-columns:2fr 1fr 1.4fr;align-items:end}.maintenance-counts{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:380px){.measurement-row{grid-template-columns:minmax(0,1fr) 3.5rem;gap:4px}.measurement-row input,.measurement-row select{font-size:.82rem;padding-left:5px;padding-right:5px}.converter-form{grid-template-columns:minmax(0,1fr) 7.5rem;gap:7px}.converter-values{grid-template-columns:6rem 1fr;gap:6px 8px}.tree-children{padding-left:8px;padding-right:4px}.tree-summary{padding:10px 8px;gap:6px;font-size:.9rem}.tree-summary-count{font-size:.75rem}}