.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:var(--card-bg,#fff);border:2px solid var(--border-color,#ddd);border-radius:12px;cursor:pointer;transition:all .25s ease;font-family:inherit}.mode-btn:hover{border-color:var(--primary,#6c5ce7);transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,92,231,.15)}.mode-btn.active{border-color:var(--primary,#6c5ce7);background:var(--primary-light,rgba(108,92,231,.08));box-shadow:0 4px 16px rgba(108,92,231,.2)}.mode-icon{font-size:2rem;line-height:1}.mode-label{font-size:1rem;font-weight:700;color:var(--text-primary,#2d3436);text-align:center}.mode-desc{font-size:.8rem;color:var(--text-secondary,#636e72);text-align:center}.input-section{display:flex;flex-direction:column;gap:1rem}.input-label{font-size:1.1rem;font-weight:600;color:var(--text-primary,#2d3436)}.time-input-wrapper{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.time-input{font-size:1.5rem;padding:.75rem 1rem;border:2px solid var(--border-color,#ddd);border-radius:8px;background:var(--card-bg,#fff);color:var(--text-primary,#2d3436);font-family:inherit;min-width:160px;text-align:center}.time-input:focus{outline:0;border-color:var(--primary,#6c5ce7);box-shadow:0 0 0 3px rgba(108,92,231,.15)}.btn-primary{padding:.75rem 2rem;background:var(--primary,#6c5ce7);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary:hover{background:var(--primary-dark,#5a4bd1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(108,92,231,.3)}.btn-primary:active{transform:translateY(0)}.calculator-card{background:var(--card-bg,#fff);border-radius:16px;padding:2rem;box-shadow:0 2px 16px var(--shadow,rgba(0,0,0,.06));margin-bottom:2rem;border:1px solid var(--border-color,#eee)}.resultados-section{margin-bottom:2rem}.hidden{display:none!important}.resultados-section h2{margin-bottom:1rem;font-size:1.4rem;color:var(--text-primary,#2d3436)}.resultados-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.resultado-card{background:var(--card-bg,#fff);border:2px solid var(--border-color,#eee);border-radius:12px;padding:1.25rem;text-align:center;transition:all .25s ease}.resultado-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px var(--shadow,rgba(0,0,0,.1))}.resultado-card.optimal{border-color:var(--primary,#6c5ce7);background:var(--primary-light,rgba(108,92,231,.06));box-shadow:0 4px 16px rgba(108,92,231,.15)}.resultado-card .ciclo-num{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary,#6c5ce7);margin-bottom:.5rem}.resultado-card .hora{font-size:2rem;font-weight:800;color:var(--text-primary,#2d3436);line-height:1.2}.resultado-card .duracion{font-size:.85rem;color:var(--text-secondary,#636e72);margin-top:.4rem}.resultado-card .badge{display:inline-block;margin-top:.5rem;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600}.badge-optimal{background:var(--primary,#6c5ce7);color:#fff}.badge-bien{background:var(--success,#00b894);color:#fff}.badge-aceptable{background:var(--warning,#fdcb6e);color:#2d3436}.badge-corto{background:var(--danger,#e17055);color:#fff}.timeline-section{background:var(--card-bg,#fff);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 16px var(--shadow,rgba(0,0,0,.06));border:1px solid var(--border-color,#eee)}.timeline-section h2{margin-bottom:1.5rem;font-size:1.3rem;color:var(--text-primary,#2d3436)}.timeline-container{overflow-x:auto;padding-bottom:.5rem}.timeline-bar{display:flex;border-radius:8px;overflow:hidden;height:60px;min-width:fit-content;box-shadow:0 2px 8px var(--shadow,rgba(0,0,0,.1))}.timeline-block{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem;border-right:1px solid rgba(255,255,255,.2);min-width:90px;position:relative;transition:all .2s ease}.timeline-block:last-child{border-right:none}.timeline-block:hover{filter:brightness(1.15)}.timeline-block .block-label{font-size:.65rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);text-align:center;line-height:1.2}.timeline-block .block-time{font-size:.7rem;font-weight:700;color:rgba(255,255,255,.9);margin-top:2px}.timeline-labels{display:flex;min-width:fit-content;margin-top:.5rem}.timeline-label-item{min-width:90px;text-align:center;font-size:.75rem;color:var(--text-secondary,#636e72);font-weight:600}.timeline-legend{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary,#636e72)}.legend-color{width:14px;height:14px;border-radius:3px;display:inline-block}.tips-section{margin-bottom:2rem}.tips-section h2{font-size:1.4rem;margin-bottom:1rem;color:var(--text-primary,#2d3436)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.tip-card{background:var(--card-bg,#fff);border-radius:12px;padding:1.25rem;border:1px solid var(--border-color,#eee);box-shadow:0 2px 8px var(--shadow,rgba(0,0,0,.04));transition:transform .2s ease}.tip-card:hover{transform:translateY(-2px)}.tip-card h3{font-size:1rem;margin-bottom:.5rem;color:var(--primary,#6c5ce7)}.tip-card p{font-size:.9rem;color:var(--text-secondary,#636e72);line-height:1.5}.info-section{background:var(--card-bg,#fff);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-color,#eee);box-shadow:0 2px 16px var(--shadow,rgba(0,0,0,.06))}.info-section h2{font-size:1.4rem;margin-bottom:1rem;color:var(--text-primary,#2d3436)}.info-content{font-size:.95rem;line-height:1.7;color:var(--text-secondary,#636e72)}.info-content ol{padding-left:1.5rem;margin:1rem 0}.info-content li{margin-bottom:.75rem}.info-content strong{color:var(--text-primary,#2d3436)}.disclaimer{background:var(--warning-light,rgba(253,203,110,.15));border:1px solid var(--warning,#fdcb6e);border-radius:12px;padding:1.25rem;margin-bottom:2rem}.disclaimer p{font-size:.9rem;color:var(--text-secondary,#636e72);line-height:1.6;margin:0}@media (max-width:600px){.mode-selector{grid-template-columns:1fr}.mode-btn{padding:1rem}.time-input-wrapper{flex-direction:column;align-items:stretch}.time-input{width:100%;font-size:1.25rem}.btn-primary{width:100%}.resultados-grid{grid-template-columns:repeat(2,1fr)}.resultado-card .hora{font-size:1.5rem}.tips-grid{grid-template-columns:1fr}.timeline-block{min-width:70px}.timeline-label-item{min-width:70px;font-size:.65rem}.calculator-card,.info-section,.timeline-section{padding:1.25rem}}@media (max-width:380px){.resultados-grid{grid-template-columns:1fr}}[data-theme=dark] .mode-btn{border-color:var(--border-color,#444)}[data-theme=dark] .mode-btn.active{border-color:var(--primary,#a29bfe);background:rgba(108,92,231,.15)}[data-theme=dark] .resultado-card{border-color:var(--border-color,#333)}[data-theme=dark] .resultado-card.optimal{border-color:var(--primary,#a29bfe);background:rgba(108,92,231,.1)}[data-theme=dark] .tip-card{border-color:var(--border-color,#333)}[data-theme=dark] .info-section{border-color:var(--border-color,#333)}[data-theme=dark] .timeline-section{border-color:var(--border-color,#333)}[data-theme=dark] .disclaimer{border-color:#b8860b;background:rgba(253,203,110,.08)}[data-theme=dark] .time-input{background:var(--card-bg,#1e1e1e);color:var(--text-primary,#e0e0e0);border-color:var(--border-color,#444)}