:root{--navy-dark:#030d1a;--navy:#042c53;--navy-mid:#0c447c;--blue:#185fa5;--blue-bg:#e6f1fb;--blue-lighter:#b5d4f4;--green:#639922;--green-mid:#3b6d11;--green-light:#97c459;--muted:#888780;--warm-dark:#444441;--danger:#ff8c8c;--bg:#f8f9fa;--border:#e5e7eb}.bar-main{max-width:1000px;color:var(--warm-dark);margin:0 auto;padding:24px 20px 48px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}.bar-header-card{background:var(--navy);border-radius:20px;margin-bottom:20px;padding:28px 32px;position:relative;overflow:hidden}.bar-header-card:before{content:"";background:radial-gradient(circle, var(--blue) 0%, transparent 70%);filter:blur(60px);opacity:.3;pointer-events:none;width:260px;height:260px;position:absolute;top:-60px;left:-60px}.bar-header-card:after{content:"";background:radial-gradient(circle, var(--green-mid) 0%, transparent 70%);filter:blur(70px);opacity:.25;pointer-events:none;width:200px;height:200px;position:absolute;bottom:-40px;right:-20px}.bar-header-inner{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.bar-header-title{color:#fff;letter-spacing:-.5px;margin-top:10px;margin-bottom:6px;font-size:26px;font-weight:900}.bar-header-sub{color:#85b7eb;max-width:560px;font-size:13px;line-height:1.6}.bar-header-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.bar-badge-green{color:var(--green-light);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:700;display:inline-block}.bar-badge-blue{color:var(--blue);background:var(--blue-bg);border:1px solid var(--blue-lighter);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.bar-columns{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (max-width:700px){.bar-columns{grid-template-columns:1fr}}.bar-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 4px 24px #0000000d}.bar-card--dark{background:var(--navy);border-color:#0000;box-shadow:0 8px 32px #042c5340}.bar-card-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding-bottom:16px;display:flex}.bar-card--dark .bar-card-header{border-bottom-color:#ffffff1a}.bar-step-number{letter-spacing:.2em;color:var(--blue);background:var(--blue-bg);border:1px solid var(--blue-lighter);border-radius:6px;flex-shrink:0;margin-top:2px;padding:4px 7px;font-size:10px;font-weight:900}.bar-step-number--light{color:var(--green-light);background:#97c4591f;border-color:#97c45940}.bar-card-title{color:var(--navy);letter-spacing:-.3px;font-size:15px;font-weight:800}.bar-card-title--light{color:#fff}.bar-card-sub{color:var(--muted);margin-top:2px;font-size:12px}.bar-card-sub--light{color:#85b7eb}.bar-textarea{background:var(--bg);border:1.5px solid var(--border);width:100%;color:var(--warm-dark);resize:vertical;border-radius:12px;outline:none;min-height:160px;padding:12px 14px;font-family:Courier New,monospace;font-size:13px;line-height:1.7;transition:border-color .15s,box-shadow .15s}.bar-textarea::placeholder{color:var(--muted);opacity:.7}.bar-textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #185fa51a}.bar-hint{color:var(--muted);font-size:11.5px;line-height:1.6}.bar-analyze-btn{background:var(--green);color:#fff;cursor:pointer;letter-spacing:-.1px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:flex}.bar-analyze-btn:hover:not(:disabled){background:var(--green-mid);transform:scale(1.015)}.bar-analyze-btn:disabled{opacity:.45;cursor:not-allowed}.bar-spinner{animation:.7s linear infinite bar-spin}@keyframes bar-spin{to{transform:rotate(360deg)}}.bar-error{color:var(--danger);background:#ff8c8c14;border:1px solid #ff8c8c33;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.bar-placeholder{color:#fff3;text-align:center;border:1px dashed #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;font-size:12.5px;line-height:1.6;display:flex}.bar-result-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.bar-result-card{text-align:center;border-radius:12px;padding:14px 8px}.bar-result-card .big{font-size:1.8rem;font-weight:900;line-height:1;display:block}.bar-result-card .lbl{text-transform:uppercase;letter-spacing:.5px;margin-top:5px;font-size:10px;font-weight:700;display:block}.bar-rc-blue{color:#85b7eb;background:#185fa533;border:1px solid #185fa54d}.bar-rc-blue .big{color:#fff}.bar-rc-gray{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff1a}.bar-rc-gray .big{color:#fff}.bar-rc-green{color:var(--green-light);background:#63992233;border:1px solid #6399224d}.bar-rc-green .big{color:var(--green-light)}.bar-result-note{color:#ffffff4d;background:#ffffff0a;border-left:2px solid #ffffff1a;border-radius:0 6px 6px 0;padding:8px 10px;font-size:11px;line-height:1.6}.bar-disclaimer{color:#fff3;text-align:center;font-size:10px;line-height:1.5}.bar-reset-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:11px;transition:color .15s;display:inline-flex}.bar-reset-btn:hover{color:#ffffffb3}.bar-cta-block{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.bar-cta-hint{color:#85b7eb;text-align:center;font-size:11px}.bar-cta-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.bar-cta-btn:hover{background:#ffffff24;border-color:#ffffff59}