:root{--ldc-primary:#6366f1;--ldc-primary-hover:#4f46e5;--ldc-primary-light:#6366f114;--ldc-primary-medium:#6366f126;--ldc-text:#0f172a;--ldc-text-secondary:#475569;--ldc-text-muted:#64748b;--ldc-text-light:#94a3b8;--ldc-bg:#fff;--ldc-bg-secondary:#f8fafc;--ldc-bg-tertiary:#f1f5f9;--ldc-bg-hover:#e2e8f0;--ldc-border:#e2e8f0;--ldc-border-strong:#cbd5e1;--ldc-input-bg:#fff;--ldc-input-border:#cbd5e1;--ldc-input-border-hover:#94a3b8;--ldc-input-border-focus:#6366f1;--ldc-result-bg:linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);--ldc-result-text:#4338ca;--ldc-visual-quotient:#6366f1;--ldc-visual-dividend:#0f172a;--ldc-visual-divisor:#475569;--ldc-visual-subtract:#ef4444;--ldc-visual-bring-down:#10b981;--ldc-visual-line:#94a3b8;--ldc-success:#10b981;--ldc-success-bg:#10b9811a;--ldc-error:#ef4444;--ldc-error-bg:#ef44441a;--ldc-shadow-sm:0 1px 2px #0000000d;--ldc-shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--ldc-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--ldc-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--ldc-shadow-focus:0 0 0 3px #6366f133;--ldc-radius-sm:6px;--ldc-radius:10px;--ldc-radius-lg:14px;--ldc-radius-xl:18px;--ldc-transition:.2s ease}._ldc-container{flex-direction:column;gap:1.25rem;max-width:700px;margin:0 auto;display:flex}._ldc-card{background:var(--ldc-bg);border-radius:var(--ldc-radius-xl);border-style:solid;border-width:1px;border-color:var(--ldc-border);box-shadow:var(--ldc-shadow-md);padding:1.75rem}._ldc-card-title{color:var(--ldc-text);letter-spacing:-.01em;margin:0 0 1.25rem;font-size:1rem;font-weight:700}._ldc-hidden{display:none!important}@media (max-width:768px){._ldc-container{padding-left:1rem;padding-right:1rem}._ldc-card{border-radius:var(--ldc-radius-lg);padding:1.25rem}._ldc-card-title{margin-bottom:1rem;font-size:.9375rem}}._ldc-input-section{margin-bottom:1.25rem}._ldc-input-row{justify-content:center;align-items:flex-end;gap:1rem;display:flex}._ldc-input-group{flex:1;max-width:180px}._ldc-label{color:var(--ldc-text-secondary);margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}._ldc-input{width:100%;font-size:1.25rem;font-weight:600;font-family:var(--main-font-mono);color:var(--ldc-text);background:var(--ldc-input-bg);border-style:solid;border-width:2px;border-color:var(--ldc-input-border);border-radius:var(--ldc-radius);text-align:center;transition:border-color var(--ldc-transition), box-shadow var(--ldc-transition);padding:.75rem 1rem}._ldc-input:hover{border-color:var(--ldc-input-border-hover)}._ldc-input:focus{border-color:var(--ldc-input-border-focus);box-shadow:var(--ldc-shadow-focus);outline:none}._ldc-input::placeholder{color:var(--ldc-text-light);font-weight:500}._ldc-divider{color:var(--ldc-text-secondary);padding-bottom:.625rem;font-size:1.75rem;font-weight:700}._ldc-examples{background:var(--ldc-bg-secondary);border-radius:var(--ldc-radius);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:1rem;display:flex}._ldc-examples-label{color:var(--ldc-text-secondary);font-size:.8125rem;font-weight:600}._ldc-examples-list{flex-wrap:wrap;gap:.5rem;display:flex}._ldc-example-btn{font-size:.8125rem;font-weight:500;font-family:var(--main-font-mono);color:var(--ldc-primary);background:var(--ldc-bg);border-style:solid;border-width:1px;border-color:var(--ldc-border);border-radius:var(--ldc-radius-sm);cursor:pointer;transition:all var(--ldc-transition);padding:.375rem .75rem}._ldc-example-btn:hover{background:var(--ldc-primary-light);border-color:var(--ldc-primary)}._ldc-actions{justify-content:center;display:flex}._ldc-clear-btn{color:var(--ldc-text-secondary);background:var(--ldc-bg-secondary);border-radius:var(--ldc-radius);cursor:pointer;transition:all var(--ldc-transition);border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}._ldc-clear-btn:hover{background:var(--ldc-bg-tertiary);color:var(--ldc-text)}._ldc-clear-btn svg{width:16px;height:16px}@media (max-width:768px){._ldc-input-row{flex-direction:column;align-items:stretch;gap:.75rem}._ldc-input-group{max-width:none}._ldc-divider{text-align:center;padding:.25rem 0}._ldc-input{padding:.625rem .875rem;font-size:1.125rem}._ldc-examples{flex-direction:column;align-items:flex-start;gap:.625rem;padding:.875rem}._ldc-examples-list{width:100%}._ldc-example-btn{text-align:center;flex:1}}._ldc-result-card{background:var(--ldc-result-bg);border-color:#0000}._ldc-result-content{flex-direction:column;gap:1rem;display:flex}._ldc-result-main{font-size:1.5rem;font-weight:700;font-family:var(--main-font-mono);color:var(--ldc-result-text);text-align:center}._ldc-result-details{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}._ldc-result-item{border-radius:var(--ldc-radius);text-align:center;background:#fff9;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}._ldc-result-label{color:var(--ldc-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}._ldc-result-value{font-size:1.125rem;font-weight:700;font-family:var(--main-font-mono);color:var(--ldc-text)}._ldc-result-value-sm{font-size:.9375rem}._ldc-error-card{background:var(--ldc-error-bg);border-color:#0000}._ldc-error-content{color:var(--ldc-error);justify-content:center;align-items:center;gap:.75rem;font-size:.9375rem;font-weight:600;display:flex}@media (max-width:768px){._ldc-result-main{font-size:1.25rem}._ldc-result-details{grid-template-columns:repeat(2,1fr)}._ldc-result-item{padding:.625rem}._ldc-result-value{font-size:1rem}}._ldc-visual-card{overflow-x:auto}._ldc-visual-container{background:var(--ldc-bg-secondary);border-radius:var(--ldc-radius);justify-content:center;min-height:120px;margin-bottom:1.25rem;padding:1.5rem;display:flex;overflow-x:auto}._ldc-visual{font-family:var(--main-font-mono);white-space:pre;color:var(--ldc-text);font-size:1.25rem;line-height:1.6}._ldc-visual-quotient{color:var(--ldc-visual-quotient);font-weight:700}._ldc-visual-divisor{color:var(--ldc-visual-divisor);font-weight:600}._ldc-visual-dividend{color:var(--ldc-visual-dividend);font-weight:600}._ldc-visual-subtract{color:var(--ldc-visual-subtract)}._ldc-visual-bring-down{color:var(--ldc-visual-bring-down);font-weight:600}._ldc-visual-line{color:var(--ldc-visual-line)}._ldc-visual-remainder{color:var(--ldc-primary);font-weight:700}._ldc-steps-list{flex-direction:column;gap:.625rem;min-height:100px;display:flex}._ldc-step{background:var(--ldc-bg-secondary);border-radius:var(--ldc-radius);border-left-style:solid;border-left-width:3px;border-left-color:var(--ldc-primary);gap:.75rem;padding:.75rem 1rem;display:flex}._ldc-step-number{color:#fff;background:var(--ldc-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:flex}._ldc-step-content{color:var(--ldc-text-secondary);flex:1;font-size:.875rem;line-height:1.5}._ldc-step-highlight{font-weight:600;font-family:var(--main-font-mono);color:var(--ldc-text)}@media (max-width:768px){._ldc-visual-container{padding:1rem}._ldc-visual{font-size:1rem}._ldc-step{gap:.625rem;padding:.625rem .875rem}._ldc-step-content{font-size:.8125rem}}@media (max-width:480px){._ldc-visual{font-size:.875rem}}