/* Styles same base as previous */
#somo-candela-app { --bg:#0f172a; --panel:#111827; --panel-2:#0b1220; --text:#0f172a; --muted:#475569; --accent:#22d3ee; --accent-2:#06b6d4; --ring:rgba(34,211,238,.35); }
#somo-candela-app * { box-sizing:border-box; }
#somo-candela-app { color:#0f172a; }
#somo-candela-app .card{ background:#ffffff; border:1px solid rgba(15,23,42,.08); border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,.08); padding:28px; }
#somo-candela-app .header{ display:flex; align-items:center; gap:12px; margin-bottom:14px;}
#somo-candela-app h1{ font-size:clamp(20px,2.2vw,28px); margin:0; letter-spacing:.3px;}
#somo-candela-app .sub{ color:#475569; font-size:14px; margin-top:2px;}
#somo-candela-app .grid{ display:grid; grid-template-columns:1fr; gap:18px; margin-top:18px;}
@media (min-width:820px){ #somo-candela-app .grid{ grid-template-columns:1.1fr .9fr; } }
#somo-candela-app .field{ display:grid; gap:8px; }
#somo-candela-app label{ font-size:14px; color:#475569; }
#somo-candela-app .input-wrap{ position:relative; }
#somo-candela-app input[type=number]{ width:100%; padding:14px 44px 14px 14px; font-size:16px; color:#0f172a;
  background:#ffffff; border:1px solid rgba(15,23,42,.1); border-radius:12px; outline:none; transition:box-shadow .2s,border-color .2s,background .2s;}
#somo-candela-app input[type=number]:focus{ border-color:#06b6d4; box-shadow:0 0 0 6px rgba(6,182,212,.25); }
#somo-candela-app .unit{ position:absolute; right:12px; top:50%; transform:translateY(-50%); color:#475569; font-size:14px; }
#somo-candela-app .range-row{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; }
#somo-candela-app input[type=range]{ width:100%; accent-color:#06b6d4; }
#somo-candela-app .btns{ display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; }
#somo-candela-app button{ appearance:none; border:none; cursor:pointer; background:linear-gradient(135deg,#22d3ee,#06b6d4); color:#001018; padding:12px 16px; border-radius:12px; font-weight:700; letter-spacing:.25px; box-shadow:0 6px 18px rgba(6,182,212,.25); }
#somo-candela-app button.secondary{ background:#ffffff; color:#0f172a; border:1px solid rgba(15,23,42,.12); box-shadow:none; }
#somo-candela-app button.primary{ background:#ef4444; color:#ffffff; box-shadow:0 6px 18px rgba(239,68,68,.25); } /* red primary */
#somo-candela-app .result{ background:#f8fafc; border:1px dashed rgba(15,23,42,.14); border-radius:16px; padding:18px; margin-top:14px;}
#somo-candela-app .value-xl{ font-size:clamp(26px,4.5vw,42px); font-weight:800; line-height:1.1;}
#somo-candela-app .value-sub{ color:#475569; font-size:13px; }
#somo-candela-app .formula{ margin-top:18px; font-size:14px; color:#475569; line-height:1.5; }
#somo-candela-app code{ background:rgba(15,23,42,.06); padding:2px 6px; border-radius:6px; }
#somo-candela-app .inline-tip{ font-size:12px; color:#475569; }