*{box-sizing:border-box}body{margin:0;background:#0b1120;color:#edf2fa;font:15px system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:560px;min-height:100dvh;margin:auto;padding:24px 17px 110px;background:#111827}header{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}small{font-size:10px;letter-spacing:2px;color:#7ed7b2;font-weight:800}h1{font-size:32px;margin:8px 0 0}header p{color:#9aa9be;margin:4px 0}h2{font-size:17px;margin:0 0 14px}.panel{background:#1b2739;border:1px solid #314056;border-radius:18px;padding:18px;margin-bottom:14px}.muted{color:#a7b5c9;font-size:13px;line-height:1.5}.between,.actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.actions{justify-content:flex-start;flex-wrap:wrap;margin-top:12px}button,.file{border:1px solid #45546a;background:#29384e;color:#f0f5fc;border-radius:11px;padding:10px 12px;font:inherit;cursor:pointer}button:focus-visible,.file:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #70e1b0}.primary,button.selected,.modes button.active{background:#1f765d;border-color:#32a982;color:white}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.modes button{font-size:12px;padding:11px 4px}.habit{display:flex;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid #344155}.habit:last-child{border:0}.habit input{accent-color:#34c38e;width:22px;height:22px;flex:none}.habit strong{display:block}.habit small{letter-spacing:0;color:#9fb0c5;font-size:12px;font-weight:400}.habit.optional{opacity:.65}.progress{background:#354258;height:8px;border-radius:20px;overflow:hidden;margin-top:18px}.progress div{height:100%;background:#43c998;transition:width .2s}.page{display:none}.page.active{display:block}textarea,input[type=text],#new-habit{width:100%;background:#101b2b;border:1px solid #40516b;color:#f2f6fc;border-radius:12px;padding:12px;font:inherit}textarea{resize:vertical}.prompt{padding:14px;background:#101b2b;border-radius:12px;line-height:1.6}.note{border-top:1px solid #344155;padding:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.note time{display:block;color:#a7b5c9;font-size:12px;margin-bottom:7px}.note button{margin-top:8px;font-size:12px}.weekrow{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #344155}.weekrow b{color:#79ddb2}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);display:grid;grid-template-columns:repeat(4,1fr);background:#162338;border-top:1px solid #33435b;padding:10px 10px max(10px,env(safe-area-inset-bottom));gap:5px}nav button{background:transparent;border:0;font-size:21px;padding:7px 2px}nav span{display:block;font-size:10px;margin-top:3px}.file{display:inline-block}#new-habit{flex:1;min-width:150px}#install{font-size:12px}@media(min-width:600px){.shell{box-shadow:0 0 50px #0005}}
.photo-card{padding:12px 0;border-top:1px solid #344155}.photo-card img{width:100%;max-height:420px;object-fit:contain;background:#0c1522;border-radius:12px;margin:8px 0}.photo-card time{font-size:12px;color:#a7b5c9}.photo-card .actions{margin-top:5px}.prompt[hidden]{display:none}.prompt{margin-top:12px}.file.primary{background:#1f765d;border-color:#32a982}button:disabled{opacity:.55;cursor:wait}

/* SM HÁBITOS v3 - evolución y afirmaciones */
.hero-panel{border:1px solid #285b59;background:linear-gradient(135deg,#144d48 0%,#1b3643 65%,#26334b 100%);border-radius:20px;padding:21px;margin-bottom:14px}.hero-head{display:flex;justify-content:space-between;align-items:center}.hero-head h2{font-size:23px;margin:8px 0}.hero-head p{font-size:13px;color:#c5e8e0;margin:0}.eyebrow{color:#8fe0be;font-size:10px;font-weight:800;letter-spacing:1.6px}.hero-bubble{font-size:39px;color:#b4f4cf;line-height:1}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff22;margin-top:19px;padding-top:12px;font-size:13px}.soft{background:#215b53;color:#d0ffed;border:1px solid #418a75}.affirmation-teaser .time-pill{background:#174e45;color:#94edc2;padding:7px 10px;border-radius:20px;font-size:12px;font-weight:800}.affirmation-teaser .between{align-items:start}.affirmation-teaser h2{margin-bottom:3px}.affirmation-teaser p{margin:0 0 14px}.affirm-card{padding:23px 16px;background:linear-gradient(155deg,#173f42,#102438);border-radius:18px;margin-top:16px;border:1px solid #39776c}.affirm-top{display:flex;justify-content:space-between;color:#97dac2;font-size:12px}.affirm-quote{min-height:140px;display:grid;place-items:center;text-align:center;font-size:24px;font-weight:680;line-height:1.35;letter-spacing:-.4px}.affirm-card .progress{background:#254c4c}.metric-row{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.metric{background:#132638;padding:15px 10px;border:1px solid #344b5e;border-radius:14px}.metric strong{font-size:29px;color:#99eac0;display:block}.metric small{font-size:11px;color:#b8c9da}.chart-container{margin-top:18px;min-height:190px}.chart-container svg{display:block;width:100%;height:auto;overflow:visible}.chart-container .axislabel{fill:#9eb5ca;font-size:11px}.heatmap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:18px 0 12px}.heat{border-radius:7px;min-height:32px;background:#28384b;display:flex;align-items:center;justify-content:center;color:#a9bed0;font-size:11px}.heat.low{background:#266355;color:#d3f9e4}.heat.med{background:#2d9572;color:white}.heat.high{background:#43c98f;color:#08352b}.heat.today{outline:2px solid #e8f8f0;outline-offset:2px}.heat-legend{display:flex;align-items:center;gap:6px;color:#a7b5c9;font-size:10px;justify-content:center}.heat-legend .heat{width:17px;min-height:17px;border-radius:4px}#affirm-done{margin-top:8px}button:disabled{opacity:.55}