.inner-wrap{gap:1.25rem;padding-block:2rem 4rem;display:grid}.inner-wrap.narrow{max-width:680px}.inner-lede{opacity:.8;max-width:60ch;margin:0}.inner-h2{margin:.5rem 0 .75rem;font-family:Fraunces,serif;font-size:1.25rem}.inner-note{min-height:1.4em;color:var(--color-ink);margin:.5rem 0 0;font-weight:600}.inner .card{padding:1.25rem}.inner input{color:#2a1b3d;width:100%;min-height:44px;font:inherit;background:#ffffffb3;border:1px solid #2a1b3d40;border-radius:12px;padding:.6rem .9rem}.inner input:focus-visible{outline:2px solid var(--color-coral);outline-offset:3px}.habit-form{gap:1rem;display:grid}.icon-pick{flex-wrap:wrap;gap:.5rem;display:flex}.icon-pick .chip{cursor:pointer;justify-content:center;min-width:44px;min-height:44px}.icon-pick .chip.on{outline:2px solid var(--color-lilac);background:#a78bfa4d}.habit-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.habit-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.habit-row.muted{opacity:.7}.habit-icon{background:linear-gradient(135deg,#ff6b6b40,#a78bfa4d);border-radius:14px;place-items:center;width:48px;height:48px;font-size:1.6rem;display:grid}.habit-main{flex:1;gap:.15rem;min-width:140px;display:grid}.habit-main span{opacity:.75;font-size:.85rem}.habit-edit{flex-wrap:wrap;flex:1;gap:.5rem;min-width:200px;display:flex}.habit-edit input{flex:1;width:auto;min-width:140px}.heatmap{grid-template-columns:repeat(10,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.heat{aspect-ratio:1;background:#a78bfa1f;border-radius:8px;display:block}.heat.s0{background:#a78bfa1f}.heat.s1{background:#5eead466}.heat.s2{background:#5eead4bf}.heat.s3{background:linear-gradient(135deg, var(--color-coral), var(--color-lilac))}.heat-legend{justify-content:flex-end;align-items:center;gap:6px;margin:1rem 0 0;font-size:.85rem;display:flex}.heat-legend .heat{aspect-ratio:auto;border-radius:4px;width:16px;height:16px}.insight-grid{gap:1.25rem;display:grid}.streaks{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.streaks li{grid-template-columns:1fr auto;align-items:center;gap:.35rem 1rem;display:grid}.streaks .bar{background:#a78bfa33;border-radius:99px;grid-area:2/1/auto/-1;height:10px;overflow:hidden}.streaks .bar span{background:linear-gradient(90deg, var(--color-coral), var(--color-lilac));border-radius:99px;height:100%;display:block}.insight-photo{flex-direction:column;display:flex;overflow:hidden;padding:0!important}.insight-photo img{object-fit:cover;width:100%;height:200px}.insight-photo p{margin:0;padding:1.1rem 1.25rem}.setting-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.setting-row p{opacity:.8;margin:0}.setting-row .inner-h2{margin-top:0}.demo-note{text-align:center;opacity:.75;margin:1rem 0 0;font-size:.85rem}.theme-toggle{background:var(--color-surface);min-width:44px;min-height:44px;color:var(--color-ink);font:inherit;cursor:pointer;border:1px solid #2a1b3d40;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:inline-flex}.theme-toggle:focus-visible{outline:2px solid var(--color-coral);outline-offset:3px}@media (min-width:800px){.heatmap{grid-template-columns:repeat(15,1fr)}.insight-grid{grid-template-columns:1.1fr 1fr}}