:root{--hh-navy: #013148;--hh-mint: #d2fff1;--hh-maroon: #470033;--bg-outer: #eafdf5;--surface: #ffffff;--surface-alt: #f6f6f6;--highlight: #c9f5e2;--highlight-border: #a9e8cf;--ink: var(--hh-navy);--ink-muted: #5b7683;--border: #dcf0e7;--border-strong: #b7dccf;--accent: var(--hh-navy);--accent-contrast: var(--hh-mint);--accent-dark: #001c29;--note: #6b5c00;--note-bg: #fffcc5;--positive: #1f7a4d;--danger: #b3261e;--danger-bg: #fbeceb;--logo-color: var(--hh-navy);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--shadow-card: 0 12px 30px rgba(1, 49, 72, .1);--shadow-soft: 0 4px 14px rgba(1, 49, 72, .06);--accent-affiliate: var(--hh-maroon);--accent-affiliate-contrast: var(--hh-mint);--affiliate-highlight: #f5e3ef;--affiliate-highlight-border: #e8bfd9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--bg-outer);color:var(--ink)}.page-outer{min-height:100vh;display:flex;flex-direction:column}.top-bar{flex-shrink:0;border-bottom:1px solid var(--border-strong);background:var(--surface)}.top-bar-inner{max-width:1280px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.top-bar-brand{display:flex;align-items:center;gap:18px}.top-bar-divider{width:1px;height:32px;background:var(--border-strong);flex-shrink:0}.top-bar-title-block{display:flex;flex-direction:column;gap:3px}.top-bar-title-block h1{font-size:1.25rem;font-weight:700;margin:0;color:var(--ink-muted);letter-spacing:-.01em}.top-bar-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand-logo{display:inline-flex;align-items:center;color:var(--logo-color)}.brand-logo-mark{flex-shrink:0}.page{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:24px 32px 56px;display:flex;flex-direction:column;gap:24px}.page-intro-subtitle{margin:0;color:var(--ink-muted);font-size:.82rem}.page-intro-badge{background:var(--surface-alt);border:1px solid var(--border-strong);color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:4px 10px;border-radius:999px}.pricing-type-row{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.pricing-type-card{grid-column:1;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px 32px;display:flex;flex-direction:column;gap:10px}@media (max-width: 900px){.pricing-type-row{grid-template-columns:1fr}.pricing-type-card{grid-column:1}}.app-shell{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:start}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}}.panel-left,.panel-right{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:30px 32px;display:flex;flex-direction:column;gap:18px}.panel-right{gap:0}.field-group{display:flex;flex-direction:column;gap:10px}.field-heading{font-size:.78rem;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.03em}.field-heading-row{display:flex;align-items:baseline;justify-content:space-between}.field-heading-unit{font-size:.78rem;color:var(--ink-muted);text-transform:none}.field-heading-value{font-size:.82rem;font-weight:700;color:var(--ink);text-transform:none}.field-caption{margin:0;font-size:.82rem;color:var(--ink-muted)}.field-warning{background:var(--note-bg);color:var(--note);border-radius:8px;padding:8px 10px;font-size:.82rem;margin:0}.segmented{display:inline-flex;background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;padding:4px;gap:2px}.segmented-lg{width:100%}.segmented-btn{flex:1;border:none;background:transparent;padding:10px 16px;border-radius:999px;font-size:.92rem;font-weight:600;cursor:pointer;color:var(--ink-muted);white-space:nowrap}.segmented-btn.active{background:var(--accent);color:var(--accent-contrast)}.segmented-btn.active.active-affiliate{background:var(--accent-affiliate);color:var(--accent-affiliate-contrast)}.slider-row{display:flex;align-items:center;gap:14px}.range-input{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:var(--border-strong);outline:none}.range-input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 1px 4px #00000040;cursor:pointer}.range-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);cursor:pointer}.readout-box{display:flex;align-items:center;gap:4px;background:var(--highlight);border:1px solid var(--highlight-border);border-radius:var(--radius-sm);padding:8px 12px;min-width:120px}.readout-symbol{font-weight:700;color:var(--ink-muted)}.readout-input{border:none;outline:none;font-size:1.15rem;font-weight:700;width:100%;color:var(--ink);background:transparent}.tier-bar{margin:10px 0 4px}.tier-bar-track{position:relative;height:8px;border-radius:999px;background:var(--border-strong);margin-bottom:8px}.tier-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:var(--accent);transition:width .15s ease}.tier-bar-marker{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--surface);border:3px solid var(--accent);transform:translate(-50%,-50%);transition:left .15s ease}.tier-bar-labels{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--ink-muted)}.tier-bar-caption{display:inline-flex;align-items:center;gap:6px;font-weight:600}.option-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:2px}.option-card{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:12px 14px;cursor:pointer;text-align:left;color:var(--ink)}.option-card.selected{border-color:var(--accent);background:var(--highlight)}.option-list-affiliate .option-card.selected{border-color:var(--accent-affiliate);background:var(--affiliate-highlight);border-color:var(--affiliate-highlight-border)}.option-card-text{display:flex;flex-direction:column;gap:2px}.option-card-label{font-weight:600;font-size:.92rem;color:var(--ink)}.option-card-sub{font-size:.78rem;color:var(--ink-muted)}.option-check{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--accent-contrast);flex-shrink:0}.option-check.checked{background:var(--accent);border-color:var(--accent)}.option-list-affiliate .option-check.checked{background:var(--accent-affiliate);border-color:var(--accent-affiliate);color:var(--accent-affiliate-contrast)}.text-input{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:.95rem;background:var(--surface);color:var(--ink);width:100%}.text-input:focus,.readout-input:focus{outline:2px solid var(--accent);outline-offset:1px}.select-input{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:.95rem;background:var(--surface);color:var(--ink);width:100%;cursor:pointer}.select-input:focus{outline:2px solid var(--accent);outline-offset:1px}.results-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink-muted);font-size:.98rem;padding:40px 10px}.results-error{color:var(--danger)}.results-header-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px}.results-context{font-weight:800;font-size:1.05rem;color:var(--ink)}.results-tier-tag{font-size:.82rem;color:var(--ink-muted);white-space:nowrap}.autosave-tag{display:inline-block;font-size:.75rem;font-weight:700;color:var(--positive);margin-bottom:14px}.result-box-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}@media (max-width: 520px){.result-box-row{grid-template-columns:1fr}}.result-box{background:var(--highlight);border:1px solid var(--highlight-border);border-radius:var(--radius-md);padding:18px 18px 16px;display:flex;flex-direction:column;gap:4px}.result-box-affiliate{background:var(--affiliate-highlight);border-color:var(--affiliate-highlight-border)}.result-box-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-muted);margin-bottom:4px}.result-box-figure{display:flex;align-items:center;gap:6px;font-size:1.6rem;font-weight:800;color:var(--ink)}.result-box-unit{font-size:.8rem;font-weight:600;color:var(--ink-muted);margin-left:-2px}.result-box-detail{display:flex;align-items:center;gap:6px;margin:2px 0 0;font-size:.8rem;color:var(--ink-muted)}.result-box-save{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:.82rem;font-weight:700;color:var(--positive)}.snap-banner{background:var(--note-bg);color:var(--note);border-radius:8px;padding:10px 12px;font-size:.85rem;margin:16px 0 0}.btn-full-details{margin-top:18px;width:100%;text-align:center}.quote-tag{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:4px 10px;border-radius:999px;white-space:nowrap;background:var(--surface-alt);color:var(--ink-muted);border:1px solid var(--border-strong)}.quote-tag-live{background:var(--highlight);color:var(--accent);border:1px solid var(--highlight-border)}.quote-tag-live.quote-tag-affiliate{background:var(--affiliate-highlight);color:var(--accent-affiliate);border-color:var(--affiliate-highlight-border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#01141e80;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;overflow-y:auto}.modal-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:540px;width:100%;padding:28px 26px 24px;position:relative;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:14px;right:16px;border:none;background:transparent;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--ink-muted)}.modal-header{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;padding-right:24px}.modal-header .quote-tag{align-self:flex-start}.modal-context{font-size:.88rem;font-weight:700;color:var(--ink)}.modal-context-label{font-weight:500;color:var(--ink-muted)}.modal-section{border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:14px}.modal-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.modal-section-header h3{margin:0;font-size:.92rem;font-weight:800;color:var(--ink)}.modal-section-header .btn-outline{padding:6px 12px;font-size:.75rem}.modal-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.82rem;border-top:1px solid var(--border)}.modal-row:first-of-type{border-top:none}.modal-row-tag{color:var(--ink-muted);min-width:120px;flex-shrink:0}.modal-row-value{flex:1;color:var(--ink);word-break:break-word}.modal-note{font-size:.82rem;color:var(--ink-muted);font-style:italic;margin:0 0 14px}.modal-footer{margin-top:6px}.modal-footer .btn-primary{width:100%;text-align:center}.copy-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:.9rem;flex-shrink:0}.copy-btn-small{width:24px;height:24px;font-size:.8rem}.btn-primary{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:var(--radius-sm);padding:13px 22px;font-size:.95rem;font-weight:700;cursor:pointer}.btn-primary:hover{background:var(--accent-dark)}.btn-outline{background:transparent;border:1.5px solid var(--accent);color:var(--ink);border-radius:var(--radius-sm);padding:12px 20px;font-size:.95rem;font-weight:700;cursor:pointer}.btn-outline:hover{background:var(--highlight)}.btn-clear-history{padding:8px 16px;font-size:.85rem}.history-section{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:30px 32px}.history-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.history-heading{margin:0;font-size:1.15rem;font-weight:800;color:var(--ink)}.history-empty{text-align:center;padding:40px 20px;color:var(--ink-muted)}.history-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.history-search{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:.95rem;background:var(--surface);color:var(--ink)}.history-search:focus{outline:2px solid var(--accent);outline-offset:1px}.history-date-filters{display:flex;gap:16px}.history-date-filters label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--ink-muted);flex:1}.history-date-filters input{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-size:.9rem;background:var(--surface);color:var(--ink)}.history-no-results{color:var(--ink-muted)}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:440px;overflow-y:auto}.history-item{width:100%;text-align:left;background:var(--highlight);border:1px solid var(--highlight-border);border-radius:var(--radius-md);padding:14px 44px 14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:4px;color:var(--ink);position:relative;font:inherit}.history-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.history-item:hover{border-color:var(--accent)}.history-item-date{font-weight:600;color:var(--ink-muted);font-size:.75rem}.history-item-main{font-weight:700;font-size:.9rem;color:var(--ink)}.history-item-context{font-weight:500;font-size:.8rem;color:var(--ink-muted)}.history-item-sub{color:var(--ink-muted);font-size:.82rem}.history-item-delete{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--ink-muted);font-size:1.1rem;line-height:1;cursor:pointer}.history-item-delete:hover{background:#01314814;color:var(--ink)}.password-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-outer)}.password-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:36px 28px;max-width:360px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.password-form p{margin:0;color:var(--ink-muted);font-size:.9rem}.password-form input{text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:1rem;background:var(--surface);color:var(--ink);width:100%}.password-form input:focus{outline:2px solid var(--accent);outline-offset:1px}.password-error{color:var(--danger);font-size:.85rem;margin:0}