:root{color:#e9eee9;background:#111a16;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #52705d;border-radius:.45rem;padding:.6rem .9rem;color:#132017;background:#a8d6a5;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.06)}button:disabled{opacity:.55;cursor:not-allowed}.app-shell{max-width:1440px;margin:0 auto;padding:1.2rem clamp(1rem,3vw,2.4rem) 3rem}.app-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.eyebrow{margin:0 0 .25rem;color:#91bf94;font-size:.75rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}h1{margin:0;font-size:clamp(1.35rem,3vw,2rem)}h2,h3,h4,p{margin-top:0}.settings-actions,.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.quiet{color:#e9eee9;background:#26352c;border-color:#4c6353}.tabbar{display:flex;gap:.25rem;overflow-x:auto;border-bottom:1px solid #38483d;margin:.7rem 0 1.2rem}.tab{flex:0 0 auto;color:#b9c6bc;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:.35rem .35rem 0 0;padding:.8rem 1rem}.tab.active{color:#d3efd2;background:#1d2a22;border-bottom-color:#a8d6a5}.page-card,.calculator-page{padding:clamp(1rem,2.4vw,1.65rem);border:1px solid #35463a;border-radius:.8rem;background:#19231d}.page-title,.section-heading,.result-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-heading{margin-bottom:1.1rem}.section-heading h2,.page-title h2{margin-bottom:.3rem}.subheading{margin:0;color:#b4c1b7}.guide-steps{display:grid;gap:.8rem;list-style:none;counter-reset:guide;padding:0;margin:1.4rem 0}.guide-steps li{display:grid;grid-template-columns:2.1rem minmax(150px,220px) 1fr;align-items:baseline;gap:.6rem;padding:.9rem;border-radius:.55rem;background:#202e25;counter-increment:guide}.guide-steps li:before{content:counter(guide);display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;color:#102018;background:#a8d6a5;font-weight:800}.guide-steps span,.guide-note p,.field-note{color:#b9c6bc}.guide-note{padding:1rem;border-left:3px solid #8bbc88;background:#202e25}.form-section{margin-top:1.1rem;padding:1rem;border:1px solid #35463a;border-radius:.65rem;background:#1d2922}.form-section h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem;margin-bottom:.9rem;font-size:1.02rem}.form-section h3 span{color:#9eaea2;font-size:.76rem;font-weight:500}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:.8rem 1rem}label{display:grid;gap:.35rem;color:#c1cec3;font-size:.86rem}input,select,textarea{width:100%;min-width:0;padding:.55rem .65rem;border:1px solid #52675a;border-radius:.4rem;color:#edf4ee;background:#121b16}input:focus,select:focus,textarea:focus{outline:2px solid #85b989;outline-offset:1px}.field-note{margin:.8rem 0 0;font-size:.83rem}.checkbox-field{display:flex;align-items:center;gap:.55rem;margin-top:.8rem}.checkbox-field input{width:auto}.resume-section{margin-top:1rem;padding:.9rem 1rem;border:1px solid #35463a;border-radius:.65rem;background:#1d2922}.resume-section summary,.json-details summary{cursor:pointer;color:#d0e6d0;font-weight:700}.resume-toggle{margin-bottom:1rem}.resume-fields{padding-top:.9rem;border-top:1px solid #3b4b40}.runbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.9rem 1rem;border-radius:.65rem;background:#243329}.runbar div{display:grid}.runbar span{color:#b9c6bc;font-size:.85rem}.result-panel{margin-top:1.2rem;padding:1.1rem;border:1px solid #426049;border-radius:.65rem;background:#17251b}.result-heading{margin:.8rem 0}.result-heading h3,.result-heading h4{margin:0}.status-pill{padding:.25rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700}.success{color:#b9edb5;background:#244b2a}.warning{color:#ffdda1;background:#57421d}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem;margin:1rem 0 1.3rem}.metrics span{display:grid;gap:.25rem;min-width:0;padding:.8rem;border-radius:.5rem;color:#b9c6bc;background:#202e25;font-size:.82rem}.metrics b{overflow-wrap:anywhere;color:#edf4ee;font-size:1.25rem}.plan,.equipment-table-wrap{overflow:auto;max-height:560px;border:1px solid #35463a;border-radius:.45rem}table{width:100%;border-collapse:collapse;font-size:.83rem}th,td{padding:.55rem .65rem;border-bottom:1px solid #34443a;text-align:right;white-space:nowrap}th{position:sticky;top:0;z-index:1;color:#d4e0d6;background:#26352c}th:nth-child(2),td:nth-child(2),th:last-child,td:last-child{text-align:left}td:last-child{min-width:180px;white-space:normal}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;margin-bottom:1rem}.comparison-grid article{display:grid;gap:.25rem;padding:.8rem;border:1px solid #3c5141;border-radius:.5rem;background:#202e25}.comparison-grid span,.comparison-grid small{color:#b9c6bc}.equipment-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:.6rem;margin:1rem 0}.equipment-toolbar label{min-width:180px}.equipment-toolbar button{min-height:40px}.equipment-auto-note{align-self:center;color:#b9c6bc;font-size:.84rem}.equipment-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:1rem}.equipment-table{min-width:720px}.equipment-table input,.equipment-table select{padding:.4rem}.equipment-table th{position:static}.remove{padding:.3rem .5rem;color:#ffd3cb;background:#492c29;border-color:#70433e;font-size:.76rem}.gear-preview{max-height:480px;overflow:auto;padding:.9rem;border:1px solid #35463a;border-radius:.55rem;background:#202e25}.gear-preview h3{margin-bottom:.4rem}.gear-preview p{color:#b9c6bc;font-size:.85rem}.gear-preview th,.gear-preview td{position:static;padding:.4rem}.json-details{margin-top:1rem}.json-details textarea{min-height:180px;margin-top:.75rem;font-family:ui-monospace,Consolas,monospace}.json-details .button-row{margin-top:.6rem}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem;margin-top:1.1rem}.action-grid article{padding:1rem;border:1px solid #35463a;border-radius:.55rem;background:#202e25}.action-grid h3{margin-bottom:.45rem;font-size:.98rem}.action-grid p{margin-bottom:0;color:#bdc9bf;font-size:.9rem}.action-grid code{color:#c7edc3}.reference-table-wrap{overflow:auto;max-height:560px;margin-top:1rem;border:1px solid #35463a;border-radius:.45rem}.reference-table{min-width:1320px}.reference-table th,.reference-table td,.reference-advance-table th,.reference-advance-table td{text-align:left;vertical-align:top;white-space:normal}.reference-table thead th,.reference-advance-table thead th{position:sticky;top:0}.reference-table tbody th,.reference-advance-table tbody th{position:static;min-width:170px;color:#d4e0d6;background:#1d2922}.reference-table td{min-width:125px}.reference-table td:last-child{min-width:300px}.reference-advance-table{min-width:650px}.reference-advance-table td{min-width:480px}.reference-subtitle{margin:1.5rem 0 .3rem}.error{color:#ffaaa0}.global-error{padding:.7rem 1rem;border:1px solid #773f39;border-radius:.45rem;background:#402723}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.goal-outcome{display:grid;gap:.3rem;margin:.85rem 0 1rem;padding:.9rem 1rem;border:1px solid;border-radius:.55rem}.goal-outcome strong{font-size:1.05rem}.goal-outcome span{line-height:1.5}.goal-outcome.success{color:#d8f2d2;border-color:#527d4b;background:#203923}.goal-outcome.failure{color:#ffe0bd;border-color:#a95d45;background:#472a24}@media(max-width:720px){.app-shell{padding-inline:.75rem}.app-header{align-items:flex-start}.settings-actions{flex-direction:column;align-items:stretch}.guide-steps li{grid-template-columns:2rem 1fr}.guide-steps span{grid-column:2}.section-heading{align-items:flex-start;flex-direction:column}.equipment-layout{grid-template-columns:1fr}.runbar{align-items:stretch;flex-direction:column}.runbar button{width:100%}}