*{box-sizing:border-box;max-width:100%;margin:0;padding:0}body{scrollbar-gutter:stable;background-color:#f0f0f0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:600px;margin:0 auto}.thought-card{background-color:#fff;border:1px solid #000;margin-bottom:16px;padding:20px;box-shadow:6px 6px #000}.thought-card-footer{align-items:center;gap:8px;margin-top:12px;margin-left:auto;display:flex}.timestamp{color:#999;margin-left:auto;font-size:14px}.heart-button{cursor:pointer;background-color:#e0e0e0;border:none;border-radius:50%;outline:none;width:40px;height:40px;font-size:18px}.heart-button--liked{background-color:#ffadad}.thought-form{background-color:#e4e4e4;border:1px solid #000;margin-bottom:16px;padding:20px;box-shadow:6px 6px #000}.thought-form p{margin-bottom:12px;font-size:16px}.thought-input{resize:none;border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:12px;padding:12px;font-size:16px}.submit-button{cursor:pointer;background-color:#ffadad;border:none;border-radius:20px;padding:10px 20px;font-size:16px}@media (width<=600px){body{padding:12px}.app{width:100%;max-width:100%;margin:0 auto}}