.dpc-calc *,.dpc-calc *::before,.dpc-calc *::after{box-sizing:border-box}.dpc-section-label{font-size:.6875rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);margin-top:.15rem}.dpc-diamond-wrap{display:flex;justify-content:center;padding:.25rem 0}.dpc-diamond-svg{width:100%;max-width:320px;height:auto}.dpc-diamond-shape{fill:var(--bg-card);stroke:var(--ink-700);stroke-width:2}.dpc-diamond-line{stroke:var(--ink-700);stroke-width:1.5}.dpc-diamond-text{font-family:inherit;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;fill:var(--ink-300);dominant-baseline:middle;transition:fill 0.25s ease}.dpc-diamond-text.dpc-svg-input{fill:var(--ink-900)}.dpc-diamond-text.dpc-svg-calc{fill:var(--brand-600,#4f46e5)}.dpc-diamond-label{font-family:inherit;font-size:10px;font-weight:var(--fw-bold);fill:var(--ink-500);letter-spacing:.08em;dominant-baseline:middle}.dark .dpc-diamond-shape{fill:var(--bg-soft);stroke:var(--ink-300)}.dark .dpc-diamond-line{stroke:var(--ink-300)}.dark .dpc-diamond-text{fill:var(--ink-500)}.dark .dpc-diamond-text.dpc-svg-input{fill:var(--sky-50)}.dark .dpc-diamond-text.dpc-svg-calc{fill:#a5b4fc}.dpc-hint{padding:.6rem .8rem;background:var(--brand-50);border-left:3px solid var(--brand-500);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.8125rem;color:var(--ink-700);line-height:1.5;word-break:break-word}.dpc-hint code{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:.8125rem;background:var(--bg-card);padding:.05rem .4rem;border-radius:4px;color:var(--ink-800)}.dark .dpc-hint{background:rgb(99 102 241 / .08);color:var(--sky-100)}.dark .dpc-hint code{background:rgb(0 0 0 / .35);color:var(--sky-50)}.dpc-fields{display:grid;grid-template-columns:1fr;gap:.65rem .75rem}@media (min-width:480px){.dpc-fields{grid-template-columns:1fr 1fr}}.dpc-field{min-width:0;overflow:visible}.dpc-field label{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;font-size:.8125rem;font-weight:var(--fw-semibold);color:var(--ink-700);margin-bottom:.35rem;line-height:1.25}.dpc-pos-hint{font-style:normal;font-size:.6875rem;font-weight:var(--fw-medium);color:var(--ink-400)}.dpc-input-wrap{position:relative;display:flex;align-items:center;width:100%}.dpc-input-wrap input[type="text"]{width:100%;min-width:0;padding:.65rem .85rem;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-card);color:var(--ink-800);font-size:.9375rem;font-family:inherit;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;transition:var(--transition-base)}.dpc-input-wrap input[type="text"]:focus{outline:none;border-color:var(--brand-400);box-shadow:0 0 0 3px rgb(99 102 241 / .12)}.dark .dpc-input-wrap input[type="text"]{background-color:var(--bg-card);color:var(--sky-50)}.dpc-results{display:flex;flex-direction:column;gap:.75rem;padding:.9rem;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:visible}@media (min-width:480px){.dpc-results{padding:1rem}}.dpc-result-status{font-size:.875rem;font-weight:var(--fw-semibold);color:var(--ink-700);padding:.65rem .85rem;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-soft);line-height:1.45;word-break:break-word}.dpc-result-status.solved{background:linear-gradient(135deg,var(--brand-500),var(--brand-600,#4f46e5));color:#fff;border-color:#fff0;box-shadow:0 4px 12px -3px rgb(99 102 241 / .35);font-weight:var(--fw-bold)}.dpc-steps-card{padding:.75rem .85rem;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.dpc-steps-label{font-size:.6875rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);margin-bottom:.5rem}.dpc-steps{margin:0;padding-left:1.3rem;font-size:.875rem;line-height:1.6;color:var(--ink-800)}.dpc-steps li{margin-bottom:.4rem}.dpc-steps li:last-child{margin-bottom:0}.dpc-steps strong{color:var(--ink-900);font-weight:var(--fw-bold)}.dpc-steps code{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:.8125rem;background:var(--bg-soft);padding:.1rem .4rem;border-radius:4px;color:var(--brand-700);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold)}.dark .dpc-steps code{background:rgb(99 102 241 / .18);color:#c7d2fe}.dpc-steps-card[hidden]{display:none!important}.dpc-pairs-card{padding:.75rem .85rem;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.dpc-pairs-label{font-size:.6875rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);margin-bottom:.55rem}.dpc-pairs-label span{color:var(--brand-600);font-family:'SFMono-Regular',Consolas,monospace;font-variant-numeric:tabular-nums}.dpc-pairs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;font-variant-numeric:tabular-nums}@media (min-width:480px){.dpc-pairs-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:640px){.dpc-pairs-grid{grid-template-columns:repeat(4,1fr)}}.dpc-pair{padding:.4rem .55rem;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:6px;color:var(--ink-700);font-size:.75rem;font-weight:var(--fw-semibold);text-align:center}.dpc-pair.dpc-pair-match{background:var(--brand-500);color:#fff;border-color:var(--brand-500);font-weight:var(--fw-bold);box-shadow:0 3px 8px -2px rgb(99 102 241 / .35)}.dpc-pairs-card[hidden]{display:none!important}.dpc-warning{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .85rem;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md);color:#92400e;font-size:.8125rem;line-height:1.45}.dpc-warning svg{flex-shrink:0;margin-top:1px}.dark .dpc-warning{background:rgb(217 119 6 / .12);border-color:rgb(217 119 6 / .3);color:#fcd34d}.dpc-warning[hidden]{display:none!important}