:root{--ink:#173d37;--muted:#6c7974;--paper:#f7f8f3;--line:#dce2d9;--green:#235d4e;--lime:#dfedac;--orange:#d7774e;--white:#fff; font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:7px;padding:9px 12px;font-size:12px;font-weight:600;cursor:pointer;display:inline-block;text-decoration:none}button:hover,.button:hover{border-color:var(--green);background:#f0f4e9}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--green);color:white;border-color:var(--green)}button.quiet,.button.quiet{background:transparent;border-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d28b50;outline-offset:3px}select,input[type=text],input[type=search],input[type=number]{border:1px solid var(--line);border-radius:6px;padding:8px;background:white;color:var(--ink);max-width:100%}input[type=checkbox],input[type=range]{accent-color:var(--green)}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.logo{color:var(--ink);text-decoration:none;font-weight:750;font-size:26px;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.logo-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--green);color:var(--lime);border-radius:50%;font-family:Georgia;font-style:italic}.logo-sub{font-size:10px;letter-spacing:2px;background:#e9eddf;padding:5px 6px;border-radius:4px;margin-left:3px}.header-note{font-size:12px;color:var(--muted)}.local-badge{font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:20px;padding:7px 11px}main{max-width:1660px;margin:auto;padding:0 5%}.intro{display:flex;align-items:center;justify-content:space-between;padding:44px 0 34px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;color:#72825e}h1{font-size:clamp(36px,4vw,56px);font-weight:500;line-height:1.08;letter-spacing:-2px;margin:16px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#537c53}.intro p{font-size:13px;color:var(--muted);margin:0}.intro-aside{display:grid;gap:10px;position:relative;padding:20px 90px 20px 20px;font-size:13px}.intro-aside>span:last-child{font-size:11px;line-height:1.8;color:var(--muted)}.orb{position:absolute;right:0;top:0;font-size:92px;line-height:1;color:#a8bd70;transform:rotate(12deg)}.session-bar{background:#eaf0df;border:1px solid #d9e3c8;border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.session-bar label{display:block;font-size:9px;letter-spacing:1.5px;font-weight:750;margin-bottom:5px}.session-bar select{min-width:170px;background:transparent;border:none;padding:0;font-weight:650}.stats{display:flex;gap:24px}.stat{display:grid;gap:3px;font-size:10px;color:var(--muted)}.stat strong{font-size:21px;font-weight:550;color:var(--ink)}.session-actions{margin-left:auto;display:flex;gap:5px;flex-wrap:wrap}.workspace-tabs{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin:23px 0;gap:10px}.workspace-tabs nav{display:flex;gap:17px}.workspace-tabs nav button{background:none;border:0;border-radius:0;padding:14px 0;color:var(--muted);border-bottom:2px solid transparent}.workspace-tabs nav button.active{color:var(--ink);border-bottom-color:var(--green)}.workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;align-items:start}aside{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;position:sticky;top:15px;max-height:calc(100vh - 30px);overflow:auto}h2{font-size:19px;font-weight:600;letter-spacing:-.45px;margin:0}h3{font-size:14px;margin:0 0 9px}p.small,.small{font-size:11px;color:var(--muted);line-height:1.6}.rule-top{display:flex;justify-content:space-between;align-items:center}.segmented{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.segmented button{border:0;border-radius:0;padding:5px 10px}.segmented .active{background:var(--green);color:#fff}.rule-block{border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.rule-label{font-size:10px;font-weight:700;letter-spacing:.9px;display:block;margin:0 0 10px}.priority-row{display:flex;gap:7px;align-items:center;margin-bottom:6px;border:1px solid var(--line);padding:7px;border-radius:5px;font-size:11px}.priority-row .number{border-radius:50%;background:#eaf0df;width:19px;height:19px;display:grid;place-items:center;font-size:10px}.priority-row span:nth-child(2){flex:1}.priority-row button{padding:2px 5px;border:0}.slider-label{display:flex;justify-content:space-between;font-size:11px;margin-top:10px}.range{width:100%;height:15px;margin:7px 0 0}.rule-block select{width:100%;font-size:11px}.checks{display:grid;gap:7px;margin:10px 0;font-size:11px}.checks label{display:flex;gap:6px;align-items:center}.checks input{margin:0}.rule-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.rule-actions button{font-size:10px;padding:6px 8px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;gap:10px}.section-head p{margin:5px 0 0}.count-pill{font-size:10px;background:#e7eddd;border:1px solid #d6dfcb;padding:5px 8px;border-radius:20px;white-space:nowrap}.recommend-section{margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0}.art{height:113px;background:hsl(var(--h) 27% 91%);position:relative;display:flex;align-items:center;justify-content:center;width:100%;border:0;border-radius:0;padding:0}.art::before{content:'';position:absolute;width:65px;height:65px;border-radius:42% 58% 64% 36%;background:hsl(var(--h) 25% 81%);transform:rotate(-18deg)}.art .icon{z-index:1;font-size:52px;color:hsl(var(--h) 24% 34%);font-family:Georgia,serif;line-height:1}.art:hover{background:hsl(var(--h) 30% 87%);border:0}.art .category{position:absolute;top:9px;left:9px;font-size:8px;letter-spacing:.7px;background:#ffffffa8;border-radius:3px;padding:4px 5px;color:var(--ink);font-weight:500}.product-body{padding:11px}.brand{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.product-name{font-size:11px;font-weight:650;line-height:1.4;min-height:31px;display:block;text-align:left;border:0;padding:0;background:none;width:100%}.price-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0;font-size:12px;font-weight:650;gap:3px}.price-row .status{font-size:8px;font-weight:500;color:var(--muted)}.card-actions{display:flex;gap:4px}.card-actions button{padding:5px 7px;font-size:9px;flex:1}.why{border-top:1px solid #edf0e8;margin-top:9px;padding-top:8px;font-size:9px;line-height:1.5}.why summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:4px}.why summary::after{content:'+';margin-left:auto;font-size:13px}.why[open] summary::after{content:'−'}.why p{color:var(--muted);margin:6px 0 0;overflow-wrap:anywhere}.chip{border-radius:3px;padding:2px 5px;background:#edf3e2;font-size:8px}.chip.fallback{background:#fff0dd;color:#906331}.shortfall{padding:11px 13px;font-size:11px;line-height:1.6;background:#f0f2e9;border-radius:7px;border:1px dashed #cdd6c5;margin-top:12px;color:#5f6e5d}.empty{padding:27px;border:1px dashed #cbd4c4;border-radius:8px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8;background:#f0f3e9}.catalog{border-top:1px solid var(--line);padding-top:24px;margin-top:20px}.catalog-controls{display:flex;gap:8px;margin:15px 0;flex-wrap:wrap}.catalog-controls input{flex:1;min-width:150px;font-size:12px}.catalog-controls select{font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:15px 0;font-size:11px}.compare-intro{background:var(--green);color:#fff;padding:22px;border-radius:10px;margin-bottom:24px}.compare-intro p{color:#dbe4d6;font-size:12px;line-height:1.7;margin-bottom:0}.compare-cols{display:grid;grid-template-columns:1fr 1fr;gap:17px}.compare-cols .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-cols>div>h3{margin:0 0 15px;padding:12px;background:#e8eddf;border-radius:6px}.comparison-metric{font-size:11px;margin:0 0 20px;color:var(--muted)}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.timeline small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.scenario-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.scenario-row button{padding:6px 9px;font-size:10px}.scenario-list{margin:15px 0 30px}.scenario-row small{color:var(--muted);display:block;margin-top:4px}#replay-bar{margin:0 0 18px;padding:13px 18px;border:1px solid #d4dfbc;border-radius:8px;background:#edf2df;font-size:12px}#replay-bar button{margin-left:8px}footer{display:flex;gap:16px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:40px;padding:24px 0;font-size:10px;color:var(--muted);flex-wrap:wrap}footer strong{color:var(--ink)}dialog{border:1px solid var(--line);border-radius:14px;padding:25px;max-width:650px;width:calc(100% - 32px);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#173d3770;backdrop-filter:blur(3px)}dialog .close{float:right}dialog .art{height:180px;border-radius:9px;margin:15px 0}dialog .art::before{width:105px;height:105px}dialog .art .icon{font-size:85px}dialog h2{margin:12px 0}dialog p,dialog li{font-size:13px;line-height:1.7}dialog .tags{font-size:11px;color:var(--muted);margin:15px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;border-radius:8px;padding:12px 20px;font-size:12px;box-shadow:0 5px 30px #173d3729;z-index:10;display:none;max-width:90%}.notice{font-size:11px;padding:10px;background:#fff2dd;border-radius:7px;line-height:1.6;margin-top:10px}.section-name{width:100%;font-size:11px;margin-top:8px}details.explain{font-size:11px;line-height:1.7;border-top:1px solid var(--line);margin-top:17px;padding-top:13px}details.explain summary{cursor:pointer;font-weight:650}.compare-cols .section-head{align-items:start}.compare-cols h2{font-size:15px}
@media(min-width:1450px){.art{height:140px}.product-name{font-size:12px}}
@media(max-width:1050px){main{padding:0 3%}.workspace{grid-template-columns:235px minmax(0,1fr);gap:18px}aside{padding:15px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-bar{gap:15px}.session-actions{margin-left:0}.header-note{display:none}.compare-cols{grid-template-columns:1fr}.intro-aside{padding-right:70px}.orb{font-size:70px}}
@media(max-width:700px){header{height:64px;padding:0 5%}.intro{padding:28px 0}.intro-aside{display:none}h1{font-size:40px}.workspace{grid-template-columns:1fr}aside{position:static;max-height:none}.workspace-tabs{align-items:start;flex-direction:column}.workspace-tabs nav{gap:16px}.workspace-tabs>div{padding-bottom:7px}.session-bar{padding:15px}.stats{margin-left:auto;gap:15px}.session-actions{width:100%}.grid{gap:10px}.art{height:120px}.compare-cols{grid-template-columns:1fr}footer{margin-top:25px}.local-badge{font-size:9px}.scenario-row{flex-wrap:wrap}}