.cc-calc{--red:#e4593f;--green:#3dbe73;position:relative}.cc-calc .calc-band{padding:10rem 0 6rem;position:relative;overflow:hidden}.cc-calc .calc-band .glow{filter:blur(110px);pointer-events:none;background:radial-gradient(circle,#4c8df521,#0000 66%);border-radius:50%;width:60vw;max-width:900px;height:44vw;position:absolute;top:-14%;left:-12%}.cc-calc .calc-head{max-width:64ch;margin-bottom:2.6rem}.cc-calc .calc-head h1{margin:1.3rem 0 1.1rem;font-size:clamp(2rem,4vw,3.1rem);line-height:1.04}.cc-calc .calc-head p{color:var(--grey);font-size:1.02rem}.cc-calc .dev-wrap{margin-bottom:1.3rem}.cc-calc .dev-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem;display:grid}.cc-calc .dev{cursor:pointer;text-align:center;border:1px solid var(--hair-soft);color:inherit;font:inherit;background:#ffffff05;border-radius:14px;flex-direction:column;align-items:center;gap:.4rem;padding:.7rem .6rem .8rem;transition:border-color .25s,background .25s,transform .25s;display:flex}.cc-calc .dev:hover{border-color:var(--hair);transform:translateY(-3px)}.cc-calc .dev[aria-pressed=true]{border-color:var(--azure);background:#4c8df517}.cc-calc .dev .shot{width:100%;height:62px;display:block;position:relative;overflow:hidden}.cc-calc .dev .shot img{object-fit:contain;filter:brightness(.92)contrast(1.06);width:100%;height:100%;transition:filter .25s,transform .25s;position:absolute;inset:0}.cc-calc .dev:hover .shot img{transform:scale(1.05)}.cc-calc .dev[aria-pressed=true] .shot img{filter:brightness(1.05)contrast(1.04)drop-shadow(0 0 14px #4c8df566)}.cc-calc .dev b{font-family:var(--mono);letter-spacing:.03em;color:var(--grey);font-size:.66rem;font-weight:400;line-height:1.35}.cc-calc .dev[aria-pressed=true] b{color:var(--azure-hi)}.cc-calc .dev small{font-family:var(--mono);letter-spacing:.05em;color:var(--grey-2);font-size:.55rem}.cc-calc .cap{border:1px solid var(--hair-soft);background:#ffffff06;border-radius:16px;margin-bottom:1.1rem;padding:1.3rem 1.5rem}.cc-calc .cap-top{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem;display:flex}.cc-calc .cap-top b{font-family:var(--display);font-size:1.05rem;font-weight:400}.cc-calc .cap-top span{font-family:var(--mono);color:var(--azure-hi);font-size:1.15rem}.cc-calc .cap-track{background:#c6d6f017;border-radius:99px;height:8px;overflow:hidden}.cc-calc .cap-fill{background:linear-gradient(90deg,var(--azure-lo),var(--azure) 55%,var(--azure-hi));border-radius:99px;width:0%;height:100%;transition:width .45s cubic-bezier(.2,.7,.3,1),background .3s}.cc-calc .cap-fill.warn{background:linear-gradient(90deg,var(--amber-lo),var(--amber) 60%,var(--amber-hi))}.cc-calc .cap-fill.over{background:linear-gradient(90deg,#8a2f20,var(--red) 60%,#ff8a72)}.cc-calc .notes{gap:.55rem;margin-top:.95rem;display:grid}.cc-calc .note{color:var(--amber-hi);align-items:flex-start;gap:.7rem;font-size:.88rem;line-height:1.55;display:flex}.cc-calc .note.bad{color:#ff9a85}.cc-calc .note svg{flex:none;width:17px;height:17px;margin-top:.16rem}.cc-calc .apps{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.cc-calc .app{border:1px solid var(--hair-soft);background:#ffffff06;border-radius:16px;flex-direction:column;transition:opacity .3s,filter .3s;display:flex;overflow:hidden}.cc-calc .app.disabled{opacity:.4;filter:saturate(.3);pointer-events:none}.cc-calc .app-hd{border-bottom:1px solid var(--hair-soft);align-items:center;gap:.7rem;padding:1rem 1.15rem;display:flex}.cc-calc .app-hd svg{width:24px;height:24px;color:var(--azure);flex:none}.cc-calc .app-hd h3{font-family:var(--display);letter-spacing:-.015em;flex:1;font-size:1.02rem;font-weight:400}.cc-calc .app-hd .off{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--grey-2);font-size:.55rem;display:none}.cc-calc .app.disabled .app-hd .off{display:block}.cc-calc .app-bd{flex-direction:column;flex:1;gap:1.1rem;padding:1.15rem;display:flex}.cc-calc .app-ft{border-top:1px solid var(--hair-soft);font-family:var(--mono);letter-spacing:.06em;color:var(--grey-2);text-align:center;padding:.7rem 1.15rem;font-size:.6rem}.cc-calc .store-block{flex-direction:column;gap:1.1rem;display:flex}.cc-calc .row{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}.cc-calc .row label,.cc-calc .row .row-label{color:var(--grey);font-size:.89rem}.cc-calc .row output{font-family:var(--mono);color:var(--azure-hi);font-size:.8rem;font-weight:500}.cc-calc input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:#c6d6f01f;border-radius:99px;outline:none;width:100%;height:4px}.cc-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(180deg,var(--azure-hi),var(--azure));cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #00000080,0 0 0 1px #ffffff2e}.cc-calc input[type=range]::-moz-range-thumb{background:linear-gradient(180deg,var(--azure-hi),var(--azure));cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #00000080,0 0 0 1px #ffffff2e}.cc-calc input[type=range]:focus-visible{outline:2px solid var(--azure);outline-offset:4px}.cc-calc .seg{gap:.32rem;display:flex}.cc-calc .seg button{cursor:pointer;font-family:var(--mono);letter-spacing:.03em;border:1px solid var(--hair-soft);color:var(--grey);background:#ffffff05;border-radius:8px;flex:1;padding:.48rem .2rem;font-size:.65rem;transition:border-color .22s,color .22s,background .22s}.cc-calc .seg button:hover{border-color:var(--hair);color:var(--white)}.cc-calc .seg button[aria-pressed=true]{border-color:var(--azure);color:var(--azure-hi);background:#4c8df51a}.cc-calc .seg button:focus-visible{outline:2px solid var(--azure);outline-offset:2px}.cc-calc .check{cursor:pointer;color:var(--grey);justify-content:space-between;align-items:center;gap:1rem;font-size:.88rem;display:flex}.cc-calc .check input{opacity:0;width:0;height:0;position:absolute}.cc-calc .box{border:1px solid var(--grey-2);border-radius:5px;flex:none;place-items:center;width:17px;height:17px;transition:background .2s,border-color .2s;display:grid}.cc-calc .box svg{opacity:0;color:#0b0f17;width:11px;height:11px;transition:opacity .18s}.cc-calc .check input:checked+.box{background:var(--azure);border-color:var(--azure)}.cc-calc .check input:checked+.box svg{opacity:1}.cc-calc .check input:focus-visible+.box{outline:2px solid var(--azure);outline-offset:2px}.cc-calc .hint{font-family:var(--mono);letter-spacing:.06em;color:var(--grey-2);font-size:.58rem;line-height:1.6}.cc-calc .nostore{opacity:.35;filter:saturate(.25);pointer-events:none;transition:opacity .3s,filter .3s}.cc-calc .storewarn{font-family:var(--mono);letter-spacing:.06em;color:var(--amber-hi);background:#f2a63c12;border:1px solid #f2a63c38;border-radius:9px;padding:.6rem .7rem;font-size:.6rem;line-height:1.7;display:none}.cc-calc .storewarn.show{display:block}.cc-calc .results{grid-template-columns:1.15fr .85fr;gap:1rem;margin-top:1rem;display:grid}.cc-calc .res-grid{background:var(--hair-soft);border:1px solid var(--hair-soft);border-radius:16px;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.cc-calc .res{background:#ffffff06;padding:1.5rem 1.35rem}.cc-calc .res-n{font-family:var(--display);font-variation-settings:"wdth" 100;letter-spacing:-.04em;margin-bottom:.45rem;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:300;line-height:1}.cc-calc .res-n em{color:var(--amber);font-style:normal}.cc-calc .res-n .u{letter-spacing:0;color:var(--grey);font-size:.4em}.cc-calc .res p{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--grey-2);font-size:.62rem;line-height:1.6}.cc-calc .bays{border:1px solid var(--hair-soft);background:#ffffff06;border-radius:16px;flex-direction:column;padding:1.25rem 1.35rem;display:flex}.cc-calc .bays h4{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--azure);margin-bottom:1rem;font-size:.62rem;font-weight:400}.cc-calc .bay-map{gap:.4rem;margin-bottom:1rem;display:grid}.cc-calc .bay{height:31px;font-family:var(--mono);letter-spacing:.05em;border-radius:8px;justify-content:space-between;align-items:center;padding:0 .75rem;font-size:.62rem;display:flex}.cc-calc .bay.used{color:var(--azure-hi);background:#4c8df529;border:1px solid #4c8df580}.cc-calc .bay.parity{color:var(--amber-hi);background:#f2a63c1f;border:1px solid #f2a63c6b}.cc-calc .bay.empty{border:1px dashed var(--hair);color:var(--grey-2);background:#ffffff04}.cc-calc .bay-none{font-family:var(--mono);color:var(--grey-2);padding:.6rem 0;font-size:.65rem;line-height:1.7}.cc-calc .bay-legend{border-top:1px solid var(--hair-soft);font-family:var(--mono);letter-spacing:.05em;color:var(--grey-2);gap:.38rem;margin-top:auto;padding-top:.95rem;font-size:.61rem;display:grid}.cc-calc .bay-legend div{justify-content:space-between;gap:1rem;display:flex}.cc-calc .bay-legend b{color:var(--white);font-weight:400}.cc-calc .disclaimer{text-align:center;font-family:var(--mono);letter-spacing:.1em;color:var(--grey-2);margin-top:1.5rem;font-size:.62rem;line-height:1.9}.cc-calc .calc-cta{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:2.2rem;display:flex}.cc-calc .calc-cta .btn{justify-content:center}@media (width<=1280px){.cc-calc .apps{grid-template-columns:repeat(2,1fr)}.cc-calc .results{grid-template-columns:1fr}}@media (width<=680px){.cc-calc .apps,.cc-calc .res-grid{grid-template-columns:1fr}.cc-calc .calc-band{padding:7rem 0 4rem}.cc-calc .dev-grid{max-height:340px}}