.cs-root{background:var(--bg,#000);min-height:100vh;color:var(--text,#fff);max-width:900px;margin:0 auto;padding:100px 40px 80px}.cs-back{color:var(--text-mid,#999);margin-bottom:40px;font-size:12px;text-decoration:none;transition:color .2s;display:inline-block}.cs-back:hover{color:var(--green,#e5ffb8)}.cs-header{margin-bottom:40px;animation:.6s ease-out csFade}.cs-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--green,#e5ffb8);margin:0 0 12px;font-size:10px;font-weight:700}.cs-title{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.1}.cs-green{background:linear-gradient(90deg,#fff 0%,#e5ffb8 30% 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cs-subtitle{color:var(--text-mid,#999);max-width:640px;margin:0;font-size:15px;line-height:1.6}.cs-inputs{background:#141416;border:1px solid #1e1e22;border-radius:14px;flex-direction:column;gap:14px;margin-bottom:24px;padding:28px;display:flex}.cs-input-group{flex-direction:column;gap:6px;display:flex}.cs-input-group.full{width:100%}.cs-input-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cs-label{color:var(--text-dim,#555);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.cs-role-options{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.cs-role-btn{color:var(--text-dim,#555);cursor:pointer;background:#ffffff05;border:1px solid #1e1e22;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .25s}.cs-role-btn:hover{color:var(--text-mid,#999);border-color:#2a2a2e}.cs-role-btn.on{color:var(--green,#e5ffb8);background:#e5ffb80f;border-color:#e5ffb826}.cs-input-wrap{background:var(--surface-2,#111);border:1px solid #ffffff1a;border-radius:8px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.cs-input-wrap:focus-within{border-color:#e5ffb859;box-shadow:0 0 0 3px #e5ffb80f}.cs-input-wrap input{color:#fff;-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;padding:11px 14px;font-family:inherit;font-size:14px;font-weight:600}.cs-input-wrap input::-webkit-outer-spin-button{-webkit-appearance:none}.cs-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none}.cs-input-wrap input::placeholder{color:var(--text-dim,#555)}.cs-prefix{color:var(--text-dim,#555);padding-left:14px;font-size:12px;font-weight:600}.cs-suffix{color:var(--text-dim,#555);padding-right:14px;font-size:12px;font-weight:600}.cs-results{margin-bottom:24px}.cs-result-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.cs-result-card{background:#141416;border:1px solid #1e1e22;border-radius:14px;padding:20px;position:relative;overflow:hidden}.cs-result-card.main{border-color:#e5ffb81f;grid-column:span 2}.cs-result-card.main:before{content:"";background:var(--green,#e5ffb8);height:2px;position:absolute;top:0;left:0;right:0}.cs-result-label{color:var(--text-dim,#555);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:10px;font-weight:600}.cs-result-value{letter-spacing:-.03em;color:#ccc;font-size:22px;font-weight:900}.cs-result-value.green{color:var(--green,#e5ffb8)}.cs-result-card.main .cs-result-value{color:var(--green,#e5ffb8);font-size:28px}.cs-result-bench{color:var(--text-dim,#555);margin-top:6px;font-size:11px;font-style:italic}.cs-flags{background:#141416;border:1px solid #ff6b6b26;border-radius:14px;margin-bottom:16px;padding:24px}.cs-flags h3{color:#ff6b6b;margin:0 0 12px;font-size:14px;font-weight:700}.cs-flag{color:var(--text-mid,#999);border-bottom:1px solid #ffffff08;gap:12px;padding:10px 0;font-size:13px;line-height:1.55;display:flex}.cs-flag:last-child{border-bottom:none}.cs-flag-icon{color:#ff6b6b;background:#ff6b6b14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;font-weight:800;display:flex}.cs-no-flags{color:#e5ffb899;background:#e5ffb808;border:1px solid #e5ffb814;border-radius:12px;margin-bottom:16px;padding:16px 20px;font-size:13px}.cs-save{background:#141416;border:1px solid #1e1e22;border-radius:14px;margin-bottom:32px;padding:28px}.cs-save h3{margin:0 0 6px;font-size:15px;font-weight:700}.cs-save p{color:var(--text-dim,#555);margin:0 0 16px;font-size:13px;line-height:1.5}.cs-save-row{gap:10px;display:flex}.cs-save-row input{background:var(--surface-2,#111);color:#fff;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:14px}.cs-save-row input:focus{border-color:#e5ffb859;box-shadow:0 0 0 3px #e5ffb80f}.cs-save-row input::placeholder{color:var(--text-dim,#555)}.cs-save-row button{background:var(--green,#e5ffb8);color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:700;transition:all .3s}.cs-save-row button:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.cs-save-row button:disabled{opacity:.4;cursor:not-allowed}.cs-saved{color:var(--green,#e5ffb8);background:#e5ffb80a;border:1px solid #e5ffb81a;border-radius:14px;align-items:center;gap:10px;margin-bottom:32px;padding:16px 20px;font-size:13px;font-weight:600;display:flex}.cs-continue{margin-bottom:40px}.cs-continue h3{color:var(--text-mid,#999);margin:0 0 16px;font-size:15px;font-weight:700}.cs-continue-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cs-ccard{color:#fff;background:#141416;border:1px solid #1e1e22;border-radius:14px;flex-direction:column;padding:22px 20px;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.cs-ccard:before{content:"";background:var(--green,#e5ffb8);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.cs-ccard:hover{border-color:#2a2a2e;transform:translateY(-2px);box-shadow:0 12px 40px #0000004d}.cs-ccard:hover:before{opacity:1}.cs-cc-title{color:var(--green,#e5ffb8);margin-bottom:6px;font-size:13px;font-weight:700}.cs-cc-desc{color:var(--text-dim,#555);font-size:12px;line-height:1.5}@keyframes csFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.cs-root{padding:80px 16px 60px}.cs-input-row,.cs-role-options,.cs-result-grid{grid-template-columns:1fr}.cs-result-card.main{grid-column:span 1}.cs-continue-grid{grid-template-columns:1fr}.cs-save-row{flex-direction:column}}