*{box-sizing:border-box}body{font-family:Inter Tight,Inter,sans-serif;max-width:600px;margin:0 auto;padding:20px;background:#f5f5f5}h1{text-align:center;color:#54381a;margin-bottom:10px}.subtitle{text-align:center;color:#666;margin-bottom:20px;font-size:.9em}.mode-tabs{display:flex;gap:0;margin-bottom:20px}.mode-tab{flex:1;padding:12px 16px;border:2px solid #CB521D;background:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.mode-tab:first-child{border-radius:8px 0 0 8px}.mode-tab:not(:first-child){border-left:none}.mode-tab:last-child{border-radius:0 8px 8px 0}.mode-tab.active{background:#cb521d;color:#fff}.mode-tab:hover:not(.active){background:#fff6c4}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.form-group{margin-bottom:16px}label{display:block;margin-bottom:6px;font-weight:500;color:#333}.label-hint{font-weight:400;color:#666;font-size:.85em}input[type=number]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:16px}input[type=number]:focus{outline:none;border-color:#8bc53f;box-shadow:0 0 0 3px #8bc53f33}select.depth-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:16px;background:#fff;cursor:pointer}select.depth-select:focus{outline:none;border-color:#8bc53f;box-shadow:0 0 0 3px #8bc53f33}.input-with-unit{position:relative}.input-with-unit input{padding-right:50px}.input-unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;font-size:14px}.section-title{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid #eee}.section-title:first-child{margin-top:0}button.calculate{width:100%;padding:14px;background:#3b5427;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}button.calculate:hover{background:#c9dba0}.results{display:none}.results.show{display:block}.result-main{text-align:center;padding:20px;background:#f4f9ec;border-radius:8px;margin-bottom:16px}.result-value{font-size:36px;font-weight:700;color:#6b4c2a}.result-label{color:#666;margin-top:4px}.result-breakdown{font-size:14px;color:#555;line-height:1.8}.result-breakdown dt{font-weight:500;color:#333}.result-breakdown dd{margin:0 0 8px;padding-left:12px;border-left:2px solid #ddd}.formula-box{background:#f9f9f9;padding:12px;border-radius:6px;font-family:monospace;font-size:13px;margin-top:16px;color:#555;overflow-x:auto}.hidden{display:none}.adv-results-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}.adv-results-table th,.adv-results-table td{padding:8px 12px;text-align:right;border-bottom:1px solid #eee}.adv-results-table th:first-child,.adv-results-table td:first-child{text-align:left}.adv-results-table th{background:#f4f9ec;font-weight:600;color:#6b4c2a}.adv-results-table tr.highlight-row td{font-weight:600;background:#f5f9ff}.collapsible-section{margin-top:8px}.collapsible-header{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0}.collapsible-header:hover{opacity:.8}.collapsible-arrow{width:16px;height:16px;margin-right:8px;transition:transform .2s;color:#666}.collapsible-arrow:before{content:"▶";font-size:10px}.collapsible-section.open>.collapsible-header>.collapsible-arrow:before{content:"▼"}.collapsible-content{display:none;padding-top:4px}.collapsible-section.open>.collapsible-content{display:block}.status-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-weight:500;margin-top:8px}.status-badge.success{background:#e8f5e0;color:#4a9c2d}.status-badge.warning{background:#fff3e0;color:#c45c4a}.chart-toggle{display:block;margin:8px 0 6px auto;padding:5px 14px;border:1.5px solid #CB521D;background:#fff;color:#cb521d;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s,color .2s;font-family:inherit}.chart-toggle:hover{background:#cb521d;color:#fff}.brk-slider-wrap{padding:6px 2.61% 0 13.91%}.brk-slider{width:100%;display:block;cursor:pointer;accent-color:#CB521D}.brk-slider-labels{display:flex;justify-content:space-between;font-size:10px;color:#999;margin-top:2px;padding:0 3px}.brk-slider-readout{text-align:center;font-size:12px;color:#666;margin:4px 0 6px}.brk-slider-readout span{font-weight:600;color:#333}.chart-assumption-row{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:4px 0 2px;font-size:12px;color:#666}.assumption-label{color:#888}.assumption-unit{color:#888;min-width:28px}input.assumption-input{width:74px;padding:3px 8px;font-size:13px;text-align:right;border:1px solid #ddd;border-radius:4px;font-family:inherit}input.assumption-input:focus{outline:none;border-color:#cb521d;box-shadow:0 0 0 2px #cb521d26}.tooltip-wrap{position:relative;display:inline}.tooltip-icon{font-size:12px;color:#8bc53f;cursor:help;margin-left:3px;vertical-align:middle}.tooltip-text{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#333;color:#fff;font-size:12px;line-height:1.5;padding:8px 12px;border-radius:6px;width:260px;z-index:100;font-weight:400;white-space:normal;pointer-events:none}.tooltip-wrap:hover .tooltip-text{display:block}.tine-derived{background:#f4f9ec;border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-size:16px;color:#555;min-height:42px;display:flex;align-items:center}.spacing-hint{font-size:12px;color:#888;margin:-4px 0 14px;font-style:italic;line-height:1.4}.tine-design-notes{font-size:12px;color:#aaa;margin:6px 0 2px}.tine-diagram{margin:4px 0 16px;border:1px solid #eee;border-radius:8px;background:#fafafa;overflow:hidden}.source-note{font-size:11px;color:#aaa;margin-top:16px;line-height:1.6;border-top:1px solid #eee;padding-top:8px}.tine-comparison-table tr.current-design td{background:#f4f9ec;font-weight:600}.aio-slider{-webkit-appearance:none;appearance:none;width:100%;display:block;cursor:pointer;margin:10px 0 4px;height:6px;border-radius:3px;background:#e8e4e0;outline:none;transition:background .15s ease}.aio-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#cb521d;border:3px solid white;box-shadow:0 1px 4px #0000002e,0 0 0 1px #cb521d26;cursor:pointer;transition:box-shadow .15s ease,transform .1s ease}.aio-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #cb521d4d,0 0 0 2px #cb521d1a;transform:scale(1.08)}.aio-slider::-webkit-slider-thumb:active{transform:scale(.95);box-shadow:0 1px 3px #cb521d4d,0 0 0 3px #cb521d1f}.aio-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#cb521d;border:3px solid white;box-shadow:0 1px 4px #0000002e,0 0 0 1px #cb521d26;cursor:pointer;transition:box-shadow .15s ease,transform .1s ease}.aio-slider::-moz-range-track{height:6px;border-radius:3px;background:#e8e4e0}.aio-slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#aaa;margin-top:4px;letter-spacing:.01em}.slider-val{font-weight:500;color:#cb521d;margin-left:4px}.aio-dynamic-sentence{font-size:15px;color:#666;text-align:center;margin:20px 0 16px;letter-spacing:-.01em;line-height:2.4}.aio-chip{display:inline-flex;flex-direction:column;align-items:center;padding:5px 14px;border-radius:20px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease;vertical-align:middle;line-height:1.3;-webkit-user-select:none;user-select:none}.aio-chip:active{transform:scale(.96)}.aio-chip-active{background:#fff;color:#cb521d;border:2.5px solid #CB521D;font-weight:700}.aio-chip-active:hover{box-shadow:0 2px 6px #cb521d33}.aio-chip-fixed{background:#fff;color:#2e7d32;border:2.5px solid #2E7D32;flex-direction:row;font-weight:400}.aio-chip-fixed:hover{background:#e8f5e9;box-shadow:0 1px 3px #0000000f}.aio-chip-val{font-weight:400;color:#1b5e20;margin-left:2px}#aio-chart-container{background:#fafaf8;border:1px solid #eee;border-radius:8px;overflow:hidden;margin:4px 0 16px}.aio-results-panel{margin:0 0 8px;text-align:center}.aio-results-row{display:flex;gap:10px;margin-bottom:10px}.aio-result-be,.aio-result-net{flex:1;background:#f4f9ec;border:1px solid #e0ecc8;border-radius:10px;padding:16px 12px 14px;font-size:28px;font-weight:700;color:#6b4c2a;letter-spacing:-.02em;line-height:1.2;box-shadow:0 1px 3px #0000000a}.aio-result-be .aio-be-label-text,.aio-result-net .aio-be-label-text{display:block;font-size:12px;font-weight:500;color:#999;margin-top:6px;text-transform:uppercase;letter-spacing:.04em}.aio-result-context{display:block;font-size:12px;font-weight:400;color:#bbb;margin-top:4px;letter-spacing:.01em;text-transform:none}.aio-result-assumptions{font-size:12px;color:#999;line-height:1.5;letter-spacing:.01em;text-align:center}.aio-time-cost-summary{font-size:11px;font-style:italic;color:#888;line-height:1.6;text-align:center;margin:6px 0 10px}.aio-time-cost-summary .tcs-label{font-style:normal;font-weight:600;color:#666}.aio-popover{position:fixed;z-index:1000;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000a;padding:12px 16px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;touch-action:none;-webkit-user-select:none;user-select:none;opacity:0;transform:translateY(4px);animation:aio-pop-in .15s ease forwards}@keyframes aio-pop-in{to{opacity:1;transform:translateY(0)}}.aio-popover-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:12px;height:6px;overflow:hidden}.aio-popover-arrow:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:#fff;box-shadow:2px 2px 4px #00000014}.aio-popover-below .aio-popover-arrow{top:-6px;bottom:auto}.aio-popover-below .aio-popover-arrow:after{top:auto;bottom:-4px;box-shadow:-2px -2px 4px #00000014}.aio-popover-value{font-size:14px;font-weight:700;color:#cb521d;letter-spacing:-.01em;white-space:nowrap;min-width:60px;text-align:center}.aio-popover-label{font-size:12px;color:#aaa;letter-spacing:.01em}.aio-popover-track-wrap{padding:4px 0}.aio-popover-track{position:relative;width:6px;border-radius:3px;background:#e8e4e0;cursor:pointer;touch-action:none}.aio-popover-thumb{position:absolute;left:50%;transform:translate(-50%);width:22px;height:22px;border-radius:50%;background:#cb521d;border:3px solid white;box-shadow:0 1px 4px #0000002e,0 0 0 1px #cb521d26;cursor:grab;transition:box-shadow .1s ease;touch-action:none}.aio-popover-thumb:active{cursor:grabbing;box-shadow:0 2px 8px #cb521d4d,0 0 0 2px #cb521d1f}@media(prefers-reduced-motion:reduce){.aio-popover{animation:none;opacity:1;transform:none}}.aio-range-settings-btn{background:none;border:none;color:#cb521d;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;margin-top:16px;padding:4px 0}.aio-range-settings-btn:hover{text-decoration:underline;color:#a8431a}.aio-range-settings{background:#fff;border:1px solid #eee;border-radius:8px;padding:16px 16px 8px;margin-top:12px}.aio-range-row{display:flex;align-items:center;justify-content:center;gap:8px}.aio-range-row input[type=number]{width:90px;padding:8px 10px;font-size:14px;text-align:right}.aio-range-to{font-size:13px;color:#999}.aio-range-fixed{font-size:14px;color:#999;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:8px 10px;min-width:90px;text-align:right}.fuel-unit-chooser{display:flex;gap:8px;margin-top:4px;margin-bottom:12px}.fuel-unit-btn{flex:1;padding:8px 12px;font-size:13px;font-weight:500;border:1.5px solid #CB521D;border-radius:6px;background:#fff;color:#cb521d;cursor:pointer;transition:background .15s,color .15s}.fuel-unit-btn.active{background:#cb521d;color:#fff}.fuel-unit-btn:not(.active):hover{background:#fff6c4}.fuel-input-row{display:none}.fuel-input-row.visible{display:flex}.aio-sentence-row{display:flex;align-items:flex-start;gap:8px}.aio-sentence-row .aio-dynamic-sentence{flex:1}.aio-help-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:2px solid #CB521D;background:#fff;color:#cb521d;font-weight:700;font-size:15px;line-height:1;cursor:pointer;transition:background .15s,color .15s;margin-top:18px}.aio-help-btn:hover{background:#cb521d;color:#fff}.tour-backdrop{position:fixed;inset:0;z-index:9000;pointer-events:auto}.tour-hole{position:fixed;z-index:9000;border-radius:10px;box-shadow:0 0 0 9999px #00000073;pointer-events:none;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease,border-radius .25s ease}.tour-tooltip{position:fixed;z-index:9002;background:#fff;border-radius:12px;padding:18px 20px 14px;box-shadow:0 8px 30px #0000002e;max-width:320px;width:calc(100vw - 40px);font-size:14px;line-height:1.5;color:#333;transition:top .25s ease,left .25s ease}.tour-tooltip-title{font-weight:700;font-size:15px;color:#54381a;margin-bottom:6px}.tour-tooltip p{margin:0 0 10px;color:#555}.tour-tooltip .tour-chip-demo{display:inline-block;padding:2px 10px;border-radius:14px;font-weight:600;font-size:13px;vertical-align:middle}.tour-chip-demo.active{border:2.5px solid #CB521D;color:#cb521d;background:#fff}.tour-chip-demo.fixed{border:2.5px solid #2E7D32;color:#2e7d32;background:#fff}.tour-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #eee}.tour-steps-indicator{font-size:12px;color:#aaa}.tour-btn-group{display:flex;gap:8px}.tour-btn{padding:6px 14px;border-radius:6px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.tour-btn-back{background:#f0f0f0;color:#666}.tour-btn-back:hover{background:#e4e4e4}.tour-btn-next{background:#cb521d;color:#fff}.tour-btn-next:hover{background:#b5471a}.tour-highlight{position:relative;z-index:9001;border-radius:8px;box-shadow:0 0 0 4px #cb521d59;transition:box-shadow .2s}.tour-highlight-chip{border-radius:20px}