.dtc-wrapper{--dtc-primary: #6366F1;--dtc-secondary: #8B5CF6;--dtc-accent: #EC4899;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;min-height:100vh}.dtc-card{background:#fff;border-radius:2.5rem;padding:3rem;max-width:700px;width:100%;box-shadow:0 25px 50px -12px #00000026;animation:slideUp .6s cubic-bezier(.4,0,.2,1)}:global(.dark) .dtc-card{background:#1e293b;box-shadow:0 25px 50px -12px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.dtc-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:3rem}.dtc-icon{width:60px;height:60px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);border-radius:1.2rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 25px #6366f14d;flex-shrink:0}.dtc-icon svg{width:32px;height:32px}.dtc-header h2{font-size:2rem;font-weight:900;margin:0;color:#0f172a;letter-spacing:-.02em}:global(.dark) .dtc-header h2{color:#f1f5f9}.dtc-input-section{margin-bottom:2.5rem}.dtc-input-section>label{display:block;font-size:.85rem;font-weight:700;color:#64748b;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.05em}:global(.dark) .dtc-input-section>label{color:#cbd5e1}.dtc-input-group{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.dtc-input{flex:1;background:#f8fafc;border:2px solid #e2e8f0;border-radius:1.3rem;padding:1.2rem 1.5rem;font-size:1.5rem;font-weight:800;color:#0f172a;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}:global(.dark) .dtc-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dtc-input:focus{border-color:var(--dtc-primary);background:#fff;box-shadow:0 0 0 6px #6366f11a}:global(.dark) .dtc-input:focus{background:#1e293b}.dtc-input-unit{font-size:.95rem;font-weight:700;color:#64748b;white-space:nowrap}:global(.dark) .dtc-input-unit{color:#cbd5e1}.dtc-presets-label{font-size:.75rem;font-weight:800;color:var(--dtc-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.dtc-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.8rem}.dtc-preset{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:1rem;padding:1rem;font-size:.8rem;font-weight:700;color:#0f172a;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}:global(.dark) .dtc-preset{background:#0f172a;border-color:#334155;color:#f1f5f9}.preset-icon{font-size:1.5rem;display:block}.dtc-preset:hover{border-color:var(--dtc-primary);background:#dbeafe;transform:translateY(-3px);box-shadow:0 8px 16px #6366f133}:global(.dark) .dtc-preset:hover{background:#6366f11a}.dtc-preset.active{background:linear-gradient(135deg,var(--dtc-primary),var(--dtc-secondary));color:#fff;border-color:transparent;box-shadow:0 8px 20px #6366f14d}.dtc-speed-section{margin-bottom:2.5rem}.dtc-speed-section>label{display:block;font-size:.85rem;font-weight:700;color:#64748b;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}:global(.dark) .dtc-speed-section>label{color:#cbd5e1}.dtc-speed-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dtc-speed-btn{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:1.1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}:global(.dark) .dtc-speed-btn{background:#0f172a;border-color:#334155}.dtc-speed-label{font-size:.9rem;font-weight:800;color:#0f172a}:global(.dark) .dtc-speed-label{color:#f1f5f9}.dtc-speed-value{font-size:.75rem;font-weight:700;color:#64748b}:global(.dark) .dtc-speed-value{color:#cbd5e1}.dtc-speed-btn:hover{border-color:var(--dtc-primary);background:#dbeafe;transform:translateY(-3px);box-shadow:0 8px 16px #6366f133}:global(.dark) .dtc-speed-btn:hover{background:#6366f11a}.dtc-speed-btn.active{background:linear-gradient(135deg,var(--dtc-primary),var(--dtc-secondary));color:#fff;border-color:transparent;box-shadow:0 8px 20px #6366f14d}.dtc-speed-btn.active .dtc-speed-label{color:#fff}.dtc-speed-btn.active .dtc-speed-value{color:#ffffffe6}.dtc-multiplier-section{margin-bottom:2.5rem}.dtc-multiplier-section>label{display:block;font-size:.85rem;font-weight:700;color:#64748b;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}:global(.dark) .dtc-multiplier-section>label{color:#cbd5e1}.dtc-multiplier-input{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.dtc-times-btn{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:.9rem;padding:.8rem 1.2rem;font-size:.8rem;font-weight:700;color:#0f172a;cursor:pointer;transition:all .2s}:global(.dark) .dtc-times-btn{background:#0f172a;border-color:#334155;color:#f1f5f9}.dtc-times-btn:hover{border-color:var(--dtc-primary);background:#dbeafe}:global(.dark) .dtc-times-btn:hover{background:#6366f11a}.dtc-times-btn.active{background:var(--dtc-primary);color:#fff;border-color:var(--dtc-primary)}.dtc-times-input{padding:.8rem 1rem;border:2px solid #e2e8f0;border-radius:.9rem;font-size:.8rem;font-weight:700;background:#f8fafc;color:#0f172a;outline:none;width:80px;transition:all .2s}:global(.dark) .dtc-times-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dtc-times-input:focus{border-color:var(--dtc-primary);box-shadow:0 0 0 4px #6366f11a}.dtc-results{background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border-radius:1.5rem;padding:2rem;margin-bottom:2rem;display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}:global(.dark) .dtc-results{background:linear-gradient(135deg,#6366f10d,#10b9810d)}.dtc-result-single,.dtc-result-total{display:flex;flex-direction:column;align-items:center;gap:.5rem}.dtc-result-label{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}:global(.dark) .dtc-result-label{color:#cbd5e1}.dtc-result-time,.dtc-result-time-total{font-size:2rem;font-weight:900;color:var(--dtc-primary);line-height:1}.dtc-result-life,.dtc-result-life-total{font-size:.75rem;font-weight:700;color:#64748b}:global(.dark) .dtc-result-life,:global(.dark) .dtc-result-life-total{color:#cbd5e1}.dtc-divider{width:2px;height:100%;background:linear-gradient(180deg,transparent,#cbd5e1,transparent)}:global(.dark) .dtc-divider{background:linear-gradient(180deg,transparent,rgba(203,213,225,.2),transparent)}.dtc-impact{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.dtc-impact-card{background:linear-gradient(135deg,#6366f11a,#ff8c001a);border:2px solid rgba(99,102,241,.2);border-radius:1.3rem;padding:2rem;text-align:center;transition:all .3s}:global(.dark) .dtc-impact-card{background:linear-gradient(135deg,#6366f10d,#ff8c000d);border-color:#6366f11a}.dtc-impact-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #6366f133}.dtc-impact-number{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,var(--dtc-primary),var(--dtc-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.dtc-impact-text{font-size:.85rem;font-weight:700;color:#64748b}:global(.dark) .dtc-impact-text{color:#cbd5e1}.dtc-message{background:linear-gradient(135deg,#fef3c7,#fecaca);border:2px solid #fbbf24;border-radius:1.3rem;padding:1.5rem;text-align:center;font-size:1rem;font-weight:700;color:#92400e;line-height:1.6}:global(.dark) .dtc-message{background:linear-gradient(135deg,#fef3c71a,#fecaca1a);border-color:#fbbf244d;color:#fbbf24}@media(max-width:768px){.dtc-wrapper{padding:1rem}.dtc-card{padding:1.5rem}.dtc-header{margin-bottom:1.2rem;gap:.8rem}.dtc-header h2{font-size:1.3rem}.dtc-icon{width:45px;height:45px}.dtc-icon svg{width:22px;height:22px}.dtc-input-section{margin-bottom:1.2rem}.dtc-input-section>label{font-size:.7rem;margin-bottom:.4rem}.dtc-input-group{margin-bottom:.8rem}.dtc-input{font-size:1rem;padding:.8rem .9rem}.dtc-presets-label{font-size:.65rem;margin-bottom:.5rem}.dtc-presets{grid-template-columns:repeat(2,1fr);gap:.4rem}.dtc-preset{padding:.5rem;font-size:.65rem;gap:.3rem;border-radius:.8rem}.preset-icon{font-size:1.1rem}.dtc-speed-section{margin-bottom:1.2rem}.dtc-speed-section>label{font-size:.7rem;margin-bottom:.5rem}.dtc-speed-buttons{gap:.5rem}.dtc-speed-btn{padding:.6rem;border-radius:.9rem}.dtc-speed-label{font-size:.7rem}.dtc-speed-value{font-size:.6rem}.dtc-multiplier-section{margin-bottom:1.2rem}.dtc-multiplier-section>label{font-size:.7rem;margin-bottom:.5rem}.dtc-multiplier-input{gap:.3rem}.dtc-times-btn{padding:.4rem .6rem;font-size:.6rem}.dtc-times-input{width:60px;font-size:.6rem;padding:.4rem .6rem}.dtc-results{grid-template-columns:1fr;gap:.8rem;padding:1rem;margin-bottom:1rem;border-radius:1.2rem}.dtc-divider{display:none}.dtc-result-label{font-size:.65rem}.dtc-result-time,.dtc-result-time-total{font-size:1.3rem}.dtc-result-life,.dtc-result-life-total{font-size:.6rem}.dtc-impact{grid-template-columns:1fr;gap:.8rem;margin-bottom:1rem}.dtc-impact-card{padding:1rem;border-radius:.9rem}.dtc-impact-number{font-size:1.6rem;margin-bottom:.3rem}.dtc-impact-text{font-size:.75rem}.dtc-message{padding:.9rem;font-size:.8rem;border-radius:.9rem;line-height:1.4}}@media(max-width:480px){.dtc-wrapper{padding:.5rem;min-height:auto}.dtc-card{padding:1rem;border-radius:1.3rem}.dtc-header{margin-bottom:.9rem}.dtc-header h2{font-size:1rem}.dtc-icon{width:40px;height:40px}.dtc-icon svg{width:20px;height:20px}.dtc-input-section{margin-bottom:.9rem}.dtc-input{font-size:.9rem;padding:.7rem .8rem}.dtc-input-unit{font-size:.75rem}.dtc-presets{grid-template-columns:repeat(2,1fr);gap:.3rem}.dtc-preset{padding:.4rem;font-size:.6rem;border-radius:.65rem}.preset-icon{font-size:.9rem}.dtc-speed-section{margin-bottom:.9rem}.dtc-speed-section>label{font-size:.65rem;margin-bottom:.4rem}.dtc-speed-buttons{gap:.4rem}.dtc-speed-btn{padding:.5rem;border-radius:.8rem}.dtc-speed-label{font-size:.65rem}.dtc-speed-value{font-size:.55rem}.dtc-multiplier-section{margin-bottom:.9rem}.dtc-multiplier-input{gap:.25rem}.dtc-times-btn{padding:.3rem .5rem;font-size:.55rem}.dtc-times-input{width:55px;font-size:.55rem;padding:.3rem .5rem}.dtc-results{padding:.8rem;margin-bottom:.8rem}.dtc-result-time,.dtc-result-time-total{font-size:1.1rem}.dtc-result-life,.dtc-result-life-total{font-size:.55rem}.dtc-impact{gap:.6rem;margin-bottom:.8rem}.dtc-impact-card{padding:.8rem;border-radius:.8rem}.dtc-impact-number{font-size:1.4rem;margin-bottom:.2rem}.dtc-impact-text{font-size:.7rem}.dtc-message{padding:.75rem;font-size:.75rem;border-radius:.8rem}}