.csf-toolbar{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.75rem}@media(min-width:900px){.csf-toolbar{grid-template-columns:1.4fr 1fr;align-items:stretch}}.csf-posture{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem}.csf-ring-wrap{position:relative;width:92px;height:92px;flex-shrink:0}.csf-ring{width:100%;height:100%;transform:rotate(-90deg)}.csf-ring-track{fill:none;stroke:#ffffff12;stroke-width:8}.csf-ring-fill{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .6s var(--ease-out-5, ease);filter:drop-shadow(0 0 6px color-mix(in oklab,var(--accent) 60%,transparent))}.csf-ring-label{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.csf-ring-pct{display:block;font-family:Orbitron,sans-serif;font-weight:800;font-size:1.35rem;color:#fff}.csf-ring-cap{font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:#64748b}.csf-legend-row{display:flex;flex-wrap:wrap;gap:.35rem .85rem;margin-top:.75rem}.csf-legend{display:inline-flex;align-items:center;gap:.4rem;font-family:JetBrains Mono,monospace;font-size:10px;color:#64748b;cursor:default}.csf-legend .lg{width:10px;height:10px;border-radius:3px;background:var(--accent)}.csf-legend .lg[data-lvl="1"]{opacity:.24}.csf-legend .lg[data-lvl="2"]{opacity:.42}.csf-legend .lg[data-lvl="3"]{opacity:.62}.csf-legend .lg[data-lvl="4"]{opacity:.82}.csf-legend .lg[data-lvl="5"]{opacity:1}.csf-controls{display:flex;gap:.6rem;align-items:center}.csf-search-wrap{position:relative;flex:1}.csf-search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);width:1.05rem;height:1.05rem;color:#64748b}#csf-search{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.09);border-radius:.6rem;padding:.75rem .9rem .75rem 2.6rem;color:#fff;font-size:.9rem;transition:border-color .2s,box-shadow .2s}#csf-search:focus{outline:none;border-color:color-mix(in oklab,var(--accent) 55%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 12%,transparent)}#csf-search::-moz-placeholder{color:#475569}#csf-search::placeholder{color:#475569}.csf-matrix{display:flex;flex-direction:column;gap:1rem}.csf-band{position:relative;border-radius:1rem;padding:1.1rem 1.25rem 1.35rem;background:linear-gradient(160deg,color-mix(in oklab,var(--c) 9%,transparent),transparent 60%),#ffffff04;border:1px solid color-mix(in oklab,var(--c) 22%,transparent)}.csf-band:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px;background:var(--c);box-shadow:0 0 16px -2px var(--c)}.csf-band-head{display:flex;align-items:center;gap:.85rem;margin-bottom:.5rem}.csf-fn-icon{font-size:1.5rem;line-height:1}.csf-fn-title{display:flex;align-items:baseline;gap:.6rem}.csf-fn-id{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;color:var(--c)}.csf-fn-name{font-family:Orbitron,sans-serif;font-weight:800;font-size:1.15rem;color:#fff;letter-spacing:.02em}.csf-fn-meter{flex:1;height:6px;border-radius:99px;background:#ffffff0f;overflow:hidden;max-width:340px;margin-left:auto}.csf-fn-fill{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,var(--c),color-mix(in oklab,var(--c) 55%,#fff));transition:width .6s var(--ease-out-5, ease)}.csf-fn-pct{font-size:.75rem;color:var(--c);min-width:2.6rem;text-align:right}.csf-fn-plain{font-size:.82rem;color:#94a3b8;margin-bottom:1rem;max-width:78ch}.csf-cat{margin-bottom:.9rem}.csf-cat:last-child{margin-bottom:0}.csf-cat-label{font-size:.72rem;color:#cbd5e1;margin-bottom:.5rem;display:flex;align-items:baseline;gap:.45rem;line-height:1.2}.csf-cat-id{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--c);font-size:.68rem}.csf-cat-count{margin-left:.15rem;font-family:JetBrains Mono,monospace;font-size:.6rem;color:#475569}.csf-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:.6rem}.csf-card{--lvl: 0;position:relative;text-align:left;cursor:pointer;height:150px;display:flex;flex-direction:column;gap:.5rem;padding:.8rem .85rem .7rem;border-radius:.7rem;border:1px solid color-mix(in oklab,var(--c) 26%,transparent);background:#ffffff04;transition:transform .14s var(--ease-out-5, ease),box-shadow .18s,border-color .18s,background .18s,opacity .15s}.csf-card:hover{transform:translateY(-3px);box-shadow:0 0 24px -8px var(--c);border-color:color-mix(in oklab,var(--c) 55%,transparent)}.csf-card:focus-visible{outline:2px solid var(--c);outline-offset:2px}.csf-card[data-level="1"]{background:color-mix(in oklab,var(--c) 5%,transparent)}.csf-card[data-level="2"]{background:color-mix(in oklab,var(--c) 9%,transparent)}.csf-card[data-level="3"]{background:color-mix(in oklab,var(--c) 13%,transparent);border-color:color-mix(in oklab,var(--c) 45%,transparent)}.csf-card[data-level="4"]{background:color-mix(in oklab,var(--c) 17%,transparent);border-color:color-mix(in oklab,var(--c) 55%,transparent)}.csf-card[data-level="5"]{background:color-mix(in oklab,var(--c) 22%,transparent);border-color:var(--c);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--c) 30%,transparent)}.csf-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.csf-card-id{font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:600;color:var(--c);letter-spacing:.02em}.csf-card-badge{font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:600;padding:.08rem .4rem;border-radius:.3rem;color:#64748b;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.csf-card[data-level="1"] .csf-card-badge,.csf-card[data-level="2"] .csf-card-badge,.csf-card[data-level="3"] .csf-card-badge,.csf-card[data-level="4"] .csf-card-badge,.csf-card[data-level="5"] .csf-card-badge{color:var(--c);border-color:color-mix(in oklab,var(--c) 50%,transparent);background:color-mix(in oklab,var(--c) 12%,transparent)}.csf-card-summary{flex:1;font-size:.8rem;line-height:1.42;color:#cbd5e1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;margin:0}.csf-card-meter{display:flex;gap:3px}.csf-card-meter i{flex:1;height:4px;border-radius:2px;background:#ffffff14;transition:background .2s}.csf-card[data-level="1"] .csf-card-meter i:nth-child(-n+1),.csf-card[data-level="2"] .csf-card-meter i:nth-child(-n+2),.csf-card[data-level="3"] .csf-card-meter i:nth-child(-n+3),.csf-card[data-level="4"] .csf-card-meter i:nth-child(-n+4),.csf-card[data-level="5"] .csf-card-meter i:nth-child(-n+5){background:var(--c)}.csf-card.dim{opacity:.12;pointer-events:none}.csf-cat.dim{opacity:.3}.csf-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem}.csf-modal[hidden]{display:none}.csf-modal-overlay{position:absolute;inset:0;background:#020308b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.csf-modal-dialog{position:relative;width:min(680px,100%);max-height:90vh;--hb-a: var(--c);--hb-b: var(--c);animation:csfPop .3s var(--ease-out-5, ease)}@keyframes csfPop{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.csf-modal-dialog{animation:none}}.csf-modal-inner{border-radius:1rem;padding:1.75rem;max-height:90vh;overflow-y:auto}.csf-modal-close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;display:grid;place-items:center;border-radius:.5rem;color:#94a3b8;border:1px solid rgba(255,255,255,.1);z-index:2;transition:all .2s}.csf-modal-close:hover{color:#fff;border-color:#ffffff4d;background:#ffffff0d}.csf-modal-path{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--c);margin-bottom:.4rem}.csf-modal-id{font-size:1.9rem;font-weight:800;color:#fff;margin-bottom:.9rem}.csf-modal-text{font-size:1.05rem;color:#e2e8f0;line-height:1.6;margin-bottom:1.1rem}.csf-modal-plain{border-left:2px solid var(--c);padding:.5rem 0 .5rem 1rem;margin-bottom:1.2rem;background:linear-gradient(90deg,color-mix(in oklab,var(--c) 8%,transparent),transparent)}.csf-plain-label{font-family:JetBrains Mono,monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:var(--c)}.csf-plain-body{color:#cbd5e1;font-size:.92rem;margin-top:.2rem}.csf-modal-ex{margin-bottom:1.4rem}.csf-ex-label{margin-bottom:.6rem}.csf-ex-list{display:flex;flex-direction:column;gap:.45rem}.csf-ex-list li{position:relative;padding-left:1.1rem;font-size:.88rem;color:#94a3b8;line-height:1.5}.csf-ex-list li:before{content:"▹";position:absolute;left:0;color:var(--c)}.csf-assess-label{margin-bottom:.6rem}.csf-levels{display:flex;flex-direction:column;gap:.4rem}.csf-level{display:flex;align-items:center;gap:.75rem;text-align:left;padding:.55rem .7rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.1);background:#ffffff05;cursor:pointer;transition:all .16s}.csf-level:hover{border-color:color-mix(in oklab,var(--c) 50%,transparent);background:#ffffff0a}.csf-level-num{flex-shrink:0;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:.4rem;font-family:Orbitron,sans-serif;font-weight:800;font-size:.85rem;color:#94a3b8;border:1px solid rgba(255,255,255,.12)}.csf-level-body{display:flex;flex-direction:column;min-width:0}.csf-level-name{font-size:.86rem;font-weight:600;color:#e2e8f0}.csf-level-desc{font-size:.74rem;color:#64748b;line-height:1.35}.csf-level-check{margin-left:auto;color:var(--c);opacity:0;font-size:.9rem}.csf-level.active{border-color:var(--c);background:color-mix(in oklab,var(--c) 14%,transparent)}.csf-level.active .csf-level-num{color:#04050c;background:var(--c);border-color:var(--c)}.csf-level.active .csf-level-name{color:#fff}.csf-level.active .csf-level-check{opacity:1}.csf-clear{margin-top:.5rem;font-size:.72rem;color:#64748b;font-family:JetBrains Mono,monospace;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.csf-clear:hover{color:#cbd5e1}.csf-modal-nav{display:flex;align-items:center;justify-content:space-between;margin-top:1.4rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.csf-modal-count{font-size:.72rem;color:#64748b}body.csf-open{overflow:hidden}.csf-pill:hover{color:#fff!important;transform:translateY(-2px);box-shadow:0 0 20px -8px var(--c)}.csf-lens-cta{border:1px solid rgba(168,85,247,.25);transition:border-color .2s,box-shadow .2s}.csf-lens-cta:hover{border-color:#a855f78c;box-shadow:0 0 28px -12px #a855f7}
