.cf{--cf-bg:#0d0f13;--cf-panel:#181c23;--cf-line:#ffffff1a;--cf-fg:#f4f2ec;--cf-mid:#c3c7cf;--cf-low:#8d929c;--cf-red:#e0342f;--cf-gold:#f2b52a;background:radial-gradient(90% 50% at 50% 0%, #22150f 0%, var(--cf-bg) 65%);min-height:100dvh;color:var(--cf-fg);font-family:var(--font-body), system-ui, sans-serif;flex-direction:column;display:flex}.cf *,.cf :before,.cf :after{box-sizing:border-box}.cf-top{border-bottom:1px solid var(--cf-line);align-items:center;gap:14px;padding:12px 18px;display:flex}.cf-brand{color:var(--cf-fg);font:700 20px var(--font-disp);align-items:center;gap:8px;text-decoration:none;display:flex}.cf-brand img{height:28px}.cf-brand b{color:var(--cf-gold)}.cf-dots{gap:6px;margin-left:auto;display:flex}.cf-dots i{background:var(--cf-line);border-radius:3px;width:22px;height:5px;transition:background .3s}.cf-dots i.on{background:var(--cf-gold)}.cf-back{white-space:nowrap;color:var(--cf-mid);font:500 14px var(--font-body);cursor:pointer;background:0 0;border:0;padding:6px 4px}.cf-back:hover{color:var(--cf-fg)}.cf-coach{align-items:flex-end;gap:14px;width:min(760px,100%);margin:26px auto 8px;padding:0 18px;display:flex}.cf-coach img{filter:drop-shadow(0 12px 18px #00000080);transform-origin:50% 100%;flex:none;width:auto;height:110px;animation:.35s cubic-bezier(.3,1.6,.5,1) both cf-pop,2.4s ease-in-out .35s infinite cf-bob}.cf-coach img.busy{animation:.3s both cf-pop,.45s ease-in-out infinite cf-party}.cf-say{background:var(--cf-panel);border:1px solid var(--cf-line);border-radius:18px 18px 18px 6px;margin:0 0 24px;padding:14px 18px;font-size:18px;line-height:1.45;animation:.35s cubic-bezier(.2,.9,.3,1.2) both cf-in;position:relative}@keyframes cf-pop{0%{opacity:.3;transform:scale(.8)rotate(-5deg)}}@keyframes cf-bob{50%{transform:translateY(-7px)}}@keyframes cf-party{0%,to{transform:rotate(-7deg)}50%{transform:translateY(-16px)rotate(7deg)}}@keyframes cf-in{0%{opacity:0;transform:translateY(10px)}}.cf-body{flex:1;width:min(760px,100%);margin:0 auto;padding:8px 18px 60px}.cf-tiles{grid-template-columns:1fr 1fr;gap:12px;animation:.4s both cf-in;display:grid}.cf-tile{border:1px solid var(--cf-line);background:var(--cf-panel);color:var(--cf-fg);text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:14px;padding:20px 18px;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex}.cf-tile:hover{border-color:var(--cf-gold);transform:translateY(-3px);box-shadow:0 14px 34px #0006,0 0 0 1px #f2b52a4d}.cf-tile:active{transform:scale(.97)}.cf-ico{background:linear-gradient(135deg, var(--cf-red), #a51d19);width:56px;height:56px;font:800 20px var(--font-disp);letter-spacing:.04em;border-radius:14px;flex:none;place-items:center;display:grid}.cf-tile strong,.cf-check strong{font:800 22px/1.1 var(--font-disp);display:block}.cf-tile em,.cf-check em{color:var(--cf-low);margin-top:3px;font-size:14px;font-style:normal;display:block}.cf-pane{flex-direction:column;gap:14px;animation:.4s both cf-in;display:flex}.cf-checks{gap:10px;display:grid}.cf-check{border:1px solid var(--cf-line);background:var(--cf-panel);color:var(--cf-fg);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:18px;transition:border-color .2s,background .2s,transform .15s;display:flex}.cf-check:active{transform:scale(.98)}.cf-check i{border:2px solid var(--cf-line);color:#16130a;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-style:normal;font-weight:800;transition:background .2s,border-color .2s;display:grid}.cf-check.on{background:#1f1b12;border-color:#f2b52a99}.cf-check.on i{background:var(--cf-gold);border-color:var(--cf-gold);animation:.3s cubic-bezier(.3,1.8,.5,1) both cf-pop}.cf-sentences{gap:12px;display:grid}.cf-sentences p{background:var(--cf-panel);border:1px solid var(--cf-line);border-radius:14px;margin:0;padding:14px 16px;font-size:17px;line-height:2.1}.cf-sentences.small p{background:0 0;border:0;padding:4px 0;font-size:15px}.cf-step{vertical-align:middle;background:#0f1216;border:1px solid #f2b52a80;border-radius:12px;align-items:center;margin:0 4px;display:inline-flex;overflow:hidden}.cf-step button{width:38px;height:40px;color:var(--cf-gold);font:700 20px var(--font-body);cursor:pointer;background:0 0;border:0;transition:background .15s}.cf-step button:hover{background:#f2b52a26}.cf-step label{align-items:center;gap:2px;padding:0 2px;display:flex}.cf-step i{color:var(--cf-low);font-size:15px;font-style:normal}.cf-step input{width:64px;color:var(--cf-fg);font:700 18px var(--font-body);text-align:center;-moz-appearance:textfield;background:0 0;border:0;outline:none}.cf-step input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cf-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cf-next{background:var(--cf-red);color:#fff;font:800 20px var(--font-disp);letter-spacing:.04em;cursor:pointer;border:0;border-radius:14px;align-self:stretch;padding:16px;transition:transform .15s,box-shadow .2s,background .2s;box-shadow:0 10px 28px #e0342f59}.cf-next:hover{background:#f0443e;transform:translateY(-2px)}.cf-next:active{transform:scale(.98)}.cf-next.gold{background:linear-gradient(135deg, var(--cf-gold), #ff9d2e);color:#16130a;box-shadow:0 10px 28px #f2b52a4d}.cf-next:disabled{filter:saturate(.4);cursor:progress}.cf-skip{color:var(--cf-low);font:500 14px var(--font-body);cursor:pointer;background:0 0;border:0;align-self:center;padding:8px;text-decoration:underline}.cf-skip:hover{color:var(--cf-fg)}.cf-big{border:1px solid var(--cf-line);background:var(--cf-panel);width:100%;color:var(--cf-fg);font:700 22px var(--font-body);border-radius:14px;outline:none;padding:18px;transition:border-color .2s,box-shadow .2s}.cf-big:focus{border-color:var(--cf-gold);box-shadow:0 0 0 3px #f2b52a2e}.cf-building{color:var(--cf-gold);font-family:var(--font-mono);flex-direction:column;align-items:center;gap:12px;padding:30px 0;font-size:14px;display:flex}.cf-bar{background:var(--cf-panel);border:1px solid var(--cf-line);border-radius:6px;width:min(360px,90%);height:10px;overflow:hidden}.cf-bar i{background:linear-gradient(90deg, var(--cf-red), var(--cf-gold));width:0;height:100%;animation:1.5s cubic-bezier(.4,0,.2,1) forwards cf-fill;display:block}@keyframes cf-fill{to{width:100%}}.cf-result{flex-direction:column;gap:16px;display:flex}.cf-calc{background:linear-gradient(160deg,#1f1a10,#14120d 60%);border:1px solid #f2b52a73;border-radius:20px;padding:22px;animation:.6s cubic-bezier(.2,1.4,.4,1) both cf-slam;box-shadow:0 24px 60px #00000080,0 0 60px #f2b52a1a}@keyframes cf-slam{0%{opacity:0;transform:scale(1.08)rotate(1deg)}}.cf-calchead small{font:500 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cf-gold)}.cf-calchead h1{font:800 32px/1.05 var(--font-disp);margin:4px 0 16px}.cf-qty{flex-direction:column;gap:6px;display:flex}.cf-qty>span:first-child{color:var(--cf-mid);font-size:15px}.cf-qtyrow{align-items:center;gap:10px;display:flex}.cf-qtyrow input{border:2px solid var(--cf-gold);min-width:0;color:var(--cf-fg);font:800 34px var(--font-disp);-moz-appearance:textfield;background:#0f1216;border-radius:14px;outline:none;flex:1;padding:14px 16px}.cf-qtyrow input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cf-qtyrow input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cf-qtyrow b{font:800 26px var(--font-disp);color:var(--cf-gold)}.cf-outs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:16px;display:grid}.cf-outs>div{border:1px solid var(--cf-line);background:#0000004d;border-radius:12px;flex-direction:column;gap:2px;padding:14px;display:flex}.cf-outs>div.hot{background:#e0342f26;border-color:#e0342f99}.cf-outs small{font:500 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cf-low)}.cf-outs strong{font:800 28px/1.1 var(--font-disp);font-variant-numeric:tabular-nums}.cf-outs em{color:var(--cf-mid);font-size:13px;font-style:normal}.cf-rates{margin-top:14px}.cf-rates summary{cursor:pointer;color:var(--cf-gold);font:600 14px var(--font-body)}.cf-lead{background:var(--cf-panel);border:1px solid #e0342f73;border-radius:20px;flex-direction:column;gap:10px;padding:20px;display:flex}.cf-lead h2{font:800 26px/1.1 var(--font-disp);margin:0}.cf-lead p{color:var(--cf-mid);margin:0;font-size:15px;line-height:1.5}.cf-leadf{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.cf-leadf input{border:1px solid var(--cf-line);color:var(--cf-fg);font:400 16px var(--font-body);background:#0f1216;border-radius:12px;outline:none;padding:13px 14px}.cf-leadf input:first-child{grid-column:1/-1}.cf-leadf input:focus{border-color:var(--cf-gold)}.cf-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.cf-err{color:#ff8a80!important}.cf-lead.done{border-color:#3ddc8480;flex-direction:row;align-items:center;gap:14px;animation:.5s both cf-slam}.cf-lead.done img{height:90px}.cf-lead.done b{color:#3ddc84}.cf button:focus-visible,.cf a:focus-visible,.cf input:focus-visible{outline:2px solid var(--cf-gold);outline-offset:2px}@media (max-width:640px){.cf-coach{margin-top:16px}.cf-coach img{height:84px}.cf-say{margin-bottom:14px;font-size:16px}.cf-tiles{grid-template-columns:1fr}.cf-sentences p{font-size:16px}.cf-leadf{grid-template-columns:1fr}.cf-calchead h1{font-size:27px}.cf-outs{grid-template-columns:1fr 1fr}.cf-outs strong{font-size:24px}}@media (prefers-reduced-motion:reduce){.cf *,.cf :before,.cf :after{animation-duration:.01ms!important;animation-iteration-count:1!important}}