:root{--bg:#f7f5f0;--ink:#1a1a18;--ink-soft:#6b6b63;--accent:#2a5c45;--accent-light:#e8f0ec;--accent-warm:#c8d8b0;--rule:#dddbd4;--mono:"DM Mono", monospace;--serif:"DM Serif Display", serif;--sans:"DM Sans", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.activity-selector{flex-direction:column;gap:12px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:5px;display:flex}.field label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.field select,.field input[type=date]{border:1px solid var(--rule);background:var(--bg);width:100%;font-family:var(--sans);color:var(--ink);-webkit-appearance:none;border-radius:2px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .2s,background .2s}.field select:focus,.field input[type=date]:focus{border-color:var(--accent);background:#fff}.field select:disabled,.field input[type=date]:disabled{background:var(--bg);color:var(--ink-soft);cursor:not-allowed;opacity:.5}.version-validity{font-family:var(--mono);letter-spacing:.06em;color:var(--accent);font-size:9px}.scope-description{color:var(--ink-soft);font-size:12px;font-weight:300;line-height:1.5}.activity-hint{color:var(--ink-soft);margin:4px 0 0;font-size:12px;font-weight:300;line-height:1.5}.activity-table-wrap{flex-direction:column;gap:6px;display:flex}.activity-table-caption{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.activity-table-scroll{border:1px solid var(--rule);background:var(--bg);border-radius:2px;max-height:320px;overflow-y:auto}.activity-table{border-collapse:collapse;width:100%;font-size:13px}.activity-table thead th{z-index:1;background:var(--bg);text-align:left;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--rule);white-space:nowrap;padding:8px 12px;font-size:10px;font-weight:500;position:sticky;top:0}.activity-table th.num,.activity-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.activity-table tbody td{border-bottom:1px solid var(--rule);color:var(--ink);vertical-align:top;padding:8px 12px}.activity-table tbody tr{cursor:pointer;transition:background .12s}.activity-table tbody tr:hover{background:#fff}.activity-table tbody tr:focus{background:#fff;outline:none}.activity-table tbody tr.selected{background:var(--accent)}.activity-table tbody tr.selected td{color:#fff}.activity-name{font-weight:400;display:block}.activity-note{color:var(--ink-soft);margin-top:2px;font-size:11px;font-weight:300;line-height:1.4;display:block}.activity-table tbody tr.selected .activity-note{color:#ffffffd9}.activity-table .col-pick{text-align:center;width:36px;padding-right:0}.activity-table input[type=radio]{accent-color:var(--accent);cursor:pointer;margin:0}.activity-table input[type=radio]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.error-banner{color:#a33;background:#fdf3f3;border:1px solid #d9534f;border-left-width:3px;border-radius:2px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:12px;line-height:1.4;display:flex}.error-banner-icon{font-family:var(--mono);font-weight:700;line-height:1.4}.dataset-banner{font-family:var(--mono);letter-spacing:.06em;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:10px;display:flex}.dataset-set{color:var(--accent);text-transform:uppercase;font-weight:600}.dataset-validity{color:var(--ink-soft)}.activity-skeleton{flex-direction:column;gap:8px;padding:4px 0;display:flex}.skeleton-row{background:linear-gradient(90deg, var(--bg) 25%, var(--rule) 37%, var(--bg) 63%);background-size:400% 100%;border-radius:2px;height:32px;animation:1.2s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton-row{animation:none}}@media (width<=640px){.field-row{grid-template-columns:1fr}.activity-table-scroll{max-height:60vh}.activity-table thead{display:none}.activity-table,.activity-table tbody,.activity-table tr,.activity-table td{width:100%;display:block}.activity-table tr{border-bottom:1px solid var(--rule);padding:10px 12px 10px 40px;position:relative}.activity-table tbody td{border:none;padding:2px 0}.activity-table td.num{text-align:left}.activity-table td.col-pick{width:auto;padding:0;position:absolute;top:10px;left:12px}.activity-table td[data-label]:not(.col-pick):before{content:attr(data-label);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:9px;display:block}.activity-table td[data-label=Activity]:before{display:none}}.amount-input{flex-direction:column;gap:12px;display:flex}.amount-input input[type=number]{border:1px solid var(--rule);background:var(--bg);width:100%;font-family:var(--sans);color:var(--ink);-webkit-appearance:none;-moz-appearance:textfield;border-radius:2px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .2s,background .2s}.amount-input input[type=number]:focus{border-color:var(--accent);background:#fff}.amount-input input[type=number]:disabled{background:var(--bg);color:var(--ink-soft);cursor:not-allowed;opacity:.5}.amount-input input[type=number]::placeholder{color:var(--ink-soft);opacity:.6}.quantity-hint{font-family:var(--mono);letter-spacing:.06em;color:var(--accent);font-size:9px}.results-display{flex-direction:column;gap:0;display:flex}.results-empty{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:140px;display:flex}.empty-icon{color:var(--accent-warm)}.empty-icon svg{width:24px;height:24px}.results-prompt{color:var(--ink-soft);text-align:center;max-width:240px;font-size:13px;font-weight:300;line-height:1.5}.result-hero{background:var(--ink);border-radius:2px;flex-direction:column;align-items:center;gap:2px;margin-bottom:16px;padding:20px 16px;display:flex}.result-hero-label{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#6a8c6a;font-size:9px}.result-hero-value{font-family:var(--serif);color:var(--accent-warm);letter-spacing:-.02em;font-size:32px;font-weight:400;line-height:1.15}.result-hero-unit{font-family:var(--mono);color:#888;letter-spacing:.06em;font-size:11px}.result-hero-alt{font-family:var(--mono);color:#666;letter-spacing:.04em;margin-top:2px;font-size:10px}.result-details{flex-direction:column;gap:16px;display:flex}.result-detail-group{flex-direction:column;gap:0;display:flex}.detail-group-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--rule);margin-bottom:2px;padding-bottom:8px;font-size:9px}.detail-row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;padding:6px 0;font-size:12px;display:flex}.detail-label{font-family:var(--sans);color:var(--ink-soft);font-weight:300}.detail-value{font-family:var(--mono);color:var(--ink);letter-spacing:.02em;text-align:right;font-size:11px}.quality-badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-warm);border-radius:2px;padding:1px 6px;font-size:9px}.result-source{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.04em;text-align:right;border-top:1px solid var(--rule);margin-top:12px;padding-top:10px;font-size:10px}.result-note-callout{border-left:3px solid var(--accent-warm,#d69e2e);color:var(--ink,#1a1a1a);background:#d69e2e1a;border-radius:4px;align-items:flex-start;gap:10px;margin:12px 0 4px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.result-note-callout .note-icon{background:var(--accent-warm,#d69e2e);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.result-note-callout .note-text{flex:auto}.calculator{border:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:0;width:100%;display:grid}.calc-inputs{border-right:1px solid var(--rule);flex-direction:column;padding:24px 28px;display:flex}.calc-inputs-header,.calc-results-header{border-bottom:1px solid var(--rule);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;display:flex}.calc-section-num{font-family:var(--mono);letter-spacing:.12em;color:var(--accent);font-size:10px}.calc-section-title{font-family:var(--serif);color:var(--ink);font-size:18px;font-weight:400;line-height:1.2}.calc-divider{background:var(--rule);height:1px;margin:16px 0}.calc-results{flex-direction:column;padding:24px 28px;display:flex}@media (width<=768px){.calculator{grid-template-columns:1fr}.calc-inputs{border-right:none;border-bottom:1px solid var(--rule)}}.app{flex-direction:column;min-height:100vh;display:flex}.site-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);background:#f7f5f0d9;justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-left{align-items:center;gap:32px;display:flex}.nav-logo{font-family:var(--mono);letter-spacing:.08em;color:var(--ink);font-size:13px;font-weight:500;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{gap:24px;display:flex}.nav-links a,.nav-link-btn{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-link-btn:hover{color:var(--ink)}.nav-link-btn.active{color:var(--accent)}.nav-right{align-items:center;gap:16px;display:flex}.nav-badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-warm);border-radius:2px;padding:4px 10px;font-size:11px}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-hamburger span{background:var(--ink);transform-origin:50%;width:22px;height:1.5px;transition:transform .2s,opacity .2s;display:block}.nav-hamburger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);z-index:99;background:#f7f5f0f7;flex-direction:column;gap:0;padding:24px;display:none;position:fixed;top:57px;left:0;right:0}.mobile-menu.open{display:flex}.mobile-menu a,.mobile-menu button{font-family:var(--mono);letter-spacing:.08em;color:var(--ink);border:none;border-bottom:1px solid var(--rule);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:16px 0;font-size:14px;text-decoration:none;display:flex}.mobile-menu a:last-child,.mobile-menu button:last-child{border-bottom:none}.mobile-menu a:after,.mobile-menu button:after{content:"→";color:var(--accent);font-size:12px}.mobile-menu button.active{color:var(--accent)}.page-header{border-bottom:1px solid var(--rule);align-items:baseline;gap:20px;padding:76px 48px 16px;display:flex}.header-label{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);flex-shrink:0;align-items:center;gap:10px;font-size:10px;display:flex}.header-label:before{content:"";background:var(--accent);width:16px;height:1px;display:block}.page-header h1{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;padding-bottom:16px;font-size:24px;font-weight:400;line-height:1.2}.page-header h1 em{color:var(--accent);font-style:italic}.main-content{flex:1;width:100%;padding:20px 48px}.site-footer{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;padding:16px 48px;display:flex}.footer-logo{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.06em;font-size:12px}.footer-logo strong{color:var(--ink)}.footer-copy{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.06em;font-size:11px}.footer-copy a{color:var(--ink-soft);text-decoration:none;transition:color .2s}.footer-copy a:hover{color:var(--accent)}@media (width<=900px){.site-nav{padding:16px 24px}.nav-hamburger{display:flex}.nav-links{display:none!important}.page-header{flex-direction:column;gap:8px;padding:76px 24px 12px}.main-content{padding:16px 24px}.site-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 24px}}