: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}@media (width<=640px){.field-row{grid-template-columns:1fr}}.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}.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}}