.cppnc{--ink:#16161a;--accent:#2e5cff;--paper:#f7f6f2;--ink-60:#16161a99;--ink-42:#16161a6b;--line:#16161a1f;--good:#22a06b;--warn:#e5a93b;--bad:#de5b4e;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;line-height:1.5}.cppnc *{box-sizing:border-box;margin:0;padding:0}.cppnc-band{background:#fff;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:clamp(6px,1.4vw,16px) 0 clamp(30px,4.6vw,60px)}.cppnc-inner{max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.cppnc-crumb{color:var(--ink-42);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:12.5px;font-weight:600;display:flex}.cppnc-crumb a{transition:color .14s;color:var(--ink-60)!important;text-decoration:none!important}.cppnc-crumb a:hover{color:var(--accent)!important}.cppnc-crumb span.sep{opacity:.5}.cppnc-crumb span.here{color:var(--ink)!important}.cppnc h1{letter-spacing:-.025em;font-family:Bricolage Grotesque,sans-serif;color:var(--ink)!important;margin:0 0 clamp(20px,3vw,28px)!important;font-size:clamp(30px,5vw,46px)!important;font-weight:800!important;line-height:1.05!important}.cppnc h1 b{font-weight:800;color:var(--accent)!important}.cppnc-card{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3.4vw,40px);padding:clamp(20px,3vw,32px);display:grid;box-shadow:0 2px 4px #16161a0a,0 18px 40px -18px #16161a42,0 44px 80px -50px #2e5cff47}@media (max-width:800px){.cppnc-card{grid-template-columns:minmax(0,1fr);gap:24px}}.cppnc-fields{flex-direction:column;gap:15px;display:flex}.cppnc-field{flex-direction:column;gap:8px;display:flex}.cppnc-lab{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-42);justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;font-weight:700;display:flex}.cppnc-lab .hint{letter-spacing:0;text-transform:none;color:var(--ink-42);font-size:10.5px;font-weight:600}.cppnc-seg{border:1px solid var(--line);background:#16161a0d;border-radius:12px;grid-template-columns:1fr 1fr 1fr;gap:3px;padding:3px;display:grid}.cppnc-seg button{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 4px;font-family:inherit;font-size:12.5px;font-weight:700;line-height:1.25;transition:all .16s;color:var(--ink-60)!important}.cppnc-seg button.on{background:var(--accent);box-shadow:0 4px 12px -4px #2e5cff99;color:#fff!important}.cppnc-inrow{gap:10px;display:flex}.cppnc-inwrap{border:1.5px solid var(--line);background:#fff;border-radius:12px;flex:1;align-items:center;height:48px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.cppnc-inwrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #2e5cff26}.cppnc-inwrap input{-moz-appearance:textfield;flex:1;min-width:0;height:100%;padding:0 6px 0 15px;font-family:inherit;font-size:16px;font-weight:600;color:var(--ink)!important;background:0 0!important;border:0!important}.cppnc-inwrap input:focus{outline:0;box-shadow:none!important}.cppnc-inwrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cppnc-inwrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cppnc-unit{color:var(--ink-42);white-space:nowrap;padding-right:12px;font-size:13px;font-weight:700}.cppnc-result{flex-direction:column;display:flex}.cppnc-resultcard{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:clamp(18px,2.4vw,24px)}.cppnc-rangelab{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-42);text-align:center;font-size:11px;font-weight:700}.cppnc-range{letter-spacing:-.02em;color:var(--ink);text-align:center;margin-top:6px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(30px,4.6vw,38px);font-weight:800;line-height:1.1}.cppnc-rangesub{color:var(--ink-60);text-align:center;margin-top:4px;font-size:12.5px;font-weight:600}.cppnc-empty{text-align:center;height:100%;min-height:220px;color:var(--ink-42);background:var(--paper);border:1.5px dashed var(--line);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.cppnc-flag{text-align:left;border-radius:10px;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex}.cppnc-flag.good{color:#186b47;background:#22a06b1a;border:1px solid #22a06b4d}.cppnc-flag.warn{color:#7a5a12;background:#e5a93b1f;border:1px solid #e5a93b59}.cppnc-flag.bad{color:#8f3327;background:#de5b4e1a;border:1px solid #de5b4e4d}.cppnc-break{flex-direction:column;gap:0;margin-top:16px;display:flex}.cppnc-bhead{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-42);margin:14px 0 6px;font-size:10.5px;font-weight:700}.cppnc-bhead:first-child{margin-top:0}.cppnc-brow{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:8px 0;font-size:13px;display:flex}.cppnc-brow:last-child{border-bottom:0}.cppnc-brow .lab{color:var(--ink-60)}.cppnc-brow .val{color:var(--ink);white-space:nowrap;font-weight:700}.cppnc-note{border-top:1px solid var(--line);color:var(--ink-42);grid-column:1/-1;margin-top:4px;padding-top:16px;font-size:11.5px;line-height:1.5}