:root{--pine:#183a31;--forest:#45695e;--oxide:#bc5a40;--stone:#efe8da;--paper:#f8f2e7;--ink:#1c332d;--muted:#6d7771;--line:#d5ccbd}*{box-sizing:border-box}html,body{margin:0;background:var(--stone);color:var(--ink)}body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;padding-bottom:78px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.97)}main{max-width:680px;margin:auto}.view{display:none}.view.active{display:block}.hero{position:relative;overflow:hidden;text-align:center;background:var(--paper);padding:44px 18px 30px}.topo{position:absolute;inset:-80px;opacity:.1;background:repeating-radial-gradient(ellipse at 20% 20%,transparent 0 24px,var(--forest) 25px 26px,transparent 27px 52px);transform:rotate(-8deg)}.hero-mark{position:relative;font:62px Georgia;color:var(--pine);letter-spacing:-8px}.hero h1{position:relative;font:700 38px Georgia;margin:4px 0;letter-spacing:.07em}.subtitle{position:relative;color:var(--oxide);font-size:9px;font-weight:800;letter-spacing:.15em}.hero p{position:relative;color:var(--muted);font-size:11px}.actions{background:var(--paper);padding:14px 20px 4px;display:grid;gap:10px}.button{height:52px;border-radius:5px;font-weight:800;letter-spacing:.04em}.primary{border:1px solid var(--pine);background:var(--pine);color:white}.outline{border:1px solid var(--pine);background:transparent;color:var(--pine)}.card{background:var(--paper);border:1px solid var(--line);border-radius:7px}.summary{margin:16px 20px;padding:15px;text-align:center}.micro-title{font-size:8px;font-weight:800;letter-spacing:.1em}.four{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px}.four div{border-right:1px solid var(--line)}.four div:last-child{border:0}.four strong{display:block;font:20px Georgia}.four span{display:block;font-size:7px;font-weight:800}.pad{padding:5px 20px 24px}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2,.report h2,.intro h2{font:21px Georgia;margin:0}.section-head p,.report p,.intro p{font-size:9px;color:var(--muted)}.section-head button{border:0;background:none;color:var(--pine);font-size:10px;font-weight:800}.build-row{width:100%;display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;text-align:left;padding:12px;margin-bottom:8px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}.swatch{height:42px;border-radius:4px}.build-row strong{font:16px Georgia;display:block}.build-row small{font-size:9px;color:var(--muted)}.qty{font:18px Georgia;text-align:right}.empty{text-align:center;padding:28px}.empty h3{font:18px Georgia;margin:0 0 5px}.empty p{font-size:11px;color:var(--muted)}.compact-header{height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;background:var(--paper);border-bottom:1px solid var(--line)}.compact-header strong{text-align:center;font-size:12px;letter-spacing:.07em}.compact-header button{border:0;background:none;color:var(--pine)}.tools{padding:12px 16px}.tools>input{width:100%;padding:11px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font-size:16px}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.filters select{min-width:0;padding:9px 5px;border:1px solid var(--line);border-radius:5px;background:var(--paper)}.build-grid{padding:0 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.build-card{text-align:left;border:1px solid var(--line);border-radius:7px;background:var(--paper);overflow:hidden;padding:0}.specimen{height:84px;display:flex;align-items:center;justify-content:center;position:relative;background:#e8e1d4;font-size:40px}.color-bar{position:absolute;bottom:0;left:0;right:0;height:8px}.build-card-body{padding:11px}.build-card-body h3{font:15px Georgia;margin:0 0 4px}.build-card-body p{font-size:9px;color:var(--muted);line-height:1.35}.card-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:7px;font-size:8px}.card-foot b{font:16px Georgia}form{padding:16px 18px;background:var(--paper);display:grid;gap:15px}.eyebrow{font-size:8px;color:var(--oxide);font-weight:800;letter-spacing:.12em}label,legend{font-size:9px;font-weight:800}label em{font-weight:400;color:var(--muted)}form input,form select,form textarea{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:5px;background:#fcf8f0;font-size:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9px}fieldset{border:0;padding:0;margin:0}.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.chips input{display:none}.chips span{display:block;padding:9px 4px;text-align:center;border:1px solid var(--line);border-radius:18px;background:#fcf8f0}.chips input:checked+span{background:var(--pine);color:white}.delete{border:0;background:none;color:#9a3d30;font-size:10px;font-weight:800}.hidden{display:none!important}.detail-wrap{padding:16px}.detail-hero,.detail-grid{border:1px solid var(--line);border-radius:7px;background:var(--paper);overflow:hidden}.detail-hero .specimen{height:145px;font-size:66px}.detail-title{padding:14px}.detail-title h2{font:22px Georgia;margin:0}.detail-title p{font-size:10px;color:var(--muted)}.detail-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr}.cell{padding:13px;border-bottom:1px solid var(--line)}.cell:nth-child(odd){border-right:1px solid var(--line)}.cell.wide{grid-column:1/-1}.cell span{font-size:8px;color:var(--muted)}.cell strong{display:block;font:15px Georgia}.cell p{font-size:11px;line-height:1.4;white-space:pre-wrap}.report{padding:16px 18px}.stat-row{padding:13px;border-bottom:1px solid var(--line)}.stat-row:last-child{border:0}.stat-row span{font-size:8px;color:var(--muted)}.stat-row strong{display:block;font:17px Georgia}.stat-row small{display:block;font-size:9px;color:var(--muted)}.backup-title{margin-top:22px!important}.wide{width:100%}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(680px,100%);height:76px;padding-bottom:env(safe-area-inset-bottom);background:var(--pine);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;z-index:20}.bottom-nav button{border:0;background:none;color:white;font-size:18px}.bottom-nav small{display:block;font-size:8px}#toast{position:fixed;bottom:88px;left:50%;transform:translateX(-50%);opacity:0;background:var(--pine);color:white;padding:9px 14px;border-radius:18px;z-index:30;transition:.2s}.show{opacity:1!important}@media(max-width:390px){.hero h1{font-size:33px}.filters{grid-template-columns:1fr 1fr}.filters select:last-child{grid-column:1/-1}}