:root{--dry-sage:#ccd5ae;--beige:#e9edc9;--cornsilk:#fefae0;--papaya:#faedcd;--light-bronze:#d4a373;--bronze-deep:#7d5c35;--sage-deep:#5f6848;--canvas:#ccd5ae;--paper:#fefae0;--ink:#2d2a1f;--muted:#716c55;--line:#b8bd98;--green:#ccd5ae;--teal:#9fb392;--gold:#d4a373;--red:#b56f52;--shadow:0 14px 38px #2d2a1f24;--soft-shadow:0 10px 25px #2d2a1f14;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;font-family:Ryman Eco,Ecofont Vera Sans,Aptos,Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{letter-spacing:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #d4a3736b}::selection{background:var(--dry-sage)}.app-shell{min-height:100svh;color:var(--ink);background:linear-gradient(90deg, #2d2a1f0d 1px, transparent 1px), linear-gradient(180deg, #2d2a1f0a 1px, transparent 1px), var(--canvas);background-size:44px 44px;grid-template-columns:280px minmax(0,1fr);display:grid}.side-rail{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#e9edc9e6;flex-direction:column;gap:22px;height:100svh;padding:24px 18px;display:flex;position:sticky;top:0}.brand-mark,.nav-button,.clear-data-button,.filter-pill,.signal-chip,.status-pill,.source-link,.primary-button,.round-button,.icon-button{align-items:center;display:inline-flex}.brand-mark{gap:12px}.brand-mark svg{color:var(--sage-deep)}.brand-mark strong{font-size:16px;display:block}.brand-mark span,.muted,.metric-card small,.metric-card span,.log-row span,.sources-list small{color:var(--muted)}.brand-mark span{font-size:12px}.nav-list{gap:8px;display:grid}.nav-button{width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:11px;padding:11px 12px;font-weight:760;transition:background .16s,color .16s,transform .16s}.nav-button:hover,.nav-button.is-active{background:var(--ink);color:var(--paper);transform:translate(2px)}.side-rail-footer{gap:12px;margin-top:auto;display:grid}.clear-data-button{border:1px solid var(--line);background:var(--papaya);width:100%;color:var(--bronze-deep);font:inherit;cursor:pointer;border-radius:8px;justify-content:flex-start;gap:9px;padding:10px 12px;font-size:13px;font-weight:760}.clear-data-button svg{color:var(--bronze-deep)}.footer-contact{color:var(--muted);gap:4px;font-size:12px;line-height:1.35;display:grid}.footer-contact a{color:var(--ink);font-weight:780;text-decoration:none}.footer-contact a:hover{color:var(--bronze-deep);text-underline-offset:3px;text-decoration:underline}.lightbox-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2d2a1f61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lightbox-dialog{border:1px solid var(--line);background:var(--cornsilk);width:min(460px,100%);color:var(--ink);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:22px;display:grid}.lightbox-icon{background:var(--papaya);width:44px;height:44px;color:var(--bronze-deep);border-radius:8px;place-items:center;display:grid}.lightbox-actions{justify-content:flex-end;gap:10px;display:flex}.secondary-button,.danger-button{font:inherit;cursor:pointer;border-radius:8px;padding:11px 14px;font-weight:760}.secondary-button{border:1px solid var(--line);background:var(--paper);color:var(--ink)}.danger-button{border:1px solid var(--bronze-deep);background:var(--bronze-deep);color:var(--cornsilk)}.main-surface{min-width:0;padding:26px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:760}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.05}h2{font-size:20px;line-height:1.18}h3{font-size:16px;line-height:1.22}.top-actions{gap:8px;display:flex}.icon-button,.round-button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;justify-content:center;transition:transform .16s,box-shadow .16s,border-color .16s}.icon-button{border-radius:8px;width:40px;height:40px}.icon-button.small{width:30px;height:30px}.round-button{border-radius:999px;width:42px;height:42px}.icon-button:hover,.round-button:hover,.primary-button:hover{box-shadow:var(--shadow);border-color:#2d2a1f33;transform:translateY(-1px)}.dashboard-grid{grid-template-columns:minmax(260px,1.1fr) repeat(3,minmax(180px,.7fr));align-items:stretch;gap:14px;display:grid}.panel,.score-panel,.metric-card,.action-card,.integration-card,.calculator-panel,.result-panel{border:1px solid var(--line);box-shadow:var(--soft-shadow);background:#fefae0eb;border-radius:8px}.score-panel{align-items:center;gap:18px;padding:18px;display:flex}.score-ring{--score:70;aspect-ratio:1;background:conic-gradient(var(--green) calc(var(--score) * 1%), var(--beige) 0);border-radius:50%;flex:none;place-items:center;width:110px;display:grid}.score-ring span{aspect-ratio:1;background:var(--paper);border-radius:50%;place-items:center;width:78px;font-size:30px;font-weight:820;display:grid}.metric-card{gap:8px;padding:16px;display:grid}.metric-card svg{color:var(--bronze-deep)}.metric-card strong{font-size:24px}.chart-panel{grid-column:span 3;min-height:430px;padding:18px}.controls-panel,.breakdown-panel,.log-panel{padding:16px}.controls-panel{gap:12px;display:grid}.panel-header,.action-toolbar,.integration-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.filter-row{flex-wrap:wrap;gap:8px;margin:18px 0 14px;display:flex}.filter-pill{border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer;border-radius:999px;gap:7px;padding:8px 11px}.filter-pill.is-active{border-color:var(--pill);color:var(--ink);background:color-mix(in srgb, var(--pill) 13%, white)}.chart-wrap{cursor:pointer;height:310px}.click-hint{color:var(--muted);margin-top:8px;font-size:13px}.chart-tooltip{border:1px solid var(--line);box-shadow:var(--shadow);background:#fefae0f5;border-radius:8px;gap:7px;padding:12px;display:grid}.chart-tooltip span{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.chart-tooltip i{border-radius:50%;width:9px;height:9px}.segmented{border:1px solid var(--line);background:var(--paper);border-radius:8px;grid-auto-flow:column;padding:3px;display:inline-grid}.segmented button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 11px;font-size:13px}.segmented button.is-active{background:var(--ink);color:var(--paper)}.select-line,.number-input{gap:7px;display:grid}.select-line span,.number-input span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:760}select,input{box-sizing:border-box;border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:11px 12px}.bars-list{gap:13px;margin-top:16px;display:grid}.bar-line{grid-template-columns:86px 1fr 70px;align-items:center;gap:10px;font-size:13px;display:grid}.mini-track{background:var(--beige);border-radius:999px;height:8px;overflow:hidden}.mini-track i{border-radius:inherit;height:100%;display:block}.log-list{gap:10px;margin-top:14px;display:grid}.log-empty{border:1px dashed var(--line);background:color-mix(in srgb, var(--paper) 78%, var(--beige));color:var(--ink);border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;margin-top:14px;padding:14px;display:grid}.log-empty-icon{background:var(--papaya);width:42px;height:42px;color:var(--bronze-deep);border-radius:8px;place-items:center;display:grid}.log-empty strong,.log-empty p{margin:0}.log-empty p{color:var(--muted);margin-top:2px;font-size:13px}.log-row{background:var(--paper);border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px;display:grid}.log-row div{min-width:0}.log-row strong,.log-row div span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.log-icon,.integration-icon,.category-dot{background:var(--beige);width:34px;height:34px;color:var(--bronze-deep);border-radius:8px;flex:none;justify-content:center;place-self:center;align-items:center;line-height:0;display:inline-flex;position:relative}.log-icon svg,.integration-icon svg,.category-dot svg{flex:none;margin:auto;display:block;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.good-text{color:var(--sage-deep)}.bad-text{color:var(--bronze-deep)}.signal-strip{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.signal-chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;gap:8px;padding:9px 12px;font-size:13px}.signal-chip svg{color:var(--sage-deep)}.stack{gap:16px;display:grid}.action-toolbar{border:1px solid var(--line);background:#fefae0eb;border-radius:8px;padding:16px}.action-grid,.integration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.action-card{gap:12px;min-height:240px;padding:16px;display:grid}.action-card.negative{border-top:4px solid var(--green)}.action-card.positive{border-top:4px solid var(--red)}.action-card.neutral{border-top:4px solid var(--teal)}.action-card p,.integration-card p,.methods-panel p,.roadmap-item p{color:var(--muted);font-size:14px}.action-card-head,.action-controls,.action-meta{align-items:center;display:flex}.action-card-head,.action-meta{justify-content:space-between;gap:10px}.impact-label{color:var(--muted);font-size:12px}.action-meta strong{font-size:22px}.action-meta span{color:var(--muted);font-size:13px}.action-controls{gap:8px;margin-top:auto}.source-link{color:var(--sage-deep);font-size:13px;font-weight:760;text-decoration:none}.text-button{color:var(--bronze-deep);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:13px;font-weight:760}.text-button:disabled{color:var(--muted);cursor:not-allowed;opacity:.45}.detail-view{gap:16px;display:grid}.detail-topbar{border:1px solid var(--line);background:#fefae0eb;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.back-button{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.detail-grid{grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr);gap:16px;display:grid}.pie-panel,.pie-legend-panel{padding:18px}.pie-shell{min-height:330px;position:relative}.pie-shell .recharts-pie-sector{cursor:pointer}.pie-center{pointer-events:none;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.pie-center small{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:760}.pie-center strong{font-size:24px}.pie-legend-panel{align-content:start;gap:16px;display:grid}.pie-legend-list{gap:9px;display:grid}.pie-legend-row{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);font:inherit;cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:12px minmax(0,1fr) 52px 70px;align-items:center;gap:10px;padding:10px 11px;display:grid}.pie-legend-row.is-hidden{opacity:.45}.pie-legend-row i{border-radius:50%;width:12px;height:12px}.pie-legend-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pie-legend-row strong,.pie-legend-row b{text-align:right}.footprint-page,.offset-page{gap:16px;display:grid}.footprint-hero{grid-template-columns:minmax(220px,.9fr) minmax(260px,1fr) minmax(190px,.7fr);align-items:center;gap:18px;padding:22px;display:grid}.footprint-total{text-align:center;gap:7px;display:grid}.footprint-total strong{font-size:42px;line-height:1}.footprint-total span{text-transform:uppercase;font-size:13px;font-weight:860}.footprint-total p{color:var(--muted);font-size:14px}.footprint-pie{min-height:210px}.footprint-legend{gap:9px;display:grid}.footprint-legend div{color:var(--ink);align-items:center;gap:9px;display:flex}.footprint-legend i{border:1px solid #2d2a1f1f;border-radius:4px;width:18px;height:18px}.footprint-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:18px;display:grid}.footprint-form section{border-bottom:1px solid var(--line);align-content:start;gap:11px;padding-bottom:14px;display:grid}.footprint-form h2{text-transform:uppercase;letter-spacing:.08em;font-size:17px}.footprint-form p{color:var(--muted);font-size:13px;font-style:italic}.slider-input{gap:7px;display:grid}.slider-input strong{text-align:center;font-size:13px}.slider-input input[type=range]{appearance:none;background:var(--light-bronze);border:0;border-radius:999px;height:2px;padding:0}.slider-input input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--light-bronze);border:2px solid var(--cornsilk);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #2d2a1f47}.slider-input input[type=range]::-moz-range-thumb{background:var(--light-bronze);border:2px solid var(--cornsilk);border-radius:50%;width:14px;height:14px}.slider-input span{color:var(--ink);justify-content:space-between;display:flex}.toggle-line{color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:760;display:flex}.toggle-line input{width:18px;height:18px;accent-color:var(--light-bronze)}.flight-list{gap:9px;display:grid}.flight-row{grid-template-columns:minmax(0,1fr) 38px 32px 32px;align-items:center;gap:7px;display:grid}.flight-row div{min-width:0}.flight-row strong{text-transform:uppercase;min-width:112px;font-size:13px;display:inline-block}.flight-row span{color:var(--muted);font-size:11px}.flight-row b,.flight-row button{border:1px solid var(--line);background:var(--paper);place-items:center;min-height:30px;display:grid}.flight-row button{background:var(--light-bronze);color:var(--ink);font:inherit;cursor:pointer;font-weight:860}.footprint-help-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.info-tile{text-align:center;place-items:center;gap:11px;padding:20px;display:grid}.info-tile span{border:1px solid var(--light-bronze);width:58px;height:58px;color:var(--bronze-deep);background:var(--cornsilk);border-radius:50%;place-items:center;display:grid}.info-tile p{color:var(--muted);font-size:14px}.offset-hero{grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:16px;padding:20px;display:grid}.offset-number{border:1px solid var(--line);background:var(--papaya);border-radius:8px;place-items:center;gap:6px;padding:18px;display:grid}.offset-number span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:760}.offset-number strong{font-size:36px}.offset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.offset-grid>.panel{padding:18px}.offset-list{gap:10px;margin-top:15px;display:grid}.offset-list div{border:1px solid var(--line);background:var(--paper);border-radius:8px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.offset-list i{border-radius:50%;width:12px;height:12px}.offset-list span,.offset-list small{display:block}.offset-list small{color:var(--muted)}.offset-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px;display:grid}.offset-metrics span{border:1px solid var(--line);background:var(--paper);border-radius:8px;gap:5px;padding:12px;display:grid}.offset-metrics small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:760}.offset-metrics strong{font-size:19px}.offset-actions-panel{grid-row:span 2}.calculator-layout{grid-template-columns:minmax(0,1fr) 340px;gap:16px;display:grid}.calculator-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.result-panel{align-content:start;gap:16px;padding:20px;display:grid}.result-number{color:var(--red);font-size:42px}.result-number.is-negative{color:var(--sage-deep)}.primary-button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;gap:9px;padding:12px 14px}.integration-card{gap:13px;min-height:360px;padding:16px;display:grid}.selected-point-panel{align-content:start;gap:14px;padding:16px;display:grid}.selected-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.selected-stats span{border:1px solid var(--line);background:var(--paper);border-radius:8px;gap:4px;padding:10px;display:grid}.selected-stats small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:760}.selected-stats strong{font-size:17px}.selected-stats.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-categories{gap:8px;display:grid}.selected-categories div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;display:flex}.selected-categories span{color:var(--muted)}.import-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;display:grid}.import-panel,.import-result-panel{padding:18px}.import-card{min-height:auto}.dropzone{border:1.5px dashed var(--light-bronze);min-height:250px;color:var(--ink);cursor:pointer;text-align:center;background:linear-gradient(#ccd5aeb3,#faedcdd6);border-radius:8px;align-content:center;place-items:center;gap:10px;margin-top:16px;transition:border-color .16s,transform .16s,background .16s;display:grid;position:relative}.dropzone.is-dragging,.dropzone:hover{border-color:var(--green);background:var(--beige);transform:translateY(-1px)}.dropzone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.dropzone svg{color:var(--bronze-deep)}.dropzone span{max-width:430px;color:var(--muted);font-size:14px}.import-note{color:var(--muted);align-items:flex-start;gap:10px;margin-top:14px;font-size:14px;display:flex}.import-note svg,.import-result-panel svg{color:var(--sage-deep);flex:none}.import-result{gap:12px;margin-top:16px;display:grid}.import-result p,.warning-line,.import-error{color:var(--muted);font-size:14px}.warning-line,.import-error{background:var(--papaya);border-radius:8px;padding:10px 12px}.import-error{background:var(--papaya);color:var(--red);margin-top:16px}.cached-files-panel{grid-column:1/-1;padding:18px}.cached-files{gap:10px;margin-top:16px;display:grid}.cached-file-row{border:1px solid var(--line);background:var(--paper);border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.cached-file-row div{min-width:0}.cached-file-row strong,.cached-file-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cached-file-row span{color:var(--muted);font-size:13px}.status-pill{border-radius:999px;padding:6px 9px;font-size:12px;font-weight:760}.status-pill.good,.status-pill.pilot{background:var(--beige);color:var(--sage-deep)}.status-pill.warn{background:var(--papaya);color:var(--bronze-deep)}.status-pill.bad{background:var(--papaya);color:var(--red)}.mini-list{gap:7px;display:grid}.mini-list strong{text-transform:uppercase;color:var(--muted);font-size:12px}.mini-list span{background:var(--paper);color:var(--ink);border-radius:8px;padding:8px 9px;font-size:13px}.plan-layout{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.roadmap-panel,.methods-panel,.sources-panel{padding:18px}.roadmap{gap:13px;margin-top:18px;display:grid}.roadmap-item{grid-template-columns:34px 1fr;gap:12px;display:grid}.roadmap-item>span{background:var(--ink);width:34px;height:34px;color:var(--paper);border-radius:8px;place-items:center;font-weight:820;display:grid}.methods-panel{align-content:start;gap:14px;display:grid}.sources-panel{grid-column:1/-1}.sources-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.sources-list a{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;gap:10px;padding:13px;text-decoration:none;display:flex}.sources-list svg{color:var(--bronze-deep);flex:none;margin-top:2px}.sources-list strong,.sources-list small{display:block}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.side-rail{flex-direction:row;align-items:center;height:auto;position:static;overflow-x:auto}.nav-list{min-width:max-content;display:flex}.nav-button{width:auto}.side-rail-footer{align-items:center;gap:12px;margin-top:0;margin-left:auto;display:flex}.clear-data-button{min-width:max-content}.footer-contact{min-width:220px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-panel,.signal-strip{grid-column:1/-1}.action-grid,.integration-grid,.footprint-form,.footprint-help-row,.offset-grid,.import-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.footprint-hero{grid-template-columns:1fr 1fr}.footprint-legend{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.main-surface{padding:16px}.side-rail{padding:14px}.brand-mark div,.clear-data-button span,.nav-button span{display:none}.topbar,.panel-header,.action-toolbar,.calculator-layout,.detail-topbar,.detail-grid,.plan-layout{grid-template-columns:1fr;display:grid}h1{font-size:28px}.dashboard-grid,.action-grid,.integration-grid,.footprint-hero,.footprint-form,.footprint-help-row,.offset-hero,.offset-grid,.offset-metrics,.import-layout,.calculator-panel,.sources-list,.footprint-legend{grid-template-columns:1fr}.flight-row{grid-template-columns:minmax(0,1fr) 34px 30px 30px}.flight-row strong{min-width:0}.score-panel{align-items:flex-start}.score-ring{width:92px}.score-ring span{width:66px;font-size:25px}.chart-panel{min-height:390px}.chart-wrap{height:275px}.log-row{grid-template-columns:34px minmax(0,1fr) auto}.log-row .icon-button{grid-column:3}.cached-file-row{grid-template-columns:34px minmax(0,1fr) auto}.cached-file-row .text-button{grid-column:2;justify-self:start}.cached-file-row .icon-button{grid-area:1/3}.pie-legend-row{grid-template-columns:12px minmax(0,1fr) 42px 64px}}
