:root{color:#201d19;background:#f7f2e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f7f2e8,#eef5ef);min-width:320px;margin:0}button,textarea{font:inherit}.app{width:min(980px,100% - 28px);margin:0 auto;padding:30px 0 56px}.hero{padding:28px 0 22px}.hero p,.hero span,.theme{color:#676057;font-weight:850}h1,h2,p{margin:0}h1{letter-spacing:0;margin:6px 0 10px;font-size:clamp(3rem,10vw,6rem);line-height:.95}h2{letter-spacing:0;font-size:1.16rem}.verse-card,.grid article,.note-card{background:#fffefb;border:1px solid #2d2a241f;border-radius:8px;box-shadow:0 16px 48px #4638241a}.verse-card{gap:14px;padding:30px;display:grid}.theme{color:#38634f;align-items:center;gap:8px;display:flex}.verse-card strong{letter-spacing:0;max-width:840px;font-size:clamp(2rem,6vw,4rem);line-height:1.18}.verse-card span{color:#675f55;font-weight:850}.ad-unit{background:#ffffffb8;border:1px dashed #cfc7b8;border-radius:8px;place-items:center;min-height:96px;margin:18px 0;display:grid;position:relative;overflow:hidden}.ad-unit>span{color:#70685f;pointer-events:none;font-size:.86rem;font-weight:850;position:absolute}.ad-unit ins{z-index:1;width:100%;position:relative}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.grid article{gap:10px;padding:22px;display:grid}.grid svg{color:#38634f}.grid p,.note-card textarea{color:#554d45;line-height:1.7}.note-card p{color:#554d45;line-height:1.72}.note-card{gap:14px;margin-top:18px;padding:24px;display:grid}.section-title,.button-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}textarea{resize:vertical;background:#fffefb;border:1px solid #d9d0c1;border-radius:8px;width:100%;min-height:128px;padding:14px}button{color:#201d19;cursor:pointer;background:#fff;border:1px solid #d9d0c1;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:850;display:inline-flex}button.done{color:#fff;background:#38634f}@media (width<=760px){.app{width:min(100% - 22px,620px);padding-top:18px}.verse-card,.note-card,.grid article{padding:18px}.grid{grid-template-columns:1fr}}