.page-wrapper{min-height:100vh;background:var(--color-bg);font-family:var(--font-body);padding-bottom:80px}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:200;background:hsla(0,0%,100%,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-shadow:0 1px 12px rgba(79,142,247,.06)}.navbar-inner{max-width:1100px;margin:0 auto;padding:0 20px;height:60px;justify-content:center;gap:12px}.navbar-inner,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:8px;font-family:var(--font-heading);font-weight:800;font-size:15px;color:var(--color-text);letter-spacing:-.02em;flex-shrink:0}.navbar-logo,.navbar-logo:hover{text-decoration:none}.navbar-logo-icon{width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 2px 8px rgba(79,142,247,.3);flex-shrink:0}.navbar-logo-name{display:flex;flex-direction:column;line-height:1.1}.navbar-logo-name span:first-child{font-size:13px;font-weight:800;color:var(--color-primary);letter-spacing:-.01em}.navbar-logo-name span:last-child{font-size:10px;font-weight:500;color:var(--color-muted);letter-spacing:.02em}.navbar-divider{width:1px;height:24px;background:var(--color-border);flex-shrink:0}.navbar-title{font-size:13px;color:var(--color-muted);font-weight:500;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-badge{flex-shrink:0;background:var(--color-primary-light);color:var(--color-primary);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);letter-spacing:.03em;border:1px solid rgba(79,142,247,.2)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;background:hsla(0,0%,100%,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-border);box-shadow:0 -4px 16px rgba(0,0,0,.06);display:none;padding:6px 0 env(safe-area-inset-bottom,6px)}@media (max-width:640px){.bottom-nav{display:flex}.page-wrapper{padding-bottom:72px}}.bottom-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font-size:10px;font-weight:600;color:var(--color-muted);cursor:pointer;border:none;background:transparent;font-family:var(--font-body);transition:color .15s;text-decoration:none;letter-spacing:.01em;position:relative}.bottom-nav-item svg{width:22px;height:22px;transition:transform .15s}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item.active svg{transform:scale(1.1)}.bottom-nav-pill{position:absolute;top:2px;left:50%;transform:translateX(-50%);width:44px;height:32px;background:var(--color-primary-light);border-radius:var(--radius-full);z-index:-1;transition:opacity .15s}.bottom-nav-item:not(.active) .bottom-nav-pill{opacity:0}.main-content{max-width:900px;margin:0 auto;padding:28px 20px 48px}.hero-section{text-align:center;margin-bottom:32px;padding:0 8px}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--color-accent-light);color:var(--color-accent-dark);font-size:12px;font-weight:700;padding:4px 14px;border-radius:var(--radius-full);margin-bottom:14px;letter-spacing:.04em;border:1px solid rgba(34,211,165,.25)}.hero-title{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--color-text);letter-spacing:-.03em;line-height:1.2;margin-bottom:10px}.hero-title .accent-word{color:var(--color-primary)}.hero-sub{font-size:15px;color:var(--color-muted);line-height:1.6;max-width:520px;margin:0 auto}@media (max-width:640px){.hero-title{font-size:22px}.hero-sub{font-size:14px}}.form-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:32px 28px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);position:relative;overflow:hidden}.form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);pointer-events:none}@media (max-width:640px){.main-content{padding:16px 14px 40px}.form-card{padding:20px 16px;border-radius:var(--radius-lg)}}.instructions-box{background:var(--color-primary-light);border-radius:var(--radius-md);padding:14px 16px 14px 44px;margin-bottom:28px;border:1px solid rgba(79,142,247,.15);position:relative}.instructions-box:before{content:"ℹ";position:absolute;left:14px;top:12px;width:22px;height:22px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:13px;font-weight:700;line-height:22px;text-align:center;font-style:normal}.instructions-box p{margin-bottom:4px;font-size:13px;color:var(--color-muted);line-height:1.6}.instructions-box p:last-child{margin-bottom:0}.instructions-box strong{color:var(--color-text);font-weight:600}.form-step{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.form-step:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.step-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.step-chip{display:inline-flex;align-items:center;background:var(--color-primary);color:#fff;padding:3px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.05em;flex-shrink:0;box-shadow:0 2px 6px rgba(79,142,247,.3)}.step-title{font-size:14px;font-weight:600;color:var(--color-text);line-height:1.4}.step-hint{font-size:12.5px;color:var(--color-muted);font-weight:400}.pill-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.pill-tab{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--color-muted);cursor:pointer;transition:all .16s ease;white-space:nowrap;min-height:44px}.pill-tab:hover:not(.pill-tab--active){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.pill-tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 3px 10px rgba(79,142,247,.32)}.pill-tab--active svg{stroke:#fff}.form-input,.form-select{width:100%;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color .15s,box-shadow .15s;height:44px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.form-input:hover:not(:focus),.form-select:hover:not(:focus){border-color:var(--color-border-strong)}.form-select:disabled{background:var(--color-surface-2);color:var(--color-text-light);cursor:not-allowed;opacity:.7}.float-wrap{position:relative}.float-input{width:100%;padding:18px 14px 6px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;font-family:var(--font-body);font-weight:600;color:var(--color-text);background:var(--color-surface);outline:none;height:52px;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.float-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.float-label{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-muted);font-family:var(--font-body);pointer-events:none;transition:all .15s cubic-bezier(.4,0,.2,1);transform-origin:left top}.float-input:focus~.float-label,.float-input:not(:placeholder-shown)~.float-label{top:10px;transform:translateY(0) scale(.78);color:var(--color-primary);font-weight:600}.row-2col{grid-template-columns:1fr 1fr;grid-gap:14px}.row-2col,.row-3col{display:grid;gap:14px}.row-3col{grid-template-columns:1fr 1fr 1fr;grid-gap:14px}@media (max-width:680px){.row-2col,.row-3col{grid-template-columns:1fr;gap:12px}}.input-label{font-size:11.5px;color:var(--color-muted);margin-bottom:6px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.priority-chip{margin-top:10px;display:inline-flex;align-items:center;gap:4px;background:var(--color-accent-light);border:1px solid rgba(34,211,165,.25);color:var(--color-accent-dark);font-size:13px;font-weight:700;padding:5px 14px;border-radius:var(--radius-full)}.score-block{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.score-block>div:first-child{flex:1 1;min-width:180px}.score-block>div:last-child{flex:0 0 160px}.total-display{background:var(--color-primary-light);border-radius:var(--radius-md);padding:12px 16px;text-align:center;border:1px solid rgba(79,142,247,.18);margin-top:14px}.total-display-value{font-family:var(--font-heading);font-size:36px;font-weight:800;color:var(--color-primary);line-height:1;letter-spacing:-.04em;display:block;animation:countUp .3s ease}.total-display-label{font-size:11px;color:var(--color-muted);margin-top:4px;font-weight:500;letter-spacing:.02em}.autocomplete-wrap{position:relative}.clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--color-text-light);transition:color .12s,background .12s}.clear-btn:hover{color:var(--color-text);background:var(--color-surface-2)}.autocomplete-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:300;max-height:220px;overflow-y:auto;list-style:none;animation:slideDown .14s ease}.autocomplete-list li{padding:10px 14px;cursor:pointer;font-size:13px;color:var(--color-text);border-bottom:1px solid var(--color-border);transition:background .1s;line-height:1.45}.autocomplete-list li:last-child{border-bottom:none}.autocomplete-list li:hover{background:var(--color-primary-light);color:var(--color-primary)}.btn-submit-wrap{text-align:center;padding-top:4px}.btn-submit{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:15px 48px;font-size:15px;font-family:var(--font-heading);font-weight:700;cursor:pointer;letter-spacing:.01em;transition:transform .18s ease,box-shadow .18s ease,background .15s;box-shadow:var(--shadow-btn);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;min-height:52px}.btn-submit:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 28px rgba(79,142,247,.42)}.btn-submit:active:not(:disabled){transform:translateY(0) scale(.99);box-shadow:var(--shadow-btn)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:640px){.btn-submit{width:100%;min-width:unset}}.btn-spinner{width:17px;height:17px;border:2.5px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;display:inline-block;flex-shrink:0}.submit-hint{margin-bottom:12px;font-size:13.5px;color:var(--color-muted);text-align:center}.highlight-text{display:inline;color:var(--color-primary);font-weight:700}.result-wrapper{margin-top:28px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-card);animation:fadeSlideUp .4s cubic-bezier(.16,1,.3,1)}.result-header-bar{background:var(--color-surface);padding:16px 22px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;font-family:var(--font-heading);color:var(--color-text);border-bottom:1px solid var(--color-border)}.result-header-icon{width:28px;height:28px;background:var(--color-primary-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.result-body{padding:22px}.result-legend{background:var(--color-surface-2);border-radius:var(--radius-md);padding:13px 16px;margin-bottom:18px;border:1px solid var(--color-border)}.result-legend p{font-size:12.5px;color:var(--color-muted);margin-bottom:5px;line-height:1.6}.result-legend p:last-child{margin-bottom:0}.legend-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;align-items:center}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.badge--success{background:var(--color-success-light);color:var(--color-success-text);border:1px solid rgba(34,197,94,.25)}.badge--warning{background:var(--color-warning-light);color:var(--color-warning-text);border:1px solid rgba(245,158,11,.25)}.badge--danger{background:var(--color-danger-light);color:var(--color-danger-text);border:1px solid rgba(244,63,94,.22)}.badge--pulse{animation:pulse-badge 1.4s ease-in-out 3}.jump-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.jump-link{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--color-primary);font-weight:600;padding:5px 14px;background:var(--color-primary-light);border-radius:var(--radius-full);border:1px solid rgba(79,142,247,.18);cursor:pointer;transition:background .15s,color .15s,transform .12s;text-decoration:none}.jump-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px);text-decoration:none}.result-section{margin-bottom:28px}.result-section:last-child{margin-bottom:0}.result-section-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;font-family:var(--font-heading);color:var(--color-text);flex-wrap:wrap}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.result-table{width:100%;border-collapse:collapse;font-size:13px}.result-table th{background:var(--color-surface-2);text-align:left;font-size:10.5px;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.result-table td,.result-table th{padding:10px 14px;border-bottom:1px solid var(--color-border)}.result-table td{color:var(--color-text);vertical-align:middle;line-height:1.4}.result-table tr:last-child td{border-bottom:none}.result-table tbody tr:nth-child(2n) td{background:rgba(248,250,255,.6)}.result-table tbody tr:hover td{background:var(--color-primary-light);transition:background .12s}.result-table td:first-child{color:var(--color-text-light);font-size:12px;min-width:36px}.result-table td:nth-child(2){font-weight:600}.fit{color:var(--color-success-text);font-weight:700}.consideration{color:var(--color-warning-text);font-weight:700}.no-fit{color:var(--color-danger-text);font-weight:700}.btn-view-more{display:block;margin:14px auto 0;background:none;border:1.5px solid var(--color-border);border-radius:var(--radius-full);padding:8px 28px;font-size:13px;font-family:var(--font-body);font-weight:600;cursor:pointer;color:var(--color-muted);transition:all .15s ease}.btn-view-more:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-1px)}.result-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:10px;background:var(--color-surface);transition:box-shadow .18s,transform .18s;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--card-accent,var(--color-border));border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.result-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.result-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.result-card-title{font-weight:700;font-size:14px;color:var(--color-text);line-height:1.35;font-family:var(--font-heading)}.result-card ul{list-style:none;padding:0}.result-card li{font-size:13px;color:var(--color-muted);margin-bottom:4px;display:flex;gap:6px;align-items:baseline;line-height:1.5}.result-card li:last-child{margin-bottom:0}.result-card li strong{color:var(--color-text);font-weight:600}.empty-state{padding:48px 24px 40px;text-align:center}.empty-state-icon{font-size:52px;margin-bottom:16px;display:block;opacity:.5}.empty-state-title{font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--color-text);margin-bottom:8px}.empty-state-text{font-size:13.5px;color:var(--color-muted);line-height:1.65;max-width:320px;margin:0 auto}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:640px){.desktop-only{display:none}.mobile-only{display:block}}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 0,var(--color-border) 50%,var(--color-surface-2) 100%);background-size:400px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}.hb-table-wrap{overflow-x:auto;margin-top:8px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.hb-score-table{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}.hb-score-table thead tr{background:var(--color-primary-light)}.hb-score-table th{padding:8px 10px;text-align:center;font-weight:600;color:var(--color-primary);font-size:12px;white-space:nowrap;border-bottom:1px solid var(--color-border)}.hb-score-table th:first-child{text-align:left}.hb-score-table td{padding:6px 8px;text-align:center;border-bottom:1px solid var(--color-border);vertical-align:middle}.hb-score-table tbody tr:last-child td{border-bottom:none}.hb-score-table tbody tr:hover{background:var(--color-surface-2)}.hb-sub-label{text-align:left!important;white-space:nowrap}.hb-cell-input,.hb-sub-label{font-weight:600;color:var(--color-text)}.hb-cell-input{width:60px;padding:5px 6px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;text-align:center;background:var(--color-bg);-moz-appearance:textfield;outline:none;transition:border-color .15s}.hb-cell-input::-webkit-inner-spin-button,.hb-cell-input::-webkit-outer-spin-button{-webkit-appearance:none}.hb-cell-input:focus{border-color:var(--color-primary);background:var(--color-surface)}.hb-avg-cell{font-weight:600;color:var(--color-muted);font-size:13px}.hb-avg-filled{color:var(--color-primary);font-size:14px}