.ccc{padding:2rem;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:linear-gradient(135deg,#fff9,#f1f5f966);backdrop-filter:blur(20px);color:#0f172a;box-shadow:0 25px 50px -12px #0000000d,inset 0 1px #fffc}.theme-dark .ccc{border-color:#ffffff0d;background:linear-gradient(135deg,#1e293b99,#0f172acc);color:#f8fafc;box-shadow:0 25px 50px -12px #00000040,inset 0 1px #ffffff0d}.ccc__warning{display:flex;gap:1rem;margin-bottom:2rem;padding:1.25rem;border:1px solid rgba(239,68,68,.15);border-radius:16px;background:#ef444408;backdrop-filter:blur(8px)}.ccc__warning-mark{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#ef4444;color:#fff;font-weight:800;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #ef444440}.ccc__warning-text{font-size:.875rem;line-height:1.5;color:#475569}.theme-dark .ccc__warning-text{color:#cbd5e1}.ccc__warning-title{display:block;font-weight:600;margin-bottom:.25rem;color:#0f172a}.theme-dark .ccc__warning-title{color:#f8fafc}.ccc__layout{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.ccc__layout{grid-template-columns:1.1fr .9fr}}.ccc__meter-card{padding:2rem;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:#ffffff4d;backdrop-filter:blur(16px);box-shadow:0 10px 30px #00000005,inset 0 1px #ffffff80;display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:320px}.theme-dark .ccc__meter-card{border-color:#ffffff08;background:#0f172a4d;box-shadow:none}.ccc__meter-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#1e293b}.theme-dark .ccc__meter-title{color:#f1f5f9}.ccc__gauge-container{position:relative;height:140px;margin:2.5rem 0}.ccc__gauge-track{position:absolute;top:60px;left:0;right:0;height:16px;border-radius:999px;background:#e2e8f0cc;overflow:hidden;display:flex;box-shadow:inset 0 2px 4px #0000000d}.theme-dark .ccc__gauge-track{background:#33415580}.ccc__gauge-segment{height:100%;transition:width .3s ease}.ccc__gauge-segment--low{background:linear-gradient(90deg,#3b82f666,#3b82f6bf)}.ccc__gauge-segment--normal{background:linear-gradient(90deg,#10b98166,#10b981bf)}.ccc__gauge-segment--high{background:linear-gradient(90deg,#ef444466,#ef4444bf)}.ccc__displacement-bridge{position:absolute;top:60px;height:16px;background:repeating-linear-gradient(45deg,#8b5cf626,#8b5cf626 6px,#8b5cf64d 6px 12px);border-top:1px dashed rgba(139,92,246,.5);border-bottom:1px dashed rgba(139,92,246,.5);z-index:1;transition:left .3s ease-out,width .3s ease-out}.ccc__pointer{position:absolute;width:2px;transition:left .3s ease-out,opacity .3s ease;z-index:2}.ccc__pointer--preview{opacity:.5}.ccc__pointer--measured{top:10px;height:50px;background:#3b82f6;box-shadow:0 0 10px #3b82f64d}.ccc__pointer--measured:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #3b82f6}.ccc__pointer--corrected{top:76px;height:50px;background:#8b5cf6;box-shadow:0 0 10px #8b5cf64d}.ccc__pointer--corrected:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #8b5cf6}.ccc__pointer-label{position:absolute;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:6px;color:#fff;box-shadow:0 4px 12px #00000014}.ccc__pointer-label--measured{top:-24px;left:50%;transform:translate(-50%);background:#3b82f6}.ccc__pointer-label--corrected{bottom:-24px;left:50%;transform:translate(-50%);background:#8b5cf6}.ccc__scale-labels{position:relative;height:20px;margin-top:1rem}.ccc__scale-tick{position:absolute;transform:translate(-50%);font-size:.75rem;font-weight:600;color:#64748b;transition:left .3s ease}.theme-dark .ccc__scale-tick{color:#94a3b8}.ccc__panel{display:flex;flex-direction:column;gap:1.5rem}.ccc__fields{display:grid;grid-template-columns:1fr;gap:1.25rem}.ccc__field{display:flex;flex-direction:column;gap:.5rem}.ccc__field-title{font-size:.875rem;font-weight:600;color:#475569}.theme-dark .ccc__field-title{color:#cbd5e1}.ccc__input-group{display:flex;align-items:center;border:1px solid rgba(226,232,240,.8);border-radius:12px;background:#fffc;box-shadow:0 2px 8px #00000003;overflow:hidden;transition:all .2s ease}.theme-dark .ccc__input-group{border-color:#ffffff14;background:#0f172a99}.ccc__input-group:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.ccc__input{flex:1;padding:.875rem 1.25rem;border:none;background:transparent;outline:none;color:inherit;font-size:1.125rem;font-weight:600}.ccc__toggle-group{display:flex;background:#f1f5f9cc;padding:3px;border-radius:8px;margin-right:6px}.theme-dark .ccc__toggle-group{background:#1e293bcc}.ccc__toggle-btn{padding:.5rem .875rem;font-size:.75rem;font-weight:700;border:none;background:transparent;color:#64748b;border-radius:6px;cursor:pointer;transition:all .2s ease}.theme-dark .ccc__toggle-btn{color:#94a3b8}.ccc__toggle-btn--active{background:#fff;color:#0f172a;box-shadow:0 2px 6px #0000000f}.theme-dark .ccc__toggle-btn--active{background:#1e293b;color:#f8fafc}.ccc__results{display:grid;grid-template-columns:1fr;gap:1rem}.ccc__result-box{padding:1.5rem;border-radius:16px;background:#fff6;border:1px solid rgba(226,232,240,.5);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.theme-dark .ccc__result-box{background:#1e293b33;border-color:#ffffff08}.ccc__result-box--highlight{background:linear-gradient(135deg,#8b5cf614,#3b82f614);border-color:#8b5cf626;box-shadow:0 10px 20px #8b5cf608}.theme-dark .ccc__result-box--highlight{background:linear-gradient(135deg,#8b5cf626,#3b82f626)}.ccc__result-label{font-size:.9rem;font-weight:600;color:#475569}.theme-dark .ccc__result-label{color:#cbd5e1}.ccc__result-box--highlight .ccc__result-label{color:#7c3aed}.theme-dark .ccc__result-box--highlight .ccc__result-label{color:#a78bfa}.ccc__result-values{display:flex;flex-direction:column;align-items:flex-end}.ccc__result-number{font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.ccc__result-unit{font-size:.75rem;font-weight:600;color:#64748b;margin-top:2px}.theme-dark .ccc__result-unit{color:#94a3b8}.ccc__interpretation{padding:1.25rem;border-radius:16px;border:1px solid transparent;font-size:.875rem;line-height:1.6;transition:all .3s ease}.ccc__interpretation--low{background:#3b82f60f;border-color:#3b82f633;color:#1d4ed8}.theme-dark .ccc__interpretation--low{color:#93c5fd}.ccc__interpretation--normal{background:#10b9810f;border-color:#10b98133;color:#047857}.theme-dark .ccc__interpretation--normal{color:#6ee7b7}.ccc__interpretation--high{background:#ef44440f;border-color:#ef444433;color:#b91c1c}.theme-dark .ccc__interpretation--high{color:#fca5a5}.ccc__formula{font-size:.75rem;color:#64748b;text-align:center;margin-top:.5rem}.theme-dark .ccc__formula{color:#94a3b8}.ccc__formula code{background:#0000000a;padding:3px 8px;border-radius:6px;font-weight:600}.theme-dark .ccc__formula code{background:#ffffff0a}