.web-page[data-v-61bfe0ec]{max-width:700px;margin:0 auto;padding:var(--tkx-space-xl, 24px) var(--tkx-space-lg, 20px) var(--tkx-space-3xl, 40px)}.page-hero[data-v-61bfe0ec]{text-align:center;padding:var(--tkx-space-2xl, 32px) 0 var(--tkx-space-xl, 24px)}.hero-icon[data-v-61bfe0ec]{font-size:48px;margin-bottom:var(--tkx-space-sm, 8px)}.page-hero h2[data-v-61bfe0ec]{font-size:var(--tkx-font-size-3xl, 24px);font-weight:700;color:#111;margin:0}.hero-desc[data-v-61bfe0ec]{font-size:var(--tkx-font-size-sm, 14px);color:#6b7280;margin-top:var(--tkx-space-6, 6px)}.calc-container[data-v-61bfe0ec]{display:flex;flex-direction:column;gap:var(--tkx-space-base, 16px)}.calc-form[data-v-61bfe0ec]{display:flex;flex-direction:column;gap:var(--tkx-space-base, 16px);padding:var(--tkx-space-xs, 4px) 0}.form-row[data-v-61bfe0ec]{display:flex;flex-direction:column;gap:var(--tkx-space-xs, 4px)}.form-row label[data-v-61bfe0ec]{font-size:var(--tkx-font-size-xs, 13px);font-weight:500;color:#374151}.required[data-v-61bfe0ec]{color:var(--tkx-danger);margin-left:var(--tkx-space-2xs, 2px)}.form-row select[data-v-61bfe0ec],.form-row input[type=number][data-v-61bfe0ec]{padding:10px var(--tkx-space-md, 12px);border:1px solid #d1d5db;border-radius:var(--tkx-radius-sm, 8px);font-size:var(--tkx-font-size-sm, 14px);outline:none}.form-row select[data-v-61bfe0ec]:focus,.form-row input[data-v-61bfe0ec]:focus{border-color:var(--tkx-primary);box-shadow:0 0 0 3px rgba(var(--tkx-primary-rgb),.08)}.ratio-input[data-v-61bfe0ec]{display:flex;align-items:center;gap:var(--tkx-space-md, 12px)}.ratio-input input[type=range][data-v-61bfe0ec]{flex:1;accent-color:var(--tkx-primary)}.ratio-value[data-v-61bfe0ec]{font-size:var(--tkx-font-size-base, 16px);font-weight:600;color:var(--tkx-primary);min-width:40px}.checkbox-row[data-v-61bfe0ec]{flex-direction:row;gap:var(--tkx-space-base, 16px)}.checkbox-label[data-v-61bfe0ec]{display:flex;align-items:center;gap:var(--tkx-space-6, 6px);font-size:var(--tkx-font-size-xs, 13px);color:#374151;cursor:pointer}.checkbox-label input[type=checkbox][data-v-61bfe0ec]{accent-color:var(--tkx-primary);width:16px;height:16px}.inline-input[data-v-61bfe0ec]{width:100px;padding:6px var(--tkx-space-sm, 8px);border:1px solid #d1d5db;border-radius:var(--tkx-radius-xs, 6px);font-size:var(--tkx-font-size-xs, 13px)}.calc-btn[data-v-61bfe0ec]{padding:var(--tkx-space-md, 12px) var(--tkx-space-xl, 24px);background:linear-gradient(135deg,var(--tkx-primary),var(--tkx-primary-light));color:#fff;border:none;border-radius:var(--tkx-radius-md, 10px);font-size:var(--tkx-font-size-base, 16px);font-weight:600;cursor:pointer;transition:.2s}.calc-btn[data-v-61bfe0ec]:disabled{opacity:.4;cursor:not-allowed}.calc-btn[data-v-61bfe0ec]:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--tkx-primary-rgb),.3);transform:translateY(-1px)}.result-card[data-v-61bfe0ec]{animation:fadeIn-61bfe0ec .3s ease}@keyframes fadeIn-61bfe0ec{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-header[data-v-61bfe0ec]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--tkx-space-md, 12px)}.result-header h3[data-v-61bfe0ec]{font-size:var(--tkx-font-size-base, 16px);font-weight:600;color:#111;margin:0}.result-date[data-v-61bfe0ec]{font-size:var(--tkx-font-size-12, 12px);color:#6b7280}.result-grid[data-v-61bfe0ec]{display:grid;grid-template-columns:1fr 1fr;gap:var(--tkx-space-10, 10px)}.result-item[data-v-61bfe0ec]{padding:var(--tkx-space-10, 10px) var(--tkx-space-14, 14px);background:#f9fafb;border-radius:var(--tkx-radius-sm, 8px)}.result-item.highlight[data-v-61bfe0ec]{background:linear-gradient(135deg,rgba(var(--tkx-primary-rgb),.06),rgba(var(--tkx-primary-rgb),.12));grid-column:1 / -1}.result-label[data-v-61bfe0ec]{font-size:var(--tkx-font-size-12, 12px);color:#6b7280}.result-value[data-v-61bfe0ec]{font-size:var(--tkx-font-size-18, 18px);font-weight:700;color:#111;margin-top:var(--tkx-space-xs, 4px)}.result-value.net[data-v-61bfe0ec]{color:var(--tkx-success)}.result-detail[data-v-61bfe0ec]{margin-top:var(--tkx-space-md, 12px);padding:var(--tkx-space-10, 10px) var(--tkx-space-14, 14px);background:#f3f4f6;border-radius:var(--tkx-radius-sm, 8px)}.result-detail p[data-v-61bfe0ec]{font-size:var(--tkx-font-size-12, 12px);color:#6b7280;margin:var(--tkx-space-2xs, 2px) 0}.history-card[data-v-61bfe0ec]{cursor:pointer}.history-list[data-v-61bfe0ec]{display:flex;flex-direction:column;gap:var(--tkx-space-sm, 8px)}.history-item[data-v-61bfe0ec]{display:flex;justify-content:space-between;align-items:center;padding:10px var(--tkx-space-md, 12px);border-radius:var(--tkx-radius-sm, 8px);transition:background .15s}.history-item[data-v-61bfe0ec]:hover{background:#f9fafb}.history-main[data-v-61bfe0ec]{display:flex;flex-direction:column}.history-amount[data-v-61bfe0ec]{font-size:var(--tkx-font-size-base, 16px);font-weight:700;color:var(--tkx-primary)}.history-meta[data-v-61bfe0ec]{font-size:var(--tkx-font-size-2xs, 11px);color:#6b7280}.toast[data-v-61bfe0ec]{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:var(--tkx-space-sm, 8px) var(--tkx-space-lg, 20px);border-radius:var(--tkx-radius-20, 20px);font-size:var(--tkx-font-size-xs, 13px);z-index:1000}@media (max-width: 640px){.result-grid[data-v-61bfe0ec]{grid-template-columns:1fr}}