@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b1118;--bg2:#0f1822;--surface:#141f2e;--surface2:#192638;--border:#1e3048;--border2:#284060;--accent:#00d4aa;--accent2:#f59e0b;--accent3:#38bdf8;--accent4:#a78bfa;--text:#dff0f8;--text2:#6a9ab0;--muted:#2e5060;--danger:#ff6b6b;--warning:#f59e0b;--safe:#00d4aa;--card-teal-bg:#071a18;--card-teal-border:#0b3030;--card-amber-bg:#1a1300;--card-amber-border:#3a2a00;--card-blue-bg:#071420;--card-blue-border:#0c2540;--card-slate-bg:#0c1422;--card-slate-border:#182a40}body{background:#0b1118;background:var(--bg);color:#dff0f8;color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden}body:before{animation:meshPulse 16s ease-in-out infinite alternate;background:radial-gradient(ellipse 1000px 700px at 10% 10%,#00d4aa0f 0,#0000 65%),radial-gradient(ellipse 800px 900px at 90% 80%,#f59e0b0d 0,#0000 65%),radial-gradient(ellipse 900px 600px at 50% 50%,#38bdf808 0,#0000 70%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}@keyframes meshPulse{0%{opacity:.4}50%{opacity:1}to{opacity:.5}}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0b1118;background:var(--bg)}::-webkit-scrollbar-thumb{background:#284060;background:var(--border2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d4aa;background:var(--accent)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInL{0%{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInR{0%{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes barFill{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes glowTeal{0%,to{box-shadow:0 0 10px #00d4aa26}50%{box-shadow:0 0 26px #00d4aa6b}}@keyframes glowAmber{0%,to{box-shadow:0 0 10px #f59e0b26}50%{box-shadow:0 0 24px #f59e0b61}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.field label{color:#6a9ab0;font-size:10px;font-weight:600;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.chat-input,.field input,.mini-input{background:#192638;background:var(--surface2);border:1.5px solid #1e3048;border:1.5px solid var(--border);border-radius:10px;color:#dff0f8;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:11px 14px;position:relative;transition:border .25s,box-shadow .25s,background .25s,transform .2s;width:100%}.field input::placeholder,.mini-input::placeholder{color:#2e5060;color:var(--muted)}.field input:focus,.mini-input:focus{background:#0f1822;background:var(--bg2);border-color:#00d4aa;border-color:var(--accent);box-shadow:0 0 0 3px #00d4aa21;transform:translateY(-1px)}.scan-btn{background:linear-gradient(135deg,#00d4aa,#0ea5e9);box-shadow:0 4px 22px #00d4aa52;color:#001512;font-family:Syne,sans-serif;font-weight:700;letter-spacing:.03em;overflow:hidden;padding:14px;position:relative;transition:all .25s;width:100%}.scan-btn:before{background:linear-gradient(135deg,#ffffff38,#0000 60%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s}.scan-btn:hover{box-shadow:0 8px 30px #00d4aa80}.scan-btn:hover:before{opacity:1}.scan-btn:active{box-shadow:0 3px 12px #00d4aa40;transform:translateY(0)}.chart-card{animation:fadeUp .5s ease forwards;background:#141f2e;border:1.5px solid #1e3048;border-radius:16px;padding:1.25rem 1.5rem;transition:border-color .25s}.chart-card:hover{border-color:#284060;border-color:var(--border2)}.chart-label{color:#6a9ab0;color:var(--text2);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.15em;margin-bottom:14px}.chart-legend{color:#6a9ab0;gap:14px}.chart-legend .dot{border-radius:50%;display:inline-block;height:8px;margin-right:4px;width:8px}.dot.purple{background:#a78bfa}.dot.pink{background:#f472b6}.dot.red{background:#ff6b6b}.dot.green{background:#00d4aa}.dot.teal{background:#38bdf8}.section-label{align-items:center;color:#2e5060;color:var(--muted);display:flex;font-family:DM Mono,monospace;font-size:9px;gap:8px;letter-spacing:.18em;margin-bottom:12px;text-transform:uppercase}.section-label:after{background:#1e3048;background:var(--border);content:"";flex:1 1;height:1px}@media (max-width:800px){.page-full{padding:1.25rem}.metrics-grid{grid-template-columns:1fr 1fr!important}}.sidebar{animation:slideInL .5s ease forwards;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;min-height:100vh;overflow:hidden;position:sticky;top:0;width:230px}.sidebar:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#0000,var(--accent),#0000);background-size:200% 100%;content:"";height:1px;left:0;position:absolute;right:0;top:0}.sidebar-logo{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:1.6rem 1.5rem 1.2rem;position:relative}.sidebar-logo-icon{align-items:center;animation:glowTeal 3s ease-in-out infinite;background:linear-gradient(135deg,#00d4aa20,#38bdf820);border:1.5px solid var(--accent);border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;transition:transform .3s;width:38px}.sidebar-logo-icon:hover{transform:rotate(10deg) scale(1.08)}.sidebar-logo-name{color:var(--text);font-family:Syne,sans-serif;font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.sidebar-logo-sub{color:var(--accent);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;margin-top:1px;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:1rem .75rem}.sidebar-item{align-items:center;animation:slideInL .5s ease backwards;background:#0000;border:1.5px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:11px 12px;position:relative;text-align:left;transition:all .2s;width:100%}.sidebar-item:before{background:linear-gradient(135deg,#00d4aa14,#38bdf80a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.sidebar-item:hover{border-color:var(--border2);transform:translateX(3px)}.sidebar-item:hover:before{opacity:1}.sidebar-item.active{background:linear-gradient(135deg,#00d4aa1f,#38bdf80f);border-color:#00d4aa59}.sidebar-item.active:before{opacity:1}.sidebar-icon{color:var(--text2);flex-shrink:0;position:relative;transition:color .2s,transform .2s;z-index:1}.sidebar-item.active .sidebar-icon,.sidebar-item:hover .sidebar-icon{color:var(--accent);transform:scale(1.1)}.sidebar-text{position:relative;z-index:1}.sidebar-label{color:var(--text2);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:color .2s}.sidebar-sublabel{color:var(--muted);font-family:DM Mono,monospace;font-size:10px;margin-top:1px;transition:color .2s}.sidebar-item.active .sidebar-label,.sidebar-item:hover .sidebar-label{color:var(--text)}.sidebar-item.active .sidebar-sublabel,.sidebar-item:hover .sidebar-sublabel{color:var(--accent)}.sidebar-active-bar{background:var(--accent);border-radius:0 2px 2px 0;box-shadow:0 0 10px var(--accent);height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s;width:3px}.sidebar-footer{border-top:1px solid var(--border);padding:1rem 1.5rem}.sidebar-footer-text{color:var(--muted);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;text-align:center}@media (max-width:800px){.sidebar{border-bottom:1px solid var(--border);border-right:none;flex-direction:row;height:auto;min-height:0;min-height:auto;overflow-x:auto;position:static;width:100%}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:.5rem}.sidebar-footer,.sidebar-sublabel{display:none}.sidebar-item{flex-direction:column;gap:4px;min-width:80px;padding:8px 12px;text-align:center}.sidebar-text{align-items:center;display:flex;flex-direction:column}}.input-panel{animation:slideInL .45s ease;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:0;overflow-y:auto;padding:2rem}.section{margin-bottom:1.75rem}.grid2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.mini-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:8px}.mini-input{border-radius:9px;font-size:13px;padding:9px 11px}.loan-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px;min-height:24px}.loan-tag{align-items:center;animation:fadeUp .25s ease;background:linear-gradient(135deg,#071a18,#071520);border:1px solid #00d4aa4d;border-radius:20px;color:var(--accent);display:inline-flex;font-family:DM Mono,monospace;font-size:11px;gap:5px;padding:4px 10px 4px 12px;transition:border-color .2s}.loan-tag:hover{border-color:#00d4aa99}.loan-tag-rm{color:var(--text2);cursor:pointer;font-weight:700;margin-left:2px;transition:color .2s}.loan-tag-rm:hover{color:var(--danger)}.add-btn{background:#0000;border:1.5px dashed var(--border2);border-radius:10px;color:var(--muted);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;margin-top:8px;padding:9px;transition:all .2s;width:100%}.add-btn:hover{background:#00d4aa0f;border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}@media (max-width:800px){.input-panel{border-bottom:1px solid var(--border);border-right:none}}.result-panel{animation:slideInR .45s ease;background:#0000;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:2rem}.empty-state{animation:float 4s ease-in-out infinite;flex-direction:column;gap:18px;height:100%;opacity:.7;text-align:center}.empty-blob,.empty-state{align-items:center;display:flex;justify-content:center}.empty-blob{background:linear-gradient(135deg,#071a18,#071520);border:1.5px solid var(--border2);border-radius:50%;box-shadow:0 0 24px #00d4aa1a;font-size:30px;height:80px;width:80px}.empty-text{color:var(--muted);font-family:DM Mono,monospace;font-size:13px;line-height:2}.verdict{animation:fadeUp .4s ease;border:1.5px solid;border-radius:16px;overflow:hidden;padding:1.25rem 1.5rem;position:relative}.verdict:before{background:linear-gradient(135deg,#ffffff08,#0000);content:"";inset:0;pointer-events:none;position:absolute}.verdict.danger{background:linear-gradient(135deg,#1a0808,#120510);border-color:#4a1010}.verdict.warning{background:linear-gradient(135deg,#1a1000,#120d00);border-color:#4a3000}.verdict.safe{animation:glowTeal 4s ease-in-out infinite;background:linear-gradient(135deg,#041a14,#040f1a);border-color:#0a3028}.verdict-badge{align-items:center;border-radius:20px;display:inline-flex;font-family:DM Mono,monospace;font-size:9px;font-weight:600;gap:6px;letter-spacing:.14em;margin-bottom:10px;padding:4px 12px;text-transform:uppercase}.danger .verdict-badge{background:#ff6b6b26;border:1px solid #ff6b6b40;color:var(--danger)}.warning .verdict-badge{background:#f59e0b26;border:1px solid #f59e0b40;color:var(--warning)}.safe .verdict-badge{background:#00d4aa26;border:1px solid #00d4aa4d;color:var(--safe)}.verdict-text{color:var(--text);font-size:15px;font-weight:400;line-height:1.65}.verdict-text strong{color:var(--accent);font-weight:700}.metrics-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.metric-card{animation:fadeUp .4s ease backwards;border:1.5px solid;border-radius:14px;cursor:default;padding:1.1rem;transition:transform .2s,border-color .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-3px)}.metric-card.purple{background:#0d0a1e;border-color:#1e1848}.metric-card.purple:hover{border-color:var(--accent4);box-shadow:0 4px 20px #a78bfa26}.metric-card.pink{background:#1a0812;border-color:#3a1030}.metric-card.pink:hover{border-color:#f472b6;box-shadow:0 4px 20px #f472b61f}.metric-card.blue{background:var(--card-blue-bg);border-color:var(--card-blue-border)}.metric-card.blue:hover{border-color:var(--accent3);box-shadow:0 4px 20px #38bdf81f}.metric-card.mint{background:var(--card-teal-bg);border-color:var(--card-teal-border)}.metric-card.mint:hover{border-color:var(--accent);box-shadow:0 4px 20px #00d4aa1f}.metric-label{color:var(--muted);font-size:9px;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.metric-label,.metric-value{font-family:DM Mono,monospace}.metric-value{font-size:19px;font-weight:600;letter-spacing:-.02em}.metric-value.danger{color:var(--danger)}.metric-value.warning{color:var(--warning)}.metric-value.safe{color:var(--safe)}.metric-value.neutral{color:var(--text)}.metric-value.purple{color:var(--accent4)}.metric-sub{color:var(--muted);font-size:10px;margin-top:4px}.dti-bar-wrap{background:#ffffff0f;border-radius:3px;height:5px;margin-top:10px;overflow:hidden;position:relative}.dti-bar-fill{animation:barFill 1s ease forwards;border-radius:3px;box-shadow:0 0 8px currentColor;height:100%}.dti-safe-marker{background:#ffffff40;bottom:0;left:35%;position:absolute;top:0;width:1.5px}.summary-card{animation:fadeUp .5s ease backwards;background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:1.25rem 1.5rem}.summary-grid{display:flex;flex-direction:column;gap:0}.summary-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 0;transition:background .15s}.summary-item:last-child{border-bottom:none}.summary-item:hover{padding-left:4px}.summary-key{color:var(--text2);font-size:12px}.summary-val{color:var(--text);font-family:DM Mono,monospace;font-size:13px;font-weight:600}.danger-text{color:var(--danger)!important}.safe-text{color:var(--safe)!important}.danger-text,.safe-text,.warning-text{font-weight:700}.share-btn{align-items:center;align-self:flex-start;animation:fadeIn .6s ease;background:#0000;border:1.5px solid var(--border2);border-radius:10px;color:var(--text2);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.share-btn:hover{background:#00d4aa12;border-color:var(--accent);box-shadow:0 4px 16px #00d4aa2e;color:var(--accent);transform:translateY(-2px)}.page-split{display:grid;grid-template-columns:340px 1fr;min-height:100vh}.page-full{animation:fadeUp .4s ease;min-height:100vh;padding:2rem 2.5rem}.page-title{color:var(--text);font-family:Syne,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.page-subtitle{color:var(--text2);font-size:13px;line-height:1.5;margin-bottom:2rem}@media (max-width:800px){.page-split{grid-template-columns:1fr}}.compare-page{max-width:900px}.compare-inputs{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;margin-bottom:1.25rem}.loan-input-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;border-top-width:3px;padding:1.5rem}.loan-input-header{font-size:12px;font-weight:600;letter-spacing:.12em;margin-bottom:1.25rem;text-transform:uppercase}.loan-input-header,.vs-badge{font-family:JetBrains Mono,monospace}.vs-badge{align-items:center;background:var(--surface2);border:1.5px solid var(--border);border-radius:50%;color:var(--muted);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:40px;justify-content:center;margin-top:3rem;width:40px}.compare-btn{margin-bottom:1.5rem;max-width:900px;width:100%}.compare-results{display:flex;flex-direction:column;gap:1.25rem;max-width:900px}.winner-banner{align-items:center;border:1.5px solid;border-radius:14px;display:flex;gap:1rem;padding:1.25rem 1.5rem}.winner-banner.purple{background:linear-gradient(135deg,#4f46e526,#7c3aed1a);border-color:#7c6ff766}.winner-banner.pink{background:linear-gradient(135deg,#f472b626,#ec48991a);border-color:#f472b666}.winner-label{color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.winner-label,.winner-name{font-family:JetBrains Mono,monospace}.winner-name{color:var(--text);flex:1 1;font-size:20px;font-weight:600}.winner-sub{color:var(--safe);font-family:JetBrains Mono,monospace;font-size:13px}.compare-table{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;overflow:hidden}.metric-row{align-items:center;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr 1fr;padding:12px 16px}.metric-row:last-child{border-bottom:none}.metric-row.header{background:var(--surface2);padding:10px 16px}.metric-row-label,.metric-row-val{color:var(--text2);font-size:13px}.metric-row-val{align-items:center;display:flex;font-family:JetBrains Mono,monospace;gap:8px}.metric-row-val.win{color:var(--text);font-weight:600}.header-val{font-size:12px;font-weight:600;letter-spacing:.05em}.win-badge{background:#34d39926;border:1px solid #34d3994d;border-radius:20px;color:var(--safe);font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:500;padding:2px 7px}.chart-legend{font-size:12px}@media (max-width:700px){.compare-inputs{grid-template-columns:1fr}.vs-badge{margin:0 auto}}.escape-page{max-width:1100px}.escape-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:360px 1fr}.escape-left{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:1.5rem;position:sticky;top:2rem}.escape-right{display:flex;flex-direction:column;gap:1.25rem}.escape-btn{margin-top:.5rem;width:100%}.escape-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.escape-metric{border:1.5px solid;border-radius:14px;padding:1.1rem}.escape-metric.green{background:var(--card-mint-bg);border-color:var(--card-mint-border)}.escape-metric.teal{background:#14323ccc;border-color:#2d645acc}.escape-metric.purple{background:var(--card-purple-bg);border-color:var(--card-purple-border)}.escape-metric.neutral{background:var(--surface);border-color:var(--border)}.escape-metric-label{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.escape-metric-value{color:var(--text);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:600;letter-spacing:-.02em}.escape-metric-sub{color:var(--muted);font-size:11px;margin-top:3px}.chart-legend{color:var(--text2);display:flex;font-family:JetBrains Mono,monospace;font-size:11px;gap:16px}.chart-legend span{align-items:center;display:flex;gap:6px}.dot{border-radius:2px;display:inline-block;height:10px;width:10px}.dot.red{background:#f87171cc}.dot.green{background:#34d399cc}.dot.purple{background:#7c6ff7cc}.dot.pink{background:#f472b6cc}.escape-tip{align-items:flex-start;background:#34d39912;border:1.5px solid #34d39940;border-radius:12px;display:flex;gap:12px;padding:1rem 1.25rem}.escape-tip-icon{flex-shrink:0;font-size:18px;margin-top:1px}.escape-tip-text{color:var(--text2);font-size:13px;line-height:1.6}.escape-tip-text strong{color:var(--safe);font-weight:600}@media (max-width:800px){.escape-layout{grid-template-columns:1fr}.escape-metrics{grid-template-columns:1fr 1fr}.escape-left{position:static}}.credit-page{max-width:1100px}.credit-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:360px 1fr}.credit-left{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:1.5rem;position:sticky;top:2rem}.credit-right{display:flex;flex-direction:column;gap:1.25rem}.credit-grid2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.score-section{margin-bottom:.5rem}.gauge-wrap{height:140px;margin:0 auto;position:relative;width:140px}.gauge-inner{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.gauge-score{font-size:26px;font-weight:700;line-height:1}.gauge-label,.gauge-score{font-family:JetBrains Mono,monospace}.gauge-label{font-size:11px;margin-top:4px}.score-comparison{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:16px;display:flex;gap:.5rem;justify-content:space-between;padding:1.5rem}.score-box{flex:1 1;text-align:center}.score-box-label{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.score-arrow{color:var(--muted);flex-shrink:0;font-size:20px}.factors-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:1.5rem}.factor-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 0}.factor-row:last-of-type{border-bottom:none}.factor-left{flex:1 1}.factor-label{color:var(--text);font-size:13px;font-weight:500}.factor-desc{color:var(--muted);font-size:11px;margin-top:2px}.factor-impact{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;min-width:50px;text-align:right}.factor-impact.positive{color:#34d399}.factor-impact.negative{color:#f87171}.factor-total{align-items:center;border-top:2px solid var(--border2);display:flex;justify-content:space-between;margin-top:4px;padding-top:12px}.chart-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:1.5rem}.chart-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.chart-label{letter-spacing:.12em}.chart-label,.escape-section-label{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase}.escape-section-label{align-items:center;display:flex;gap:8px;letter-spacing:.15em;margin-bottom:12px}.escape-section-label:after{background:var(--border);content:"";flex:1 1;height:1px}.slider-field{margin-bottom:1.25rem}.slider-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.slider-top label{color:var(--text2);font-size:12px}.slider-val{background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;font-weight:600;padding:2px 10px}.slider-hints,.slider-val{font-family:JetBrains Mono,monospace}.slider-hints{color:var(--muted);display:flex;font-size:10px;justify-content:space-between;margin-top:4px}.escape-slider{appearance:none;background:var(--surface2);border:none;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.purple-slider::-webkit-slider-thumb{background:#7c6ff7;box-shadow:0 2px 8px #7c6ff780}.pink-slider::-webkit-slider-thumb,.purple-slider::-webkit-slider-thumb{-webkit-appearance:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.pink-slider::-webkit-slider-thumb{background:#f472b6;box-shadow:0 2px 8px #f472b680}.field{margin-bottom:1rem}.field label{color:var(--text2);display:block;font-size:12px;margin-bottom:5px}.field input{background:var(--surface2);border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;outline:none;padding:10px 13px;transition:all .2s;width:100%}.field input:focus{background:var(--bg2);border-color:var(--accent);box-shadow:0 0 0 3px #7c6ff72e}.field input::placeholder{color:var(--muted)}.scan-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 20px #4f46e573;color:#fff;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:13px 24px;transition:all .2s}.scan-btn:hover{box-shadow:0 6px 24px #4f46e599;transform:translateY(-2px)}.escape-empty{flex-direction:column;gap:14px;min-height:300px;opacity:.5;text-align:center}.escape-empty,.escape-empty-icon{align-items:center;display:flex;justify-content:center}.escape-empty-icon{background:var(--surface);border:1.5px solid var(--border);border-radius:50%;font-size:40px;height:72px;width:72px}.escape-empty-text{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.9}@media (max-width:800px){.credit-layout{grid-template-columns:1fr}.credit-left{position:static}.score-comparison{flex-wrap:wrap;justify-content:center}.score-arrow{display:none}}.ai-page{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:800px;padding:0;width:100%}.ai-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem 1rem}.ai-header,.ai-header-left{align-items:center;display:flex}.ai-header-left{gap:14px}.ai-avatar-big{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;box-shadow:0 4px 12px #4f46e566;color:#fff;flex-shrink:0;font-weight:700;height:44px;justify-content:center;width:44px}.ai-avatar-big,.ai-status{align-items:center;display:flex;font-family:JetBrains Mono,monospace;font-size:12px}.ai-status{color:var(--muted);gap:6px}.ai-dot{animation:pulse 2s infinite;background:#34d399;border-radius:50%;box-shadow:0 0 6px #34d39999;height:7px;width:7px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.clear-btn{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;padding:6px 14px;transition:all .2s}.clear-btn:hover{border-color:var(--border2);color:var(--text2)}.suggestions{border-bottom:1px solid var(--border);flex-shrink:0;padding:1rem 2rem}.suggestions-label{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.suggestions-list{display:flex;flex-direction:column;gap:6px}.suggestion-chip{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text2);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;line-height:1.4;padding:10px 14px;text-align:left;transition:all .2s}.suggestion-chip:hover{background:var(--surface2);border-color:var(--accent);color:var(--text)}.chat-window{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem 2rem}.msg{align-items:flex-start;display:flex;gap:10px}.msg.user{flex-direction:row-reverse}.msg-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;height:32px;justify-content:center;margin-top:2px;width:32px}.user-avatar{background:linear-gradient(135deg,#be185d,#f472b6)}.msg-bubble{background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:14px;line-height:1.6;max-width:75%;padding:12px 16px}.msg.user .msg-bubble{background:linear-gradient(135deg,#4f46e533,#7c3aed26);border-color:#7c6ff74d;color:var(--text)}.msg-bubble p{margin:0}.typing{align-items:center;display:flex;gap:5px;padding:14px 18px}.typing span{animation:bounce 1.2s infinite;background:var(--muted);border-radius:50%;height:7px;width:7px}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.chat-input-wrap{align-items:flex-end;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:1rem 2rem 1.5rem}.chat-input{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;color:var(--text);flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;max-height:120px;outline:none;overflow-y:auto;padding:12px 16px;resize:none;transition:border .2s}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--muted)}.send-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 12px #4f46e566;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.send-btn:hover:not(:disabled){box-shadow:0 6px 16px #4f46e580;transform:translateY(-2px)}.send-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:800px){.ai-header,.chat-input-wrap,.chat-window,.suggestions{padding-left:1rem;padding-right:1rem}.msg-bubble{max-width:90%}}.app{display:flex;flex-direction:row;min-height:100vh;position:relative;z-index:1}.app-content{animation:fadeIn .4s ease;background:#0000;flex:1 1;min-height:100vh;overflow-y:auto}@media (max-width:800px){.app{flex-direction:column}}
/*# sourceMappingURL=main.4b39bc64.css.map*/